From a271a410e27f5fbb7d4af25a4cb911b40d442efd Mon Sep 17 00:00:00 2001
From: PQZ <pangqingzhou@gmail.com>
Date: Wed, 7 Aug 2024 18:16:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CarBrandSelector/index.vue     | 198 ++++++------------
 src/views/base/carmain/CarMainForm.vue        |   2 +-
 2 files changed, 67 insertions(+), 133 deletions(-)

diff --git a/src/layout/components/CarBrandSelector/index.vue b/src/layout/components/CarBrandSelector/index.vue
index a464908..8426ec4 100644
--- a/src/layout/components/CarBrandSelector/index.vue
+++ b/src/layout/components/CarBrandSelector/index.vue
@@ -1,140 +1,74 @@
 <template>
-    <div class="block">
-        <el-cascader v-model="selectedOptions" placeholder="请选择" :options="options" :filter-method="handleFilter"
-            :debounce="500" :show-all-levels="false" filterable clearable />
-    </div>
+  <div class="block">
+<!--    <el-cascader v-model="selectedOptions" placeholder="请选择" :options="options" :filter-method="handleFilter"-->
+<!--                 :debounce="500" :show-all-levels="false" filterable clearable/>-->
+    <el-cascader
+      placeholder="请选择品牌型号"
+      :options="options"
+
+      filterable></el-cascader>
+  </div>
 
 </template>
 <script>
 import * as CarBrandSelectorApi from '@/layout/components/CarBrandSelector/Api';
+
 export default {
-    watch: {
-        selectedOptions(newVal, oldVal) {
-            console.log("newS is ", newVal);
-        }
-    },
-    created() {
-        this.getData();
-    },
-    methods: {
-        // 处理过滤方法
-        handleFilter(node, keyword) {
-            console.log(keyword, 'Filtering:');
-            //请求相关选项
-            this.getData(keyword);
-            // this.options = 
-
-            // const filteredOptions = [
-            //   {
-            //     value: 'filtered1',
-            //     label: `Filtered ${inputValue} 1`,
-            //     children: [
-            //       { value: 'filtered1-1', label: `Filtered ${inputValue} 1-1` },
-            //       { value: 'filtered1-2', label: `Filtered ${inputValue} 1-2` },
-            //     ],
-            //   },
-            //   {
-            //     value: 'filtered2',
-            //     label: `Filtered ${inputValue} 2`,
-            //     children: [
-            //       { value: 'filtered2-1', label: `Filtered ${inputValue} 2-1` },
-            //       { value: 'filtered2-2', label: `Filtered ${inputValue} 2-2` },
-            //     ],
-            //   },
-            // ];
-            // this.options = filteredOptions;
-        },
-        getData(keyword) {
-            let param = {
-                modelName: keyword,
-            }
-            CarBrandSelectorApi.searchBrand(param).then(res => {
-                this.options = res.data
-                this.options = res.data
-               
-            });
-        },
-
-        changedOptionsForTest() {
-            this.options = [{
-                value: 'zhinan',
-                label: '指北',
-                children: [{
-                    value: 'shejiyuanze',
-                    label: '指北1',
-                    children: [{
-                        value: 'yizhi',
-                        label: '一致',
-                        children: [{
-                            value: 'sadme',
-                            label: 'how sad me'
-                        }]
-                    }, {
-                        value: 'fankui',
-                        label: '反馈'
-                    }, {
-                        value: 'xiaolv',
-                        label: '效率'
-                    }, {
-                        value: 'kekong',
-                        label: '可控'
-                    }]
-                }, {
-                    value: 'daohang',
-                    label: '指北2',
-                    children: [{
-                        value: 'cexiangdaohang',
-                        label: '侧向导航'
-                    }, {
-                        value: 'dingbudaohang',
-                        label: '顶部导航'
-                    }]
-                }]
-            },]
-        },
-    },
-
-    data() {
-        return {
-            selectedOptions: [], // 存储已选择的选项
-
-            options: [{
-                value: 'zhinan',
-                label: '指北',
-                children: [{
-                    value: 'shejiyuanze',
-                    label: '指北1',
-                    children: [{
-                        value: 'yizhi',
-                        label: '一致',
-                        children: [{
-                            value: 'sadme',
-                            label: 'how sad me'
-                        }]
-                    }, {
-                        value: 'fankui',
-                        label: '反馈'
-                    }, {
-                        value: 'xiaolv',
-                        label: '效率'
-                    }, {
-                        value: 'kekong',
-                        label: '可控'
-                    }]
-                }, {
-                    value: 'daohang',
-                    label: '指北2',
-                    children: [{
-                        value: 'cexiangdaohang',
-                        label: '侧向导航'
-                    }, {
-                        value: 'dingbudaohang',
-                        label: '顶部导航'
-                    }]
-                }]
-            },], //选项集合
-
-        };
+  watch: {
+    selectedOptions(newVal, oldVal) {
+      console.log("newS is ", newVal);
     }
+  },
+  created() {
+    this.getData();
+  },
+  methods: {
+    // 处理过滤方法
+    handleFilter(node, keyword) {
+      debugger
+      console.log(keyword, 'Filtering:');
+      //请求相关选项
+      this.getData(keyword);
+      // this.options =
+      // const filteredOptions = [
+      //   {
+      //     value: 'filtered1',
+      //     label: `Filtered ${inputValue} 1`,
+      //     children: [
+      //       { value: 'filtered1-1', label: `Filtered ${inputValue} 1-1` },
+      //       { value: 'filtered1-2', label: `Filtered ${inputValue} 1-2` },
+      //     ],
+      //   },
+      //   {
+      //     value: 'filtered2',
+      //     label: `Filtered ${inputValue} 2`,
+      //     children: [
+      //       { value: 'filtered2-1', label: `Filtered ${inputValue} 2-1` },
+      //       { value: 'filtered2-2', label: `Filtered ${inputValue} 2-2` },
+      //     ],
+      //   },
+      // ];
+      // this.options = filteredOptions;
+    },
+    getData(keyword) {
+      let param = {
+        modelName: keyword,
+      }
+      CarBrandSelectorApi.searchBrand(param).then(res => {
+        this.options = res.data
+      });
+    },
+
+
+  },
+
+  data() {
+    return {
+      selectedOptions: [], // 存储已选择的选项
+
+      options: [], //选项集合
+
+    };
+  }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/base/carmain/CarMainForm.vue b/src/views/base/carmain/CarMainForm.vue
index 17462b2..653e691 100644
--- a/src/views/base/carmain/CarMainForm.vue
+++ b/src/views/base/carmain/CarMainForm.vue
@@ -71,7 +71,7 @@
         <el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button>
         <el-button @click="dialogVisible = false">取 消</el-button>
       </div>
-      <CarBrandSelector/>
+      <CarBrandSelector ref="brandForm"/>
     </el-dialog>
   </div>
 </template>