add province select

src/views/adapterManagement/components/CreateCluster.vue

@@ -108,9 +108,18 @@
               prop="regionDict"
               :label="$t('page.region')"
             >
-              <el-select v-model="editInfoForm.regionDict">
+              <!-- <el-select v-model="editInfoForm.regionDict">
                 <el-option v-for="(item,index) in regionList" :key="index" :value="item.itemValue" :label="item.itemText" />
-              </el-select>
+              </el-select> -->
+              <el-cascader
+                ref="cascader"
+                v-model="editInfoForm.regionDict"
+                style="width: 100%;"
+                class="cascader-box"
+                :options="citys"
+                :props="{ value: 'code', label: 'name', expandTrigger: 'hover' }"
+                filterable
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -197,6 +206,7 @@ import { getDictItems } from '@/api/common/setting'
 import Driver from 'driver.js' // import driver.js
 import 'driver.js/dist/driver.min.css'
 import '@/styles/driver.scss'
+import citys from './citys.json'
 
 export default {
   props: {
@@ -217,6 +227,7 @@ export default {
   },
   data() {
     return {
+      citys,
       editInfoForm: {
         'adapterId': '',
         'name': '',