新增工种薪水设置
This commit is contained in:
@ -114,77 +114,134 @@
|
||||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||
</el-card>
|
||||
<!-- 添加或修改施工人员对话框 -->
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||
<el-form ref="constructionUserFormRef" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="人脸照" prop="pacePhoto">
|
||||
<image-upload v-model="form.facePic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="人员姓名" prop="userName">
|
||||
<el-input v-model="form.userName" placeholder="请输入人员姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="分包公司" prop="contractorId">
|
||||
<el-select v-model="form.contractorId" clearable placeholder="请选择分包公司">
|
||||
<el-option v-for="item in contractorOpt" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话" prop="phone">
|
||||
<el-input v-model="form.phone" placeholder="请输入联系电话" />
|
||||
</el-form-item>
|
||||
<el-form-item label="民族" prop="nation">
|
||||
<el-input v-model="form.nation" placeholder="请输入民族" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证正面图片" prop="sfzFrontPic">
|
||||
<image-upload v-model="form.sfzFrontPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证背面图片" prop="sfzBackPic">
|
||||
<image-upload v-model="form.sfzBackPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证号码" prop="sfzNumber">
|
||||
<el-input v-model="form.sfzNumber" placeholder="请输入身份证号码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证有效开始期" prop="sfzStart">
|
||||
<el-date-picker clearable v-model="form.sfzStart" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证有效开始期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证有效结束期" prop="sfzEnd">
|
||||
<el-date-picker clearable v-model="form.sfzEnd" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证有效结束期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证地址" prop="sfzSite">
|
||||
<el-input v-model="form.sfzSite" placeholder="请输入身份证地址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证出生日期" prop="sfzBirth">
|
||||
<el-date-picker clearable v-model="form.sfzBirth" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证出生日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="籍贯" prop="nativePlace">
|
||||
<el-input v-model="form.nativePlace" placeholder="请输入籍贯" />
|
||||
</el-form-item>
|
||||
<el-form-item label="银行图片" prop="yhkPic">
|
||||
<image-upload v-model="form.yhkPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="银行卡号" prop="yhkNumber">
|
||||
<el-input v-model="form.yhkNumber" placeholder="请输入银行卡号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开户行" prop="yhkOpeningBank">
|
||||
<el-input v-model="form.yhkOpeningBank" placeholder="请输入开户行" />
|
||||
</el-form-item>
|
||||
<el-form-item label="持卡人" prop="yhkCardholder">
|
||||
<el-input v-model="form.yhkCardholder" placeholder="请输入持卡人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="工种" prop="typeOfWork">
|
||||
<el-select v-model="form.typeOfWork" clearable placeholder="请选择工种">
|
||||
<el-option v-for="item in type_of_work" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="特种作业证图片" prop="specialWorkPic">
|
||||
<image-upload v-model="form.specialWorkPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
<el-form-item label="打卡" prop="clock">
|
||||
<el-select v-model="form.clock" clearable placeholder="请选择打卡状态">
|
||||
<el-option v-for="item in user_clock_type" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="930px" append-to-body>
|
||||
<el-form ref="constructionUserFormRef" :model="form" :rules="rules" label-width="130px" :inline="true">
|
||||
<div class="block_box">
|
||||
<div class="msg">用户信息</div>
|
||||
<div class="el-row">
|
||||
<div class="el-col el-col-24">
|
||||
<el-form-item label="人脸照" prop="pacePhoto">
|
||||
<image-upload v-model="form.facePic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="身份证正面图片" prop="sfzFrontPic">
|
||||
<image-upload v-model="form.sfzFrontPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="身份证背面图片" prop="sfzBackPic">
|
||||
<image-upload v-model="form.sfzBackPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="人员姓名" prop="userName">
|
||||
<el-input v-model="form.userName" placeholder="请输入人员姓名" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="分包公司" prop="contractorId">
|
||||
<el-select v-model="form.contractorId" clearable placeholder="请选择分包公司">
|
||||
<el-option v-for="item in contractorOpt" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="联系电话" prop="phone">
|
||||
<el-input v-model="form.phone" placeholder="请输入联系电话" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="民族" prop="nation">
|
||||
<el-input v-model="form.nation" placeholder="请输入民族" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="身份证号码" prop="sfzNumber">
|
||||
<el-input v-model="form.sfzNumber" placeholder="请输入身份证号码" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="身份证有效开始期" prop="sfzStart">
|
||||
<el-date-picker clearable v-model="form.sfzStart" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证有效开始期" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="身份证有效结束期" prop="sfzEnd">
|
||||
<el-date-picker clearable v-model="form.sfzEnd" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证有效结束期" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="身份证地址" prop="sfzSite">
|
||||
<el-input v-model="form.sfzSite" placeholder="请输入身份证地址" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="身份证出生日期" prop="sfzBirth">
|
||||
<el-date-picker clearable v-model="form.sfzBirth" type="date" value-format="YYYY-MM-DD" placeholder="请输入身份证出生日期" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="籍贯" prop="nativePlace">
|
||||
<el-input v-model="form.nativePlace" placeholder="请输入籍贯" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block_box">
|
||||
<div class="msg">银行卡</div>
|
||||
<div class="el-row">
|
||||
<div class="el-col el-col-24">
|
||||
<el-form-item label="银行图片" prop="yhkPic">
|
||||
<image-upload v-model="form.yhkPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="银行卡号" prop="yhkNumber">
|
||||
<el-input v-model="form.yhkNumber" placeholder="请输入银行卡号" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="开户行" prop="yhkOpeningBank">
|
||||
<el-input v-model="form.yhkOpeningBank" placeholder="请输入开户行" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="持卡人" prop="yhkCardholder">
|
||||
<el-input v-model="form.yhkCardholder" placeholder="请输入持卡人" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block_box">
|
||||
<div class="msg">单位信息</div>
|
||||
<div class="el-row">
|
||||
<div class="el-col el-col-24">
|
||||
<el-form-item label="特种作业证图片" prop="specialWorkPic">
|
||||
<image-upload v-model="form.specialWorkPic" :limit="1" :is-show-tip="false" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="工种" prop="typeOfWork">
|
||||
<el-select v-model="form.typeOfWork" clearable placeholder="请选择工种">
|
||||
<el-option v-for="item in type_of_work" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="打卡" prop="clock">
|
||||
<el-select v-model="form.clock" clearable placeholder="请选择打卡状态">
|
||||
<el-option v-for="item in user_clock_type" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="el-col el-col-12">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" style="width: 240px" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
@ -193,9 +250,9 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-drawer title="施工人员详情" v-model="showDetailDrawer" :size="'45%'">
|
||||
<el-dialog title="施工人员详情" v-model="showDetailDrawer">
|
||||
<construction-user-detail :user-id="currentUserId" />
|
||||
</el-drawer>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -214,6 +271,7 @@ import { listProjectTeam } from '@/api/project/projectTeam';
|
||||
import { ContractorVO } from '@/api/project/contractor/types';
|
||||
import { ProjectTeamVO } from '@/api/project/projectTeam/types';
|
||||
import ConstructionUserDetail from '@/views/project/constructionUser/component/ConstructionUserDetail.vue';
|
||||
import ProjectTypes from '@/utils/propTypes';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
const { type_of_work, user_sex_type, user_clock_type } = toRefs<any>(proxy?.useDict('type_of_work', 'user_sex_type', 'user_clock_type'));
|
||||
@ -329,7 +387,8 @@ const getContractorList = async () => {
|
||||
loading.value = true;
|
||||
const res = await listContractor({
|
||||
pageNum: 1,
|
||||
pageSize: 20
|
||||
pageSize: 20,
|
||||
projectId: currentProject.value.id
|
||||
});
|
||||
contractorOpt.value = res.rows.map((contractor: ContractorVO) => ({
|
||||
value: contractor.id,
|
||||
@ -461,3 +520,18 @@ onMounted(() => {
|
||||
getProjectTeamList();
|
||||
});
|
||||
</script>
|
||||
<style scoped>
|
||||
.block_box {
|
||||
border: 1px solid #9eccfa;
|
||||
border-radius: 6px;
|
||||
padding: 10px 20px 20px 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.msg {
|
||||
color: #409eff;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user