修改bug
This commit is contained in:
parent
d5b13bb469
commit
dea990bd05
|
|
@ -10,45 +10,55 @@
|
|||
<!-- <span>基本信息</span> -->
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="姓名" v-bind="validateInfos.name" id="EmployeesApplyForm-name" name="name">
|
||||
<a-input v-model:value="formData.name" placeholder="请输入姓名" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.name }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="联系电话" v-bind="validateInfos.tel" id="EmployeesApplyForm-tel" name="tel">
|
||||
<a-input v-model:value="formData.tel" placeholder="请输入联系电话" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.tel }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="性别" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="formData.sex" placeholder="请输入性别" disabled allow-clear></a-input>
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.sex" dictCode="sex" placeholder="请选择性别" disabled
|
||||
allow-clear /> -->
|
||||
<!-- <span>{{ formData.sex }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="年龄" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="ageVal" placeholder="请输入年龄" disabled allow-clear></a-input>
|
||||
<!-- <span> {{ handleComputedAge(formData.dateOfBirth) }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.dateOfBirth" id="EmployeesApplyForm-dateOfBirth"
|
||||
name="dateOfBirth">
|
||||
<a-date-picker placeholder="请选择出生日期" v-model:value="formData.dateOfBirth" value-format="YYYY-MM-DD"
|
||||
style="width: 100%" disabled allow-clear />
|
||||
<!-- <span>{{ formData.dateOfBirth }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="EmployeesApplyForm-national" name="national">
|
||||
<a-input v-model:value="formData.national" placeholder="请输入民族" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.national }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工姓名" v-bind="validateInfos.name" id="EmployeesApplyForm-name"
|
||||
name="name">
|
||||
<a-input v-model:value="formData.name" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工性别" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="formData.sex" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.dateOfBirth"
|
||||
id="EmployeesApplyForm-dateOfBirth" name="dateOfBirth">
|
||||
<a-date-picker v-model:value="formData.dateOfBirth" value-format="YYYY-MM-DD"
|
||||
style="width: 100%" disabled />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-row :span="24">
|
||||
<a-col :span="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="联系电话" v-bind="validateInfos.tel" id="EmployeesApplyForm-tel" name="tel" :labelCol="labelCol4" :wrapperCol="wrapperCol4">
|
||||
<a-input v-model:value="formData.tel" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工年龄" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex" :labelCol="labelCol4" :wrapperCol="wrapperCol4">
|
||||
<a-input v-model:value="ageVal" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="EmployeesApplyForm-national" :labelCol="labelCol4" :wrapperCol="wrapperCol4" name="national">
|
||||
<a-input v-model:value="formData.national" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="24" style="margin-left:40px;">
|
||||
<a-form-item label="" v-bind="validateInfos.headPath"
|
||||
id="BizEmployeesInfoForm-headPath" name="headPath">
|
||||
<j-image-upload :fileMax="1" :bizPath="'/ygxx/yg'" text="头像"
|
||||
:value="formData.headPath ? (opeMediaAddress +formData.headPath) : (opeMediaAddress + mrtxPic) "></j-image-upload>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="身份证号">
|
||||
<a-input v-model:value="formData.idCard" placeholder="请输入身份证号" disabled allow-clear></a-input>
|
||||
|
|
@ -275,7 +285,7 @@
|
|||
</a-col>
|
||||
</a-row>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="7" tab="头像">
|
||||
<!-- <a-tab-pane key="7" tab="头像">
|
||||
<a-row>
|
||||
<a-col :span="24" v-if="!!formData.headPath">
|
||||
<a-form-item label="头像" v-bind="validateInfos.headPath" id="BizEmployeesInfoForm-headPath"
|
||||
|
|
@ -291,7 +301,7 @@
|
|||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-tab-pane>
|
||||
</a-tab-pane> -->
|
||||
</a-tabs>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
|
@ -402,6 +412,8 @@ const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
|
|||
const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
|
||||
const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
|
||||
const labelCol3 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
|
||||
const labelCol4 = ref<any>({ xs: { span: 24 }, sm: { span: 12 } });
|
||||
const wrapperCol4 = ref<any>({ xs: { span: 24 }, sm: { span: 12 } });
|
||||
const confirmLoading = ref<boolean>(false);
|
||||
//表单验证
|
||||
const validatorRules = reactive({
|
||||
|
|
|
|||
|
|
@ -7,143 +7,124 @@
|
|||
<a-row class="card-class">
|
||||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'基本信息'" />
|
||||
<!-- <span>基本信息</span> -->
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="员工姓名" v-bind="validateInfos.name" id="EmployeesApplyForm-name" name="name">
|
||||
<a-input v-model:value="formData.name" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.name }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="联系电话" v-bind="validateInfos.tel" id="EmployeesApplyForm-tel" name="tel">
|
||||
<a-input v-model:value="formData.tel" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.tel }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="员工性别" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="formData.sex" disabled allow-clear></a-input>
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.sex" dictCode="sex" placeholder="请选择性别" disabled
|
||||
allow-clear /> -->
|
||||
<!-- <span>{{ formData.sex }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="员工年龄" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="ageVal" disabled allow-clear></a-input>
|
||||
<!-- <span> {{ handleComputedAge(formData.dateOfBirth) }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.dateOfBirth" id="EmployeesApplyForm-dateOfBirth"
|
||||
name="dateOfBirth">
|
||||
<a-date-picker placeholder="请选择出生日期" v-model:value="formData.dateOfBirth" value-format="YYYY-MM-DD"
|
||||
style="width: 100%" disabled allow-clear />
|
||||
<!-- <span>{{ formData.dateOfBirth }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="EmployeesApplyForm-national" name="national">
|
||||
<a-input v-model:value="formData.national" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.national }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工姓名" v-bind="validateInfos.name" id="EmployeesApplyForm-name"
|
||||
name="name">
|
||||
<a-input v-model:value="formData.name" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工性别" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="formData.sex" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.dateOfBirth"
|
||||
id="EmployeesApplyForm-dateOfBirth" name="dateOfBirth">
|
||||
<a-date-picker v-model:value="formData.dateOfBirth" value-format="YYYY-MM-DD"
|
||||
style="width: 100%" disabled />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-row :span="24">
|
||||
<a-col :span="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="联系电话" v-bind="validateInfos.tel" id="EmployeesApplyForm-tel" name="tel" :labelCol="labelCol4" :wrapperCol="wrapperCol4">
|
||||
<a-input v-model:value="formData.tel" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工年龄" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex" :labelCol="labelCol4" :wrapperCol="wrapperCol4">
|
||||
<a-input v-model:value="ageVal" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="EmployeesApplyForm-national" :labelCol="labelCol4" :wrapperCol="wrapperCol4" name="national">
|
||||
<a-input v-model:value="formData.national" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="24" style="margin-left:40px;">
|
||||
<a-form-item label="" v-bind="validateInfos.headPath"
|
||||
id="BizEmployeesInfoForm-headPath" name="headPath">
|
||||
<j-image-upload :fileMax="1" :bizPath="'/ygxx/yg'" text="头像"
|
||||
:value="formData.headPath ? (opeMediaAddress +formData.headPath) : (opeMediaAddress + mrtxPic) "></j-image-upload>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="身份证号">
|
||||
<a-input v-model:value="formData.idCard" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.idCard }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="婚否" v-bind="validateInfos.marriedOrNot" id="EmployeesApplyForm-marriedOrNot"
|
||||
name="marriedOrNot">
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.marriedOrNot" dictCode="married_or_not"
|
||||
placeholder="请选择婚否" disabled allow-clear /> -->
|
||||
<a-input v-model:value="formData.marriedOrNot" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.marriedOrNot }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="身高(cm)" v-bind="validateInfos.height" id="EmployeesApplyForm-height" name="height">
|
||||
<a-input v-model:value="formData.height" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.height }}cm</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="体重(kg)" v-bind="validateInfos.weight" id="EmployeesApplyForm-weight" name="weight">
|
||||
<a-input v-model:value="formData.weight" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.weight }}kg</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- <a-col :span="12">
|
||||
<a-form-item label="是否吸烟" v-bind="validateInfos.isSmoking" id="EmployeesApplyForm-isSmoking"
|
||||
name="isSmoking">
|
||||
<j-dict-select-tag type='radio' v-model:value="formData.isSmoking" dictCode="is_smoking"
|
||||
placeholder="请选择是否吸烟" disabled allow-clear />
|
||||
<span>{{ formData.isSmoking }}</span>
|
||||
</a-form-item>
|
||||
</a-col> -->
|
||||
<a-col :span="12">
|
||||
<a-form-item label="健康状况" v-bind="validateInfos.healthStatus" id="EmployeesApplyForm-healthStatus"
|
||||
name="healthStatus">
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.healthStatus" dictCode="health_status" disabled
|
||||
placeholder="请选择健康状况" allow-clear /> -->
|
||||
<a-input v-model:value="formData.healthStatus" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.healthStatus }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="政治面貌" v-bind="validateInfos.politicalAppearance"
|
||||
id="EmployeesApplyForm-politicalAppearance" name="politicalAppearance">
|
||||
<!-- <j-dict-select-tag v-model:value="formData.politicalAppearance" dictCode="political_appearance" disabled
|
||||
placeholder="请选择政治面貌" allow-clear /> -->
|
||||
<a-input v-model:value="formData.politicalAppearance" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.politicalAppearance }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="户籍所在地" v-bind="validateInfos.houseAddress" id="EmployeesApplyForm-houseAddress"
|
||||
name="houseAddress">
|
||||
<a-textarea v-model:value="formData.houseAddress" disabled allow-clear :autosize="true"></a-textarea>
|
||||
<!-- <span>{{ formData.houseAddress }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="紧急联系人" v-bind="validateInfos.emergencyContact"
|
||||
id="EmployeesApplyForm-emergencyContact" name="emergencyContact">
|
||||
<a-input v-model:value="formData.emergencyContact" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.emergencyContact }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="紧急联系人电话" v-bind="validateInfos.emergencyTel" id="EmployeesApplyForm-emergencyTel"
|
||||
name="emergencyTel">
|
||||
<a-input v-model:value="formData.emergencyTel" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.emergencyTel }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="与本人关系" v-bind="validateInfos.emergencyRelationship"
|
||||
id="EmployeesApplyForm-emergencyRelationship" name="emergencyRelationship">
|
||||
<a-input v-model:value="formData.emergencyRelationship" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.emergencyRelationship }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="户口性质" v-bind="validateInfos.hukouNature" id="EmployeesApplyForm-hukouNature"
|
||||
name="hukouNature">
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.hukouNature" dictCode="hukou_nature" disabled
|
||||
placeholder="请选择户口性质" allow-clear /> -->
|
||||
<a-input v-model:value="formData.hukouNature" disabled allow-clear></a-input>
|
||||
<!-- <span>{{ formData.hukouNature }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="现住址" v-bind="validateInfos.currentAddress" id="EmployeesApplyForm-currentAddress"
|
||||
name="currentAddress">
|
||||
<a-textarea v-model:value="formData.currentAddress" disabled allow-clear :autosize="true"></a-textarea>
|
||||
<!-- <span>{{ formData.currentAddress }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
|
@ -187,7 +168,6 @@
|
|||
id="BizEmployeesInfoForm-healthCertificatePositive" name="healthCertificatePositive">
|
||||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + formData.healthCertificatePositive" disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" v-else>
|
||||
|
|
@ -214,7 +194,6 @@
|
|||
id="BizEmployeesInfoForm-bankPositive" name="bankPositive">
|
||||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.bankPositive || defaultPrePic)" disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
|
|
@ -222,7 +201,6 @@
|
|||
id="BizEmployeesInfoForm-bankNegative" name="bankNegative">
|
||||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.bankNegative || defaultPrePic)" disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
|
@ -242,7 +220,6 @@
|
|||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.qualification || defaultPrePic)"
|
||||
disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" v-else>
|
||||
|
|
@ -260,7 +237,6 @@
|
|||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.noCrimeCertificate || defaultPrePic)"
|
||||
disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" v-else>
|
||||
|
|
@ -270,7 +246,7 @@
|
|||
</a-col>
|
||||
</a-row>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="7" tab="头像">
|
||||
<!-- <a-tab-pane key="7" tab="头像">
|
||||
<a-row>
|
||||
<a-col :span="24" v-if="!!formData.headPath">
|
||||
<a-form-item label="头像" v-bind="validateInfos.headPath" id="BizEmployeesInfoForm-headPath"
|
||||
|
|
@ -286,7 +262,7 @@
|
|||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-tab-pane>
|
||||
</a-tab-pane> -->
|
||||
</a-tabs>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
|
@ -396,6 +372,8 @@ const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
|
|||
const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
|
||||
const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
|
||||
const labelCol3 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
|
||||
const labelCol4 = ref<any>({ xs: { span: 24 }, sm: { span: 12 } });
|
||||
const wrapperCol4 = ref<any>({ xs: { span: 24 }, sm: { span: 12 } });
|
||||
const confirmLoading = ref<boolean>(false);
|
||||
//表单验证
|
||||
const validatorRules = reactive({
|
||||
|
|
|
|||
|
|
@ -8,16 +8,6 @@
|
|||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'基本信息'" />
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="头像" v-bind="validateInfos.headPath"
|
||||
id="BizEmployeesInfoForm-headPath" name="headPath">
|
||||
|
||||
<j-image-upload :fileMax="1" :bizPath="upBizPrefix + '/ygxx/yg'" text="头像"
|
||||
:value="formData.headPath ? (opeMediaAddress +formData.headPath) : (opeMediaAddress + mrtxPic) "></j-image-upload>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</template>
|
||||
|
|
@ -28,100 +18,89 @@
|
|||
name="EmployeesApplyForm">
|
||||
<a-row class="card-class">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="员工姓名" v-bind="validateInfos.name" id="EmployeesApplyForm-name"
|
||||
name="name">
|
||||
<a-input v-model:value="formData.name" disabled></a-input>
|
||||
<!-- <span>{{ formData.name }}</span> -->
|
||||
</a-form-item>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工姓名" v-bind="validateInfos.name" id="EmployeesApplyForm-name"
|
||||
name="name">
|
||||
<a-input v-model:value="formData.name" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工性别" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="formData.sex" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.dateOfBirth"
|
||||
id="EmployeesApplyForm-dateOfBirth" name="dateOfBirth">
|
||||
<a-date-picker v-model:value="formData.dateOfBirth" value-format="YYYY-MM-DD"
|
||||
style="width: 100%" disabled />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="联系电话" v-bind="validateInfos.tel" id="EmployeesApplyForm-tel" name="tel">
|
||||
<a-input v-model:value="formData.tel" disabled></a-input>
|
||||
<!-- <span>{{ formData.tel }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="员工性别" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="formData.sex" disabled></a-input>
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.sex" dictCode="sex" placeholder="请选择性别" disabled
|
||||
allow-clear /> -->
|
||||
<!-- <span>{{ formData.sex }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="员工年龄" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex">
|
||||
<a-input v-model:value="ageVal" disabled></a-input>
|
||||
<!-- <span> {{ handleComputedAge(formData.dateOfBirth) }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.dateOfBirth"
|
||||
id="EmployeesApplyForm-dateOfBirth" name="dateOfBirth">
|
||||
<a-date-picker v-model:value="formData.dateOfBirth" value-format="YYYY-MM-DD"
|
||||
style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.dateOfBirth }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="EmployeesApplyForm-national"
|
||||
name="national">
|
||||
<a-input v-model:value="formData.national" disabled></a-input>
|
||||
<!-- <span>{{ formData.national }}</span> -->
|
||||
</a-form-item>
|
||||
<a-row :span="24">
|
||||
<a-col :span="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="联系电话" v-bind="validateInfos.tel" id="EmployeesApplyForm-tel" name="tel" :labelCol="labelCol4" :wrapperCol="wrapperCol4">
|
||||
<a-input v-model:value="formData.tel" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="员工年龄" v-bind="validateInfos.sex" id="EmployeesApplyForm-sex" name="sex" :labelCol="labelCol4" :wrapperCol="wrapperCol4">
|
||||
<a-input v-model:value="ageVal" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="EmployeesApplyForm-national" :labelCol="labelCol4" :wrapperCol="wrapperCol4" name="national">
|
||||
<a-input v-model:value="formData.national" disabled></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="24" style="margin-left:40px;">
|
||||
<a-form-item label="" v-bind="validateInfos.headPath"
|
||||
id="BizEmployeesInfoForm-headPath" name="headPath">
|
||||
<j-image-upload :fileMax="1" :bizPath="upBizPrefix + '/ygxx/yg'" text="头像"
|
||||
:value="formData.headPath ? (opeMediaAddress +formData.headPath) : (opeMediaAddress + mrtxPic) "></j-image-upload>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
|
||||
<a-col :span="12">
|
||||
<a-form-item label="身份证号">
|
||||
<a-input v-model:value="formData.idCard" disabled></a-input>
|
||||
<!-- <span>{{ formData.idCard }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="婚否" v-bind="validateInfos.marriedOrNot"
|
||||
id="EmployeesApplyForm-marriedOrNot" name="marriedOrNot">
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.marriedOrNot" dictCode="married_or_not"
|
||||
placeholder="请选择婚否" disabled allow-clear /> -->
|
||||
<a-input v-model:value="formData.marriedOrNot" disabled></a-input>
|
||||
<!-- <span>{{ formData.marriedOrNot }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="身高(cm)" v-bind="validateInfos.height" id="EmployeesApplyForm-height"
|
||||
name="height">
|
||||
<a-input-number v-model:value="formData.height" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.height }}cm</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="体重(kg)" v-bind="validateInfos.weight" id="EmployeesApplyForm-weight"
|
||||
name="weight">
|
||||
<a-input-number v-model:value="formData.weight" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.weight }}kg</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- <a-col :span="12">
|
||||
<a-form-item label="是否吸烟" v-bind="validateInfos.isSmoking" id="EmployeesApplyForm-isSmoking"
|
||||
name="isSmoking">
|
||||
<j-dict-select-tag type='radio' v-model:value="formData.isSmoking" dictCode="is_smoking"
|
||||
placeholder="请选择是否吸烟" disabled allow-clear />
|
||||
<span>{{ formData.isSmoking }}</span>
|
||||
</a-form-item>
|
||||
</a-col> -->
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="健康状况" v-bind="validateInfos.healthStatus"
|
||||
id="EmployeesApplyForm-healthStatus" name="healthStatus">
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.healthStatus" dictCode="health_status" disabled
|
||||
placeholder="请选择健康状况" allow-clear /> -->
|
||||
<a-input v-model:value="formData.healthStatus" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.healthStatus }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="政治面貌" v-bind="validateInfos.politicalAppearance"
|
||||
id="EmployeesApplyForm-politicalAppearance" name="politicalAppearance">
|
||||
<!-- <j-dict-select-tag v-model:value="formData.politicalAppearance" dictCode="political_appearance" disabled
|
||||
placeholder="请选择政治面貌" allow-clear /> -->
|
||||
<a-input v-model:value="formData.politicalAppearance" style="width: 100%" disabled />
|
||||
<!-- <span>{{ formData.politicalAppearance }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
|
|
@ -129,37 +108,30 @@
|
|||
id="EmployeesApplyForm-houseAddress" name="houseAddress">
|
||||
<a-textarea v-model:value="formData.houseAddress" disabled
|
||||
:autosize="true"></a-textarea>
|
||||
<!-- <span>{{ formData.houseAddress }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="紧急联系人" v-bind="validateInfos.emergencyContact"
|
||||
id="EmployeesApplyForm-emergencyContact" name="emergencyContact">
|
||||
<a-input v-model:value="formData.emergencyContact" disabled></a-input>
|
||||
<!-- <span>{{ formData.emergencyContact }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="紧急联系人电话" v-bind="validateInfos.emergencyTel"
|
||||
id="EmployeesApplyForm-emergencyTel" name="emergencyTel">
|
||||
<a-input v-model:value="formData.emergencyTel" disabled></a-input>
|
||||
<!-- <span>{{ formData.emergencyTel }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="与本人关系" v-bind="validateInfos.emergencyRelationship"
|
||||
id="EmployeesApplyForm-emergencyRelationship" name="emergencyRelationship">
|
||||
<a-input v-model:value="formData.emergencyRelationship" disabled></a-input>
|
||||
<!-- <span>{{ formData.emergencyRelationship }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
<a-form-item label="户口性质" v-bind="validateInfos.hukouNature"
|
||||
id="EmployeesApplyForm-hukouNature" name="hukouNature">
|
||||
<!-- <j-dict-select-tag type='radio' v-model:value="formData.hukouNature" dictCode="hukou_nature" disabled
|
||||
placeholder="请选择户口性质" allow-clear /> -->
|
||||
<a-input v-model:value="formData.hukouNature" disabled></a-input>
|
||||
<!-- <span>{{ formData.hukouNature }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" :hidden="formData.name.indexOf('nusys')>-1">
|
||||
|
|
@ -167,7 +139,6 @@
|
|||
id="EmployeesApplyForm-currentAddress" name="currentAddress">
|
||||
<a-textarea v-model:value="formData.currentAddress" disabled
|
||||
:autosize="true"></a-textarea>
|
||||
<!-- <span>{{ formData.currentAddress }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
|
@ -217,7 +188,6 @@
|
|||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + formData.healthCertificatePositive"
|
||||
disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" v-else>
|
||||
|
|
@ -227,38 +197,27 @@
|
|||
style="height: 150px; margin-bottom: 8px;" />
|
||||
</div>
|
||||
</a-col>
|
||||
<!-- <a-col :span="12">
|
||||
<a-form-item label="健康证反面" v-bind="validateInfos.healthCertificateNegative"
|
||||
id="BizEmployeesInfoForm-healthCertificateNegative"
|
||||
name="healthCertificateNegative">
|
||||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
v-model:value="formData.healthCertificateNegative"
|
||||
disabled></j-image-upload>
|
||||
</a-form-item>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="4" tab="银行卡" v-if="formData.name.indexOf('nusys')==-1">
|
||||
<a-row v-if="!!formData.bankPositive || !!formData.bankNegative">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="银行卡正面" v-bind="validateInfos.bankPositive"
|
||||
<a-form-item label="银行卡" v-bind="validateInfos.bankPositive"
|
||||
id="BizEmployeesInfoForm-bankPositive" name="bankPositive">
|
||||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.bankPositive || defaultPrePic)"
|
||||
disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<!-- <a-col :span="12">
|
||||
<a-form-item label="银行卡反面" v-bind="validateInfos.bankNegative"
|
||||
id="BizEmployeesInfoForm-bankNegative" name="bankNegative">
|
||||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.bankNegative || defaultPrePic)"
|
||||
disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
<a-row v-else>
|
||||
<a-col :span="24">
|
||||
|
|
@ -279,7 +238,6 @@
|
|||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.qualification || defaultPrePic)"
|
||||
disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" v-else>
|
||||
|
|
@ -300,7 +258,6 @@
|
|||
<j-image-upload :fileMax="1" :bizPath="`employeesZzxx`"
|
||||
:value="opeMediaAddress + (formData.noCrimeCertificate || defaultPrePic)"
|
||||
disabled></j-image-upload>
|
||||
<!-- <span v-else>未上传</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" v-else>
|
||||
|
|
@ -323,13 +280,10 @@
|
|||
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
|
||||
name="EmployeesApplyForm">
|
||||
<a-row class="card-class">
|
||||
<!-- <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'接单配额'" />
|
||||
</a-col> -->
|
||||
<a-col :span="12">
|
||||
<a-form-item label="接单上限" v-bind="validateInfos.orderCap" id="EmployeesApplyForm-orderCap"
|
||||
<a-form-item label="接单配额" v-bind="validateInfos.orderCap" id="EmployeesApplyForm-orderCap"
|
||||
name="orderCap">
|
||||
<a-input-number v-model:value="formData.orderCap" placeholder="请输入接单上限数量" :min="0"
|
||||
<a-input-number v-model:value="formData.orderCap" placeholder="请输入接单配额" :min="0"
|
||||
:precision="0" style="width: 100%" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
|
@ -411,6 +365,8 @@ const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
|
|||
const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
|
||||
const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
|
||||
const labelCol3 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
|
||||
const labelCol4 = ref<any>({ xs: { span: 24 }, sm: { span: 12 } });
|
||||
const wrapperCol4 = ref<any>({ xs: { span: 24 }, sm: { span: 12 } });
|
||||
const confirmLoading = ref<boolean>(false);
|
||||
//表单验证
|
||||
const validatorRules = reactive({
|
||||
|
|
|
|||
|
|
@ -16,26 +16,6 @@
|
|||
<j-dict-select-tag v-model:value="queryParam.areaFlag" dictCode="nu_type" placeholder="请选择区域属性" allow-clear @change="changeAreaFlag" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- <a-col :lg="5">
|
||||
<a-form-item name="status">
|
||||
<template #label><span title="区域状态">区域状态</span></template>
|
||||
<a-select placeholder="请选择区域状态" v-model:value="queryParam.status" allow-clear v-if="queryParam.areaFlag == '1'">
|
||||
<a-select-option value="0">空闲</a-select-option>
|
||||
<a-select-option value="1">入住</a-select-option>
|
||||
<a-select-option value="2">外出</a-select-option>
|
||||
<a-select-option value="3">预警</a-select-option>
|
||||
<a-select-option value="5">停用</a-select-option>
|
||||
</a-select>
|
||||
<a-select placeholder="请先选择区域属性" v-model:value="queryParam.status" allow-clear v-else-if="!queryParam.areaFlag">
|
||||
<a-select-option value="">请先选择区域属性</a-select-option>
|
||||
</a-select>
|
||||
<a-select placeholder="请选择区域状态" v-model:value="queryParam.status" allow-clear v-else>
|
||||
<a-select-option value="3">预警</a-select-option>
|
||||
<a-select-option value="4">启用</a-select-option>
|
||||
<a-select-option value="5">停用</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col> -->
|
||||
<a-col :lg="14" :md="14" :sm="24">
|
||||
<span style="float: right; overflow: hidden" class="table-page-search-submitButtons">
|
||||
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
|
||||
|
|
@ -70,7 +50,6 @@
|
|||
<a-divider style="margin: 0 0 10px 0 " />
|
||||
<p>区域名称:{{item.nuName}}</p>
|
||||
<p style="margin-top: -10px;">创建时间:{{item.createTime}}</p>
|
||||
<p style="margin-top: -10px;"><span v-if="item.areaFlag=='3'">负责人:{{item.fzr_dictText}}</span> </p>
|
||||
<div style=" margin-top: 10px;height: 60px;display: flex;flex-wrap: wrap;">
|
||||
<div style="line-height: 30px;">
|
||||
<a-button type="dashed" size="small" @click="handleEwm(item)" style="margin-right:10px;width:71px;">二维码</a-button>
|
||||
|
|
|
|||
|
|
@ -5,17 +5,17 @@
|
|||
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
|
||||
name="NuBaseInfoForm">
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="区域名称" v-bind="validateInfos.nuName" id="NuBaseInfoForm-nuName" name="nuName">
|
||||
<a-input v-model:value="formData.nuName" placeholder="请输入区域名称" maxLength="15" ></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="区域编码" v-bind="validateInfos.nuId" id="NuBaseInfoForm-nuId" name="nuId">
|
||||
<a-input v-model:value="formData.nuId" placeholder="编码自动生成" :disabled="true"
|
||||
:readonly="formData.nuId"></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="区域名称" v-bind="validateInfos.nuName" id="NuBaseInfoForm-nuName" name="nuName">
|
||||
<a-input v-model:value="formData.nuName" placeholder="请输入区域名称" maxLength="15" ></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="区域属性" v-bind="validateInfos.areaFlag" id="NuBaseInfoForm-areaFlag" name="areaFlag">
|
||||
<j-dict-select-tag v-model:value="formData.areaFlag" dictCode="nu_type" :disabled="true"
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<BasicDrawer v-bind="$attrs" @register="registerDrawer" width="650px" destroyOnClose showFooter>
|
||||
<template #title>
|
||||
区域标签配置
|
||||
区域功能配置
|
||||
</template>
|
||||
|
||||
<div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue