mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-06-16 05:10:04 +08:00
Merge branch 'dev' of http://192.168.2.2:8099/jsowell/jsowell-charger-web into dev
This commit is contained in:
@@ -96,6 +96,9 @@ public class MemberService {
|
|||||||
@Value("${adapay.callback}")
|
@Value("${adapay.callback}")
|
||||||
private String ADAPAY_CALLBACK_URL;
|
private String ADAPAY_CALLBACK_URL;
|
||||||
|
|
||||||
|
@Value("${weixin.login.appid}")
|
||||||
|
private String APP_ID;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 校验短信验证码
|
* 校验短信验证码
|
||||||
* @param dto
|
* @param dto
|
||||||
@@ -203,8 +206,10 @@ public class MemberService {
|
|||||||
} catch (Exception e) {
|
} catch (Exception e) {
|
||||||
log.error("getOpenIdByCode发生异常", e);
|
log.error("getOpenIdByCode发生异常", e);
|
||||||
}
|
}
|
||||||
|
// 根据appid查询merchantId
|
||||||
|
String merchantId = pileMerchantInfoService.getMerchantIdByAppId(APP_ID);
|
||||||
// 查询手机号码是否注册过
|
// 查询手机号码是否注册过
|
||||||
return memberRegisterAndLogin(mobileNumber, null, openId);
|
return memberRegisterAndLogin(mobileNumber, merchantId, openId);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,223 +1,237 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="basics">
|
<div class="basics">
|
||||||
<div class="mapCont">
|
<div class="mapCont">
|
||||||
<div>
|
<div>
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 85%"
|
style="width: 85%"
|
||||||
v-model="inputObject.userInput"
|
v-model="inputObject.userInput"
|
||||||
placeholder="请输入你要查找的关键词"
|
placeholder="请输入你要查找的关键词"
|
||||||
type="text"
|
type="text"
|
||||||
@keyup.enter.native="send"
|
@keyup.enter.native="send"
|
||||||
></el-input>
|
></el-input>
|
||||||
<el-button style="width: 85px" type="primary" @click="send"
|
<el-button style="width: 85px" type="primary" @click="send"
|
||||||
>搜索
|
>搜索
|
||||||
</el-button
|
</el-button>
|
||||||
>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="container"></div>
|
<div id="container"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="img">-->
|
||||||
|
<!-- <el-input-->
|
||||||
|
<!-- placeholder="请选择图片"-->
|
||||||
|
<!-- style="width: 50%"-->
|
||||||
|
<!-- type="file"-->
|
||||||
|
<!-- @change="onFileChange"-->
|
||||||
|
<!-- ref="iptRef"-->
|
||||||
|
<!-- ></el-input-->
|
||||||
|
<!-- >-->
|
||||||
|
<!--<!– <el-button style="width: 85px">上传图片</el-button>–>-->
|
||||||
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- <div class="img">-->
|
|
||||||
<!-- <el-input-->
|
|
||||||
<!-- placeholder="请选择图片"-->
|
|
||||||
<!-- style="width: 50%"-->
|
|
||||||
<!-- type="file"-->
|
|
||||||
<!-- @change="onFileChange"-->
|
|
||||||
<!-- ref="iptRef"-->
|
|
||||||
<!-- ></el-input-->
|
|
||||||
<!-- >-->
|
|
||||||
<!--<!– <el-button style="width: 85px">上传图片</el-button>–>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import AMapLoader from "@amap/amap-jsapi-loader";
|
import AMapLoader from "@amap/amap-jsapi-loader";
|
||||||
import {getStation} from "@/api/pile/station.js";
|
import { getStation } from "@/api/pile/station.js";
|
||||||
import bus from "@/bus/bus";
|
import bus from "@/bus/bus";
|
||||||
import {getToken} from "@/utils/auth";
|
import { getToken } from "@/utils/auth";
|
||||||
|
|
||||||
window._AMapSecurityConfig = {
|
window._AMapSecurityConfig = {
|
||||||
securityJsCode: "b6b6e07309486e524f9986e1f36a5e28",
|
securityJsCode: "b6b6e07309486e524f9986e1f36a5e28",
|
||||||
};
|
};
|
||||||
export default {
|
export default {
|
||||||
props:['stationLat','stationLng'],
|
props: ["stationLat", "stationLng"],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dialogImageUrl: '',
|
dialogImageUrl: "",
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
// headers:{
|
// headers:{
|
||||||
// Authorization:this.$store.state.user.token
|
// Authorization:this.$store.state.user.token
|
||||||
// },
|
// },
|
||||||
map: null,
|
map: null,
|
||||||
autoOptions: {
|
autoOptions: {
|
||||||
input: "",
|
input: "",
|
||||||
},
|
},
|
||||||
inputObject: {
|
inputObject: {
|
||||||
userInput: "",
|
userInput: "",
|
||||||
// inputId: "searchInput",
|
// inputId: "searchInput",
|
||||||
lnglat: "",
|
lnglat: "",
|
||||||
},
|
},
|
||||||
searchPlaceInput: "",
|
searchPlaceInput: "",
|
||||||
auto: null,
|
auto: null,
|
||||||
placeSearch: "",
|
placeSearch: "",
|
||||||
stationId: this.$route.params.id,
|
stationId: this.$route.params.id,
|
||||||
avatar: "",
|
avatar: "",
|
||||||
|
};
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 点击搜索按钮
|
|
||||||
send() {
|
|
||||||
this.searchPlaceInput = this.inputObject.userInput;
|
|
||||||
console.log("搜索值", this.searchPlaceInput);
|
|
||||||
// 向表单 site-info传值
|
|
||||||
bus.$emit("inp", this.searchPlaceInput);
|
|
||||||
},
|
},
|
||||||
// queryStationInfo() {
|
methods: {
|
||||||
// getStation(this.stationId).then((response) => {
|
// 点击搜索按钮
|
||||||
// this.lat = response.data.stationLat;
|
send() {
|
||||||
// this.lng = response.data.stationLng;
|
this.searchPlaceInput = this.inputObject.userInput;
|
||||||
// console.log(this.lat, this.lng);
|
console.log("搜索值", this.searchPlaceInput);
|
||||||
// this.initMap(this.lat, this.lng);
|
// 向表单 site-info传值
|
||||||
// });
|
bus.$emit("inp", this.searchPlaceInput);
|
||||||
// },
|
},
|
||||||
|
// queryStationInfo() {
|
||||||
initMap() {
|
// getStation(this.stationId).then((response) => {
|
||||||
// console.log(lat, lng);
|
// this.lat = response.data.stationLat;
|
||||||
AMapLoader.load({
|
// this.lng = response.data.stationLng;
|
||||||
key: "ba9123dd736bce40f30b52f7c0beebc1", // 申请好的Web端开发者Key，首次调用 load 时必填
|
// console.log(this.lat, this.lng);
|
||||||
version: "1.4.15", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
|
// this.initMap(this.lat, this.lng);
|
||||||
plugins: ["AMap.AutoComplete", "AMap.PlaceSearch", "AMap.Geocoder"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
|
// });
|
||||||
})
|
// },
|
||||||
.then((AMap) => {
|
handleSearchResultClick(data) {
|
||||||
this.map = new AMap.Map("container", {
|
// 在这里处理点击事件
|
||||||
//设置地图容器id
|
// console.log(data); // 你可以在控制台打印点击结果的数据
|
||||||
viewMode: "3D", //是否为3D地图模式
|
let lat = data.entr_location.lat;
|
||||||
zoom: 15, //初始化地图级别
|
let lng = data.entr_location.lng;
|
||||||
center: [+this.stationLng, +this.stationLat], //初始化地图中心点位置
|
|
||||||
});
|
|
||||||
// this.map.addControl(new AMap.Geolocation());
|
|
||||||
// console.log("map", this.map);
|
|
||||||
// 设置鼠标的样式
|
|
||||||
this.map.setDefaultCursor("pointer");
|
|
||||||
// 点标记
|
|
||||||
let marker = new AMap.Marker({
|
|
||||||
position: new AMap.LngLat(+this.stationLng, +this.stationLat),
|
|
||||||
});
|
|
||||||
// 将创建的点标记添加到已有的地图实例
|
|
||||||
this.map.add(marker);
|
|
||||||
AMap.plugin("AMap.AutoComplete", function () {
|
|
||||||
let auto = new AMap.AutoComplete(this.autoOptions);
|
|
||||||
//构造地点查询类
|
|
||||||
auto.on("select", this.select);
|
|
||||||
});
|
|
||||||
this.placeSearch = new AMap.PlaceSearch({
|
|
||||||
map: this.map,
|
|
||||||
});
|
|
||||||
// 逆向地理编码 -> 要正向地理编码
|
|
||||||
this.map.on("click", (e) => {
|
|
||||||
let lat = e.lnglat.lat;
|
|
||||||
let lng = e.lnglat.lng;
|
|
||||||
this.getLngLatService(lat, lng);
|
this.getLngLatService(lat, lng);
|
||||||
// let lnglat = [lng, lat];
|
},
|
||||||
// console.log("经纬度", lnglat);
|
initMap() {
|
||||||
});
|
// console.log(lat, lng);
|
||||||
marker.on("click", (e) => {
|
AMapLoader.load({
|
||||||
let lat = e.lnglat.lat;
|
key: "ba9123dd736bce40f30b52f7c0beebc1", // 申请好的Web端开发者Key，首次调用 load 时必填
|
||||||
let lng = e.lnglat.lng;
|
version: "1.4.15", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
|
||||||
this.getLngLatService(lat, lng);
|
plugins: [
|
||||||
});
|
"AMap.AutoComplete",
|
||||||
})
|
"AMap.PlaceSearch",
|
||||||
.catch((e) => {
|
"AMap.Geocoder",
|
||||||
console.log(e);
|
], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
|
||||||
});
|
})
|
||||||
|
.then((AMap) => {
|
||||||
|
this.map = new AMap.Map("container", {
|
||||||
|
//设置地图容器id
|
||||||
|
viewMode: "3D", //是否为3D地图模式
|
||||||
|
zoom: 15, //初始化地图级别
|
||||||
|
center: [+this.stationLng, +this.stationLat], //初始化地图中心点位置
|
||||||
|
});
|
||||||
|
// this.map.addControl(new AMap.Geolocation());
|
||||||
|
// console.log("map", this.map);
|
||||||
|
// 设置鼠标的样式
|
||||||
|
this.map.setDefaultCursor("pointer");
|
||||||
|
// 点标记
|
||||||
|
let marker = new AMap.Marker({
|
||||||
|
position: new AMap.LngLat(
|
||||||
|
+this.stationLng,
|
||||||
|
+this.stationLat
|
||||||
|
),
|
||||||
|
});
|
||||||
|
// 将创建的点标记添加到已有的地图实例
|
||||||
|
this.map.add(marker);
|
||||||
|
AMap.plugin("AMap.AutoComplete", function () {
|
||||||
|
let auto = new AMap.AutoComplete(this.autoOptions);
|
||||||
|
//构造地点查询类
|
||||||
|
auto.on("select", this.select);
|
||||||
|
});
|
||||||
|
this.placeSearch = new AMap.PlaceSearch({
|
||||||
|
map: this.map,
|
||||||
|
});
|
||||||
|
// 点击搜索结果的回调函数
|
||||||
|
this.placeSearch.on("markerClick", (e) => {
|
||||||
|
// 在此处处理点击事件
|
||||||
|
this.handleSearchResultClick(e.data);
|
||||||
|
});
|
||||||
|
// 逆向地理编码 -> 要正向地理编码
|
||||||
|
this.map.on("click", (e) => {
|
||||||
|
let lat = e.lnglat.lat;
|
||||||
|
let lng = e.lnglat.lng;
|
||||||
|
this.getLngLatService(lat, lng);
|
||||||
|
// let lnglat = [lng, lat];
|
||||||
|
// console.log("经纬度", lnglat);
|
||||||
|
});
|
||||||
|
marker.on("click", (e) => {
|
||||||
|
let lat = e.lnglat.lat;
|
||||||
|
let lng = e.lnglat.lng;
|
||||||
|
this.getLngLatService(lat, lng);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
console.log(e);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
select(e) {
|
||||||
|
this.placeSearch.search(e.poi.name); //关键字查询查询
|
||||||
|
},
|
||||||
|
//逆向地理编码服务
|
||||||
|
getLngLatService(lat, lng) {
|
||||||
|
let pos = [lng, lat];
|
||||||
|
let lnglat = new AMap.LngLat(lng, lat);
|
||||||
|
let geocoder = new AMap.Geocoder({
|
||||||
|
// city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
|
||||||
|
city: "全国",
|
||||||
|
});
|
||||||
|
//1.点击地图任意位置生成一个marker
|
||||||
|
// let marker = new AMap.Marker({
|
||||||
|
// position: new AMap.LngLat(lng, lat),
|
||||||
|
// });
|
||||||
|
// this.map.add(marker);
|
||||||
|
// 移除已创建的marker
|
||||||
|
// this.map.remove(marker);
|
||||||
|
// let address = "";
|
||||||
|
//2.将位置转化为坐标点-->地理信息
|
||||||
|
//3.根据地理信息（地址）进行搜索获取详细信息！
|
||||||
|
geocoder.getAddress(lnglat, (status, result) => {
|
||||||
|
if (status === "complete" && result.regeocode) {
|
||||||
|
// console.log("geocoder.getAddress result", result);
|
||||||
|
let address = result.regeocode.formattedAddress;
|
||||||
|
let adcode = result.regeocode.addressComponent.adcode;
|
||||||
|
let res = {
|
||||||
|
pos: pos,
|
||||||
|
address: address,
|
||||||
|
adcode: adcode,
|
||||||
|
};
|
||||||
|
// console.log("res", res);
|
||||||
|
bus.$emit("res", res);
|
||||||
|
//需求：固定的窗体信息进行展示！
|
||||||
|
} else {
|
||||||
|
console.log("根据经纬度查询地址失败");
|
||||||
|
// log.error("根据经纬度查询地址失败");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
//DOM初始化完成进行地图初始化
|
||||||
|
// this.queryStationInfo()
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
// this.send();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
searchPlaceInput(newValue) {
|
||||||
|
if (newValue != null) {
|
||||||
|
console.log(newValue);
|
||||||
|
|
||||||
|
this.placeSearch.search(newValue);
|
||||||
|
this.map.setZoom(16, true, 1);
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
select(e) {
|
|
||||||
this.placeSearch.search(e.poi.name); //关键字查询查询
|
|
||||||
},
|
|
||||||
//逆向地理编码服务
|
|
||||||
getLngLatService(lat, lng) {
|
|
||||||
let pos = [lng, lat];
|
|
||||||
let lnglat = new AMap.LngLat(lng, lat);
|
|
||||||
let geocoder = new AMap.Geocoder({
|
|
||||||
// city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
|
|
||||||
city: "全国",
|
|
||||||
});
|
|
||||||
//1.点击地图任意位置生成一个marker
|
|
||||||
// let marker = new AMap.Marker({
|
|
||||||
// position: new AMap.LngLat(lng, lat),
|
|
||||||
// });
|
|
||||||
// this.map.add(marker);
|
|
||||||
// 移除已创建的marker
|
|
||||||
// this.map.remove(marker);
|
|
||||||
// let address = "";
|
|
||||||
//2.将位置转化为坐标点-->地理信息
|
|
||||||
//3.根据地理信息（地址）进行搜索获取详细信息！
|
|
||||||
geocoder.getAddress(lnglat, (status, result) => {
|
|
||||||
if (status === "complete" && result.regeocode) {
|
|
||||||
// console.log("geocoder.getAddress result", result);
|
|
||||||
let address = result.regeocode.formattedAddress;
|
|
||||||
let adcode = result.regeocode.addressComponent.adcode;
|
|
||||||
let res = {
|
|
||||||
pos: pos,
|
|
||||||
address: address,
|
|
||||||
adcode: adcode,
|
|
||||||
};
|
|
||||||
// console.log("res", res);
|
|
||||||
bus.$emit("res", res);
|
|
||||||
//需求：固定的窗体信息进行展示！
|
|
||||||
} else {
|
|
||||||
console.log("根据经纬度查询地址失败");
|
|
||||||
// log.error("根据经纬度查询地址失败");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
//DOM初始化完成进行地图初始化
|
|
||||||
// this.queryStationInfo()
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
// this.send();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
searchPlaceInput(newValue) {
|
|
||||||
if (newValue != null) {
|
|
||||||
console.log(newValue);
|
|
||||||
|
|
||||||
this.placeSearch.search(newValue);
|
|
||||||
this.map.setZoom(16, true, 1);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
#container {
|
#container {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90%;
|
height: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.basics {
|
.basics {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 500px;
|
height: 500px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mapCont {
|
.mapCont {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img {
|
.img {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-left: 100px;
|
margin-left: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// #search_container {
|
// #search_container {
|
||||||
|
|||||||
@@ -1,370 +1,408 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form
|
<el-form
|
||||||
:model="queryParams"
|
:model="queryParams"
|
||||||
ref="queryForm"
|
ref="queryForm"
|
||||||
size="small"
|
size="small"
|
||||||
:inline="true"
|
:inline="true"
|
||||||
v-show="showSearch"
|
v-show="showSearch"
|
||||||
label-width="68px"
|
label-width="68px"
|
||||||
@submit.native.prevent
|
@submit.native.prevent
|
||||||
>
|
|
||||||
<el-form-item label="桩号" prop="pileSn">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.pileSn"
|
|
||||||
placeholder="请输入桩号"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<!-- 切换运营商按钮 -->
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
v-hasPermi="['pile:station:add']"
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="click"
|
|
||||||
>批量修改站点</el-button
|
|
||||||
>
|
>
|
||||||
</el-col>
|
<el-form-item label="桩号" prop="pileSn">
|
||||||
</el-row>
|
<el-input
|
||||||
|
v-model="queryParams.pileSn"
|
||||||
<el-table
|
placeholder="请输入桩号"
|
||||||
v-loading="loading"
|
clearable
|
||||||
:data="pileList"
|
@keyup.enter.native="handleQuery"
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
>
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="桩号" align="center" prop="sn">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<router-link
|
|
||||||
:to="'/pile/detail/index/' + scope.row.pileId"
|
|
||||||
class="link-type"
|
|
||||||
>
|
|
||||||
<span>{{ scope.row.pileSn }}</span>
|
|
||||||
</router-link>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="状态" align="center" prop="status">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag
|
|
||||||
:options="dict.type.pile_status"
|
|
||||||
:value="scope.row.status"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="接口数量" align="center" prop="gunNum" />
|
|
||||||
<el-table-column label="电桩类型" align="center" prop="pileType">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag
|
|
||||||
:options="dict.type.connector_type"
|
|
||||||
:value="scope.row.pileType"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="运营商" align="center" prop="merchantName" />
|
|
||||||
<el-table-column label="充电站" align="center" prop="stationName" />
|
|
||||||
<el-table-column
|
|
||||||
label="注册时间"
|
|
||||||
align="center"
|
|
||||||
prop="registrationTime"
|
|
||||||
/>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total > 0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getPileList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 修改充电桩站点 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="45%" append-to-body>
|
|
||||||
<el-form ref="form" :model="updateData" label-width="120px">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="已选择的桩">
|
|
||||||
<el-tag v-for="tag in updateData.pileSnList" :key="tag">
|
|
||||||
{{ tag }}
|
|
||||||
</el-tag>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="运营商">
|
|
||||||
<el-select
|
|
||||||
v-model="updateData.merchantId"
|
|
||||||
placeholder="请选择运营商"
|
|
||||||
@change="changeSelectMerchant(updateData.merchantId)"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in merchantList"
|
|
||||||
:key="item.merchantName"
|
|
||||||
:label="item.merchantName"
|
|
||||||
:value="item.id"
|
|
||||||
/>
|
/>
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
<el-form-item>
|
||||||
<el-col :span="12">
|
<el-button
|
||||||
<el-form-item label="站点" prop="stationId">
|
type="primary"
|
||||||
<el-select
|
icon="el-icon-search"
|
||||||
v-model="updateData.stationId"
|
size="mini"
|
||||||
placeholder="请选择站点"
|
@click="handleQuery"
|
||||||
filterable
|
>搜索</el-button
|
||||||
>
|
>
|
||||||
<el-option
|
<el-button
|
||||||
v-for="item in stationList"
|
icon="el-icon-refresh"
|
||||||
:key="item.id"
|
size="mini"
|
||||||
:label="item.stationName"
|
@click="resetQuery"
|
||||||
:value="item.id"
|
>重置</el-button
|
||||||
/>
|
>
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-form>
|
||||||
|
<!-- 切换运营商按钮 -->
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
v-hasPermi="['pile:station:add']"
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
icon="el-icon-plus"
|
||||||
|
size="mini"
|
||||||
|
@click="click"
|
||||||
|
>批量修改站点</el-button
|
||||||
|
>
|
||||||
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
<el-table
|
||||||
<el-form-item label="产品型号" prop="modelId">
|
v-loading="loading"
|
||||||
<el-select v-model="updateData.modelId" placeholder="请选择产品型号"
|
:data="pileList"
|
||||||
v-selectLoadMore="selectLoadMore"
|
@selection-change="handleSelectionChange"
|
||||||
:remote-method="remoteMethod"
|
>
|
||||||
>
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-option
|
<el-table-column label="桩号" align="center" prop="sn">
|
||||||
v-for="item in modelList"
|
<template slot-scope="scope">
|
||||||
:key="item.modelName"
|
<router-link
|
||||||
:label="item.modelName"
|
:to="'/pile/detail/index/' + scope.row.pileId"
|
||||||
:value="item.id"
|
class="link-type"
|
||||||
/>
|
>
|
||||||
</el-select>
|
<span>{{ scope.row.pileSn }}</span>
|
||||||
</el-form-item>
|
</router-link>
|
||||||
</el-col>
|
</template>
|
||||||
<el-col :span="12">
|
</el-table-column>
|
||||||
<el-form-item label="枪口数量" prop="connectorNum">
|
<el-table-column label="状态" align="center" prop="status">
|
||||||
<el-input
|
<template slot-scope="scope">
|
||||||
v-model="updateData.connectorNum"
|
<dict-tag
|
||||||
placeholder="请输入枪口数量"
|
:options="dict.type.pile_status"
|
||||||
/>
|
:value="scope.row.status"
|
||||||
</el-form-item>
|
/>
|
||||||
</el-col>
|
</template>
|
||||||
</el-row>
|
</el-table-column>
|
||||||
</el-form>
|
<el-table-column label="接口数量" align="center" prop="gunNum" />
|
||||||
<div slot="footer" class="dialog-footer">
|
<el-table-column label="电桩类型" align="center" prop="pileType">
|
||||||
<el-button type="primary" @click="batchUpdate">确 定</el-button>
|
<template slot-scope="scope">
|
||||||
<el-button @click="cancel">取 消</el-button>
|
<dict-tag
|
||||||
</div>
|
:options="dict.type.connector_type"
|
||||||
</el-dialog>
|
:value="scope.row.pileType"
|
||||||
</div>
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="运营商"
|
||||||
|
align="center"
|
||||||
|
prop="merchantName"
|
||||||
|
/>
|
||||||
|
<el-table-column label="充电站" align="center" prop="stationName" />
|
||||||
|
<el-table-column
|
||||||
|
label="注册时间"
|
||||||
|
align="center"
|
||||||
|
prop="registrationTime"
|
||||||
|
/>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getPileList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 修改充电桩站点 -->
|
||||||
|
<el-dialog
|
||||||
|
:title="title"
|
||||||
|
:visible.sync="open"
|
||||||
|
width="45%"
|
||||||
|
append-to-body
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<el-form ref="form" :model="updateData" label-width="120px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="已选择的桩">
|
||||||
|
<el-tag
|
||||||
|
v-for="tag in updateData.pileSnList"
|
||||||
|
:key="tag"
|
||||||
|
>
|
||||||
|
{{ tag }}
|
||||||
|
</el-tag>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="运营商">
|
||||||
|
<el-select
|
||||||
|
v-model="updateData.merchantId"
|
||||||
|
placeholder="请选择运营商"
|
||||||
|
@change="
|
||||||
|
changeSelectMerchant(updateData.merchantId)
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in merchantList"
|
||||||
|
:key="item.merchantName"
|
||||||
|
:label="item.merchantName"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="站点" prop="stationId">
|
||||||
|
<el-select
|
||||||
|
v-model="updateData.stationId"
|
||||||
|
placeholder="请选择站点"
|
||||||
|
filterable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in stationList"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.stationName"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="产品型号" prop="modelId">
|
||||||
|
<el-select
|
||||||
|
v-model="updateData.modelId"
|
||||||
|
placeholder="请选择产品型号"
|
||||||
|
v-selectLoadMore="selectLoadMore"
|
||||||
|
:remote-method="remoteMethod"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in modelList"
|
||||||
|
:key="item.modelName"
|
||||||
|
:label="item.modelName"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="枪口数量" prop="connectorNum">
|
||||||
|
<el-input
|
||||||
|
v-model="updateData.connectorNum"
|
||||||
|
placeholder="请输入枪口数量"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="batchUpdate">确 定</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { batchUpdatePileList, listBasic } from "@/api/pile/basic";
|
import { batchUpdatePileList, listBasic } from "@/api/pile/basic";
|
||||||
import { getMerchantList } from "@/api/pile/merchant";
|
import { getMerchantList } from "@/api/pile/merchant";
|
||||||
import { getStationListByMerchantId } from "@/api/pile/station";
|
import { getStationListByMerchantId } from "@/api/pile/station";
|
||||||
import {listModel} from "@/api/pile/model";
|
import { listModel } from "@/api/pile/model";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "PileList",
|
name: "PileList",
|
||||||
dicts: ["pile_status", "software_protocol", "connector_type"],
|
dicts: ["pile_status", "software_protocol", "connector_type"],
|
||||||
props: {
|
props: {
|
||||||
stationId: "",
|
stationId: "",
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
stationId: null,
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
pileSn: null,
|
|
||||||
},
|
|
||||||
pileList: [],
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 运营商列表
|
|
||||||
merchantList: [],
|
|
||||||
// 站点列表
|
|
||||||
stationList: [],
|
|
||||||
// 更新站点参数
|
|
||||||
updateData: {
|
|
||||||
merchantId: null,
|
|
||||||
stationId: null,
|
|
||||||
pileIdList: [],
|
|
||||||
pileSnList: [],
|
|
||||||
connectorNum: null,
|
|
||||||
modelId: null,
|
|
||||||
},
|
|
||||||
// 型号列表
|
|
||||||
modelList: [],
|
|
||||||
modelTotal: 0,
|
|
||||||
loadMoreFlag: true,
|
|
||||||
searchModelParam: {
|
|
||||||
name: '',
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
// this.getPileList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 下拉加载更多
|
|
||||||
selectLoadMore () {
|
|
||||||
console.log("触底了 ", this.searchModelParam.pageSize)
|
|
||||||
if (this.loadMoreFlag === false) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.searchModelParam.pageSize = this.searchModelParam.pageSize + 10;
|
|
||||||
console.log('触底了执行查询', this.searchModelParam);
|
|
||||||
this.getModelList();
|
|
||||||
},
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
stationId: null,
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
pileSn: null,
|
||||||
|
},
|
||||||
|
pileList: [],
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 运营商列表
|
||||||
|
merchantList: [],
|
||||||
|
// 站点列表
|
||||||
|
stationList: [],
|
||||||
|
// 更新站点参数
|
||||||
|
updateData: {
|
||||||
|
merchantId: null,
|
||||||
|
stationId: null,
|
||||||
|
pileIdList: [],
|
||||||
|
pileSnList: [],
|
||||||
|
connectorNum: null,
|
||||||
|
modelId: null,
|
||||||
|
},
|
||||||
|
// 型号列表
|
||||||
|
modelList: [],
|
||||||
|
modelTotal: 0,
|
||||||
|
loadMoreFlag: true,
|
||||||
|
searchModelParam: {
|
||||||
|
name: "",
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
// this.getPileList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 下拉加载更多
|
||||||
|
selectLoadMore() {
|
||||||
|
console.log("触底了 ", this.searchModelParam.pageSize);
|
||||||
|
if (this.loadMoreFlag === false) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.searchModelParam.pageSize =
|
||||||
|
this.searchModelParam.pageSize + 10;
|
||||||
|
console.log("触底了执行查询", this.searchModelParam);
|
||||||
|
this.getModelList();
|
||||||
|
},
|
||||||
|
|
||||||
// 远程搜索
|
// 远程搜索
|
||||||
remoteMethod (val) {
|
remoteMethod(val) {
|
||||||
console.log('输入了', val)
|
console.log("输入了", val);
|
||||||
this.loading = true
|
this.loading = true;
|
||||||
this.search.name = val
|
this.search.name = val;
|
||||||
this.search.start = 1
|
this.search.start = 1;
|
||||||
this.list= []
|
this.list = [];
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.loading = false
|
this.loading = false;
|
||||||
this.getModelList()
|
this.getModelList();
|
||||||
}, 500)
|
}, 500);
|
||||||
},
|
},
|
||||||
|
|
||||||
// 分页查询
|
// 分页查询
|
||||||
getModelList() {
|
getModelList() {
|
||||||
listModel(this.searchModelParam).then((response) => {
|
listModel(this.searchModelParam).then((response) => {
|
||||||
console.log("分页查询response", response);
|
console.log("分页查询response", response);
|
||||||
this.modelTotal = response.total;
|
this.modelTotal = response.total;
|
||||||
this.modelList = response.rows;
|
this.modelList = response.rows;
|
||||||
this.loadMoreFlag = this.searchModelParam.pageSize <= this.modelTotal;
|
this.loadMoreFlag =
|
||||||
});
|
this.searchModelParam.pageSize <= this.modelTotal;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getPileList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.queryParams = {
|
||||||
|
pageNum: 1,
|
||||||
|
};
|
||||||
|
// this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
/** 查询充电桩列表 */
|
||||||
|
getPileList() {
|
||||||
|
this.loading = true;
|
||||||
|
this.queryParams.stationId = this.stationId;
|
||||||
|
listBasic(this.queryParams).then((response) => {
|
||||||
|
this.pileList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
// console.log(this.pileList);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getMerchantList() {
|
||||||
|
getMerchantList().then((response) => {
|
||||||
|
this.merchantList = response.rows;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeSelectMerchant(value) {
|
||||||
|
console.log(value);
|
||||||
|
// 通过接口查
|
||||||
|
getStationListByMerchantId(value).then((response) => {
|
||||||
|
this.stationList = response.data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
// console.log(selection);
|
||||||
|
this.updateData.pileSnList = selection.map((item) => item.pileSn);
|
||||||
|
this.updateData.pileIdList = selection.map((item) => item.pileId);
|
||||||
|
// console.log(this.updateData.pileIdList);
|
||||||
|
},
|
||||||
|
/** 按钮操作 */
|
||||||
|
click() {
|
||||||
|
if (this.updateData.pileIdList.length === 0) {
|
||||||
|
return this.$message({
|
||||||
|
message: "请选择充电桩",
|
||||||
|
type: "warning",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
this.getMerchantList();
|
||||||
|
this.getModelList();
|
||||||
|
this.reset();
|
||||||
|
this.open = true;
|
||||||
|
this.title = "更换站点";
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
this.stationList = [];
|
||||||
|
},
|
||||||
|
// 点击弹框右上角×
|
||||||
|
handleClose() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
this.stationList = [];
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.updateData.merchantId = null;
|
||||||
|
this.updateData.stationId = null;
|
||||||
|
this.updateData.modelId = null;
|
||||||
|
this.updateData.connectorNum = null;
|
||||||
|
},
|
||||||
|
batchUpdate() {
|
||||||
|
if (this.updateData.merchantId === null) {
|
||||||
|
return this.$message({
|
||||||
|
message: "请选择运营商",
|
||||||
|
type: "warning",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (this.updateData.stationId === null) {
|
||||||
|
return this.$message({
|
||||||
|
message: "请选择站点",
|
||||||
|
type: "warning",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.log("点击批量更新", this.updateData);
|
||||||
|
this.loading = true;
|
||||||
|
batchUpdatePileList(this.updateData)
|
||||||
|
.then((response) => {
|
||||||
|
this.loading = false;
|
||||||
|
this.$message({
|
||||||
|
message: "操作成功",
|
||||||
|
type: "success",
|
||||||
|
});
|
||||||
|
this.open = false;
|
||||||
|
this.getPileList();
|
||||||
|
this.stationList = [];
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
this.loading = false;
|
||||||
|
console.log(error);
|
||||||
|
});
|
||||||
|
},
|
||||||
},
|
},
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getPileList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams = {
|
|
||||||
pageNum: 1
|
|
||||||
};
|
|
||||||
// this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
/** 查询充电桩列表 */
|
|
||||||
getPileList() {
|
|
||||||
this.loading = true;
|
|
||||||
this.queryParams.stationId = this.stationId;
|
|
||||||
listBasic(this.queryParams).then((response) => {
|
|
||||||
this.pileList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
// console.log(this.pileList);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getMerchantList() {
|
|
||||||
getMerchantList().then((response) => {
|
|
||||||
this.merchantList = response.rows;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
changeSelectMerchant(value) {
|
|
||||||
console.log(value);
|
|
||||||
// 通过接口查
|
|
||||||
getStationListByMerchantId(value).then((response) => {
|
|
||||||
this.stationList = response.data;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
// console.log(selection);
|
|
||||||
this.updateData.pileSnList = selection.map((item) => item.pileSn);
|
|
||||||
this.updateData.pileIdList = selection.map((item) => item.pileId);
|
|
||||||
// console.log(this.updateData.pileIdList);
|
|
||||||
},
|
|
||||||
/** 按钮操作 */
|
|
||||||
click() {
|
|
||||||
if (this.updateData.pileIdList.length === 0) {
|
|
||||||
return this.$message({
|
|
||||||
message: "请选择充电桩",
|
|
||||||
type: "warning",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.getMerchantList();
|
|
||||||
this.getModelList();
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "更换站点";
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
reset() {
|
|
||||||
this.updateData.merchantId = null;
|
|
||||||
this.updateData.stationId = null;
|
|
||||||
this.updateData.modelId = null;
|
|
||||||
this.updateData.connectorNum = null;
|
|
||||||
},
|
|
||||||
batchUpdate() {
|
|
||||||
if (this.updateData.merchantId === null) {
|
|
||||||
return this.$message({
|
|
||||||
message: "请选择运营商",
|
|
||||||
type: "warning",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (this.updateData.stationId === null) {
|
|
||||||
return this.$message({
|
|
||||||
message: "请选择站点",
|
|
||||||
type: "warning",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
console.log("点击批量更新", this.updateData);
|
|
||||||
this.loading = true;
|
|
||||||
batchUpdatePileList(this.updateData)
|
|
||||||
.then((response) => {
|
|
||||||
this.loading = false;
|
|
||||||
this.$message({
|
|
||||||
message: "操作成功",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
this.open = false;
|
|
||||||
this.getPileList();
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
this.loading = false;
|
|
||||||
console.log(error);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.el-tag {
|
.el-tag {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user