zhanbo.xu

fix: 修改port.split问题

......@@ -24,7 +24,12 @@
<el-row :gutter="5">
<!-- 口岸 -->
<el-col :span="8">
<Formitem label="口岸" prop="port" type="edit">
<Formitem
label="口岸"
prop="port"
type="edit"
:activeType="activeType"
>
<el-select
type="text"
id="inputInner-edit-port"
......@@ -32,6 +37,9 @@
multiple
clearable
placeholder=""
@visible-change="visibleChange"
@remove-tag="removeTag"
@clear="clear"
>
<el-option
v-for="(item, index) in dict.port"
......@@ -279,6 +287,7 @@ export default {
},
loadingText: "",
isDataLoaded: false, // 新增变量
activeType: false,
};
},
watch: {
......@@ -303,6 +312,36 @@ export default {
},
},
methods: {
visibleChange(type) {
if (type) {
this.activeType = true;
} else {
if (this.formData.port.length > 0) {
this.activeType = true;
} else {
this.activeType = false;
document
.querySelector("#inputInner-edit-port")
.classList.remove("inputFocus");
}
}
},
removeTag(val) {
if (this.formData.port.length > 0) {
this.activeType = true;
} else {
this.activeType = false;
document
.querySelector("#inputInner-edit-port")
.classList.remove("inputFocus");
}
},
clear() {
this.activeType = false;
document
.querySelector("#inputInner-edit-port")
.classList.remove("inputFocus");
},
// 查询用户信息详情
searchUserData(id) {
getUserDetailData({ id: id })
......@@ -310,7 +349,7 @@ export default {
if (res.code === "200") {
this.formData = {
...res.data,
port: res.data.port.split(","),
port: res.data.port ? res.data.port.split(",") : "",
};
} else {
this.alertWarningMsg(res.message);
......