[feat](容器平台配置): 修改新增字段

src/page/main/config/cloud-platform/index.vue

@@ -75,11 +75,8 @@
         ref="bgForm"
         :model="formData"
         :rules="rules"
-        label-width="100px"
+        label-width="130px"
         style="margin-top: 24px">
-        <el-form-item label="平台名称" prop="name">
-          <el-input v-model.trim="formData.name" placeholder="请输入平台名称" maxlength="50" show-word-limit />
-        </el-form-item>
         <el-form-item label="平台类型" prop="type">
           <el-radio-group v-model="formData.type">
             <el-radio v-for="(item, index) in typeList" :key="'type' + index" :label="item.value">
@@ -87,24 +84,36 @@
             </el-radio>
           </el-radio-group>
         </el-form-item>
+        <el-form-item label="平台名称" prop="name">
+          <el-input v-model.trim="formData.name" placeholder="请输入平台名称" maxlength="50" show-word-limit />
+        </el-form-item>
+        <el-form-item label="平台帐号" prop="account" v-if="formData.type == 1">
+          <el-input v-model.trim="formData.account" placeholder="请输入aPaaS在该平台注册的帐号" maxlength="50" show-word-limit />
+        </el-form-item>
+        <el-form-item label="工作组名称" prop="group_name" v-if="formData.type == 1">
+          <el-input v-model.trim="formData.group_name" placeholder="请输入aPaaS在该平台注册申请的工作组名称" maxlength="50" show-word-limit />
+        </el-form-item>
         <el-form-item label="服务地址" prop="address" v-if="formData.type == 1">
-          <el-input v-model.trim="formData.address" placeholder="请输入服务地址URL" maxlength="300" show-word-limit />
+          <el-input v-model.trim="formData.address" placeholder="请输入服务地址URL" maxlength="100" show-word-limit />
         </el-form-item>
-        <el-form-item label="APISERVER" prop="apiserver" v-else>
+        <el-form-item label="服务地址TOKEN" prop="address_toekn" v-if="formData.type == 1">
+          <el-input v-model.trim="formData.address_toekn" placeholder="请输入TOKEN参数" maxlength="100" show-word-limit />
+        </el-form-item>
+        <el-form-item label="APISERVER" prop="apiserver">
           <el-input
             v-model.trim="formData.apiserver"
             placeholder="请输入APISERVER参数"
-            maxlength="300"
+            maxlength="100"
             show-word-limit />
         </el-form-item>
-        <el-form-item label="TOKEN" prop="token_value">
-          <el-input v-model.trim="formData.token_value" placeholder="请输入TOKEN参数" maxlength="300" show-word-limit />
+        <el-form-item label="SERVER TOKEN" prop="server_token">
+          <el-input v-model.trim="formData.server_token" placeholder="请输入TOKEN参数" maxlength="100" show-word-limit />
         </el-form-item>
         <el-form-item label="描述" prop="desc">
           <el-input
             v-model.trim="formData.desc"
             placeholder="请输入描述"
-            maxlength="100"
+            maxlength="300"
             show-word-limit
             :rows="4"
             type="textarea" />
