From a648d3ded650cbf41d035ffc0c92175a9396e142 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期二, 16 四月 2024 09:11:16 +0800
Subject: [PATCH] 修改用户管理页面
---
src/components/tool/value-table.vue | 23 +++++++++++++++++------
src/components/view/person-manage.vue | 10 ++++++++++
2 files changed, 27 insertions(+), 6 deletions(-)
diff --git a/src/components/tool/value-table.vue b/src/components/tool/value-table.vue
index 58466cf..44aa439 100644
--- a/src/components/tool/value-table.vue
+++ b/src/components/tool/value-table.vue
@@ -174,7 +174,7 @@
</el-col>
<el-col :span="16/data.row">
<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
- v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)" :disabled="isDisabled(a.label)"></el-input>
+ v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)&&!showCascader(a.label)" :disabled="isDisabled(a.label)"></el-input>
<el-select v-model="upData[a.label]" :multiple="data.selectField[a.label].choose" size="small"
v-if="showType(a.label, data.selectField) != null" style="width: 100%;" :disabled="isDisabled(a.label)"
clearable>
@@ -197,7 +197,8 @@
style="background: transparent;width: 80px;height: 80px;border: 1px solid #DCDFE6;border-radius: 6px;margin: 10px 0;">
<img v-if="upData[a.label]" :src="javaApi+'/img/'+upData[a.label]" class="avatar" style="width: 80px;height: 80px;border-radius: 6px;">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
- </el-upload>
+ </el-upload>
+ <el-cascader v-model="upData[a.label]" :options="data.cascaderField[a.label].tree" :show-all-levels="false" v-if="showCascader(a.label)" clearable :props="data.cascaderField.props"></el-cascader>
</el-col>
</div>
</div>
@@ -208,7 +209,7 @@
</el-col>
<el-col :span="16" :offset="1">
<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
- v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)" :disabled="isDisabled(a.label)"></el-input>
+ v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)&&!showCascader(a.label)" :disabled="isDisabled(a.label)"></el-input>
<el-select v-model="upData[a.label]" :multiple="data.selectField[a.label].choose" size="small"
v-if="showType(a.label, data.selectField) != null" style="width: 100%;" :disabled="isDisabled(a.label)"
clearable>
@@ -230,7 +231,8 @@
style="background: transparent;width: 80px;height: 80px;border: 1px solid #DCDFE6;border-radius: 6px;margin: 10px 0;">
<img v-if="upData[a.label]" :src="javaApi+'/img/'+upData[a.label]" class="avatar" style="width: 80px;height: 80px;border-radius: 6px;">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
- </el-upload>
+ </el-upload>
+ <el-cascader v-model="upData[a.label]" :options="data.cascaderField[a.label].tree" :show-all-levels="false" v-if="showCascader(a.label)" clearable :props="data.cascaderField.props"></el-cascader>
</el-col>
</el-row>
</div>
@@ -249,7 +251,7 @@
</span>{{a.value}}锛�</el-col>
<el-col :span="16/data.row" :offset="1">
<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
- v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)"></el-input>
+ v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)&&!showCascader(a.label)"></el-input>
<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
style="width: 100%;" :placeholder="`璇烽�夋嫨${a.value}`" clearable>
<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
@@ -271,6 +273,7 @@
<img v-if="upData[a.label]" :src="javaApi+'/img/'+upData[a.label]" class="avatar" style="width: 80px;height: 80px;border-radius: 6px;">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
+ <el-cascader v-model="upData[a.label]" :options="data.cascaderField[a.label].tree" :show-all-levels="false" v-if="showCascader(a.label)" clearable :props="data.cascaderField.props"></el-cascader>
</el-col>
</div>
</div>
@@ -280,7 +283,7 @@
</span>{{a.value}}锛�</el-col>
<el-col :span="16" :offset="1">
<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
- v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)"></el-input>
+ v-if="showType(a.label, data.selectField) == null&&!showUpload(a.label)&&!showCascader(a.label)"></el-input>
<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
style="width: 100%;" :placeholder="`璇烽�夋嫨${a.value}`" clearable>
<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
@@ -302,6 +305,7 @@
<img v-if="upData[a.label]" :src="javaApi+'/img/'+upData[a.label]" class="avatar" style="width: 80px;height: 80px;border-radius: 6px;">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
+ <el-cascader v-model="upData[a.label]" :options="data.cascaderField[a.label].tree" :show-all-levels="false" v-if="showCascader(a.label)" clearable :props="data.cascaderField.props"></el-cascader>
</el-col>
</el-row>
</div>
@@ -690,6 +694,13 @@
return false;
}
},
+ showCascader(label){
+ if(this.data.cascaderField&&this.data.cascaderField[label]){
+ return true;
+ }else{
+ return false;
+ }
+ },
main(row, val) {
if (val.method == undefined) return
else if (val.method == 'doDiy') {
diff --git a/src/components/view/person-manage.vue b/src/components/view/person-manage.vue
index addf22c..3668eb0 100644
--- a/src/components/view/person-manage.vue
+++ b/src/components/view/person-manage.vue
@@ -136,6 +136,16 @@
select: []
}
},
+ cascaderField:{
+ name:{
+ tree:[]
+ },
+ // 瀛楁閰嶇疆
+ props:{
+ value:'id',
+ label:'name',
+ }
+ },
requiredAdd:['account','name','state','roleId','password'],
addUpload:['pictureUrl','signatureUrl'],
addUploadConfig:{
--
Gitblit v1.9.3