中台修改

src/views/comCenterServeListNew/components/comDialog.vue

@@ -762,7 +762,7 @@ export default {
     },
     getQryStatDetPage(inventoryEnum, archiTypeId, archiType) {
       const params = {
-        inventoryId: this.row.row.inventoryEnum,
+        inventoryId: this.row.row.inventoryId,
         inventoryEnum,
         archiTypeId,
         archiType

src/views/comCenterServeListNew/components/serviceList.vue

@@ -59,8 +59,10 @@
       <el-table-column slot="end" fixed="right" label="操作" align="center" :width="200">
         <template slot-scope="scope">
           <div class="btns">
-            <img v-for="(item, idx) in btns" :key="idx" :src="item.url" style="cursor: pointer" width="26" height="26"
-              @click="concatService(scope.row, item.archiType)" alt="">
+            <el-tooltip class="item" effect="dark" :content="item.text" v-for="(item, idx) in btns" :key="idx" placement="top">
+              <img :src="item.url" style="cursor: pointer" width="26" height="26"
+                @click="concatService(scope.row, item.archiType, item.text)" alt="">
+            </el-tooltip>
           </div>
         </template>
       </el-table-column>
@@ -72,7 +74,7 @@
       <el-row class="comDialogContent">
         <el-col :span="12">
           <div style="height: 400px;overflow-y:auto">
-            <el-tree ref="tree" :data="treeData" show-checkbox check-on-click-node :node-key="handleNodeKey" default-expand-all :props="treeProps"
+            <el-tree ref="tree" v-if="show" :data="treeData" show-checkbox check-on-click-node :node-key="handleNodeKey" default-expand-all :props="handleTreeProps"
               @check-change="checkChange">
             </el-tree>
           </div>
@@ -219,12 +221,12 @@ export default {
         },
         {
           label: "中台类型",
-          prop: "midGroundType",
+          prop: "midGroundId",
           minWidth: 120,
           showOverflowTooltip: true,
           align: "center",
           render: (h, params) => {
-            return h("span", {}, params.midGroundType ? midGroundNameOptions[params.midGroundType - 1].label : '--');
+            return h("span", {}, params.midGroundId ? midGroundTypeOptions[params.midGroundId - 1].label : '--');
           },
         },
         {
@@ -281,18 +283,15 @@ export default {
             this.$emit('dialog', '支撑技术组件数量', row)
           },
         },
-        {
-          label: "服务发布时间",
-          prop: "publishTime",
-          minWidth: 120,
-          showOverflowTooltip: true,
-          align: "center",
-        },
+       
         {
           label: "支撑的业务活动",
           prop: "suppportBusActNum",
           minWidth: 120,
           align: "center",
+          click: (row) => {
+            this.$emit('dialog', '支撑的业务活动', row)
+          },
         },
         {
           label: "关联的中台服务",
@@ -315,6 +314,13 @@ export default {
             return h("span", {}, params.state === 0 ? stateOptions[0].label : params.state > 0 ? stateOptions[params.state].label : '--');
           },
         },
+        {
+          label: "服务发布时间",
+          prop: "publishTime",
+          minWidth: 120,
+          showOverflowTooltip: true,
+          align: "center",
+        },
         // {
         //   label: "操作",
         //   prop: "action",
@@ -369,7 +375,63 @@ export default {
         label: 'assetName'
       },
       treeData: [],
-      dialogColumns: [
+      
+      // dialogData: []
+      btns: [{
+        url: require('@/assets/comCenterServe/btn1.png'),
+        archiType: 1,
+        text: '关联业务'
+      },{
+        url: require('@/assets/comCenterServe/btn2.png'),
+        archiType: 2,
+        text: '关联应用'
+      },{
+        url: require('@/assets/comCenterServe/btn3.png'),
+        archiType: 3,
+        text: '关联数据'
+      },{
+        url: require('@/assets/comCenterServe/btn4.png'),
+        archiType: 4,
+        text: '关联技术'
+      },{
+        url: require('@/assets/comCenterServe/btn5.png'),
+        archiType: 6,
+        text: '关联清单'
+      }],
+      operationArchiType: null
+    };
+  },
+  computed: {
+    dialogColumns() {
+      if(this.operationArchiType === 6) {
+        return [
+          {
+            label: "中台id",
+            prop: "inventoryId",
+            showOverflowTooltip: true,
+            align: "center",
+            fixed: "left",
+            minWidth: 140
+          },
+          {
+            label: "中台名称",
+            prop: "abilityName",
+            showOverflowTooltip: true,
+            align: "center",
+            fixed: "left",
+            minWidth: 140
+          },
+          {
+            label: "中台编码",
+            prop: "abilityCode",
+            showOverflowTooltip: true,
+            align: "center",
+            fixed: "left",
+            minWidth: 140
+          },
+        ]
+      } else {
+        return [
         {
           label: "资产名称",
           prop: "assetName",
@@ -394,28 +456,10 @@ export default {
           fixed: "left",
           minWidth: 140
         },
-      ],
-      // dialogData: []
-      btns: [{
-        url: require('@/assets/comCenterServe/btn1.png'),
-        archiType: 1
-      },{
-        url: require('@/assets/comCenterServe/btn2.png'),
-        archiType: 2
-      },{
-        url: require('@/assets/comCenterServe/btn3.png'),
-        archiType: 3
-      },{
-        url: require('@/assets/comCenterServe/btn4.png'),
-        archiType: 4
-      },{
-        url: require('@/assets/comCenterServe/btn5.png'),
-        archiType: 6
-      }],
-      operationArchiType: null
-    };
-  },
-  computed: {
+      ]
+      }
+    },
+     
     handleNodeKey() {
       if(this.operationArchiType === 6) {
         return 'inventoryId'
@@ -501,14 +545,15 @@ export default {
         if(res.code === 200) {
           const keys = res.data.records.map(v => v.relaAssetId)
           this.$refs.tree.setCheckedKeys(keys)
+          this.$forceUpdate()
         }
       })
     },
-    concatService(row, type) {
+    concatService(row, type, title) {
       this.operationArchiType = type
       this.dialogRow = { ...row }
       console.log("编辑", row);
-      this.title = '关联业务'
+      this.title = title
       this.show = true;
     },
     disabledTreeNode(data) {
@@ -543,16 +588,16 @@ export default {
       
       const assetsDTOS = this.dialogData.map(v => {
         return {
-          inventoryId,
-          abilityCode,
-          abilityName,
-          assetId: v.assetId,
+          inventoryId: v.inventoryId || inventoryId,
+          abilityCode: v.abilityCode || abilityCode,
+          abilityName: v.abilityName || abilityName,
+          assetId: v.assetId || '',
           assetName: v.assetName,
           archiType: this.getArchiType(this.operationArchiType),
           archiTypeId: this.operationArchiType,
-          eleName: v.eleName,
-          parentAssetIds: v.parentAssetId,
-          parentAssetNames: v.parentAssetName,
+          eleName: v.eleName || '',
+          parentAssetIds: v.parentAssetId || '',
+          parentAssetNames: v.parentAssetName || '',
           
         }
       })
@@ -564,6 +609,7 @@ export default {
         if(res.code === 200) {
           this.$message.success('保存成功')
           this.show = false
+          this.getList()
         } else {
           this.$message.warning(res.msg)
         }
@@ -589,6 +635,9 @@ export default {
         case 5:
           str = '安全架构'
           break;
+        case 6:
+          str = '中台清单'
+          break
         default:
           break;
       }