From 4f8096a6a14fb145fe15de3be1f34da095973ef8 Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期五, 15 十二月 2023 13:44:50 +0800
Subject: [PATCH] 解决打包问题导致树组件以及弹窗组件内容无法正常显示问题，解决方式为将弹窗或相关底部按钮区域样式drawer-bootom-button修改为drawer-bottom-button
---
src/views/system/modules/UserModal.vue | 79 ++++++++++++++++++++++++++++++++++-----
1 files changed, 68 insertions(+), 11 deletions(-)
diff --git a/src/views/system/modules/UserModal.vue b/src/views/system/modules/UserModal.vue
index 2abe65b..e095ec0 100644
--- a/src/views/system/modules/UserModal.vue
+++ b/src/views/system/modules/UserModal.vue
@@ -58,7 +58,7 @@
</a-form-model-item>
<!--閮ㄩ棬鍒嗛厤-->
- <a-form-model-item label="閮ㄩ棬鍒嗛厤" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!departDisabled">
+ <a-form-model-item v-if="isDepartType== 0" label="閮ㄩ棬鍒嗛厤" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!departDisabled">
<j-select-depart v-model="model.selecteddeparts" :multi="true" @back="backDepartInfo" :backDepart="true" :treeOpera="true">></j-select-depart>
</a-form-model-item>
@@ -66,7 +66,22 @@
<a-form-model-item label="杞﹂棿鍒嗛厤" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!productionDisabled">
<j-select-production v-model="model.selectedProduction" :multi="true" @back="backProductionInfo" :backProduction="true" :treeProductOpera="true"></j-select-production>
</a-form-model-item>
-
+ <a-form-model-item label="鐝粍鍒嗛厤" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="teamId">
+ <j-dict-select-tag
+ v-model="model.teamId"
+ :triggerChange="true"
+ dictCode="mom_base_team,name,id,del_flag = 0"
+ placeholder="璇风淮鎶ょ彮缁�"
+ ></j-dict-select-tag>
+ </a-form-model-item>
+ <a-form-model-item label="涓績鍒嗛厤" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="areaId">
+ <j-dict-select-tag
+ v-model="model.areaId"
+ :triggerChange="true"
+ dictCode="mom_base_area,name,id,del_flag = 0"
+ placeholder="璇风淮鎶や腑蹇�"
+ ></j-dict-select-tag>
+ </a-form-model-item>
<a-form-model-item label="璐熻矗閮ㄩ棬" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="departIdShow==true">
<j-multi-select-tag
:disabled="disableSubmit"
@@ -116,7 +131,7 @@
</a-spin>
- <div class="drawer-bootom-button" v-show="!disableSubmit">
+ <div class="drawer-bottom-button" v-show="!disableSubmit">
<a-popconfirm title="纭畾鏀惧純缂栬緫锛�" @confirm="handleCancel" okText="纭畾" cancelText="鍙栨秷">
<a-button style="margin-right: .8rem">鍙栨秷</a-button>
</a-popconfirm>
@@ -134,6 +149,8 @@
import { disabledAuthFilter } from "@/utils/authFilter"
import { duplicateCheck } from '@/api/api'
import JSelectProduction from '../../../components/jeecgbiz/JSelectProduction'
+ import {mapActions} from 'vuex'
+ import { ajaxGetDictItems, getDictItemsFromCache } from '@/api/api'
export default {
name: "UserModal",
@@ -165,7 +182,9 @@
roles:{},
workNo:[ { required: true, message: '璇疯緭鍏ュ伐鍙�' },
{ validator: this.validateWorkNo }],
- telephone: [{ pattern: /^0\d{2,3}-[1-9]\d{6,7}$/, message: '璇疯緭鍏ユ纭殑搴ф満鍙风爜' },]
+ telephone: [{ pattern: /^0\d{2,3}-[1-9]\d{6,7}$/, message: '璇疯緭鍏ユ纭殑搴ф満鍙风爜' },],
+ teamId:[ { required: true, message: '璇风淮鎶ょ彮缁�' }]
+
},
departIdShow:false,
title:"鎿嶄綔",
@@ -194,7 +213,16 @@
tenantsOptions: [],
rolesOptions:[],
nextDepartOptions:[],
- nextProductionOptions:[]
+ nextProductionOptions:[],
+ isDepartType:'',
+
+ }
+ },
+ watch:{
+ visible:{
+ handler(value){
+ if(value) this.initDictData('password_length')
+ }
}
},
created () {
@@ -202,6 +230,7 @@
this.headers = {"X-Access-Token":token}
this.initRoleList()
this.initTenantList()
+ this.queryTreeData()
},
computed:{
uploadAction:function () {
@@ -209,6 +238,21 @@
}
},
methods: {
+ ...mapActions(['QueryDepartTree']),
+ queryTreeData() {
+ this.QueryDepartTree().then(res => {
+ if (res.success) {
+ this.isDepartType = res.result[0].value
+ } else {
+ // this.$message.warn(res.message)
+ this.$notification.warning({
+ message:'娑堟伅',
+ description:res.message
+ });
+ }
+ }).finally(() =>{
+ })
+ },
add () {
this.refresh();
this.edit({activitiSync:'1',userIdentity:1});
@@ -219,9 +263,9 @@
//鏍规嵁灞忓箷瀹藉害鑷�傚簲鎶藉眽瀹藉害
this.resetScreenSize();
that.userId = record.id;
+
that.model = Object.assign({},{selectedroles:'',selecteddeparts:''}, record);
that.model = Object.assign({},{selectedroles:'',selectedProduction:''}, record);
-
//韬唤涓轰笂绾ф樉绀鸿礋璐ｉ儴闂紝鍚﹀垯涓嶆樉绀�
if(this.model.userIdentity==2){
this.departIdShow=true;
@@ -233,7 +277,7 @@
that.getUserRoles(record.id);
that.getUserDeparts(record.id);
}
- console.log('that.model=',that.model)
+ console.log('that.model',that.model)
},
isDisabledAuth(code){
return disabledAuthFilter(code);
@@ -347,8 +391,6 @@
return c;
})
},
-
-
refresh () {
this.userId=""
@@ -514,7 +556,22 @@
}else{
this.departIdShow=true;
}
- }
+ },
+ initDictData(dictCode) {
+ //鏍规嵁瀛楀吀Code, 鍒濆鍖栧瓧鍏告暟缁�
+ ajaxGetDictItems(dictCode, null).then((res) => {
+ if (res.success) {
+ const regExp = new RegExp("^(?=.*[a-zA-Z])(?=.*\\\d)(?=.*[~!@#$%^&*()_+`\\-={}:\";'<>?,./]).{"+Number(res.result[0].value)+",}$");
+
+ this.validatorRules.password[0]={
+ required:true,
+ pattern: regExp,
+ message: `瀵嗙爜鐢�${res.result[0].value}浣嶆暟瀛椼�佸ぇ灏忓啓瀛楁瘝鍜岀壒娈婄鍙风粍鎴�!`,
+ }
+
+ }
+ })
+ },
}
}
</script>
@@ -539,7 +596,7 @@
padding-bottom:10px;
}
- .drawer-bootom-button {
+ .drawer-bottom-button {
position: absolute;
bottom: -8px;
width: 100%;
--
Gitblit v1.9.3