服务编辑页面修改

src/views/systemSettings/views/serviceManagement/mixins/operate.js

@@ -1,7 +1,7 @@
 /*
  * @Author: Badguy
  * @Date: 2022-04-29 09:17:55
- * @LastEditTime: 2022-04-29 16:00:18
+ * @LastEditTime: 2022-04-29 16:23:00
  * @LastEditors: your name
  * @Description: 服务相关操作
  * have a nice day!
@@ -42,13 +42,13 @@ export default {
         operate: operateMap[operate],
         serviceID: this.serviceID
       }
-      if (['update', 'delete'].includes(operate)) {
+      if (operate === 'create') {
+        params.deployNodeID = deployNodeID
+      } else {
         const { DeployID } = this.serviceAndNodeList.find(
           element => element.serviceID === this.serviceID && element.deployNodeID === deployNodeID
         )
         params.DeployID = DeployID
-      } else {
-        params.deployNodeID = deployNodeID
       }
       try {
         const result = await GeneralDataReception({
@@ -69,13 +69,13 @@ export default {
         operate: operateMap[operate],
         serviceID: this.serviceID
       }
-      if (['update', 'delete'].includes(operate)) {
+      if (operate === 'create') {
+        params.sourceDataID = sourceDataID
+      } else {
         const { serviceInputSourceDataID } = this.serviceAndSourceList.find(
           element => element.serviceID === this.serviceID && element.sourceDataID === sourceDataID
         )
         params.serviceInputSourceDataID = serviceInputSourceDataID
-      } else {
-        params.sourceDataID = sourceDataID
       }
       try {
         const result = await GeneralDataReception({
@@ -91,11 +91,15 @@ export default {
         console.log('错误', error)
       }
     },
-    async updateServiceOutput(operate, serviceOutputID) {
+    async updateServiceOutput(operate, outputTarget) {
       const params = {
         operate: operateMap[operate],
-        serviceID: this.serviceID,
-        serviceOutputID
+        serviceID: this.serviceID
+      }
+      if (operate === 'create') {
+        params.outputTarget = outputTarget
+      } else {
+        params.serviceOutputID = outputTarget.serviceOutputID
       }
       try {
         const result = await GeneralDataReception({

src/views/systemSettings/views/serviceManagement/serviceEdit.vue

@@ -1,6 +1,6 @@
 <!--
  * @Date: 2022-03-24 09:55:13
- * @LastEditTime: 2022-04-29 15:49:40
+ * @LastEditTime: 2022-04-29 16:36:44
  * @LastEditors: your name
  * @Description: 服务管理-编辑服务
  * have a nice day!
@@ -71,35 +71,40 @@
             </header>
             <main class="content">
               <div class="scrollbar">
-                <el-row :gutter="16">
-                  <el-col :span="8">
-                    <div class="service-edit-card">
-                      <div
-                        class="card-btn-add"
-                        @click="showOperateDialog('node')"
-                      >
-                        <i class="el-icon-plus" />
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col
-                    v-for="node in checkedNodeList"
-                    :key="node.deployNodeID"
-                    :span="8"
-                  >
-                    <div class="service-edit-card">
-                      <div
-                        class="card-btn-close"
-                        @click="showDeleteDialog(node, 'node')"
-                      >
-                        <i class="el-icon-close" />
+                <template v-if="nodeList.length">
+                  <el-row :gutter="16">
+                    <el-col :span="8">
+                      <div class="service-edit-card">
+                        <div
+                          class="card-btn-add"
+                          @click="showOperateDialog('node')"
+                        >
+                          <i class="el-icon-plus" />
+                        </div>
                       </div>
-                      <div class="card-header">
-                        <span>{{ node.deployNodeName }}</span>
+                    </el-col>
+                    <el-col
+                      v-for="node in checkedNodeList"
+                      :key="node.deployNodeID"
+                      :span="8"
+                    >
+                      <div class="service-edit-card">
+                        <div
+                          class="card-btn-close"
+                          @click="showDeleteDialog(node, 'node')"
+                        >
+                          <i class="el-icon-close" />
+                        </div>
+                        <div class="card-header">
+                          <span>{{ node.deployNodeName }}</span>
+                        </div>
                       </div>
-                    </div>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </template>
+                <template v-else>
+                  <NoData />
+                </template>
               </div>
             </main>
           </div>
@@ -163,35 +168,40 @@
             </header>
             <main class="content second-content">
               <div class="scrollbar">
-                <el-row :gutter="16">
-                  <el-col :span="8">
-                    <div class="service-edit-card">
-                      <div
-                        class="card-btn-add"
-                        @click="showOperateDialog('source')"
-                      >
-                        <i class="el-icon-plus" />
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col
-                    v-for="source in checkedSourceList"
-                    :key="source.sourceDataID"
-                    :span="8"
-                  >
-                    <div class="service-edit-card">
-                      <div
-                        class="card-btn-close"
-                        @click="showDeleteDialog(source, 'source')"
-                      >
-                        <i class="el-icon-close" />
+                <template v-if="sourceList.length">
+                  <el-row :gutter="16">
+                    <el-col :span="8">
+                      <div class="service-edit-card">
+                        <div
+                          class="card-btn-add"
+                          @click="showOperateDialog('source')"
+                        >
+                          <i class="el-icon-plus" />
+                        </div>
                       </div>
-                      <div class="card-header">
-                        <span>{{ source.dataName }}</span>
+                    </el-col>
+                    <el-col
+                      v-for="source in checkedSourceList"
+                      :key="source.sourceDataID"
+                      :span="8"
+                    >
+                      <div class="service-edit-card">
+                        <div
+                          class="card-btn-close"
+                          @click="showDeleteDialog(source, 'source')"
+                        >
+                          <i class="el-icon-close" />
+                        </div>
+                        <div class="card-header">
+                          <span>{{ source.dataName }}</span>
+                        </div>
                       </div>
-                    </div>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </template>
+                <template v-else>
+                  <NoData />
+                </template>
               </div>
             </main>
           </div>
@@ -613,7 +623,10 @@ export default {
       this.deleteDialogType = type
     },
     async deleteSubmitHandler() {
-      const message = await this.dataInMap(this.deleteDialogType, 'operate')('delete', this.delObj[this.dataInMap(this.deleteDialogType, 'key')])
+      const message = await this.dataInMap(this.deleteDialogType, 'operate')(
+        'delete',
+        this.delObj[this.dataInMap(this.deleteDialogType, 'key')]
+      )
       this.$message.success(message ?? '成功')
       await this.queryAll()
       this.deleteDialogType = null