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

互联互通复选框提交

Browse Source
This commit is contained in:
BOOL\25024
2024-01-19 11:03:37 +08:00
parent e557a029d5
commit 76c55254fb
1 changed files with 64 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,55 +16,31 @@
<el-tab-pane label="基本资料" name="stationInfo">
<div class="over">
<div id="map_wrap">
<MapContainer
ref="map"
:stationLat="stationLat"
:stationLng="stationLng"
/>
<MapContainer ref="map" :stationLat="stationLat" :stationLng="stationLng" />
</div>
<div class="menu">
<site-info ref="stationInfo" />
</div>
</div>
</el-tab-pane>
<!--<el-tab-pane label="账单" ></el-tab-pane>-->
<el-tab-pane label="计费模块" name="billing">
<!-- billing 文件到时引入 -->
<billing ref="billing" :stationId="stationId" />
</el-tab-pane>
<!-- <el-tab-pane label="客户管理" name="member">-->
<!-- 角色管理-->
<!-- </el-tab-pane>-->
<el-tab-pane label="运营管理" name="operation">
<el-card style="margin-bottom: 10px">
<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-col :span="12">
<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 icon="el-icon-setting" size="big" @click="handleCreate"
v-has-permi="['pile:station:edit']">配置参数
</el-button>
</el-form-item>
</el-col>
@@ -74,131 +50,23 @@
<el-card>
<h2>互联互通配置</h2>
<el-button
icon="el-icon-edit"
size="big"
@click="openEdit"
v-has-permi="['pile:station:edit']"
>编辑参数
<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-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-checkbox-group v-model="checkList">
<el-checkbox v-for="dict in dict.type.third_party_type"
:label="dict.label"
:key="dict.value"
:value="dict.value"
/>
<!-- <el-checkbox label="复选框 A"></el-checkbox>-->
<!-- <el-checkbox label="复选框 B"></el-checkbox>-->
<!-- <el-checkbox label="复选框 C"></el-checkbox>-->
<!-- <el-checkbox label="禁用" disabled></el-checkbox>-->
<!-- <el-checkbox label="选中且禁用" disabled></el-checkbox>-->
</el-checkbox-group>
<!-- <el-select-->
<!-- v-model="stationSettingInfo.type"-->
<!-- placeholder="请选择对接平台名称"-->
<!-- clearable-->
<!-- filterable-->
<!-- style="width: 220px"-->
<!-- :disabled="disableFlag"-->
<!-- @change="getSettingParams"-->
<!-- >-->
<!-- &lt;!&ndash; <el-option label="上海联联平台" value="1" />&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="abc" value="2" />&ndash;&gt;-->
<!-- <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-checkbox-group v-model="checkList">
<el-checkbox v-for="dict in dict.type.third_party_type" :label="dict.label" :key="dict.value"
:value="dict.value" :disabled="firstList.includes(dict.label)"
@change="getPlatform(dict.raw.dictValue)" />
</el-checkbox-group>
</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 size="big" @click="pushStation" v-has-permi="['pile:station:edit']">
推送站点信息
</el-button>
</el-form-item>
@@ -209,90 +77,48 @@
<el-card>
<h2>绑定停车平台(配置完成后，订单完成将自动下发优惠券)</h2>
<el-button
icon="el-icon-edit"
size="big"
@click="parkingOpenEdit"
v-has-permi="['pile:station:edit']"
>编辑参数
<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-form ref="parkingForm" :model="parkingInfo" label-position="right" label-width="200px"
style="margin-top: 10px">
<el-row>
<el-col :span="5">
<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 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>
<el-button
size="big"
@click="saveParkingSetting(parkingInfo.id)"
v-has-permi="['pile:station:edit']"
>
<el-button size="big" @click="saveParkingSetting(parkingInfo.id)" v-has-permi="['pile:station:edit']">
保存
</el-button>
</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-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-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="false"
/>
<el-input placeholder="请输入" v-model="parkingInfo.couponId" :disabled="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="停车场库商户id:" prop="parkingMerchantId">
<el-input
placeholder="请输入"
v-model="parkingInfo.parkingMerchantId"
:disabled="false"
/>
<el-input placeholder="请输入" v-model="parkingInfo.parkingMerchantId" :disabled="false" />
</el-form-item>
</el-col>
</el-row>
@@ -301,22 +127,13 @@
<el-card style="margin-top: 10px">
<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-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"
/>
<vue-qr ref="Qrcode" :text="queryGroundLockQrCode" qid="lockListQrCode" :width="150"
style="margin-left: 190px; margin-top: -10px" />
</div>
</el-col>
</el-row>
@@ -336,11 +153,7 @@
<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-input v-model="form.prefix" placeholder="请输入二维码前缀" style="width: 300px" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" align="center">
@@ -361,14 +174,14 @@ import MapContainer from "../../../components/MapContainer/MapContainer.vue";
import stationOrderList from "@/views/pile/station/stationOrderList";
import stationWhiteList from "@/views/pile/station/stationWhiteList";
import {
getStationInfo,
updateStationQRCodePrefix,
getSettingByStationId,
updateSettingByStationId,
pushStationInfo,
getSettingInfo,
getParkingInfoList,
bindParkingPlatform, getRelationByStationId,
getStationInfo,
updateStationQRCodePrefix,
getSettingByStationId,
updateSettingByStationId,
pushStationInfo,
getSettingInfo,
getParkingInfoList,
bindParkingPlatform, getRelationByStationId,
} from "@/api/pile/station";
import Whitelist from "@/views/pile/station/stationWhiteList";
import OrderReport from "./orderReport.vue";
@@ -399,7 +212,7 @@ export default {
dialogTitle: "",
qrcodePrefix: "",
dialogFormVisible: false,
checkList: [],
checkList: [],
stationId: this.$route.params.id,
stationName: this.$route.params.stationName,
stationDetail: {},
@@ -408,6 +221,8 @@ export default {
stationSettingInfo: {},
disableFlag: true,
parkingDisableFlag: true,
exchange: [],
firstList: [], //第一次复选框的默认值
};
},
created() {
@@ -423,7 +238,6 @@ export default {
this.getRelationByStationId();
this.getParkingList();
this.queryStationInfo();
},
mounted() {
this.initializeData(this.activeName);
@@ -467,15 +281,16 @@ export default {
console.log("queryStationInfo==", this.stationDetail);
},
// 查询站点互联互通配置信息
getRelationByStationId() {
getRelationByStationId(this.stationId).then((res) => {
getRelationByStationId() {
getRelationByStationId(this.stationId).then((res) => {
console.log("stationId:", this.stationId);
console.log("res", res);
console.log("res.rows", res.rows);
res.rows.forEach((item, index) =>{
this.checkList.push(item.thirdPartyType);
res.rows.forEach((item, index) => {
this.checkList.push(item.thirdPartyType);
this.firstList.push(item.thirdPartyType);
})
console.log("this.checkList", this.checkList);
console.log("this.checkList", this.checkList, this.firstList);
// if (res.data === undefined) {
// this.stationSettingInfo.thirdPartyType = "0";
// } else {
@@ -553,10 +368,12 @@ export default {
},
// 推送站点
pushStation() {
let exchange = ''
const param = {
stationId: this.stationId,
thirdPartyType: this.stationSettingInfo.type,
thirdPartyTypes: this.exchange,
};
console.log('param', param);
pushStationInfo(param).then((response) => {
console.log("response", response);
this.$modal.msg(response.obj);
@@ -606,6 +423,19 @@ export default {
cancel() {
this.dialogFormVisible = false;
},
// 复选框状态
getPlatform(id) {
this.exchange.push(id);
}
},
//监听复选框状态
watch: {
checkList: {
handler(newVal) {
this.exchange = newVal.map(item => this.dict.type.third_party_type.find(dict => dict.label === item)?.raw?.dictValue);
},
deep: true,
},
},
};
</script>
@@ -616,6 +446,7 @@ export default {
height: 400px;
// margin-left: 50%; transform: translate(-50%,0);
}
::v-deep .Input .el-input--medium {
width: 400px;
}