mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-05-05 10:30:12 +08:00
修改第三方同步数据样式
This commit is contained in:
106
jsowell-ui/src/views/thirdparty/secret/detail.vue
vendored
106
jsowell-ui/src/views/thirdparty/secret/detail.vue
vendored
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user