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

update 调整格式

Browse Source
This commit is contained in:
Lemon
2023-08-25 15:51:51 +08:00
parent c08c4f4a95
commit 18548fb83d
1 changed files with 463 additions and 463 deletions
Download Patch File Download Diff File Expand all files Collapse all files

926
jsowell-ui/src/views/pile/station/detail.vue
View File

@@ -1,259 +1,259 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"> <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="订单" name="order"> <el-tab-pane label="订单" name="order">
<stationOrderList ref="order" :stationId="stationId"/> <stationOrderList ref="order" :stationId="stationId"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="设备" name="pile"> <el-tab-pane label="设备" name="pile">
<pileList ref="pile" :stationId="stationId"/> <pileList ref="pile" :stationId="stationId"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="充电接口" name="connector"> <el-tab-pane label="充电接口" name="connector">
<connectorList ref="connector" :stationId="stationId"/> <connectorList ref="connector" :stationId="stationId"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="基本资料" name="stationInfo"> <el-tab-pane label="基本资料" name="stationInfo">
<div class="over"> <div class="over">
<div id="map_wrap"> <div id="map_wrap">
<MapContainer ref="map" :stationLat="stationLat" :stationLng="stationLng"/> <MapContainer ref="map" :stationLat="stationLat" :stationLng="stationLng"/>
</div> </div>
<div class="menu"> <div class="menu">
<site-info ref="stationInfo"/> <site-info ref="stationInfo"/>
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<!--<el-tab-pane label="账单" ></el-tab-pane>--> <!--<el-tab-pane label="账单" ></el-tab-pane>-->
<el-tab-pane label="计费模块" name="billing"> <el-tab-pane label="计费模块" name="billing">
<!-- billing 文件到时引入 --> <!-- billing 文件到时引入 -->
<billing ref="billing" :stationId="stationId"/> <billing ref="billing" :stationId="stationId"/>
</el-tab-pane> </el-tab-pane>
<!-- <el-tab-pane label="客户管理" name="member">--> <!-- <el-tab-pane label="客户管理" name="member">-->
<!-- 角色管理--> <!-- 角色管理-->
<!-- </el-tab-pane>--> <!-- </el-tab-pane>-->
<el-tab-pane label="运营管理" name="operation"> <el-tab-pane label="运营管理" name="operation">
<el-card style="margin-bottom:10px"> <el-card style="margin-bottom:10px">
<h2>二维码配置</h2> <h2>二维码配置</h2>
<el-form label-position="right" label-width="200px" style="margin-top:10px"> <el-form label-position="right" label-width="200px" style="margin-top:10px">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="当前配置二维码规则:"> <el-form-item label="当前配置二维码规则:">
<el-input v-model="stationDetail.qrcodePrefix" maxlength="100px" :disabled="true"/> <el-input v-model="stationDetail.qrcodePrefix" maxlength="100px" :disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-button icon="el-icon-setting" size="big" @click="handleCreate"
v-has-permi="['pile:station:edit']">配置参数
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card>
<h2>互联互通配置</h2>
<el-button icon="el-icon-edit" size="big" @click="openEdit" v-has-permi="['pile:station:edit']">编辑参数
</el-button>
<el-form ref="stationSettingForm" :model="stationSettingInfo" label-position="right"
label-width="200px"
style="margin-top:10px">
<el-row>
<el-col :span="12">
<el-form-item label="对接平台名称:" prop="type">
<el-select
v-model="stationSettingInfo.type"
placeholder="请选择对接平台名称"
clearable
filterable
style="width: 220px"
:disabled="disableFlag"
@change="getSettingParams"
>
<!-- <el-option label="上海联联平台" value="1" />-->
<!-- <el-option label="abc" value="2" />-->
<el-option
v-for="dict in dict.type.third_party_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
<!-- <el-input placeholder="请输入" v-model="stationSettingInfo.type" :disabled="disableFlag"/>-->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="对接平台url地址:" prop="urlAddress">
<el-input placeholder="请输入" v-model="stationSettingInfo.urlAddress"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运营商ID(OperatorID):" prop="operatorId">
<el-input placeholder="请输入" v-model="stationSettingInfo.operatorId"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运营商密钥(OperatorSecret):" prop="operatorSecret">
<el-input placeholder="请输入" v-model="stationSettingInfo.operatorSecret"
:disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="消息Data密钥(DataSecret):" prop="dataSecret">
<el-input placeholder="请输入" v-model="stationSettingInfo.dataSecret"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="签名密钥(SigSecret):" prop="signSecret">
<el-input placeholder="请输入" v-model="stationSettingInfo.signSecret"
:disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="消息Data密钥初始化向量(DataSecretIV):" prop="dataSecretIv">
<el-input placeholder="请输入" v-model="stationSettingInfo.dataSecretIv"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-button size="big" @click="pushStation" v-has-permi="['pile:station:edit']">
推送站点信息
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card>
<h2>绑定停车平台(配置完成后，订单完成将自动下发优惠券)</h2>
<el-button icon="el-icon-edit" size="big" @click="parkingOpenEdit" v-has-permi="['pile:station:edit']">编辑参数
</el-button>
<el-form ref="parkingForm" :model="parkingInfo" label-position="right"
label-width="200px"
style="margin-top:10px">
<el-row>
<el-col :span="12">
<el-form-item label="停车平台名称:" prop="type">
<el-select
v-model="parkingInfo.parkingName"
placeholder="请选择停车平台名称"
clearable
filterable
style="width: 220px"
:disabled="parkingDisableFlag"
@change="getParkingInfo($event)"
>
<el-option
v-for="item in parkingInfoList"
:key="item.id"
:label="item.parkingName"
:value="item.id"
/>
</el-select>
<!-- <el-input placeholder="请输入" v-model="stationSettingInfo.type" :disabled="disableFlag"/>-->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="停车场库商户id:" prop="parkingMerchantId">
<el-input placeholder="请输入" v-model="parkingInfo.parkingMerchantId"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="停车场库secretKey:" prop="secretKey">
<el-input placeholder="请输入" v-model="parkingInfo.secretKey"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="停车场库appId:" prop="appId">
<el-input placeholder="请输入" v-model="parkingInfo.appId"
:disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="票券id:" prop="couponId">
<el-input placeholder="请输入" v-model="parkingInfo.couponId"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-button size="big" @click="saveParkingSetting(parkingInfo.id)" v-has-permi="['pile:station:edit']">
保存
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card style="margin-top:10px">
<h2>地锁二维码</h2>
<el-form label-position="right" label-width="200px" style="margin-top:10px">
<el-row>
<el-col :span="12">
<el-form-item label="查询地锁列表二维码:"/>
<div>
<vue-qr
ref="Qrcode"
:text="queryGroundLockQrCode"
qid="lockListQrCode"
:width="150"
style="margin-left: 190px; margin-top: -10px"
/>
</div>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane label="站点白名单" name="whitelist">
<whitelist ref="whitelist" :stationId="stationId"/>
</el-tab-pane>
<el-tab-pane label="订单日报" name="orderReport">
<order-report ref="orderReport"></order-report>
</el-tab-pane>
</el-tabs>
<el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible">
<el-form ref="form" :model="form" @submit.native.prevent>
<el-form-item label="二维码前缀:" prop="prefix" label-width="100px">
<el-input v-model="form.prefix" placeholder="请输入二维码前缀" style="width: 300px"/>
</el-form-item> </el-form-item>
</el-form> </el-col>
<div slot="footer" class="dialog-footer" align="center"> <el-col :span="12">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-form-item>
<el-button @click="cancel">取 消</el-button> <el-button icon="el-icon-setting" size="big" @click="handleCreate"
</div> v-has-permi="['pile:station:edit']">配置参数
</el-dialog> </el-button>
</div> </el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card>
<h2>互联互通配置</h2>
<el-button icon="el-icon-edit" size="big" @click="openEdit" v-has-permi="['pile:station:edit']">编辑参数
</el-button>
<el-form ref="stationSettingForm" :model="stationSettingInfo" label-position="right"
label-width="200px"
style="margin-top:10px">
<el-row>
<el-col :span="12">
<el-form-item label="对接平台名称:" prop="type">
<el-select
v-model="stationSettingInfo.type"
placeholder="请选择对接平台名称"
clearable
filterable
style="width: 220px"
:disabled="disableFlag"
@change="getSettingParams"
>
<!-- <el-option label="上海联联平台" value="1" />-->
<!-- <el-option label="abc" value="2" />-->
<el-option
v-for="dict in dict.type.third_party_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
<!-- <el-input placeholder="请输入" v-model="stationSettingInfo.type" :disabled="disableFlag"/>-->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="对接平台url地址:" prop="urlAddress">
<el-input placeholder="请输入" v-model="stationSettingInfo.urlAddress"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运营商ID(OperatorID):" prop="operatorId">
<el-input placeholder="请输入" v-model="stationSettingInfo.operatorId"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运营商密钥(OperatorSecret):" prop="operatorSecret">
<el-input placeholder="请输入" v-model="stationSettingInfo.operatorSecret"
:disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="消息Data密钥(DataSecret):" prop="dataSecret">
<el-input placeholder="请输入" v-model="stationSettingInfo.dataSecret"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="签名密钥(SigSecret):" prop="signSecret">
<el-input placeholder="请输入" v-model="stationSettingInfo.signSecret"
:disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="消息Data密钥初始化向量(DataSecretIV):" prop="dataSecretIv">
<el-input placeholder="请输入" v-model="stationSettingInfo.dataSecretIv"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-button size="big" @click="pushStation" v-has-permi="['pile:station:edit']">
推送站点信息
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card>
<h2>绑定停车平台(配置完成后，订单完成将自动下发优惠券)</h2>
<el-button icon="el-icon-edit" size="big" @click="parkingOpenEdit" v-has-permi="['pile:station:edit']">编辑参数
</el-button>
<el-form ref="parkingForm" :model="parkingInfo" label-position="right"
label-width="200px"
style="margin-top:10px">
<el-row>
<el-col :span="12">
<el-form-item label="停车平台名称:" prop="type">
<el-select
v-model="parkingInfo.parkingName"
placeholder="请选择停车平台名称"
clearable
filterable
style="width: 220px"
:disabled="parkingDisableFlag"
@change="getParkingInfo($event)"
>
<el-option
v-for="item in parkingInfoList"
:key="item.id"
:label="item.parkingName"
:value="item.id"
/>
</el-select>
<!-- <el-input placeholder="请输入" v-model="stationSettingInfo.type" :disabled="disableFlag"/>-->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="停车场库商户id:" prop="parkingMerchantId">
<el-input placeholder="请输入" v-model="parkingInfo.parkingMerchantId"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="停车场库secretKey:" prop="secretKey">
<el-input placeholder="请输入" v-model="parkingInfo.secretKey"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="停车场库appId:" prop="appId">
<el-input placeholder="请输入" v-model="parkingInfo.appId"
:disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="票券id:" prop="couponId">
<el-input placeholder="请输入" v-model="parkingInfo.couponId"
:disabled="true"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-button size="big" @click="saveParkingSetting(parkingInfo.id)" v-has-permi="['pile:station:edit']">
保存
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card style="margin-top:10px">
<h2>地锁二维码</h2>
<el-form label-position="right" label-width="200px" style="margin-top:10px">
<el-row>
<el-col :span="12">
<el-form-item label="查询地锁列表二维码:"/>
<div>
<vue-qr
ref="Qrcode"
:text="queryGroundLockQrCode"
qid="lockListQrCode"
:width="150"
style="margin-left: 190px; margin-top: -10px"
/>
</div>
</el-col>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane label="站点白名单" name="whitelist">
<whitelist ref="whitelist" :stationId="stationId"/>
</el-tab-pane>
<el-tab-pane label="订单日报" name="orderReport">
<order-report ref="orderReport"></order-report>
</el-tab-pane>
</el-tabs>
<el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible">
<el-form ref="form" :model="form" @submit.native.prevent>
<el-form-item label="二维码前缀:" prop="prefix" label-width="100px">
<el-input v-model="form.prefix" placeholder="请输入二维码前缀" style="width: 300px"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" align="center">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template> </template>
<script> <script>
@@ -277,236 +277,236 @@ import Whitelist from "@/views/pile/station/stationWhiteList";
import OrderReport from './orderReport.vue'; import OrderReport from './orderReport.vue';
export default { export default {
dicts: ["third_party_type"], dicts: ["third_party_type"],
components: { components: {
VueQr, VueQr,
Whitelist, Whitelist,
SiteInfo, SiteInfo,
pileList, pileList,
connectorList, connectorList,
Billing, Billing,
MapContainer, MapContainer,
stationOrderList, stationOrderList,
stationWhiteList, stationWhiteList,
OrderReport OrderReport
},
data() {
return {
activeName: 'pile',
form: {
prefix: '',
},
parkingInfo: {},
parkingInfoList: [],
queryGroundLockQrCode: '',
dialogTitle: '',
qrcodePrefix: '',
dialogFormVisible: false,
stationId: this.$route.params.id,
stationName: this.$route.params.stationName,
stationDetail: {},
stationLat: null,
stationLng: null,
stationSettingInfo: {},
disableFlag: true,
parkingDisableFlag: true,
};
},
created() {
// console.log(this.stationId, "充电桩详情 create");
// const stationId = this.stationId;
this.queryGroundLockQrCode = 'https://api.jsowellcloud.com/app-xcx-h5/getGroundLockInfo/' + this.stationId;
const stationName = this.stationName;
const title = "【" + stationName + "】站点详情";
const route = Object.assign({}, this.$route, {title: `${title}`})
this.$store.dispatch('tagsView/updateVisitedView', route);
this.getParkingList();
this.queryStationInfo();
this.getStationSettingInfo();
},
mounted() {
this.initializeData(this.activeName);
},
methods: {
handleClick(tab, event) {
// console.log(tab, event);
this.initializeData(tab.name);
}, },
data() { // 执行对应页面的查询数据方法
return { initializeData(name) {
activeName: 'pile', console.log("执行对应页面的查询数据方法", name)
form: { if (name === "pile") {
prefix: '', this.$refs.pile.getPileList();
}, } else if (name === "connector") {
parkingInfo:{}, this.$refs.connector.getList();
parkingInfoList:[], } else if (name === "billing") {
queryGroundLockQrCode: '', this.$refs.billing.getStationBillingTemplateList();
dialogTitle: '', } else if (name === "stationInfo") {
qrcodePrefix: '', this.$refs.map.initMap();
dialogFormVisible: false, this.$refs.stationInfo.queryStationInfo();
stationId: this.$route.params.id, } else if (name === "order") {
stationName: this.$route.params.stationName, this.$refs.order.dataLoading();
stationDetail: {}, } else if (name === 'orderReport') {
stationLat: null, this.$refs.orderReport.getList();
stationLng: null, }
stationSettingInfo: {},
disableFlag: true,
parkingDisableFlag: true,
};
}, },
created() { queryStationInfo() {
// console.log(this.stationId, "充电桩详情 create"); console.log("stationId", this.stationId);
// const stationId = this.stationId; getStationInfo(this.stationId).then((res) => {
this.queryGroundLockQrCode = 'https://api.jsowellcloud.com/app-xcx-h5/getGroundLockInfo/' + this.stationId; // console.log(res);
const stationName = this.stationName; this.stationDetail = res.data;
const title = "【" + stationName + "】站点详情"; this.stationLat = res.data.stationLat
const route = Object.assign({}, this.$route, {title: `${title}`}) this.stationLng = res.data.stationLng
this.$store.dispatch('tagsView/updateVisitedView', route); console.log(this.stationLat, this.stationLng, "父组件里面的经纬度")
this.getParkingList(); console.log("res.data", res.data)
this.queryStationInfo(); if (res.data.parkingId != null) {
this.getStationSettingInfo(); this.getParkingInfo(parseInt(res.data.parkingId))
}
});
console.log("queryStationInfo==", this.stationDetail);
}, },
mounted() { // 查询站点互联互通配置信息
this.initializeData(this.activeName); getStationSettingInfo() {
getSettingByStationId(this.stationId).then((res) => {
console.log("stationId:", this.stationId)
console.log("getSettingByStationId==", res.data === undefined)
if (res.data === undefined) {
this.stationSettingInfo.thirdPartyType = "0";
} else {
this.stationSettingInfo = res.data;
}
})
},
// 根据对接平台类型查询配置信息
getSettingParams() {
const param = {
// stationId: this.stationId,
thirdPartyType: this.stationSettingInfo.type,
}
console.log("param", param);
getSettingInfo(param).then((res) => {
console.log("getSettingInfo", res)
if (res.data === undefined) {
this.stationSettingInfo = [];
} else {
this.stationSettingInfo = res.data;
}
})
}, },
methods: {
handleClick(tab, event) {
// console.log(tab, event);
this.initializeData(tab.name);
},
// 执行对应页面的查询数据方法
initializeData(name) {
console.log("执行对应页面的查询数据方法", name)
if (name === "pile") {
this.$refs.pile.getPileList();
} else if (name === "connector") {
this.$refs.connector.getList();
} else if (name === "billing") {
this.$refs.billing.getStationBillingTemplateList();
} else if (name === "stationInfo") {
this.$refs.map.initMap();
this.$refs.stationInfo.queryStationInfo();
} else if (name === "order") {
this.$refs.order.dataLoading();
} else if (name === 'orderReport') {
this.$refs.orderReport.getList();
}
},
queryStationInfo() {
console.log("stationId", this.stationId);
getStationInfo(this.stationId).then((res) => {
// console.log(res);
this.stationDetail = res.data;
this.stationLat = res.data.stationLat
this.stationLng = res.data.stationLng
console.log(this.stationLat, this.stationLng, "父组件里面的经纬度")
console.log("res.data", res.data)
if (res.data.parkingId != null) {
this.getParkingInfo(parseInt(res.data.parkingId))
}
});
console.log("queryStationInfo==", this.stationDetail);
},
// 查询站点互联互通配置信息
getStationSettingInfo() {
getSettingByStationId(this.stationId).then((res) => {
console.log("stationId:", this.stationId)
console.log("getSettingByStationId==", res.data === undefined)
if (res.data === undefined) {
this.stationSettingInfo.thirdPartyType = "0";
} else {
this.stationSettingInfo = res.data;
}
})
},
// 根据对接平台类型查询配置信息
getSettingParams() {
const param = {
// stationId: this.stationId,
thirdPartyType: this.stationSettingInfo.type,
}
console.log("param", param);
getSettingInfo(param).then((res) => {
console.log("getSettingInfo", res)
if (res.data === undefined) {
this.stationSettingInfo = [];
} else {
this.stationSettingInfo = res.data;
}
})
},
// 获取停车平台列表 // 获取停车平台列表
getParkingList() { getParkingList() {
getParkingInfoList().then((response) =>{ getParkingInfoList().then((response) => {
console.info("response", response) console.info("response", response)
this.parkingInfoList = response.obj; this.parkingInfoList = response.obj;
})
},
// 通过id获取停车平台信息
getParkingInfo(parkingId) {
console.log("parkingId", parkingId)
this.parkingInfoList.forEach(item => {
if (parkingId === item.id) {
console.log("item", item)
this.parkingInfo = item;
// console.log("this.parkingInfo", this.parkingInfo)
}
})
},
// 开放编辑按钮
openEdit() {
this.disableFlag = this.disableFlag === false;
},
parkingOpenEdit() {
this.parkingDisableFlag = this.parkingDisableFlag === false;
},
// 提交配置设置
submitConfigForm() {
const param = {
stationId: this.stationId,
urlAddress: this.stationSettingInfo.urlAddress,
operatorId: this.stationSettingInfo.operatorId,
operatorSecret: this.stationSettingInfo.operatorSecret,
dataSecret: this.stationSettingInfo.dataSecret,
signSecret: this.stationSettingInfo.signSecret,
dataSecretIv: this.stationSettingInfo.dataSecretIv,
}
console.log("param:", param);
this.$refs.stationSettingForm.validate((valid) => {
if (valid) {
updateSettingByStationId(param).then((response) => {
this.$modal.msgSuccess('修改成功')
this.disableFlag = true;
}) })
}, } else {
// 通过id获取停车平台信息 return false
getParkingInfo(parkingId) {
console.log("parkingId", parkingId)
this.parkingInfoList.forEach(item => {
if (parkingId === item.id){
console.log("item", item)
this.parkingInfo = item;
// console.log("this.parkingInfo", this.parkingInfo)
}
})
},
// 开放编辑按钮
openEdit() {
this.disableFlag = this.disableFlag === false;
},
parkingOpenEdit() {
this.parkingDisableFlag = this.parkingDisableFlag === false;
},
// 提交配置设置
submitConfigForm() {
const param = {
stationId: this.stationId,
urlAddress: this.stationSettingInfo.urlAddress,
operatorId: this.stationSettingInfo.operatorId,
operatorSecret: this.stationSettingInfo.operatorSecret,
dataSecret: this.stationSettingInfo.dataSecret,
signSecret: this.stationSettingInfo.signSecret,
dataSecretIv: this.stationSettingInfo.dataSecretIv,
}
console.log("param:", param);
this.$refs.stationSettingForm.validate((valid) => {
if (valid) {
updateSettingByStationId(param).then((response) => {
this.$modal.msgSuccess('修改成功')
this.disableFlag = true;
})
} else {
return false
}
})
},
// 推送站点
pushStation() {
const param = {
stationId: this.stationId,
thirdPartyType: this.stationSettingInfo.type,
}
pushStationInfo(param).then((response) => {
console.log("response", response)
this.$modal.msg(response.obj)
this.disableFlag = true;
})
},
// 绑定站点与停车平台配置
saveParkingSetting(parkingId) {
console.log("parkingId", parkingId)
const params = {
stationId: this.stationId,
parkingId: parkingId,
} }
bindParkingPlatform(params).then(response =>{ })
console.log("绑定站点与停车平台配置 response", response) },
}) // 推送站点
}, pushStation() {
// 配置参数按钮 const param = {
handleCreate() { stationId: this.stationId,
this.dialogTitle = '配置参数'; thirdPartyType: this.stationSettingInfo.type,
this.form = { }
prefix: '', pushStationInfo(param).then((response) => {
}; console.log("response", response)
this.dialogFormVisible = true; this.$modal.msg(response.obj)
}, this.disableFlag = true;
// 配置参数提交按钮 })
submitForm(form) { },
const param = {
stationId: this.stationId, // 绑定站点与停车平台配置
qrcodePrefix: this.form.prefix saveParkingSetting(parkingId) {
} console.log("parkingId", parkingId)
console.log("form:", this.form); const params = {
console.log("param:", param); stationId: this.stationId,
this.$refs.form.validate((valid) => { parkingId: parkingId,
if (valid) { }
updateStationQRCodePrefix(param).then((response) => { bindParkingPlatform(params).then(response => {
this.$modal.msgSuccess('修改成功') console.log("绑定站点与停车平台配置 response", response)
this.dialogFormVisible = false })
}) },
} else { // 配置参数按钮
return false handleCreate() {
} this.dialogTitle = '配置参数';
}) this.form = {
}, prefix: '',
// 取消按钮 };
cancel() { this.dialogFormVisible = true;
},
// 配置参数提交按钮
submitForm(form) {
const param = {
stationId: this.stationId,
qrcodePrefix: this.form.prefix
}
console.log("form:", this.form);
console.log("param:", param);
this.$refs.form.validate((valid) => {
if (valid) {
updateStationQRCodePrefix(param).then((response) => {
this.$modal.msgSuccess('修改成功')
this.dialogFormVisible = false this.dialogFormVisible = false
})
} else {
return false
} }
})
},
// 取消按钮
cancel() {
this.dialogFormVisible = false
} }
}
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
#container { #container {
width: 800px; width: 800px;
height: 400px; height: 400px;
// margin-left: 50%; transform: translate(-50%,0); // margin-left: 50%; transform: translate(-50%,0);
} }
</style> </style>