This commit is contained in:
2023-10-11 13:43:36 +08:00
parent 2c0638b76c
commit 92753bf496

View File

@@ -4,7 +4,7 @@
label-width="168px" label-width="168px"
@submit.native.prevent> @submit.native.prevent>
<el-form-item label="所属运营商" prop="merchantId" label-width="120"> <el-form-item label="所属运营商" prop="merchantId" label-width="120">
<el-select v-model="queryParams.merchantId" filterable clearable placeholder="请选择运营商"> <el-select v-model="queryParams.merchantId" filterable clearable placeholder="请选择运营商" @change="changeSelectMerchant(queryParams.merchantId)">
<el-option <el-option
v-for="item in merchantList" v-for="item in merchantList"
:key="item.merchantName" :key="item.merchantName"
@@ -16,8 +16,12 @@
<el-form-item label="站点" prop="stationId"> <el-form-item label="站点" prop="stationId">
<el-select v-model="queryParams.stationId" placeholder="请选择站点" clearable filterable <el-select v-model="queryParams.stationId" placeholder="请选择站点" clearable filterable
style="width: 140px"> style="width: 140px">
<el-option v-for="(station, index) in stationList" :key="index" :label="station.stationName" <el-option
:value="station.id"/> v-for="(station, index) in stationList"
:key="index"
:label="station.stationName"
:value="station.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
@@ -186,7 +190,7 @@ import {
totalData, totalData,
} from "@/api/order/order"; } from "@/api/order/order";
import Template from "@/views/billing/template"; import Template from "@/views/billing/template";
import {getStationSelectList, listStation} from "@/api/pile/station"; import {getStationListByMerchantId, getStationSelectList, listStation} from "@/api/pile/station";
import {getDay} from "@/utils/common"; import {getDay} from "@/utils/common";
import {getMerchantList} from "@/api/pile/merchant"; import {getMerchantList} from "@/api/pile/merchant";
@@ -282,6 +286,13 @@ export default {
console.log("merchantList", this.merchantList) console.log("merchantList", this.merchantList)
}); });
}, },
changeSelectMerchant(value) {
console.log(value);
// 通过接口查
getStationListByMerchantId(value).then((response) => {
this.stationList = response.data;
});
},
goStationDetail(scope) { goStationDetail(scope) {
// console.log(scope,'跳转站点名称') // console.log(scope,'跳转站点名称')
// console.log("跳转到充电站详情", scope.row.stationName); // console.log("跳转到充电站详情", scope.row.stationName);