fix

src/components/Edge/createDevice.vue

@@ -7,11 +7,11 @@
       <el-step title="创建自动事件" />
       <el-step title="创建设备通信协议" />
     </el-steps>
-    <basicInfoForm v-show="stepNum===0" ref="basicInfoForm" v-model="metaData" :classification="classification" @checkSuccess="handleCheckSuccess()" />
+    <!-- <basicInfoForm v-show="stepNum===0" ref="basicInfoForm" v-model="metaData" :classification="classification" @checkSuccess="handleCheckSuccess()" />
     <containerImage v-if="stepNum===1" v-model="metaData" :classification="classification" />
     <mountVolumes v-if="stepNum===2" v-model="metaData" />
     <advancedSettings v-if="stepNum===3" v-model="metaData" :classification="classification" />
-    <advancedSettings v-if="stepNum===4" v-model="metaData" :classification="classification" />
+    <advancedSettings v-if="stepNum===4" v-model="metaData" :classification="classification" /> -->
     <div slot="footer" class="dialog-footer">
       <el-button @click="createFormVisible = false;transformYaml()">取 消</el-button>
       <el-button v-if="stepNum!==0" type="primary" @click="prev">上一步</el-button>
@@ -23,16 +23,16 @@
 
 <script>
 // import { createServiceData } from '@/api/container/serviceManagement'
-import advancedSettings from './advancedSettings.vue'
-import basicInfoForm from './basicInfoForm.vue'
-import containerImage from './containerImage.vue'
-import mountVolumes from './mountVolumes.vue'
+// import advancedSettings from './advancedSettings.vue'
+// import basicInfoForm from './basicInfoForm.vue'
+// import containerImage from './containerImage.vue'
+// import mountVolumes from './mountVolumes.vue'
 // import fs from 'fs'
 import yaml from 'js-yaml'
 // import baseYaml from './base.yaml'
 
 export default {
-  components: { basicInfoForm, containerImage, advancedSettings, mountVolumes },
+  // components: { basicInfoForm, containerImage, advancedSettings, mountVolumes },
   props: {
     value: {
       type: Boolean,

src/components/Edge/deviceServiceList.vue

@@ -47,7 +47,12 @@
           :columns="columns1"
           :table-list-data="blockList1"
           tooltip-effect="dark"
-        />
+        >
+          <template v-slot:filterBtns>
+            <el-button size="medium" type="primary" @click="addDevice">添加</el-button>
+          </template>
+        </List>
+        <CreateDevice v-model="createFormVisible" />
         <el-dialog :close-on-click-modal="false" :title="deviceItemData.name" :visible.sync="dialogAutoEventsVisible">
           <el-table
             v-if="deviceItemData.autoEvents ? deviceItemData.autoEvents.length>0 : false"
@@ -102,10 +107,12 @@
 <script>
 import List from '@/components/list'
 import { deleteService, getEdgeDataByIpPath, patchDeviceservice, putDeviceservice, getProfileByIpPath, postYaml } from '@/api/edge/edge'
+import CreateDevice from '@/components/Edge/createDevice.vue'
 
 export default {
   components: {
-    List
+    List,
+    CreateDevice
   },
   data() {
     return {
@@ -115,6 +122,7 @@ export default {
       blockList2: [],
       deviceItemData: {},
       dialogSettingVisible: false,
+      createFormVisible: false,
       dialogAutoEventsVisible: false,
       serviceData: {},
       code: ``,
@@ -170,7 +178,11 @@ export default {
           </div>
         } },
         { prop: 'profileName', label: '相关设备元信息' },
-        { prop: 'serviceName', label: '相关设备服务' },
+        { prop: 'serviceName', label: '相关设备服务', formatter: (row) => {
+          return <div>
+            <el-button onClick={() => { this.activeName = '1' }} type='text' size='small'>{row.serviceName}</el-button>
+          </div>
+        } },
         { prop: '', label: '设置', formatter: (row) => {
           return <div>
             <el-button onClick={() => this.viewSetting(row)} type='text' icon='el-icon-s-setting' size='small'>编辑</el-button>