From 5af40d3b89aa4bd7f64439db49f1050656555208 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=BC=9F=E5=BA=9A?= <zhaoweigeng@wodcloud.com>
Date: Fri, 3 Mar 2023 14:36:03 +0800
Subject: [PATCH] =?UTF-8?q?[feat](=E5=AE=B9=E5=99=A8=E5=B9=B3=E5=8F=B0?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE):=20=E4=BF=AE=E6=94=B9=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/main/config/cloud-platform/index.vue | 104 +++++++++++++-----
 1 file changed, 78 insertions(+), 26 deletions(-)

diff --git a/src/page/main/config/cloud-platform/index.vue b/src/page/main/config/cloud-platform/index.vue
index 5e70c25..092002e 100644
--- a/src/page/main/config/cloud-platform/index.vue
+++ b/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, "查看详情");
 }; // 查看详情
-- 
2.26.0