修改第三方同步数据样式

This commit is contained in:
BOOL\25024
2024-04-26 15:29:56 +08:00
parent c6ab6fac19
commit 3ea744e4ed

View File

@@ -6,14 +6,14 @@
<!-- -->
<el-col :span="24">
<el-form-item label="对接平台名称" prop="platformName">
<el-input v-model="form.platformName" placeholder="请输入对接平台名称" style="width: 90%"/>
<el-input v-model="form.platformName" placeholder="请输入对接平台名称" style="width: 90%" />
</el-form-item>
<el-form-item label="接口地址前缀" prop="urlPrefix">
<el-input v-model="form.urlPrefix" placeholder="请输入接口地址前缀" style="width: 90%"/>
<el-input v-model="form.urlPrefix" placeholder="请输入接口地址前缀" style="width: 90%" />
</el-form-item>
<el-form-item label="对接平台标识(OperatorId)" prop="theirOperatorId">
<el-input v-model="form.theirOperatorId" placeholder="请输入对接平台标识(OperatorId)"
style="width: 90%"/>
style="width: 90%" />
</el-form-item>
</el-col>
<!-- 左侧 -->
@@ -21,25 +21,21 @@
<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;">
style="margin-top: 20px;">
<el-input v-model="form.theirOperatorSecret"
placeholder="请输入对接平台生成的唯一识别密钥(OperatorSecret)"
style="width: 90%"/>
placeholder="请输入对接平台生成的唯一识别密钥(OperatorSecret)" style="width: 90%" />
</el-form-item>
<el-form-item label="消息密钥(DataSecret)" prop="theirDataSecret">
<el-input v-model="form.theirDataSecret"
placeholder="请输入对接平台生成的消息密钥(DataSecret)"
style="width: 90%"/>
<el-input v-model="form.theirDataSecret" placeholder="请输入对接平台生成的消息密钥(DataSecret)"
style="width: 90%" />
</el-form-item>
<el-form-item label="初始化向量(DataSecretIv)" prop="theirDataSecretIv">
<el-input v-model="form.theirDataSecretIv"
placeholder="请输入对接平台生成的初始化向量(DataSecretIv)"
style="width: 90%"/>
<el-input v-model="form.theirDataSecretIv" placeholder="请输入对接平台生成的初始化向量(DataSecretIv)"
style="width: 90%" />
</el-form-item>
<el-form-item label="签名密钥(SigSecret)" prop="theirSigSecret">
<el-input v-model="form.theirSigSecret"
placeholder="请输入对接平台生成的签名密钥(SigSecret)"
style="width: 90%"/>
<el-input v-model="form.theirSigSecret" placeholder="请输入对接平台生成的签名密钥(SigSecret)"
style="width: 90%" />
</el-form-item>
</el-card>
</el-col>
@@ -49,28 +45,25 @@
<div slot="header" class="clearfix">
<span>我方生成密钥信息</span>
<el-button style="float: right; padding: 3px 0" type="text"
@click="clickGenerateSecret">生成密钥
@click="clickGenerateSecret">生成密钥
</el-button>
</div>
<el-form-item label="唯一识别密钥(OperatorSecret)" prop="ourOperatorSecret"
style="margin-top: 20px;">
<el-input v-model="form.ourOperatorSecret"
placeholder="请输入我方生成的唯一识别密钥(OperatorSecret)"
style="width: 90%"/>
style="margin-top: 20px;">
<el-input v-model="form.ourOperatorSecret" placeholder="请输入我方生成的唯一识别密钥(OperatorSecret)"
style="width: 90%" />
</el-form-item>
<el-form-item label="消息密钥(DataSecret)" prop="ourDataSecret">
<el-input v-model="form.ourDataSecret"
placeholder="请输入我方生成的消息密钥(DataSecret)"
style="width: 90%"/>
<el-input v-model="form.ourDataSecret" placeholder="请输入我方生成的消息密钥(DataSecret)"
style="width: 90%" />
</el-form-item>
<el-form-item label="初始化向量(DataSecretIv)" prop="ourDataSecretIv">
<el-input v-model="form.ourDataSecretIv"
placeholder="请输入我方生成的初始化向量(DataSecretIv)"
style="width: 90%"/>
<el-input v-model="form.ourDataSecretIv" placeholder="请输入我方生成的初始化向量(DataSecretIv)"
style="width: 90%" />
</el-form-item>
<el-form-item label="签名密钥(SigSecret)" prop="ourSigSecret">
<el-input v-model="form.ourSigSecret" placeholder="请输入我方生成的签名密钥(SigSecret)"
style="width: 90%"/>
style="width: 90%" />
</el-form-item>
</el-card>
</el-col>
@@ -85,10 +78,11 @@
<el-row :gutter="20">
<div v-for="item in stationList" class="text item">
<el-col :span="8">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<el-card class="box-card" shadow="hover">
<div slot="header" class="clearfix">
<span>站点信息</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="clickDrawer(item.stationId, item.stationName)">打开推送菜单</el-button>
<el-button style="float: right; padding: 3px 0" type="text"
@click="clickDrawer(item.stationId, item.stationName)">打开推送菜单</el-button>
</div>
<el-descriptions class="margin-top" :column="1" border>
<el-descriptions-item label="站点id">{{ item.stationId }}</el-descriptions-item>
@@ -106,16 +100,14 @@
</template>
<el-empty description="暂无数据" v-else></el-empty>
<el-drawer
:title="drawerTitle"
:visible.sync="drawer"
:direction="direction">
<el-drawer :title="drawerTitle" :visible.sync="drawer" :direction="direction">
<el-row>
<el-col :span="24">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<el-card class="box-card" style="margin: 20px 20px 0 20px;" shadow="hover">
<div slot="header" class="clearfix">
<span>推送充电站信息变化</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="clickNotificationStationInfo">推送</el-button>
<el-button style="float: right; padding: 3px 0" type="text"
@click="clickNotificationStationInfo">推送</el-button>
</div>
<div class="text item">
推送站点最新信息到第三方平台
@@ -126,13 +118,14 @@
<el-row>
<el-col :span="24">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<el-card class="box-card" style="margin: 20px 20px 0 20px;" shadow="hover">
<div slot="header" class="clearfix">
<span>推送设备状态</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="clickNotificationStationStatus">推送</el-button>
<el-button style="float: right; padding: 3px 0" type="text"
@click="clickNotificationStationStatus">推送</el-button>
</div>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<el-form-item label="充电桩编号">
<el-form-item label="充电桩编号" class="getCard">
<el-input v-model="notificationForm.pileSn"></el-input>
</el-form-item>
<!--<el-form-item>
@@ -145,16 +138,17 @@
<el-row>
<el-col :span="24">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<el-card class="box-card" style="margin: 20px 20px 0 20px;" shadow="hover">
<div slot="header" class="clearfix">
<span>推送设备充电中状态</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="clickNotificationConnectorChargeStatus">推送</el-button>
<el-button style="float: right; padding: 3px 0" type="text"
@click="clickNotificationConnectorChargeStatus">推送</el-button>
</div>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<el-form-item label="充电枪口编号">
<el-input v-model="notificationForm.pileConnectorCode"></el-input>
</el-form-item>
<el-form-item label="充电枪口状态">
<el-form-item label="充电枪口状态" class="getCard">
<el-input v-model="notificationForm.status"></el-input>
</el-form-item>
<!--<el-form-item>
@@ -167,13 +161,14 @@
<el-row>
<el-col :span="24">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<el-card class="box-card" style="margin: 20px 20px 0 20px;" shadow="hover">
<div slot="header" class="clearfix">
<span>推送充电订单信息</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="clickNotificationChargeOrderInfo">推送</el-button>
<el-button style="float: right; padding: 3px 0" type="text"
@click="clickNotificationChargeOrderInfo">推送</el-button>
</div>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<el-form-item label="订单编号">
<el-form-item label="订单编号" class="getCard">
<el-input v-model="notificationForm.orderCode"></el-input>
</el-form-item>
<!--<el-form-item>
@@ -186,10 +181,11 @@
<el-row>
<el-col :span="24">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<el-card class="box-card" style="margin: 20px 20px 0 20px;" shadow="hover">
<div slot="header" class="clearfix">
<span>推送站点费率</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="clickNotificationStationFee">推送</el-button>
<el-button style="float: right; padding: 3px 0" type="text"
@click="clickNotificationStationFee">推送</el-button>
</div>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<!--<el-form-item>
@@ -209,8 +205,8 @@
<script>
import {addSecret, getSecret, selectStationList, updateSecret} from "@/api/thirdParty/secret";
import {generateRandomID, isEmptyString} from "@/utils/common";
import { addSecret, getSecret, selectStationList, updateSecret } from "@/api/thirdParty/secret";
import { generateRandomID, isEmptyString } from "@/utils/common";
import Template from "@/views/billing/template";
import {
notificationChargeOrderInfo,
@@ -221,7 +217,7 @@ import {
export default {
dicts: ["third_party_type"],
components: {Template},
components: { Template },
data() {
return {
activeName: "secret",
@@ -303,7 +299,7 @@ export default {
.then(_ => {
done();
})
.catch(_ => {});
.catch(_ => { });
},
// 查询站点列表
queryStationList() {
@@ -367,7 +363,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);
},
submitForm() {
@@ -400,4 +396,12 @@ export default {
.save {
text-align: right;
}
::v-deep .el-card__body {
padding: 20px !important;
}
.getCard {
margin-bottom: 0px;
}
</style>