fix: 修改port.split问题

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