修改海南测试问题

src/components/form/areaCascard/index.vue

@@ -5,7 +5,7 @@
         :options='options'
         :props='isMultiple?baseMultipleCascader:baseCascader'
         @change='change'
-        clearable
+        
         collapse-tags
         collapse-tags-tooltip
     />
@@ -14,76 +14,19 @@
 
 <script setup lang='ts'>
 import { ref } from 'vue'
-
+import { useDictData } from '@/stores/dictData'
+const dictData = useDictData()
 const areaCascader = ref()
 let areaValue = ref()
 const change = (e: any) => {
     areaValue = areaCascader.value.getCheckedNodes()
 }
 
-const options = [
-    {
-        value: '海口市',
-        label: '海口市',
-        children: [
-            {
-                value: '秀英区',
-                label: '秀英区',
-                children: [
-                    {
-                        value: '秀英区',
-                        label: '秀英区',
-                        children: []
-                    },
-                    {
-                        value: '龙华区',
-                        label: '龙华区',
-                        children: []
-                    },
-                    {
-                        value: '琼山区',
-                        label: '琼山区',
-                        children: []
-                    }
-                ]
-            },
-            {
-                value: '龙华区',
-                label: '龙华区',
-                children: []
-            },
-            {
-                value: '琼山区',
-                label: '琼山区',
-                children: []
-            }
-        ]
-    },
-    {
-        value: '三亚市',
-        label: '三亚市',
-        children: [
-            {
-                value: '海棠区',
-                label: '海棠区',
-                children: []
-            },
-            {
-                value: '吉阳区',
-                label: '吉阳区',
-                children: []
-            },
-            {
-                value: '天涯区',
-                label: '天涯区',
-                children: []
-            }
-        ]
-    }
-]
-
+const options = dictData.state.area
 // 区域联级下拉框配置,多选
 const baseMultipleCascader = {
+    label: 'name',
+    value: 'name',
     expandTrigger: 'hover' as const,
     multiple: true
 }
@@ -91,6 +34,8 @@ const baseMultipleCascader = {
 
 // 区域联级下拉框配置，单选
 const baseCascader = {
+    label: 'name',
+    value: 'name',
     expandTrigger: 'hover' as const
 }