autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-04-29 07:25:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

update 平台配置页面

Browse Source
This commit is contained in:
Guoqs
2024-04-23 16:09:56 +08:00
parent 866daa6121
commit 4bfe6acc49
3 changed files with 141 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
jsowell-ui/src/views/thirdparty/secret/detail.vue vendored
View File

@@ -1,7 +1,7 @@
<template>
<div class="app-container Input">
<el-tabs type="border-card">
<el-tab-pane label="密钥配置" name="order">
<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
<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>
<el-button style="float: right; padding: 3px 0" type="text">生成密钥</el-button>
<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;">
@@ -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() {

93
jsowell-ui/src/views/thirdparty/secret/index.vue vendored
View File

@@ -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 :span="1.5">
</el-col>-->
<!--<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',