update 平台配置页面

jsowell-ui/src/utils/common.js

@@ -251,3 +251,16 @@ export function getYear() {
     let nowDate = new Date();
     return nowDate.getFullYear();
 }
+
+// 随机字符串
+export function generateRandomID(length) {
+    // const characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+    const characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+    // const idLength = 30; // 字符串长度 这里生成30位的
+    let randomID = '';
+    for (let i = 0; i < length; i++) {
+        const randomIndex = Math.floor(Math.random() * characters.length);
+        randomID += characters.charAt(randomIndex);
+    }
+    return randomID;
+}

jsowell-ui/src/views/thirdparty/secret/detail.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="app-container Input">
-        <el-tabs type="border-card">
+        <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
-            <el-tab-pane label="密钥配置" name="order">
+            <el-tab-pane label="密钥配置" name="secret">
                 <el-form ref="form" :model="form" :rules="rules" label-width="300px">
                     <!-- 上 -->
                     <el-col :span="24">
@@ -19,7 +19,7 @@
                     <!-- 左侧 -->
                     <el-col :span="12">
                         <el-card class="box-card" style="margin-right: 50px;">
-                            <div slot="header" class="clearfix"></div>
+                            <div slot="header" class="clearfix">对接平台密钥信息</div>
                             <el-form-item label="对接平台唯一识别密钥(OperatorSecret)" prop="theirOperatorSecret"
                                 style="margin-top: 20px;">
                                 <el-input v-model="form.theirOperatorSecret"
@@ -43,8 +43,8 @@
                     <el-col :span="12">
                         <el-card class="box-card">
                             <div slot="header" class="clearfix">
-                                <span></span>
+                                <span>我方生成密钥信息</span>
-                                <el-button style="float: right; padding: 3px 0" type="text">生成密钥</el-button>
+                                <el-button style="float: right; padding: 3px 0" type="text" @click="generateSecret">生成密钥</el-button>
                             </div>
                             <el-form-item label="我方唯一识别密钥(OperatorSecret)" prop="ourOperatorSecret"
                                 style="margin-top: 20px;">
@@ -71,7 +71,7 @@
                 </div>
             </el-tab-pane>
 
-            <el-tab-pane label="同步数据" name="pile">
+            <el-tab-pane label="同步数据" name="notification">
 
             </el-tab-pane>
 
@@ -82,13 +82,15 @@
 <script>
 
 