@@ -199,19 +208,25 @@ const state = reactive({
   dialogType: 1,
   addDialog: false,
   formData: {
-    name: "",
     type: 1,
+    name: "",
+    account: "",
+    group_name: "",
     address: "",
+    address_toekn: "",
     apiserver: "",
-    token_value: "",
+    server_token: "",
     desc: "",
   },
   rules: {
     name: [{ required: true, message: "平台名称不能为空", trigger: "blur" }],
     type: [{ required: true, message: "请选择平台类型", trigger: "change" }],
+    account: [{ required: true, message: "平台帐号不能为空", trigger: "blur" }],
+    group_name: [{ required: true, message: "工作组名称不能为空", trigger: "blur" }],
     address: [{ required: true, message: "服务地址URL不能为空", trigger: "blur" }],
+    address_toekn: [{ required: true, message: "TOKEN参数不能为空", trigger: "blur" }],
     apiserver: [{ required: true, message: "APISERVER参数不能为空", trigger: "blur" }],
-    token_value: [{ required: true, message: "TOKEN参数不能为空", trigger: "blur" }],
+    server_token: [{ required: true, message: "TOKEN参数不能为空", trigger: "blur" }],
     desc: [{ required: true, message: "描述不能为空", trigger: "blur" }],
   },
   typeList: [
@@ -226,13 +241,23 @@ const state = reactive({
   ],
   detailDialog: false,
   platfromInfo: [
+    {
+      name: "平台类型",
+      value: "",
+      nameWidth: 144,
+    },
     {
       name: "平台名称",
       value: "",
       nameWidth: 144,
     },
     {
-      name: "平台类型",
+      name: "平台帐号",
+      value: "",
+      nameWidth: 144,
+    },
+    {
+      name: "工作组名称",
       value: "",
       nameWidth: 144,
     },
@@ -246,6 +271,16 @@ const state = reactive({
       value: "",
       nameWidth: 144,
     },
+    {
+      name: "APISERVER",
+      value: "",
+      nameWidth: 144,
+    },
+    {
+      name: "TOKEN",
+      value: "",
+      nameWidth: 144,
+    },
     {
       name: "描述",
       value: "",
@@ -259,33 +294,40 @@ const getRoleRows = () => {
   state.tableRows = [
     {
       id: 1,
+      type: 1,
       name: "比格容器云平台",
+      account: "admin",
+      group_name: "beagle",
       type_name: "自有平台",
       desc: "这是一个由比格大数据公司自主研发的一款云原生容器平台这是一个由比格大数据公司自主研发的一款云原生容器平台",
       created_by: "王先生",
       created_time: "2020-01-01 00:00:00",
       address: "https://cloud1.wodcloud.com/",
-      token_value: "1234567bqsid123k12s0h1d3uhf493fh02hd3h38ff",
+      address_token: "11112321123123123123",
+      apiserver: "https://apaas1.wodcloud.com/",
+      server_token: "1234567bqsid123k12s0h1d3uhf493fh02hd3h38ff",
     },
     {
       id: 2,
+      type: 2,
       name: "阿里云平台",
       type_name: "第三方平台",
       desc: "阿里云平台",
       created_by: "王先生",
       created_time: "2020-01-01 00:00:00",
-      address: "https://cloud2.wodcloud.com/",
-      token_value: "abcdefgbqsis0h1d3uhf493fh02hdd102h9s3h38ff",
+      apiserver: "https://apaas2.wodcloud.com/",
+      server_token: "abcdefgbqsis0h1d3uhf493fh02hdd102h9s3h38ff",
     },
     {
       id: 3,
+      type: 2,
       name: "腾讯云平台",
       type_name: "第三方平台",
       desc: "这是腾讯云平台啊",
       created_by: "王先生",
       created_time: "2020-01-01 00:00:00",
-      address: "https://cloud3.wodcloud.com/",
-      token_value: "bqsid123k12s0h1d3uhf493fh02hddsaassdsh38ff",
+      apiserver: "https://apaas3.wodcloud.com",
+      server_token: "bqsid123k12s0h1d3uhf493fh02hddsaassdsh38ff",
     },
   ];
   state.tableTotal = 3;
@@ -322,11 +364,14 @@ const register = () => {
 
 const resetForm = () => {
   state.formData = {
-    name: "",
     type: 1,
+    name: "",
+    account: "",
+    group_name: "",
     address: "",
+    address_toekn: "",
     apiserver: "",
-    token_value: "",
+    server_token: "",
     desc: "",
   };
   if (bgForm.value) {
@@ -340,11 +385,18 @@ const resetForm = () => {
   }
 };
 const viewDetail = (row) => {
-  state.platfromInfo[0].value = row.name
-  state.platfromInfo[1].value = row.type_name
-  state.platfromInfo[2].value = row.address
-  state.platfromInfo[3].value = row.token_value
-  state.platfromInfo[4].value = row.desc
+  state.platfromInfo[0].value = row.type_name
+  state.platfromInfo[1].value = row.name
+  state.platfromInfo[2].value = row.account
+  state.platfromInfo[3].value = row.group_name
+  state.platfromInfo[4].value = row.address
+  state.platfromInfo[5].value = row.address_token
+  state.platfromInfo[6].value = row.apiserver
+  state.platfromInfo[7].value = row.server_token
+  state.platfromInfo[8].value = row.desc
+  if (row.type == 2) {
+    state.platfromInfo.splice(2,4)
+  }
   state.detailDialog = true;
   console.log(row, "查看详情");
 }; // 查看详情