diff --git a/jsowell-ui/src/views/pile/station/detail.vue b/jsowell-ui/src/views/pile/station/detail.vue index 459b0d4b5..abde12f7b 100644 --- a/jsowell-ui/src/views/pile/station/detail.vue +++ b/jsowell-ui/src/views/pile/station/detail.vue @@ -2,24 +2,28 @@
- + - + - +
- +
- +
@@ -28,7 +32,7 @@ - + @@ -36,19 +40,31 @@ - +

二维码配置

- + - + - 配置参数 + 配置参数 @@ -58,11 +74,20 @@

互联互通配置

- 编辑参数 + 编辑参数 - + @@ -89,47 +114,78 @@ - + - + - - + + - - + + - + - - + + - + 推送站点信息 @@ -140,13 +196,22 @@

绑定停车平台(配置完成后，订单完成将自动下发优惠券)

- 编辑参数 + 编辑参数 - + - + --> - - - + + + 保存 + - - + - + - - + - - - - 保存 - + + - - +

地锁二维码

- + - +
- - - + @@ -245,7 +323,11 @@ - +
@@ -271,10 +353,12 @@ import { getSettingByStationId, updateSettingByStationId, pushStationInfo, - getSettingInfo, getParkingInfoList, bindParkingPlatform, + getSettingInfo, + getParkingInfoList, + bindParkingPlatform, } from "@/api/pile/station"; import Whitelist from "@/views/pile/station/stationWhiteList"; -import OrderReport from './orderReport.vue'; +import OrderReport from "./orderReport.vue"; export default { dicts: ["third_party_type"], @@ -288,19 +372,19 @@ export default { MapContainer, stationOrderList, stationWhiteList, - OrderReport + OrderReport, }, data() { return { - activeName: 'pile', + activeName: "pile", form: { - prefix: '', + prefix: "", }, parkingInfo: {}, parkingInfoList: [], - queryGroundLockQrCode: '', - dialogTitle: '', - qrcodePrefix: '', + queryGroundLockQrCode: "", + dialogTitle: "", + qrcodePrefix: "", dialogFormVisible: false, stationId: this.$route.params.id, stationName: this.$route.params.stationName, @@ -315,11 +399,13 @@ export default { created() { // console.log(this.stationId, "充电桩详情 create"); // const stationId = this.stationId; - this.queryGroundLockQrCode = 'https://api.jsowellcloud.com/app-xcx-h5/getGroundLockInfo/' + 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); + const route = Object.assign({}, this.$route, { title: `${title}` }); + this.$store.dispatch("tagsView/updateVisitedView", route); this.getParkingList(); this.queryStationInfo(); this.getStationSettingInfo(); @@ -334,7 +420,7 @@ export default { }, // 执行对应页面的查询数据方法 initializeData(name) { - console.log("执行对应页面的查询数据方法", name) + console.log("执行对应页面的查询数据方法", name); if (name === "pile") { this.$refs.pile.getPileList(); } else if (name === "connector") { @@ -346,7 +432,7 @@ export default { this.$refs.stationInfo.queryStationInfo(); } else if (name === "order") { this.$refs.order.dataLoading(); - } else if (name === 'orderReport') { + } else if (name === "orderReport") { this.$refs.orderReport.getList(); } }, @@ -355,12 +441,12 @@ export default { 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) + 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)) + this.getParkingInfo(parseInt(res.data.parkingId)); } }); console.log("queryStationInfo==", this.stationDetail); @@ -368,49 +454,49 @@ export default { // 查询站点互联互通配置信息 getStationSettingInfo() { getSettingByStationId(this.stationId).then((res) => { - console.log("stationId:", this.stationId) - console.log("getSettingByStationId==", res.data === undefined) + 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) + console.log("getSettingInfo", res); if (res.data === undefined) { this.stationSettingInfo = []; } else { this.stationSettingInfo = res.data; } - }) + }); }, // 获取停车平台列表 getParkingList() { getParkingInfoList().then((response) => { - console.info("response", response) + console.info("response", response); this.parkingInfoList = response.obj; - }) + }); }, // 通过id获取停车平台信息 getParkingInfo(parkingId) { - console.log("parkingId", parkingId) - this.parkingInfoList.forEach(item => { + console.log("parkingId", parkingId); + this.parkingInfoList.forEach((item) => { if (parkingId === item.id) { - console.log("item", item) + console.log("item", item); this.parkingInfo = item; - // console.log("this.parkingInfo", this.parkingInfo) + console.log("this.parkingInfo", this.parkingInfo) } - }) + }); }, // 开放编辑按钮 @@ -418,7 +504,7 @@ export default { this.disableFlag = this.disableFlag === false; }, parkingOpenEdit() { - this.parkingDisableFlag = this.parkingDisableFlag === false; + this.parkingDisableFlag = !this.parkingDisableFlag; }, // 提交配置设置 @@ -431,48 +517,48 @@ export default { 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.$modal.msgSuccess("修改成功"); this.disableFlag = true; - }) + }); } else { - return false + 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) + console.log("response", response); + this.$modal.msg(response.obj); this.disableFlag = true; - }) + }); }, // 绑定站点与停车平台配置 saveParkingSetting(parkingId) { - console.log("parkingId", parkingId) + console.log("parkingId", parkingId, this.stationId); const params = { stationId: this.stationId, parkingId: parkingId, - } - bindParkingPlatform(params).then(response => { - console.log("绑定站点与停车平台配置 response", response) - }) + }; + bindParkingPlatform(params).then((response) => { + console.log("绑定站点与停车平台配置 response", response); + }); }, // 配置参数按钮 handleCreate() { - this.dialogTitle = '配置参数'; + this.dialogTitle = "配置参数"; this.form = { - prefix: '', + prefix: "", }; this.dialogFormVisible = true; }, @@ -480,26 +566,26 @@ export default { submitForm(form) { const param = { stationId: this.stationId, - qrcodePrefix: this.form.prefix - } + 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.$modal.msgSuccess("修改成功"); + this.dialogFormVisible = false; + }); } else { - return false + return false; } - }) + }); }, // 取消按钮 cancel() { - this.dialogFormVisible = false - } - } + this.dialogFormVisible = false; + }, + }, }; @@ -509,4 +595,7 @@ export default { height: 400px; // margin-left: 50%; transform: translate(-50%,0); } +::v-deep .el-input--medium { + width: 400px; +}