新功能(前端组件): 更新CRUD组件，添加 cascader 类型

dvadmin-ui/src/components/ModelDisplay/index.vue

@@ -274,16 +274,16 @@
             inactive-color="#ff4949">
           </el-switch>
           <el-input-number
-            v-if="value.type==='number'"
+            v-else-if="value.type==='number'"
             v-model="form[value.prop]"
             :precision="value.precision || 0"
             :step="value.step || 1"
             :max="value.step || Infinity">
           </el-input-number>
           <dept-tree ref="dept_tree" v-else-if="value.type==='depts'" :value.sync="form[value.prop]"
-                     ></dept-tree>
+          ></dept-tree>
           <users-tree ref="users_tree" v-else-if="value.type==='users'" :value.sync="form[value.prop]"
-                      ></users-tree>
+          ></users-tree>
           <el-date-picker
             v-else-if="value.type==='date' || value.type==='datetime'"
             v-model="form[value.prop]"
@@ -325,6 +325,15 @@
             :select_options="modelSelect[value.prop] || []"
             style="line-height: 20px;"
           />
+          <el-cascader
+            v-else-if="value.type==='cascader' && value.select_data"
+            v-model="form[value.prop]"
+            :placeholder="value.select_data.placeholder|| '请选择'"
+            :options="modelSelect[value.prop] || []"
+            :clearable="value.select_data.clearable|| false"
+            :filterable="value.select_data.filterable|| false"
+            style="width: 100%"
+          />
           <el-input
             v-else
             v-model="form[value.prop]"
@@ -766,6 +775,11 @@
               this.modelSelect[value.prop] = response
             }))
           }
+          if (value.type === "cascader" && value.select_data) {
+            Promises.push(value.select_data.listApi().then(response => {
+              this.modelSelect[value.prop] = response.data
+            }))
+          }
           if (value.type === "users") {
             Promises.push(this.getModelSelect(value.prop, "name", listUser,{_fields:"id,name"}).then(response => {
               this.modelSelect[value.prop] = response