-import { getSecret } from "@/api/thirdParty/secret";
+import {addSecret, getSecret, updateSecret} from "@/api/thirdParty/secret";
+import {generateRandomID} from "@/utils/common";
 
 export default {
     dicts: ["third_party_type"],
     components: {},
     data() {
         return {
+            activeName: "secret",
             id: this.$route.params.id,
             platformName: this.$route.params.platformName,
             // 表单参数
@@ -100,9 +102,22 @@ export default {
     },
     created() {
         this.updateTitle();
+        this.querySecretDetail();
     },
     methods: {
-        querySecretDetail(row) {
+        // 生成密钥
+        generateSecret() {
+            console.log("生成密钥");
+            this.form.ourOperatorSecret = generateRandomID(16);
+            this.form.ourDataSecret = generateRandomID(16);
+            this.form.ourDataSecretIv = generateRandomID(16);
+            this.form.ourSigSecret = generateRandomID(16);
+        },
+        handleClick(tab, event) {
+            console.log(tab, event);
+            // this.initializeData(tab.name);
+        },
+        querySecretDetail() {
             getSecret(this.id).then(response => {
                 this.form = response.data;
                 this.open = true;
@@ -116,6 +131,25 @@ export default {
             const route = Object.assign({}, this.$route, { title: `${title}` });
             this.$store.dispatch("tagsView/updateVisitedView", route);
         },
+        submitForm() {
+            this.$refs["form"].validate(valid => {
+                if (valid) {
+                    if (this.form.id != null) {
+                        updateSecret(this.form).then(response => {
+                            this.$modal.msgSuccess("修改成功");
+                            this.open = false;
+                            this.getList();
+                        });
+                    } else {
+                        addSecret(this.form).then(response => {
+                            this.$modal.msgSuccess("新增成功");
+                            this.open = false;
+                            this.getList();
+                        });
+                    }
+                }
+            });
+        }
     },
     mounted() {
 

jsowell-ui/src/views/thirdparty/secret/index.vue

@@ -92,7 +92,7 @@
                     v-hasPermi="['thirdparty:secret:add']"
                 >新增</el-button>
             </el-col>
-            <el-col :span="1.5">
+            <!--<el-col :span="1.5">
                 <el-button
                     type="success"
                     plain
@@ -102,8 +102,8 @@
                     @click="handleUpdate"
                     v-hasPermi="['thirdparty:secret:edit']"
                 >修改</el-button>
-            </el-col>
+            </el-col>-->
-            <el-col :span="1.5">
+            <!--<el-col :span="1.5">
                 <el-button
                     type="danger"
                     plain
@@ -113,7 +113,7 @@
                     @click="handleDelete"
                     v-hasPermi="['thirdparty:secret:remove']"
                 >删除</el-button>
-            </el-col>
+            </el-col>-->
             <!--<el-col :span="1.5">
                 <el-button
                     type="warning"
@@ -153,7 +153,7 @@
             <el-table-column label="我方生成的消息密钥" align="center" prop="ourDataSecret" />
             <el-table-column label="我方生成的初始化向量" align="center" prop="ourDataSecretIv" />
             <el-table-column label="我方生成的签名密钥" align="center" prop="ourSigSecret" />-->
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <!--<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
                     <el-button
                         size="mini"
@@ -170,7 +170,7 @@
                         v-hasPermi="['thirdparty:secret:remove']"
                     >删除</el-button>
                 </template>
-            </el-table-column>
+            </el-table-column>-->
         </el-table>
 
         <pagination
@@ -182,7 +182,7 @@
         />
 
         <!-- 添加或修改对接三方平台配置对话框 -->
-        <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+        <!--<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="300px">
                 <el-form-item label="对接平台名称" prop="platformName">
                     <el-input v-model="form.platformName" placeholder="请输入对接平台名称" />
@@ -222,6 +222,76 @@
                 <el-button type="primary" @click="submitForm">确 定</el-button>
                 <el-button @click="cancel">取 消</el-button>
             </div>
+        </el-dialog>-->
+        <el-dialog :title="title" :visible.sync="open" width="75%" append-to-body>
+            <el-form ref="form" :model="form" :rules="rules" label-width="300px">
+                <!-- 上 -->
+                <el-col :span="24">
+                    <el-form-item label="对接平台名称" prop="platformName">
+                        <el-input v-model="form.platformName" placeholder="请输入对接平台名称" style="width: 80%" />
+                    </el-form-item>
+                    <el-form-item label="接口地址前缀" prop="urlPrefix">
+                        <el-input v-model="form.urlPrefix" placeholder="请输入接口地址前缀" style="width: 80%" />
+                    </el-form-item>
+                    <el-form-item label="对接平台标识(OperatorId)" prop="theirOperatorId">
+                        <el-input v-model="form.theirOperatorId" placeholder="请输入对接平台标识(OperatorId)"
+                                  style="width: 80%" />
+                    </el-form-item>
+                </el-col>
+                <!-- 左侧 -->
+                <el-col :span="12">
+                    <el-card class="box-card" style="margin-right: 50px;">
+                        <div slot="header" class="clearfix">对接平台密钥信息</div>
+                        <el-form-item label="对接平台唯一识别密钥(OperatorSecret)" prop="theirOperatorSecret"
+                                      style="margin-top: 20px;">
+                            <el-input v-model="form.theirOperatorSecret"
+                                      placeholder="请输入对接平台生成的唯一识别密钥(OperatorSecret)" style="width: 450px" />
+                        </el-form-item>
+                        <el-form-item label="对接平台消息密钥(DataSecret)" prop="theirDataSecret">
+                            <el-input v-model="form.theirDataSecret" placeholder="请输入对接平台生成的消息密钥(DataSecret)"
+                                      style="width: 450px" />
+                        </el-form-item>
+                        <el-form-item label="对接平台初始化向量(DataSecretIv)" prop="theirDataSecretIv">
+                            <el-input v-model="form.theirDataSecretIv" placeholder="请输入对接平台生成的初始化向量(DataSecretIv)"
+                                      style="width: 450px" />
+                        </el-form-item>
+                        <el-form-item label="对接平台签名密钥(SigSecret)" prop="theirSigSecret">
+                            <el-input v-model="form.theirSigSecret" placeholder="请输入对接平台生成的签名密钥(SigSecret)"
+                                      style="width: 450px" />
+                        </el-form-item>
+                    </el-card>
+                </el-col>
+                <!-- 右侧 -->
+                <el-col :span="12">
+                    <el-card class="box-card">
+                        <div slot="header" class="clearfix">
+                            <span>我方生成密钥信息</span>
+                            <el-button style="float: right; padding: 3px 0" type="text" @click="generateSecret">生成密钥</el-button>
+                        </div>
+                        <el-form-item label="我方唯一识别密钥(OperatorSecret)" prop="ourOperatorSecret"
+                                      style="margin-top: 20px;">
+                            <el-input v-model="form.ourOperatorSecret" placeholder="请输入我方生成的唯一识别密钥(OperatorSecret)"
+                                      style="width: 450px" />
+                        </el-form-item>
+                        <el-form-item label="我方消息密钥(DataSecret)" prop="ourDataSecret">
+                            <el-input v-model="form.ourDataSecret" placeholder="请输入我方生成的消息密钥(DataSecret)"
+                                      style="width: 450px" />
+                        </el-form-item>
+                        <el-form-item label="我方初始化向量(DataSecretIv)" prop="ourDataSecretIv">
+                            <el-input v-model="form.ourDataSecretIv" placeholder="请输入我方生成的初始化向量(DataSecretIv)"
+                                      style="width: 450px" />
+                        </el-form-item>
+                        <el-form-item label="我方签名密钥(SigSecret)" prop="ourSigSecret">
+                            <el-input v-model="form.ourSigSecret" placeholder="请输入我方生成的签名密钥(SigSecret)"
+                                      style="width: 450px" />
+                        </el-form-item>
+                    </el-card>
+                </el-col>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submitForm">确 定</el-button>
+                <el-button @click="cancel">取 消</el-button>
+            </div>
         </el-dialog>
     </div>
 </template>
@@ -230,6 +300,7 @@
 
 
 import {addSecret, getSecret, listSecret, updateSecret} from "@/api/thirdParty/secret";
+import {generateRandomID} from "@/utils/common";
 
 export default {
     name: "Secret",
@@ -282,6 +353,14 @@ export default {
         this.getList();
     },
     methods: {
+        // 生成密钥
+        generateSecret() {
+            console.log("生成密钥");
+            this.form.ourOperatorSecret = generateRandomID(16);
+            this.form.ourDataSecret = generateRandomID(16);
+            this.form.ourDataSecretIv = generateRandomID(16);
+            this.form.ourSigSecret = generateRandomID(16);
+        },
         goDetail(scope) {
             this.$router.push({
                 name: 'secretDetail',