11

src/views/third/thirdKeyManage/form.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible" :close-on-click-modal="false" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
+    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="120px" v-loading="loading">
       <el-row :gutter="24">
         <el-col :span="24" class="mb20">
           <el-form-item label="应用名" prop="name">
@@ -15,14 +15,20 @@
         </el-col>
 
         <el-col :span="24" class="mb20">
-          <el-form-item label="appSecret" prop="appSecret">
-            <el-input v-model="form.appSecret" placeholder="请输入appSecret" />
+          <el-form-item label="登录名" prop="appUsername">
+            <el-input v-model="form.appUsername" placeholder="请输入登录名" />
           </el-form-item>
         </el-col>
 
         <el-col :span="24" class="mb20">
-          <el-form-item label="字段密钥" prop="appFieldSecret">
-            <el-input v-model="form.appFieldSecret" placeholder="请输入字段密钥" />
+          <el-form-item label="登录密码" prop="appPassword">
+            <el-input v-model="form.appPassword" placeholder="请输入登录密码" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24" class="mb20">
+          <el-form-item label="基础请求路径" prop="baseUrl">
+            <el-input v-model="form.baseUrl" placeholder="请输入基础请求路径" />
           </el-form-item>
         </el-col>
 
@@ -74,18 +80,20 @@ const form = reactive({
   remark: '',
   enabled: '',
   appKey: '',
-  appSecret: '',
-  appFieldSecret: '',
+  appUsername: '',
+  appPassword: '',
   env: '',
+  baseUrl: '',
 });
 
 // 定义校验规则
 const dataRules = ref({
   name: [{ required: true, message: '应用名不能为空', trigger: 'blur' }],
   appKey: [{ required: true, message: 'appKey不能为空', trigger: 'blur' }],
-  appSecret: [{ required: true, message: 'appSecret不能为空', trigger: 'blur' }],
-  appFieldSecret: [{ required: true, message: '字段密钥不能为空', trigger: 'blur' }],
+  appUsername: [{ required: true, message: '登录名不能为空', trigger: 'blur' }],
+  appPassword: [{ required: true, message: '登录密码不能为空', trigger: 'blur' }],
   env: [{ required: true, message: '环境不能为空', trigger: 'blur' }],
+  baseUrl: [{ required: true, message: '基础请求路径不能为空', trigger: 'blur' }],
 })
 
 // 打开弹窗

src/views/third/thirdKeyManage/index.vue

@@ -42,8 +42,9 @@
         <el-table-column type="index" label="#" min-width="80" />
         <el-table-column prop="name" label="应用名" min-width="100" />
         <el-table-column prop="appKey" label="appId" min-width="150" show-overflow-tooltip />
-        <el-table-column prop="appSecret" label="appSecret" min-width="300" show-overflow-tooltip />
-        <el-table-column prop="appFieldSecret" label="字段密钥" min-width="300" show-overflow-tooltip />
+        <el-table-column prop="appUsername" label="登录名" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="appPassword" label="登录密码" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="baseUrl" label="基础请求路径" min-width="150" show-overflow-tooltip />
         <el-table-column prop="env" label="环境" min-width="100">
           <template #default="{ row }">
             <dict-tag :options="third_env" :value="row.env" />
@@ -56,12 +57,13 @@
           </template>
         </el-table-column>
         <el-table-column prop="remark" label="备注" show-overflow-tooltip min-width="200" />
-        <el-table-column label="操作" width="150" fixed="right">
-          <template #default="scope">
+        <el-table-column label="操作" width="200" fixed="right">
+          <template #default="{ row }">
+            <el-button icon="Position" text type="primary" @click="toUrl(row)">访问</el-button>
             <el-button icon="edit-pen" text type="primary" v-auth="'third_thirdKeyManage_edit'"
-              @click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
+              @click="formDialogRef.openDialog(row.id)">编辑</el-button>
             <el-button icon="delete" text type="primary" v-auth="'third_thirdKeyManage_del'"
-              @click="handleDelete([scope.row.id])">删除</el-button>
+              @click="handleDelete([row.id])">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -169,4 +171,16 @@ async function enableChange(row: any) {
   }
 }
 
+// 访问第三方应用
+async function toUrl(row: any) {
+  try {
+    const { data } = await ThirdKeyManageApi.getUrl({ appKey: row.appId })
+  } catch (error) {
+    console.error(error);
+
+  } finally {
+
+  }
+}
+
 </script>