jiangyq
/
YZProjectCloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改用户管理和花名册列表增加人员岗位显示

dev_xd
haha 2025-02-09 22:32:13 +08:00
parent 049a04bcc7
commit 42f0beb605
2 changed files with 190 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

202
yanzhu-ui-vue3/src/views/manage/proProjectInfoSubdeptsUsers/index.vue
View File

@ -95,11 +95,17 @@
</el-table-column>
<el-table-column label="三级安全教育" align="center" class-name="small-padding fixed-width" width="100">
<template #default="scope">
<div v-if="scope.row.subDeptType=='4' || scope.row.subDeptType=='5'">
<el-button v-if="scope.row.eduStatus=='0'" link type="primary" icon="Link" @click="handleDownloadFile(scope.row)">查看</el-button>
<el-button v-if="scope.row.eduStatus!='0'" link type="warning" disabled>未完成</el-button>
<div v-if="scope.row.subDeptType == '4' || scope.row.subDeptType == '5'">
<el-button v-if="scope.row.eduStatus == '0'" link type="primary" icon="Link"
@click="handleDownloadFile(scope.row)">查看</el-button>
<el-button v-if="scope.row.eduStatus != '0'" link type="warning" disabled>未完成</el-button>
</div>
<el-button v-if="scope.row.subDeptType!='4' && scope.row.subDeptType!='5'" link disabled> - </el-button>
<el-button v-if="scope.row.subDeptType != '4' && scope.row.subDeptType != '5'" link disabled> - </el-button>
</template>
</el-table-column>
<el-table-column label="人员岗位" align="center" prop="craftPost">
<template #default="scope">
{{ getWorkType(scope.row.workType) }}
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="useStatus">
@ -115,7 +121,7 @@
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['manage:proProjectInfoSubdeptsUsers:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['manage:proProjectInfoSubdeptsUsers:remove']" v-if="1==2">删除</el-button>
v-hasPermi="['manage:proProjectInfoSubdeptsUsers:remove']" v-if="1 == 2">删除</el-button>
<el-button link type="primary" icon="Delete" @click="handleEnter(scope.row)" v-if="scope.row.useStatus == 0"
v-hasPermi="['manage:proProjectInfoSubdeptsUsers:remove']">离场</el-button>
<el-button link type="primary" icon="Delete" @click="handleEnter(scope.row)" v-else
@ -182,30 +188,31 @@
</el-col>
<div style="width: 100%;">
<el-row>
<el-col :span="12">
<el-form-item label="联系电话" prop="userPhone">
<el-input v-model="form.userPhone" disabled v-if="data.mode == 'edit'" placeholder="请输入联系电话"
minlength="11" maxlength="11" style="width: 150px;" />
<el-input v-model="form.userPhone" v-else placeholder="请输入联系电话" minlength="11" maxlength="11"
style="width: 150px;" />
<el-button type="primary" v-if="data.mode != 'edit' && false" style="margin-left:10px;"
@click="queryPhone">查询</el-button>
<span style="margin-left:10px;color:#999;">此电话号码将用作登录</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="用户岗位" prop="workType">
<el-select v-model="form.userWorkType" style="width:40%" @change="doWorkTypeChange">
<el-option v-for="item in data.prjWorkCategories" :key="item" :label="item"
:value="item" ></el-option>
</el-select>
<el-select v-model="form.workType" placeholder="请选择用户岗位" style="width:calc(60% - 12px);margin-left:10px;">
<el-option v-for="item in data.prjWorkTypes" :key="item.value" :label="item.label"
:value="item.value" ></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-col :span="12">
<el-form-item label="联系电话" prop="userPhone">
<el-input v-model="form.userPhone" disabled v-if="data.mode == 'edit'" placeholder="请输入联系电话"
minlength="11" maxlength="11" style="width: 150px;" />
<el-input v-model="form.userPhone" v-else placeholder="请输入联系电话" minlength="11" maxlength="11"
style="width: 150px;" />
<el-button type="primary" v-if="data.mode != 'edit' && false" style="margin-left:10px;"
@click="queryPhone">查询</el-button>
<span style="margin-left:10px;color:#999;">此电话号码将用作登录</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="用户岗位" prop="workType">
<el-select v-model="form.userWorkType" style="width:40%" @change="doWorkTypeChange">
<el-option v-for="item in data.prjWorkCategories" :key="item" :label="item"
:value="item"></el-option>
</el-select>
<el-select v-model="form.workType" placeholder="请选择用户岗位"
style="width:calc(60% - 12px);margin-left:10px;">
<el-option v-for="item in data.prjWorkTypes" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<el-col :span="12">
<el-form-item label="班组名称" prop="subDeptGroup">
@ -224,8 +231,8 @@
<el-col :span="12">
<el-form-item label="工种" v-if="data.isManager" prop="craftPost">
<el-select v-model="form.craftPost">
<el-option v-for="dict in data.craftPostList" :key="dict.value"
:label="dict.label" :value="dict.value" />
<el-option v-for="dict in data.craftPostList" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="工种" v-else>
@ -240,7 +247,8 @@
</el-form-item></el-col>
<el-col :span="12"><el-form-item label="性别">
<el-radio-group v-model="form.sex">
<el-radio v-for="(dict, idx) in sys_user_sex" :key="idx" :label="dict.label" :value="dict.value">{{ dict.label }}</el-radio>
<el-radio v-for="(dict, idx) in sys_user_sex" :key="idx" :label="dict.label" :value="dict.value">{{
dict.label }}</el-radio>
</el-radio-group>
</el-form-item></el-col>
<el-col :span="12"><el-form-item label="文件程度">
@ -296,9 +304,9 @@ import useUserStore from '@/store/modules/user'
import dayjs from 'dayjs'
const userStore = useUserStore()
const { proxy } = getCurrentInstance();
const { sys_use_status, pro_craft_type, sys_is_del, pro_craft_post, certificate_type, educational_type,sys_user_sex,user_work_type } =
proxy.useDict('sys_use_status', 'pro_craft_type', 'sys_is_del', 'pro_craft_post', 'certificate_type',
'educational_type','sys_user_sex','user_work_type');
const { sys_use_status, pro_craft_type, sys_is_del, pro_craft_post, certificate_type, educational_type, sys_user_sex, user_work_type } =
proxy.useDict('sys_use_status', 'pro_craft_type', 'sys_is_del', 'pro_craft_post', 'certificate_type',
'educational_type', 'sys_user_sex', 'user_work_type');
const proProjectInfoSubdeptsUsersList = ref([]);
const open = ref(false);
@ -342,8 +350,8 @@ const data = reactive({
illnessStatus: null,
supIllnessStatus: null,
isDel: null,
userWorkType:null,
workType:null,
userWorkType: null,
workType: null,
},
rules: {
subDeptId: [{ required: true, trigger: ['blur', 'change'], message: "请选择所属单位" }],
@ -369,10 +377,10 @@ const data = reactive({
userInfo: null,
mode: '',
editData: null,
craftPostList:[],
prjWorkTypeObj:{},
prjWorkCategories:[],//项目人员岗位大类
prjWorkTypes:[],//项目人员岗位类型
craftPostList: [],
prjWorkTypeObj: {},
prjWorkCategories: [],//项目人员岗位大类
prjWorkTypes: [],//项目人员岗位类型
});
const { queryParams, form, rules } = toRefs(data);
@ -390,7 +398,7 @@ function handleEnter(row) {
});
}
}
function doWorkTypeChange(){
function doWorkTypeChange() {
data.prjWorkTypes = data.prjWorkTypeObj[form.value.userWorkType]
}
//批量入场,批量离场
@ -411,38 +419,38 @@ function handleBatchEnterState(state) {
//图片上传
function doImageUpload(type) {
setTimeout(() => {
let url='';
let url = '';
form.value.identificationCard = form.value.certificatePhoto1 && form.value.certificatePhoto2 && form.value.faceImage ? "yes" : ''
if(type==1){
url=form.value.certificatePhoto1;
if(url){
url=location.origin+url;
if (type == 1) {
url = form.value.certificatePhoto1;
if (url) {
url = location.origin + url;
//url="http://62.234.3.186/statics/2025/01/19/4491f170cd1609142f9a6f097cbf681f_20250119000046A004.jpg"
proxy.$http.get(`/system/tools/id/front?url=${url}`).then(d=>{
form.value.userName=form.value.userName||d.data.name||'';
form.value.certificateCode=form.value.certificateCode||d.data.cardId||'';
form.value.address=form.value.address||d.data.address||'';
from.value.nativePlace=form.value.native||d.data.native||'';
let nation=d.data.nation||"";
if(nation){
let tmps= data.nationOpts.filter(it=>it.indexOf(nation)>=0);
if(tmps.length>0){
form.value.nation=form.value.nation||tmps[0]||'';
}
proxy.$http.get(`/system/tools/id/front?url=${url}`).then(d => {
form.value.userName = form.value.userName || d.data.name || '';
form.value.certificateCode = form.value.certificateCode || d.data.cardId || '';
form.value.address = form.value.address || d.data.address || '';
from.value.nativePlace = form.value.native || d.data.native || '';
let nation = d.data.nation || "";
if (nation) {
let tmps = data.nationOpts.filter(it => it.indexOf(nation) >= 0);
if (tmps.length > 0) {
form.value.nation = form.value.nation || tmps[0] || '';
}
}
let sex=d.data.sex||'';
if(sex){
form.value.sex=form.value.sex||(sex=='男'?0:1);
let sex = d.data.sex || '';
if (sex) {
form.value.sex = form.value.sex || (sex == '男' ? 0 : 1);
}
let birthDay=d.data.birthDay;
if(birthDay && birthDay.length==8){
birthDay=birthDay.substr(0,4)+"-"+birthDay.substr(4,2)+"-"+birthDay.substr(6);
form.value.birthDay=form.value.birthDay||birthDay;
let birthDay = d.data.birthDay;
if (birthDay && birthDay.length == 8) {
birthDay = birthDay.substr(0, 4) + "-" + birthDay.substr(4, 2) + "-" + birthDay.substr(6);
form.value.birthDay = form.value.birthDay || birthDay;
}
});
}
}else if(type==2){
} else if (type == 2) {
/*
url=form.value.certificatePhoto2;
if(url){
@ -539,6 +547,8 @@ function reset() {
bankName: '',//工资卡银行
bankCardNo: '',//工资卡号
bankOffice: '',//开户网点
userWorkType: '',//岗位大类
workType: '',//岗位大类
};
proxy.resetForm("proProjectInfoSubdeptsUsersRef");
data.phoneState = "";
@ -598,18 +608,18 @@ function doDeptGroupChange() {
return;
}
let tmps = data.deptGroups.filter(d => d.id == form.value.subDeptGroup);
if (tmps.length > 0 ) {
if (tmps.length > 0) {
let dg = tmps[0];
form.value.groupName = dg.groupName;
form.value.craftTypeName = getCraftType(dg.craftType);
form.value.craftPostName = getCraftPost(dg.craftPost);
if(dg.craftType==3){
let subDepts=data.subdepts.filter(d=>d.id==dg.subDeptId)
let subDeptType=subDepts.length>0?subDepts[0].subDeptType||'':'';
subDeptType=`,${subDeptType},`
data.craftPostList=pro_craft_post.value.filter(d=>d.remark.indexOf(subDeptType)>=0 && d.elTagClass==3)
if (dg.craftType == 3) {
let subDepts = data.subdepts.filter(d => d.id == dg.subDeptId)
let subDeptType = subDepts.length > 0 ? subDepts[0].subDeptType || '' : '';
subDeptType = `,${subDeptType},`
data.craftPostList = pro_craft_post.value.filter(d => d.remark.indexOf(subDeptType) >= 0 && d.elTagClass == 3)
}
if(data.mode != 'edit'){
if (data.mode != 'edit') {
form.value.craftPost = dg.craftPost
}
form.value.craftType = dg.craftType;
@ -715,6 +725,12 @@ function handleUpdate(row) {
form.value.userId = obj.userId;
form.value.projectId = row.projectId;
form.value.projectName = row.projectName;
form.value.workType = form.value.workType ? "" + form.value.workType : "";
let tmps = user_work_type.value.filter(d => d.value == form.value.workType);
if (tmps.length > 0) {
form.value.userWorkType = tmps[0].remark;
data.prjWorkTypes = data.prjWorkTypeObj[form.value.userWorkType];
}
//showEditUser(obj.user);
data.phoneState = "edit";
@ -725,7 +741,7 @@ function handleUpdate(row) {
doSubDeptChange();
setTimeout(() => {
form.value.craftPost = response.data.craftPost;
console.log("++++++>",form.value.craftPost)
console.log("++++++>", form.value.craftPost)
}, 400)
}, 400);
@ -733,6 +749,15 @@ function handleUpdate(row) {
});
}
function getWorkType(wt) {
if (wt) {
let tmps = user_work_type.value.filter(d => d.value == wt);
if (tmps.length > 0) {
return tmps[0].remark + " - " + tmps[0].label;
}
}
return "";
}
function showEditUser(user) {
user = user || {};
let info = tryToJson(user?.userInfos || "{}")
@ -804,6 +829,7 @@ function submitForm() {
userInfos: JSON.stringify(info),
craftType: form.value.craftType,
craftPost: form.value.craftPost,
workType: form.value.workType,
};
if (form.value.id != null) {
@ -836,7 +862,7 @@ function handleDelete(row) {
}
/** 打开三级安全教育承诺书 */
function handleDownloadFile(row){
function handleDownloadFile(row) {
proxy.$download.resource(row.eduFilePath);
}
@ -846,21 +872,21 @@ function handleExport() {
...queryParams.value
}, `proProjectInfoSubdeptsUsers_${new Date().getTime()}.xlsx`)
}
function getUserWorkType(){
let obj={};
user_work_type.value.filter(d=>d.elTagClass=="项目人员").forEach(d=>{
let bigType=d.remark;
d.value=""+d.value;
if(!obj[bigType]){
obj[bigType]=[];
data.prjWorkCategories.push(bigType);
}
obj[bigType].push(d);
});
data.prjWorkTypeObj=obj;
function getUserWorkType() {
let obj = {};
user_work_type.value.filter(d => d.elTagClass == "项目人员").forEach(d => {
let bigType = d.remark;
d.value = "" + d.value;
if (!obj[bigType]) {
obj[bigType] = [];
data.prjWorkCategories.push(bigType);
}
obj[bigType].push(d);
});
data.prjWorkTypeObj = obj;
}
loadSubDepts(()=>{
loadSubDepts(() => {
getUserWorkType();
});
getList();

108
yanzhu-ui-vue3/src/views/system/user/index.vue
View File

@ -80,6 +80,11 @@
</el-table-column>
<el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber"
v-if="columns[5].visible" width="120" />
<el-table-column label="人员岗位" align="center" prop="craftPost">
<template #default="scope">
{{ getWorkType(scope.row.workType) }}
</template>
</el-table-column>
<el-table-column label="用户状态" align="center" key="status" v-if="columns[6].visible">
<template #default="scope">
<el-switch v-model="scope.row.status" active-value="0" inactive-value="1"
@ -123,7 +128,7 @@
<el-row>
<el-col :span="24">
<el-form-item label="所属部门" prop="deptId">
<el-tree-select ref="selTreeDept" v-if="data.mode=='add'" v-model="form.deptId" :data="deptOptions"
<el-tree-select ref="selTreeDept" v-if="data.mode == 'add'" v-model="form.deptId" :data="deptOptions"
:props="{ value: 'id', label: 'label', children: 'children' }" value-key="id"
placeholder="请选择所属部门" check-strictly style="width:100%" @change="handleChangeDept" />
<el-tag type="primary" v-else>{{ form.dept?.deptName }}</el-tag>
@ -132,9 +137,8 @@
</el-col>
<el-col :span="12">
<el-form-item label="用户姓名" prop="nickName">
<el-input v-model="form.nickName" placeholder="请输入用户名称" maxlength="30"
style="width: 150px;" />
<!--
<el-input v-model="form.nickName" placeholder="请输入用户名称" maxlength="30" style="width: 150px;" />
<!--
<el-button v-if="data.mode == 'add' && !data.editUser" type="primary" style="margin-left: 10px;"
@click="doQueryUserByName">查询</el-button>
<el-button v-if="data.editUser" type="success" style="margin-left: 10px;"
@ -163,7 +167,8 @@
<el-col :span="12">
<el-form-item label="登录密码" prop="password">
<el-input v-model="form.password" placeholder="请输入登录密码" type="password" maxlength="20"
:disabled="form.userId" :show-password="!form.userId" autocomplete="new-password" disableautocomplete />
:disabled="form.userId" :show-password="!form.userId" autocomplete="new-password"
disableautocomplete />
</el-form-item>
</el-col>
<el-col :span="12">
@ -184,18 +189,21 @@
</el-col>
<el-col :span="12">
<el-form-item label="用户岗位" prop="workType">
<el-select v-model="form.workType" v-if="form.userType=='00'" placeholder="请选择用户岗位" style="width:100%">
<el-select v-model="form.workType" v-if="form.userType == '00'" placeholder="请选择用户岗位"
style="width:100%">
<el-option v-for="item in data.sysWorkTypes" :key="item.value" :label="item.label"
:value="item.value" ></el-option>
:value="item.value"></el-option>
</el-select>
<el-select v-model="form.userWorkType" v-if="form.userType!='00'" style="width:40%" @change="doWorkTypeChange">
<el-select v-model="form.userWorkType" v-if="form.userType != '00'" style="width:40%"
@change="doWorkTypeChange">
<el-option v-for="item in data.prjWorkCategories" :key="item" :label="item"
:value="item" ></el-option>
:value="item"></el-option>
</el-select>
<el-select v-model="form.workType" v-if="form.userType!='00'" placeholder="请选择用户岗位" style="width:calc(60% - 12px);margin-left:10px;">
<el-select v-model="form.workType" v-if="form.userType != '00'" placeholder="请选择用户岗位"
style="width:calc(60% - 12px);margin-left:10px;">
<el-option v-for="item in data.prjWorkTypes" :key="item.value" :label="item.label"
:value="item.value" ></el-option>
:value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
@ -247,7 +255,7 @@
</el-upload>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitFileForm" >确 定</el-button>
<el-button type="primary" @click="submitFileForm">确 定</el-button>
<el-button @click="upload.open = false">取 消</el-button>
</div>
</template>
@ -265,7 +273,7 @@ import { onMounted } from "vue";
const router = useRouter();
const { proxy } = getCurrentInstance();
const { sys_user_type, sys_normal_disable, sys_user_sex,user_work_type } = proxy.useDict("sys_user_type", "sys_normal_disable", "sys_user_sex","user_work_type");
const { sys_user_type, sys_normal_disable, sys_user_sex, user_work_type } = proxy.useDict("sys_user_type", "sys_normal_disable", "sys_user_sex", "user_work_type");
const userList = ref([]);
const open = ref(false);
@ -313,7 +321,7 @@ const columns = ref([
]);
const data = reactive({
loading:false,
loading: false,
form: {},
queryParams: {
pageNum: 1,
@ -340,10 +348,10 @@ const data = reactive({
},
editUser: null,
mode: '',
sysWorkTypes:[], //系统人员岗位类型
prjWorkTypeObj:{},
prjWorkCategories:[],//项目人员岗位大类
prjWorkTypes:[],//项目人员岗位类型
sysWorkTypes: [], //系统人员岗位类型
prjWorkTypeObj: {},
prjWorkCategories: [],//项目人员岗位大类
prjWorkTypes: [],//项目人员岗位类型
});
const { queryParams, form, rules } = toRefs(data);
@ -377,7 +385,7 @@ function doQueryUser() {
}
});
}
function doWorkTypeChange(){
function doWorkTypeChange() {
data.prjWorkTypes = data.prjWorkTypeObj[form.value.userWorkType]
}
function doQueryUserByName() {
@ -437,7 +445,7 @@ function doRoleChange() {
phonenumber: [{ required: true, message: "手机号码不能为空", trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
}
}
form.value.workType='';
form.value.workType = '';
}
else {
if (form.value.userType == 99) {
@ -599,12 +607,12 @@ function reset() {
remark: undefined,
postIds: [],
roleIds: [],
userType:'00',
userWorkType:undefined,
userType: '00',
userWorkType: undefined,
workType: undefined,
};
form.value.userWorkType=data.prjWorkCategories[0];
data.prjWorkTypes=data.prjWorkTypeObj[form.value.userWorkType];
form.value.userWorkType = data.prjWorkCategories[0];
data.prjWorkTypes = data.prjWorkTypeObj[form.value.userWorkType];
proxy.resetForm("userRef");
data.mode = ''
};
@ -650,12 +658,12 @@ function handleUpdate(row) {
postOptions.value = response.posts;
form.value.postIds = response.postIds;
form.value.roleIds = response.roleIds;
form.value.workType=form.value.workType?""+form.value.workType:"";
if(form.value.userType=='99'){
let tmps=user_work_type.value.filter(d=>d.value==form.value.workType);
if(tmps.length>0){
form.value.userWorkType=tmps[0].remark;
data.prjWorkTypes=data.prjWorkTypeObj[form.value.userWorkType];
form.value.workType = form.value.workType ? "" + form.value.workType : "";
if (form.value.userType == '99') {
let tmps = user_work_type.value.filter(d => d.value == form.value.workType);
if (tmps.length > 0) {
form.value.userWorkType = tmps[0].remark;
data.prjWorkTypes = data.prjWorkTypeObj[form.value.userWorkType];
}
}
open.value = true;
@ -666,6 +674,16 @@ function handleUpdate(row) {
handleChangeDept(row.deptId);
};
function getWorkType(wt) {
if (wt) {
let tmps = user_work_type.value.filter(d => d.value == wt);
if (tmps.length > 0) {
return tmps[0].remark ? tmps[0].remark + " - " + tmps[0].label : tmps[0].label;
}
}
return "";
}
/** 根据单位选择角色 */
function handleChangeDept(value) {
form.value.roleIds = [];
@ -695,7 +713,7 @@ const getCompId = () => {
/** 提交按钮 */
function submitForm() {
data.loading=true;
data.loading = true;
proxy.$refs["userRef"].validate(valid => {
if (valid) {
form.value.userName = form.value.nickName;
@ -705,7 +723,7 @@ function submitForm() {
open.value = false;
getList();
data.mode = ""
data.loading=false;
data.loading = false;
});
} else {
addUser(form.value).then(response => {
@ -713,28 +731,28 @@ function submitForm() {
open.value = false;
getList();
data.mode = ""
data.loading=false;
data.loading = false;
});
}
}else{
data.loading=false;
} else {
data.loading = false;
}
});
};
function getUserWorkType(){
data.sysWorkTypes=user_work_type.value.filter(d=>d.elTagClass=="系统人员");
let obj={};
user_work_type.value.filter(d=>d.elTagClass=="项目人员").forEach(d=>{
let bigType=d.remark;
d.value=""+d.value;
if(!obj[bigType]){
obj[bigType]=[];
function getUserWorkType() {
data.sysWorkTypes = user_work_type.value.filter(d => d.elTagClass == "系统人员");
let obj = {};
user_work_type.value.filter(d => d.elTagClass == "项目人员").forEach(d => {
let bigType = d.remark;
d.value = "" + d.value;
if (!obj[bigType]) {
obj[bigType] = [];
data.prjWorkCategories.push(bigType);
}
obj[bigType].push(d);
});
data.prjWorkTypeObj=obj;
data.prjWorkTypeObj = obj;
}
getDeptTree();
getList();
getList();
</script>