gitee
/
django-vue-admin
mirror of https://gitee.com/liqianglog/django-vue-admin
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

pull/36/MERGE
李强 2021-05-30 17:38:46 +08:00
parent b65ec1d337
commit 50d7043338
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
dvadmin-ui/src/components/ModelDisplay/index.vue
View File

@ -274,16 +274,16 @@
inactive-color="#ff4949"> inactive-color="#ff4949">
</el-switch> </el-switch>
<el-input-number <el-input-number
v-if="value.type==='number'" v-else-if="value.type==='number'"
v-model="form[value.prop]" v-model="form[value.prop]"
:precision="value.precision || 0" :precision="value.precision || 0"
:step="value.step || 1" :step="value.step || 1"
:max="value.step || Infinity"> :max="value.step || Infinity">
</el-input-number> </el-input-number>
<dept-tree ref="dept_tree" v-else-if="value.type==='depts'" :value.sync="form[value.prop]" <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 ref="users_tree" v-else-if="value.type==='users'" :value.sync="form[value.prop]"
></users-tree> ></users-tree>
<el-date-picker <el-date-picker
v-else-if="value.type==='date' || value.type==='datetime'" v-else-if="value.type==='date' || value.type==='datetime'"
v-model="form[value.prop]" v-model="form[value.prop]"
@ -325,6 +325,15 @@
:select_options="modelSelect[value.prop] || []" :select_options="modelSelect[value.prop] || []"
style="line-height: 20px;" 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 <el-input
v-else v-else
v-model="form[value.prop]" v-model="form[value.prop]"
@ -766,6 +775,11 @@
this.modelSelect[value.prop] = response 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") { if (value.type === "users") {
Promises.push(this.getModelSelect(value.prop, "name", listUser,{_fields:"id,name"}).then(response => { Promises.push(this.getModelSelect(value.prop, "name", listUser,{_fields:"id,name"}).then(response => {
this.modelSelect[value.prop] = response this.modelSelect[value.prop] = response