调整员工、家属页面样式
This commit is contained in:
parent
950d53ba98
commit
a3975af6bc
|
|
@ -26,7 +26,7 @@
|
|||
</div>
|
||||
<a-row>
|
||||
<a-col v-for="(item, index) in dataList" :key="index"
|
||||
:style="{ 'padding-right': (index + 1) % 4 === 0 ? '0px' : '14px' }" :xs="24" :sm="24" :md="12" :lg="12" :xl="8"
|
||||
:style="{ 'padding-right': (index + 1) % 4 === 0 ? '0px' : '14px','margin-bottom':'14px' }" :xs="24" :sm="24" :md="12" :lg="12" :xl="8"
|
||||
:xxl="6">
|
||||
<a-row style="padding: 14px;background-color: white;border-radius: 10px;height: 230px;">
|
||||
<a-col :span="4" style="padding-left: 8px;">
|
||||
|
|
|
|||
|
|
@ -10,13 +10,13 @@
|
|||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="NUID" v-bind="validateInfos.nuId" id="ElderInfoForm-nuId" name="nuId">
|
||||
<a-input v-model:value="formData.nuId" placeholder="请输入护理单元" ></a-input>
|
||||
<a-input v-model:value="formData.nuId" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.nuId }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="护理单元">
|
||||
<a-input v-model:value="formData.nuId_dictText" placeholder="请输入护理单元" ></a-input>
|
||||
<a-input v-model:value="formData.nuId_dictText" allow-clear></a-input>
|
||||
<!-- <j-dict-select-tag type='list' v-model:value="formData.nuId" :dictCode="`nu_base_info,nu_name,nu_id`"
|
||||
placeholder="请选择分类标签" allowClear @upDictCode="upNuNameFunc" />-->
|
||||
<!-- <span>{{ formData.nuId_dictText }}</span> -->
|
||||
|
|
@ -24,42 +24,40 @@
|
|||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="姓名" v-bind="validateInfos.name" id="ElderInfoForm-name" name="name">
|
||||
<a-input v-model:value="formData.name" placeholder="请输入姓名" ></a-input>
|
||||
<a-input v-model:value="formData.name" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.name }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="性别" v-bind="validateInfos.sex" id="ElderInfoForm-sex" name="sex">
|
||||
<a-input v-model:value="formData.sex" placeholder="请输入性别" ></a-input>
|
||||
<a-input v-model:value="formData.sex" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.sex }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="身份证号码" v-bind="validateInfos.idCard" id="ElderInfoForm-idCard" name="idCard">
|
||||
<a-input v-model:value="formData.idCard" placeholder="请输入身份证号码" ></a-input>
|
||||
<a-input v-model:value="formData.idCard" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.idCard }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.dateOfBirth" id="ElderInfoForm-dateOfBirth"
|
||||
name="dateOfBirth">
|
||||
<!-- <a-date-picker placeholder="请选择出生日期" v-model:value="formData.dateOfBirth" showTime
|
||||
value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" /> -->
|
||||
<a-input v-model:value="formData.dateOfBirth" placeholder="出生日期" ></a-input>
|
||||
<a-date-picker v-model:value="formData.dateOfBirth" value-format="YYYY-MM-DD " style="width: 100%"
|
||||
allow-clear />
|
||||
<!-- <span>{{ formData.dateOfBirth }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="ElderInfoForm-national" name="national">
|
||||
<a-input v-model:value="formData.national" placeholder="请输入民族" ></a-input>
|
||||
<a-input v-model:value="formData.national" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.national }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="住址" v-bind="validateInfos.houseAddress" id="ElderInfoForm-houseAddress"
|
||||
name="houseAddress">
|
||||
<!-- <a-textarea v-model:value="formData.houseAddress" :rows="4" placeholder="请输入户籍所在地" /> -->
|
||||
<a-input v-model:value="formData.houseAddress" placeholder="请输入户籍所在地" ></a-input>
|
||||
<a-textarea v-model:value="formData.houseAddress" :autosize="{ minRows: 1 }" />
|
||||
<!-- <span>{{ formData.houseAddress }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
|
@ -70,50 +68,52 @@
|
|||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="身份证正面" v-bind="validateInfos.guardianIdCardPositive" id="ElderInfoForm-guardianIdCardPositive"
|
||||
name="guardianIdCardPositive">
|
||||
<j-image-upload :fileMax="1" :value="opeMediaAddress + formData.guardianIdCardPositive"></j-image-upload>
|
||||
<a-form-item label="身份证正面" v-bind="validateInfos.guardianIdCardPositive"
|
||||
id="ElderInfoForm-guardianIdCardPositive" name="guardianIdCardPositive">
|
||||
<j-image-upload :fileMax="1"
|
||||
:value="opeMediaAddress + formData.guardianIdCardPositive"></j-image-upload>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="姓名" v-bind="validateInfos.guardianName" id="ElderInfoForm-guardianName"
|
||||
name="guardianName">
|
||||
<a-input v-model:value="formData.guardianName" placeholder="请输入监护人姓名" ></a-input>
|
||||
<a-input v-model:value="formData.guardianName" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.guardianName }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- <a-col :span="12">
|
||||
<a-form-item label="关系" v-bind="validateInfos.relationship" id="ElderInfoForm-relationship"
|
||||
name="relationship">
|
||||
<a-input v-model:value="formData.relationship" allow-clear></a-input>
|
||||
<span>{{ formData.relationship }}</span>
|
||||
</a-form-item>
|
||||
</a-col> -->
|
||||
<a-col :span="12">
|
||||
<a-form-item label="身份证号" v-bind="validateInfos.guardianIdCard" id="ElderInfoForm-guardianIdCard"
|
||||
name="guardianIdCard">
|
||||
<a-input v-model:value="formData.guardianIdCard" placeholder="请输入监护人身份证号" ></a-input>
|
||||
<a-input v-model:value="formData.guardianIdCard" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.guardianIdCard }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="联系电话" v-bind="validateInfos.guardianPhone" id="ElderInfoForm-guardianPhone"
|
||||
name="guardianPhone">
|
||||
<a-input v-model:value="formData.guardianPhone" placeholder="请输入联系电话" ></a-input>
|
||||
<a-input v-model:value="formData.guardianPhone" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.guardianPhone }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="家庭住址" v-bind="validateInfos.guardianHomeAddress"
|
||||
id="ElderInfoForm-guardianHomeAddress" name="guardianHomeAddress">
|
||||
<a-input v-model:value="formData.guardianHomeAddress" placeholder="请输入监护人家庭住址" ></a-input>
|
||||
<a-textarea v-model:value="formData.guardianHomeAddress" :autosize="{ minRows: 1 }" />
|
||||
<!-- <span>{{ formData.guardianHomeAddress }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="工作单位" v-bind="validateInfos.guardianWorkUnit" id="ElderInfoForm-guardianWorkUnit"
|
||||
name="guardianWorkUnit">
|
||||
<a-input v-model:value="formData.guardianWorkUnit" placeholder="请输入监护人工作单位" ></a-input>
|
||||
<a-textarea v-model:value="formData.guardianWorkUnit" :autosize="{ minRows: 1 }" />
|
||||
<!-- <span>{{ formData.guardianWorkUnit }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
|
@ -137,24 +137,23 @@
|
|||
<a-col :span="12">
|
||||
<a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="ElderInfoForm-startTime"
|
||||
name="startTime">
|
||||
<a-input v-model:value="formData.guardianWorkUnit" placeholder="有效开始日期" ></a-input>
|
||||
<!-- <a-date-picker placeholder="请选择有效开始日期" v-model:value="formData.startTime" showTime
|
||||
value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" /> -->
|
||||
<a-date-picker v-model:value="formData.startTime" value-format="YYYY-MM-DD" style="width: 100%"
|
||||
allow-clear />
|
||||
<!-- <span>{{ formData.startTime }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="ElderInfoForm-endTime" name="endTime">
|
||||
<a-input :value="formData.endTime == '9999-12-31' ? '长期' : formData.endTime" placeholder="有效结束日期" ></a-input>
|
||||
<!-- <a-date-picker placeholder="请选择有效结束日期" v-model:value="formData.endTime" showTime
|
||||
value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" /> -->
|
||||
<a-input v-if="formData.endTime == '9999-12-31'" :value="'长期'" allow-clear></a-input>
|
||||
<a-date-picker v-else v-model:value="formData.endTime" value-format="YYYY-MM-DD" style="width: 100%"
|
||||
allow-clear />
|
||||
<!-- {{ formData.endTime == '9999-12-31' ? '长期' : formData.endTime }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="签发机关" v-bind="validateInfos.issuingAuthority" id="ElderInfoForm-issuingAuthority"
|
||||
name="issuingAuthority">
|
||||
<a-input v-model:value="formData.issuingAuthority" placeholder="请输入签发机关" ></a-input>
|
||||
<a-input v-model:value="formData.issuingAuthority" allow-clear></a-input>
|
||||
<!-- <span>{{ formData.issuingAuthority }}</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
|
|
|||
|
|
@ -132,7 +132,7 @@ const filteredTableData = computed(() => {
|
|||
&& item.d1 !== 'currentState'
|
||||
&& item.d1 !== 'guardianOpenId'
|
||||
// && item.d1 !== 'guardianName'
|
||||
// && item.d1 !== 'relationship'
|
||||
&& item.d1 !== 'relationship'
|
||||
// && item.d1 !== 'guardianIdCard'
|
||||
// && item.d1 !== 'guardianPhone'
|
||||
&& item.d1 !== 'guardianDateOfBirth'
|
||||
|
|
|
|||
Loading…
Reference in New Issue