From 51778b91451ddb0ba40dafb1d46f02ad030082e9 Mon Sep 17 00:00:00 2001
From: "BOOL\\25024" <http://192.168.2.2:8099/jsowell/jsowell-uniapp.git>
Date: Mon, 22 Apr 2024 16:24:32 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=B8=89=E6=96=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/thirdparty/secret/detail.vue    | 112 +++++++++++-------
 1 file changed, 66 insertions(+), 46 deletions(-)

diff --git a/jsowell-ui/src/views/thirdparty/secret/detail.vue b/jsowell-ui/src/views/thirdparty/secret/detail.vue
index ac67f56cd..b0c983752 100644
--- a/jsowell-ui/src/views/thirdparty/secret/detail.vue
+++ b/jsowell-ui/src/views/thirdparty/secret/detail.vue
@@ -4,52 +4,70 @@
             <el-tab-pane label="密钥配置" name="order">
                 <el-form ref="form" :model="form" :rules="rules" label-width="300px">
                     <!-- 上 -->
-                    <el-form-item label="对接平台名称" prop="platformName">
-                        <el-input v-model="form.platformName" placeholder="请输入对接平台名称"/>
-                    </el-form-item>
-                    <el-form-item label="接口地址前缀" prop="urlPrefix">
-                        <el-input v-model="form.urlPrefix" placeholder="请输入接口地址前缀"/>
-                    </el-form-item>
-                    <el-form-item label="对接平台标识(OperatorId)" prop="theirOperatorId">
-                        <el-input v-model="form.theirOperatorId" placeholder="请输入对接平台标识(OperatorId)"/>
-                    </el-form-item>
-
+                    <el-col :span="24">
+                        <el-form-item label="对接平台名称" prop="platformName">
+                            <el-input v-model="form.platformName" placeholder="请输入对接平台名称" style="width: 500px" />
+                        </el-form-item>
+                        <el-form-item label="接口地址前缀" prop="urlPrefix">
+                            <el-input v-model="form.urlPrefix" placeholder="请输入接口地址前缀" style="width: 500px" />
+                        </el-form-item>
+                        <el-form-item label="对接平台标识(OperatorId)" prop="theirOperatorId">
+                            <el-input v-model="form.theirOperatorId" placeholder="请输入对接平台标识(OperatorId)"
+                                style="width: 500px" />
+                        </el-form-item>
+                    </el-col>
                     <!-- 左侧 -->
-                    <el-form-item label="对接平台唯一识别密钥(OperatorSecret)" prop="theirOperatorSecret">
-                        <el-input v-model="form.theirOperatorSecret"
-                                  placeholder="请输入对接平台生成的唯一识别密钥(OperatorSecret)"/>
-                    </el-form-item>
-                    <el-form-item label="对接平台消息密钥(DataSecret)" prop="theirDataSecret">
-                        <el-input v-model="form.theirDataSecret"
-                                  placeholder="请输入对接平台生成的消息密钥(DataSecret)"/>
-                    </el-form-item>
-                    <el-form-item label="对接平台初始化向量(DataSecretIv)" prop="theirDataSecretIv">
-                        <el-input v-model="form.theirDataSecretIv"
-                                  placeholder="请输入对接平台生成的初始化向量(DataSecretIv)"/>
-                    </el-form-item>
-                    <el-form-item label="对接平台签名密钥(SigSecret)" prop="theirSigSecret">
-                        <el-input v-model="form.theirSigSecret" placeholder="请输入对接平台生成的签名密钥(SigSecret)"/>
-                    </el-form-item>
-
+                    <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-form-item label="我方唯一识别密钥(OperatorSecret)" prop="ourOperatorSecret">
-                        <el-input v-model="form.ourOperatorSecret"
-                                  placeholder="请输入我方生成的唯一识别密钥(OperatorSecret)"/>
-                    </el-form-item>
-                    <el-form-item label="我方消息密钥(DataSecret)" prop="ourDataSecret">
-                        <el-input v-model="form.ourDataSecret" placeholder="请输入我方生成的消息密钥(DataSecret)"/>
-                    </el-form-item>
-                    <el-form-item label="我方初始化向量(DataSecretIv)" prop="ourDataSecretIv">
-                        <el-input v-model="form.ourDataSecretIv"
-                                  placeholder="请输入我方生成的初始化向量(DataSecretIv)"/>
-                    </el-form-item>
-                    <el-form-item label="我方签名密钥(SigSecret)" prop="ourSigSecret">
-                        <el-input v-model="form.ourSigSecret" placeholder="请输入我方生成的签名密钥(SigSecret)"/>
-                    </el-form-item>
+                    <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">生成密钥</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 class="save">
+                    <el-button type="primary" @click="submitForm" style="margin-top: 20px;">保存</el-button>
                 </div>
             </el-tab-pane>
 
@@ -64,7 +82,7 @@
 <script>
 
 
-import {getSecret} from "@/api/thirdParty/secret";
+import { getSecret } from "@/api/thirdParty/secret";
 
 export default {
     dicts: ["third_party_type"],
@@ -95,7 +113,7 @@ export default {
         updateTitle() {
             const platformName = this.platformName;
             const title = "【" + platformName + "】平台配置";
-            const route = Object.assign({}, this.$route, {title: `${title}`});
+            const route = Object.assign({}, this.$route, { title: `${title}` });
             this.$store.dispatch("tagsView/updateVisitedView", route);
         },
     },
@@ -106,5 +124,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
+.save {
+    text-align: right;
+}
 </style>