Browse Source

联动换一个写法

mingfu 1 tháng trước cách đây
mục cha
commit
dd8b553c72

BIN
back-ui/admin.zip


+ 12 - 1
back-ui/src/views/dz/cards/components/ApplyCardDialog.vue

@@ -57,7 +57,6 @@
               v-model="form.province"
               placeholder="请选择省份"
               style="width: 100%"
-              @change="getCampusListData(this.value)"
               clearable
           >
             <el-option
@@ -73,6 +72,7 @@
           <el-select
             v-model="form.schoolId"
             placeholder="请选择学校"
+            :disabled="!form.province"
             style="width: 100%"
           >
             <el-option
@@ -316,6 +316,17 @@ watch(visible, (newVal) => {
     autoFillCardRange();
   }
 });
+
+// 监听省份变化,获取对应学校
+watch(
+    () => form.value.province,
+    (newProvince) => {
+      // 重置学校选择
+      form.value.schoolId = null;
+      // 获取对应省份的学校列表
+      getCampusListData(newProvince);
+    }
+);
 </script>
 
 <style scoped>

+ 12 - 1
back-ui/src/views/dz/open/index.vue

@@ -89,7 +89,6 @@
               v-model="form.province"
               placeholder="请选择省份"
               style="width: 100%"
-              @change="getCampusListData(this.value)"
               clearable
           >
             <el-option
@@ -105,6 +104,7 @@
           <el-select
               v-model="form.schoolId"
               placeholder="请选择学校"
+              :disabled="!form.province"
               style="width: 100%"
           >
             <el-option
@@ -486,6 +486,17 @@ function handleExport() {
 }
 getProvinceList();
 getList();
+
+// 监听省份变化,获取对应学校
+watch(
+    () => form.value.province,
+    (newProvince) => {
+      // 重置学校选择
+      form.value.schoolId = null;
+      // 获取对应省份的学校列表
+      getCampusListData(newProvince);
+    }
+);
 </script>
 <style>
 .detail {