update 平台配置页面

This commit is contained in:
2024-04-25 16:40:23 +08:00
parent 9ed65fbd23
commit 1d1f3ceb1b

View File

@@ -83,14 +83,14 @@
<el-tab-pane label="同步数据" name="notification">
<template v-if="stationList.length > 0">
<el-row :gutter="20">
<div v-for="s in stationList" :key="s" class="text item">
<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-descriptions title="站点">
<el-descriptions-item label="站点id">{{ s.stationId }}</el-descriptions-item>
<el-descriptions-item label="站点名称">{{ s.stationName }}</el-descriptions-item>
<el-descriptions-item label="站点id">{{ item.stationId }}</el-descriptions-item>
<el-descriptions-item label="站点名称">{{ item.stationName }}</el-descriptions-item>
<el-descriptions-item>
<el-button @click="clickDrawer(s.stationId, s.stationName)" type="primary" style="margin-left: 16px;">
<el-button @click="clickDrawer(item.stationId, item.stationName)" type="primary" style="margin-left: 16px;">
打开通知菜单
</el-button>
</el-descriptions-item>
@@ -108,50 +108,77 @@
:direction="direction">
<el-row>
<el-col :span="24">
<div class="grid-content bg-purple-dark">
<span>推送充电站信息变化</span>
<el-form ref="form" :model="form" label-width="20%">
<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<div slot="header" class="clearfix">
<span>推送充电站信息变化</span>
<el-button style="float: right; padding: 3px 0" type="text">推送</el-button>
</div>
<div class="text item">
推送站点最新信息到第三方平台
</div>
</el-card>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<span>推送设备状态</span>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<el-form-item label="充电桩编号">
<el-input v-model="notificationForm.pileSn"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">推送</el-button>
<el-button type="primary" @click="clickNotificationStationStatus">推送设备状态</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="grid-content bg-purple-dark">
<span>推送设备状态</span>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="grid-content bg-purple-dark">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<span>推送设备充电中状态</span>
</div>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<el-form-item label="充电枪口编号">
<el-input v-model="notificationForm.name"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="clickNotificationConnectorChargeStatus">推送设备充电中状态</el-button>
</el-form-item>
</el-form>
</el-card>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="grid-content bg-purple-dark">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<span>推送充电订单信息</span>
</div>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<el-form-item label="订单编号">
<el-input v-model="notificationForm.orderCode"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="clickNotificationChargeOrderInfo">推送充电订单信息</el-button>
</el-form-item>
</el-form>
</el-card>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="grid-content bg-purple-dark">
<el-card class="box-card" style="margin-right: 50px;" shadow="hover">
<span>推送站点费率</span>
</div>
<el-form ref="notificationForm" :model="notificationForm" label-width="20%">
<el-form-item>
<el-button type="primary" @click="clickNotificationStationFee">推送站点费率</el-button>
</el-form-item>
</el-form>
</el-card>
</el-col>
</el-row>
</el-drawer>
@@ -167,6 +194,12 @@
import {addSecret, getSecret, selectStationList, updateSecret} from "@/api/thirdParty/secret";
import {generateRandomID, isEmptyString} from "@/utils/common";
import Template from "@/views/billing/template";
import {
notificationChargeOrderInfo,
notificationConnectorChargeStatus, notificationStationFee,
notificationStationInfo,
notificationStationStatus
} from "@/api/thirdParty/notification";
export default {
dicts: ["third_party_type"],
@@ -178,6 +211,8 @@ export default {
platformName: this.$route.params.platformName,
// 表单参数
form: {},
notificationStationId: null,
notificationForm: {},
// 表单校验
rules: {},
stationList: [],
@@ -193,12 +228,50 @@ export default {
methods: {
// 提交
onSubmit() {
this.notificationForm.stationId = this.notificationStationId;
console.log(this.notificationForm);
},
// 点击推送站点信息
clickNotificationStationInfo() {
this.notificationForm.stationId = this.notificationStationId;
notificationStationInfo(this.notificationForm).then(response => {
});
},
// 点出推送设备状态
clickNotificationStationStatus() {
this.notificationForm.stationId = this.notificationStationId;
notificationStationStatus(this.notificationForm).then(response => {
});
},
// 点击推送设备充电中状态
clickNotificationConnectorChargeStatus() {
this.notificationForm.stationId = this.notificationStationId;
notificationStationInfo(this.notificationForm).then(response => {
});
},
// 点击推送订单信息
clickNotificationChargeOrderInfo() {
this.notificationForm.stationId = this.notificationStationId;
notificationStationInfo(this.notificationForm).then(response => {
});
},
// 点击推送站点费率
clickNotificationStationFee() {
this.notificationForm.stationId = this.notificationStationId;
notificationStationInfo(this.notificationForm).then(response => {
});
},
// 点击打开 通知菜单
clickDrawer(stationId, stationName) {
console.log("站点id", stationId);
// console.log("站点id", stationId);
this.drawerTitle = "同步【" + stationName + "】站点的数据到【" + this.platformName + "】";
this.drawer = true;
this.notificationStationId = stationId;
},
// Drawer :before-close="handleClose"
handleClose(done) {