update SysUpdate.vue

src/views/devops/sys/SysUpdate.vue

@@ -42,9 +42,18 @@
               label="应用目录"
             />
             <el-table-column
-              prop="remoteAgentConfig.mgrHost"
-              label="连接的 mgr 地址"
-            />
+              prop="config"
+              label="配置"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  style="margin-top: 5px; margin-left: 5px"
+                  size="mini"
+                  type="success"
+                  @click="handleShowConfig(scope.$index, scope.row)"
+                >查看</el-button>
+              </template>
+            </el-table-column>
             <el-table-column
               prop="appVersion"
               label="应用版本"
@@ -113,8 +122,8 @@
           <el-form-item label="应用目录">
             <el-input v-model="addForm.appDir" style="width: 70%; padding-right: 2px" />
           </el-form-item>
-          <el-form-item v-if="queryInfo.nodeType === 'agent'" label="agent 配置" style="width: 70%; padding-right: 2px">
-            <el-select v-model="addForm.remoteAgentConfig" placeholder="选择 agent 配置">
+          <el-form-item v-if="queryInfo.nodeType === 'agent'" label="连接的 mgr 地址" style="width: 70%; padding-right: 2px">
+            <el-select v-model="addForm.remoteAgentConfig" placeholder="选择 mgr 地址">
               <el-option
                 v-for="(item, index) in agentConfigList"
                 :key="index"
@@ -198,6 +207,31 @@
         </el-form>
       </template>
     </el-dialog>
+    <el-dialog
+      :title="title"
+      append-to-body
+      :visible.sync="showConfigDialog"
+      center
+    >
+      <template>
+        <span v-if="queryInfo.nodeType === 'agent'">
+          <el-form :model="configForm" label-width="80px">
+            <el-form-item label="mgr 协议" style="width: 70%; padding-right: 2px">
+              <el-input v-model="configForm.mgrProtocol" style="width: 70%; padding-right: 2px" readonly />
+            </el-form-item>
+            <el-form-item label="mgr 地址" style="width: 70%; padding-right: 2px">
+              <el-input v-model="configForm.mgrHost" style="width: 70%; padding-right: 2px" readonly />
+            </el-form-item>
+            <el-form-item label="mgr 端口" style="width: 70%; padding-right: 2px">
+              <el-input v-model="configForm.mgrPort" style="width: 70%; padding-right: 2px" readonly />
+            </el-form-item>
+          </el-form>
+        </span>
+        <span v-else>
+          {{ mgrConfig }}
+        </span>
+      </template>
+    </el-dialog>
   </el-container>
 </template>
 
@@ -240,7 +274,11 @@ export default {
         mgrProtocol: 'ws',
         mgrHost: '127.0.0.1',
         mgrPort: 4030
-      }
+      },
+      // **********************************************************************
+      showConfigDialog: false,
+      title: ' 节点配置',
+      mgrConfig: ''
     }
   },
   created() {
@@ -376,6 +414,16 @@ export default {
       }).catch(error => {
         this.$message.error(error.message)
       })
+    },
+    handleShowConfig(index, row) {
+      if (this.queryInfo.nodeType === 'agent') {
+        this.configForm = row.remoteAgentConfig
+      } else {
+        this.mgrConfig = 'mgr config'
+      }
+
+      this.title = this.queryInfo.nodeType + ' 节点配置'
+      this.showConfigDialog = true
     }
   }
 }