autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-06-13 11:49:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改第三方同步数据样式

Browse Source
This commit is contained in:
BOOL\25024
2024-04-26 15:29:56 +08:00
parent c6ab6fac19
commit 3ea744e4ed
1 changed files with 55 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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