|
|
|
@ -1,91 +1,115 @@ |
|
|
|
<template> |
|
|
|
<div :id="formId" class="resi-container"> |
|
|
|
<el-form :ref="formId" class="resi-form" :model="form" :rules="rulesForm" :label-width="labelWidth"> |
|
|
|
<div :id="formId" |
|
|
|
class="resi-container"> |
|
|
|
<el-form :ref="formId" |
|
|
|
class="resi-form" |
|
|
|
:model="form" |
|
|
|
:rules="rulesForm" |
|
|
|
:label-width="labelWidth"> |
|
|
|
<template v-if="supportAdd"> |
|
|
|
<el-row style="margin-bottom: 10px;"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-button icon="el-icon-plus" size="small" @click="handleAddRow"></el-button> |
|
|
|
<el-button icon="el-icon-plus" |
|
|
|
size="small" |
|
|
|
@click="handleAddRow"></el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<resi-form v-for="(item, index) in addList" :key="index" :ref="'baseForms' + index" :columns="3" :form-list="formList" :form-id="'baseForms' + item" /> |
|
|
|
<resi-form v-for="(item, index) in addList" |
|
|
|
:key="index" |
|
|
|
:ref="'baseForms' + index" |
|
|
|
:columns="3" |
|
|
|
:form-list="formList" |
|
|
|
:form-id="'baseForms' + item" /> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-row v-if="fixed" class="resi-row"> |
|
|
|
<el-row v-if="fixed" |
|
|
|
class="resi-row"> |
|
|
|
<!-- <el-col v-for="n in item" :key="n.id" :span="n.itemType === 'textarea'&&24 || (24/columns)"> --> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item prop="GRID_ID" label="所属网格"> |
|
|
|
<el-form-item prop="GRID_ID" |
|
|
|
label="所属网格"> |
|
|
|
<!-- <div class="resi-cell"> --> |
|
|
|
<!-- <div class="resi-cell-label">{{n.label}}</div> --> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<el-select v-model.trim="form.GRID_ID" placeholder="请选择网格" size="small" |
|
|
|
clearable class="resi-cell-select" @change="handleChangeGrid" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<!-- <div class="resi-cell-label">{{n.label}}</div> --> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<el-select v-model.trim="form.GRID_ID" |
|
|
|
placeholder="请选择网格" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<!-- </div> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<el-form-item label="所属房屋" required> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<div class="resi-cell-col"> |
|
|
|
<el-form-item prop="VILLAGE_ID"> |
|
|
|
<el-select v-model.trim="form.VILLAGE_ID" placeholder="请选择小区" size="small" |
|
|
|
clearable class="resi-cell-select" @change="handleChangeV" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="BUILD_ID"> |
|
|
|
<el-select v-model.trim="form.BUILD_ID" placeholder="请选择楼号" size="small" |
|
|
|
clearable class="resi-cell-select resi-cell-select-middle" @change="handleChangeB" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="UNIT_ID"> |
|
|
|
<el-select v-model.trim="form.UNIT_ID" placeholder="请选择单元" size="small" |
|
|
|
clearable class="resi-cell-select resi-cell-select-middle" @change="handleChangeD" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="HOME_ID"> |
|
|
|
<el-select v-model.trim="form.HOME_ID" placeholder="请选择房号" size="small" |
|
|
|
clearable class="resi-cell-select resi-cell-select-middle" |
|
|
|
@change="handleChangeH" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<!-- <el-col :span="6"> |
|
|
|
<el-form-item label="所属房屋" |
|
|
|
required> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<div class="resi-cell-col"> |
|
|
|
<el-form-item prop="VILLAGE_ID"> |
|
|
|
<el-select v-model.trim="form.VILLAGE_ID" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
@change="handleChangeV"> |
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="BUILD_ID"> |
|
|
|
<el-select v-model.trim="form.BUILD_ID" |
|
|
|
placeholder="请选择楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select resi-cell-select-middle" |
|
|
|
@change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="UNIT_ID"> |
|
|
|
<el-select v-model.trim="form.UNIT_ID" |
|
|
|
placeholder="请选择单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select resi-cell-select-middle" |
|
|
|
@change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="HOME_ID"> |
|
|
|
<el-select v-model.trim="form.HOME_ID" |
|
|
|
placeholder="请选择房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select resi-cell-select-middle" |
|
|
|
@change="handleChangeH"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<!-- <el-col :span="6"> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
@ -97,41 +121,42 @@ |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
</el-col> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
<el-row v-for="(item, index) in sliceList(formList, columns)" :key="index" class="resi-row"> |
|
|
|
<!-- <el-col v-for="n in item" :key="n.id" :span="n.itemType === 'textarea'&&24 || (24/columns)"> --> |
|
|
|
<el-col v-for="n in item" :key="n.itemId" :span="item.length === 1 ? 24 : (24/columns)" |
|
|
|
:style="n.itemType === 'divider' && 'display: none;'"> |
|
|
|
<el-form-item :prop="n.columnName" :label="n.label"> |
|
|
|
<!-- <div class="resi-cell"> --> |
|
|
|
<!-- <div class="resi-cell-label">{{n.label}}</div> --> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<template v-if="n.itemType === 'input' || n.itemType === 'textarea'"> |
|
|
|
<el-input |
|
|
|
v-if="n.validType" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入内容" |
|
|
|
@blur="handleValidBlur(n)" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
<el-input |
|
|
|
v-else |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入内容" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</template> |
|
|
|
<!-- <template v-if="n.itemType === 'textarea'"> |
|
|
|
<el-row v-for="(item, index) in sliceList(formList, columns)" |
|
|
|
:key="index" |
|
|
|
class="resi-row"> |
|
|
|
<!-- <el-col v-for="n in item" :key="n.id" :span="n.itemType === 'textarea'&&24 || (24/columns)"> --> |
|
|
|
<el-col v-for="n in item" |
|
|
|
:key="n.itemId" |
|
|
|
:span="item.length === 1 ? 24 : (24/columns)" |
|
|
|
:style="n.itemType === 'divider' && 'display: none;'"> |
|
|
|
<el-form-item :prop="n.columnName" |
|
|
|
:label="n.label"> |
|
|
|
<!-- <div class="resi-cell"> --> |
|
|
|
<!-- <div class="resi-cell-label">{{n.label}}</div> --> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<template v-if="n.itemType === 'input' || n.itemType === 'textarea'"> |
|
|
|
<el-input v-if="n.validType" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入内容" |
|
|
|
@blur="handleValidBlur(n)"> |
|
|
|
</el-input> |
|
|
|
<el-input v-else |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入内容"> |
|
|
|
</el-input> |
|
|
|
</template> |
|
|
|
<!-- <template v-if="n.itemType === 'textarea'"> |
|
|
|
<el-input |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
class="resi-cell-textarea" |
|
|
|
@ -142,88 +167,90 @@ |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</template> --> |
|
|
|
<el-date-picker |
|
|
|
v-else-if="n.itemType === 'datepicker'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
class="resi-cell-input" |
|
|
|
type="date" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="选择日期" |
|
|
|
format="yyyy 年 MM 月 dd 日" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
<el-date-picker |
|
|
|
v-else-if="n.itemType === 'daterange'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
type="daterange" |
|
|
|
align="right" |
|
|
|
unlink-panels |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
<el-time-picker |
|
|
|
v-else-if="n.itemType === 'timepicker'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
placeholder="任意时间点"> |
|
|
|
</el-time-picker> |
|
|
|
<el-time-picker |
|
|
|
v-else-if="n.itemType === 'timerange'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
is-range |
|
|
|
class="resi-cell-range" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始时间" |
|
|
|
end-placeholder="结束时间" |
|
|
|
placeholder="选择时间范围"> |
|
|
|
</el-time-picker> |
|
|
|
<el-select v-else-if="n.itemType === 'select'" v-model.trim="form[n.columnName]" |
|
|
|
:multiple="n.multiSelect" |
|
|
|
placeholder="请选择" size="small" clearable class="resi-cell-select"> |
|
|
|
<el-option |
|
|
|
v-for="item in n.options || options" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<!-- <el-cascader |
|
|
|
<el-date-picker v-else-if="n.itemType === 'datepicker'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
class="resi-cell-input" |
|
|
|
type="date" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="选择日期" |
|
|
|
format="yyyy 年 MM 月 dd 日" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
<el-date-picker v-else-if="n.itemType === 'daterange'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
type="daterange" |
|
|
|
align="right" |
|
|
|
unlink-panels |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
<el-time-picker v-else-if="n.itemType === 'timepicker'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
placeholder="任意时间点"> |
|
|
|
</el-time-picker> |
|
|
|
<el-time-picker v-else-if="n.itemType === 'timerange'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
is-range |
|
|
|
class="resi-cell-range" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始时间" |
|
|
|
end-placeholder="结束时间" |
|
|
|
placeholder="选择时间范围"> |
|
|
|
</el-time-picker> |
|
|
|
<el-select v-else-if="n.itemType === 'select'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
:multiple="n.multiSelect" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select"> |
|
|
|
<el-option v-for="item in n.options || options" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<!-- <el-cascader |
|
|
|
:options="options" |
|
|
|
:props="{ checkStrictly: true }" |
|
|
|
clearable></el-cascader> --> |
|
|
|
<el-cascader |
|
|
|
v-else-if="n.itemType === 'cascader'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
:options="n.options" |
|
|
|
:props="{ emitPath: false }" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
class="resi-cell-select"> |
|
|
|
</el-cascader> |
|
|
|
<template v-else-if="n.itemType === 'radio'"> |
|
|
|
<el-radio v-for="ns in n.options" :key="ns.value" v-model.trim="form[n.columnName]" |
|
|
|
:label="ns.value" @change="hanldeChangeRadio(n)"> |
|
|
|
{{ ns.label }} |
|
|
|
</el-radio> |
|
|
|
<!-- <el-radio v-model.trim="form[n.columnName]" label="1">备选项</el-radio> --> |
|
|
|
</template> |
|
|
|
<template v-else-if="n.itemType === 'checkbox'"> |
|
|
|
<el-checkbox-group v-model.trim="form[n.columnName]"> |
|
|
|
<template v-for="ns in n.options"> |
|
|
|
<el-checkbox v-if="ns.value != 'dangyuanzhongxinhu'" :key="ns.value" :label="ns.value"> |
|
|
|
{{ns.label}} |
|
|
|
</el-checkbox> |
|
|
|
</template> |
|
|
|
<!-- <el-checkbox label="n.la"></el-checkbox> --> |
|
|
|
</el-checkbox-group> |
|
|
|
<el-cascader v-else-if="n.itemType === 'cascader'" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
:options="n.options" |
|
|
|
:props="{ emitPath: false }" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
class="resi-cell-select"> |
|
|
|
</el-cascader> |
|
|
|
<template v-else-if="n.itemType === 'radio'"> |
|
|
|
<el-radio v-for="ns in n.options" |
|
|
|
:key="ns.value" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
:label="ns.value" |
|
|
|
@change="hanldeChangeRadio(n)"> |
|
|
|
{{ ns.label }} |
|
|
|
</el-radio> |
|
|
|
<!-- <el-radio v-model.trim="form[n.columnName]" label="1">备选项</el-radio> --> |
|
|
|
</template> |
|
|
|
<template v-else-if="n.itemType === 'checkbox'"> |
|
|
|
<el-checkbox-group v-model.trim="form[n.columnName]"> |
|
|
|
<template v-for="ns in n.options"> |
|
|
|
<el-checkbox v-if="ns.value != 'dangyuanzhongxinhu'" |
|
|
|
:key="ns.value" |
|
|
|
:label="ns.value"> |
|
|
|
{{ns.label}} |
|
|
|
</el-checkbox> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
<!-- </div> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<!-- <el-checkbox label="n.la"></el-checkbox> --> |
|
|
|
</el-checkbox-group> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
<!-- </div> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</template> |
|
|
|
</el-form> |
|
|
|
@ -231,7 +258,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { isCard, isMobile } from '@/utils/validate' |
|
|
|
import { isCard, isPassport, isMobile } from '@/utils/validate' |
|
|
|
import { computedCard } from '@/utils/index' |
|
|
|
|
|
|
|
export default { |
|
|
|
@ -286,10 +313,10 @@ export default { |
|
|
|
} |
|
|
|
let checkIdCard = (rule, value, callback) => { |
|
|
|
if (value === '') { |
|
|
|
callback(new Error('请输入身份证')) |
|
|
|
callback(new Error('请输入证件号码')) |
|
|
|
} else { |
|
|
|
if (!isCard(value)) { |
|
|
|
callback(new Error('身份证号格式不正确')) |
|
|
|
if (!isCard(value) && !isPassport(value)) { |
|
|
|
callback(new Error('证件号码格式不正确')) |
|
|
|
} |
|
|
|
callback() |
|
|
|
} |
|
|
|
@ -311,13 +338,13 @@ export default { |
|
|
|
_form[item.columnName] = obj[item.columnName] |
|
|
|
item.isChange = true |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
if (item.multiSelect) _form[item.columnName] = [] |
|
|
|
else if (item.itemType == 'radio' && item.defaultValue == '0') _form[item.columnName] = item.defaultValue |
|
|
|
else _form[item.columnName] = '' |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// if (item.optionSourceType === 'remote') { |
|
|
|
// this.getOptionsLists(item.optionSourceValue).then(res => { |
|
|
|
@ -351,7 +378,7 @@ export default { |
|
|
|
let form = initForm(this.formInfo, this.formList) |
|
|
|
let rules = initRules(this.formList) |
|
|
|
console.log('rulessss', rules) |
|
|
|
let tempFormList = [ ...this.formList ].map(item => { |
|
|
|
let tempFormList = [...this.formList].map(item => { |
|
|
|
const isChange = (item.itemType == 'radio' && item.defaultValue == '0') && true |
|
|
|
return { |
|
|
|
...item, |
|
|
|
@ -506,27 +533,30 @@ export default { |
|
|
|
// } |
|
|
|
}) |
|
|
|
}, |
|
|
|
hanldeChangeRadio(n) { |
|
|
|
hanldeChangeRadio (n) { |
|
|
|
this.$emit('changeradio', n) |
|
|
|
}, |
|
|
|
handleValidBlur(n) { |
|
|
|
handleValidBlur (n) { |
|
|
|
console.log('n---', n) |
|
|
|
if (n.columnName !== 'ID_CARD') return |
|
|
|
if (!isCard(this.form.ID_CARD)) return |
|
|
|
if (!isCard(this.form.ID_CARD) && !isPassport(this.form.ID_CARD)) return |
|
|
|
const { user } = this.$store.state |
|
|
|
let huji = '', i = 0 |
|
|
|
if (user.areaCodePath && user.areaCodePath.length > 0) { |
|
|
|
i = user.areaCodePath.length - 1 |
|
|
|
huji = user.areaCodePath[i].length > 6 ? user.areaCodePath[i].substr(0, 6) : user.areaCodePath[i] |
|
|
|
} |
|
|
|
const _id = this.form.ID_CARD.substr(0, 6) |
|
|
|
const { sex, birth, age } = computedCard(this.form.ID_CARD) |
|
|
|
this.form.BIRTHDAY = birth |
|
|
|
this.form.GENDER = sex == 1 ? '1' : '2' |
|
|
|
this.form.IS_OLD_PEOPLE = age >= 60 ? '1' : '0' |
|
|
|
this.form.IS_BDHJ = huji == _id ? '1' : '' |
|
|
|
this.validateIdcard(this.form.ID_CARD) |
|
|
|
console.log('age-----', age, _id) |
|
|
|
if (this.form.ID_CARD.length === 18 || this.form.ID_CARD.length === 15) { |
|
|
|
const _id = this.form.ID_CARD.substr(0, 6) |
|
|
|
const { sex, birth, age } = computedCard(this.form.ID_CARD) |
|
|
|
this.form.BIRTHDAY = birth |
|
|
|
this.form.GENDER = sex == 1 ? '1' : '2' |
|
|
|
this.form.IS_OLD_PEOPLE = age >= 60 ? '1' : '0' |
|
|
|
this.form.IS_BDHJ = huji == _id ? '1' : '' |
|
|
|
this.validateIdcard(this.form.ID_CARD) |
|
|
|
console.log('age-----', age, _id) |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
handleOpenSearch () { |
|
|
|
this.openSearch = !this.openSearch |
|
|
|
@ -551,7 +581,7 @@ export default { |
|
|
|
if (this.isParty) { |
|
|
|
this.$emit('changegroup', { value, partyInfo: this.partyInfo, childGroup: item.childGroup }) |
|
|
|
} else this.$emit('changegroup', { value, childGroup: item.childGroup }) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -589,9 +619,9 @@ export default { |
|
|
|
this.getHouseList() |
|
|
|
}, |
|
|
|
// 为了实现根据房屋类型改版是否租户的需求 |
|
|
|
handleChangeH(val){ |
|
|
|
handleChangeH (val) { |
|
|
|
let item = this.optionsH.find(item => item.value === val); |
|
|
|
if(item && item.type == '1'){ |
|
|
|
if (item && item.type == '1') { |
|
|
|
this.form.IS_TENANT = '1' |
|
|
|
console.log('item-----', item) |
|
|
|
} else this.form.IS_TENANT = '0' |
|
|
|
@ -619,7 +649,7 @@ export default { |
|
|
|
let arr = [] |
|
|
|
this.addList.forEach(item => { |
|
|
|
// console.log('handlerMuscForm----000', this.$refs['baseForms' + item][0].handleForm()) |
|
|
|
arr.push([ ...this.$refs['baseForms' + item][0].handleForm() ]) |
|
|
|
arr.push([...this.$refs['baseForms' + item][0].handleForm()]) |
|
|
|
}) |
|
|
|
// console.log('handlerMuscForm----111', arr) |
|
|
|
let arr2 = arr.reduce(function (a, b) { return a.concat(b) }) |
|
|
|
@ -698,19 +728,19 @@ export default { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} else { |
|
|
|
console.log('获取查询详情成功', res.data) |
|
|
|
|
|
|
|
|
|
|
|
if (res.data.isVolunteer == '1') this.form.IS_VOLUNTEER = '1' |
|
|
|
else this.form.IS_VOLUNTEER = '0' |
|
|
|
|
|
|
|
|
|
|
|
if (res.data.isPartyMember == '1') { |
|
|
|
this.form.IS_PARTY = '1' |
|
|
|
this.isParty = true |
|
|
|
this.isParty = true |
|
|
|
this.partyInfo = res.data.detail.ic_party_member |
|
|
|
} else this.form.IS_PARTY = '0' |
|
|
|
|
|
|
|
// if (type == 'vol') { |
|
|
|
// this.isParty = false |
|
|
|
|
|
|
|
|
|
|
|
// } else if (res.data.isPartyMember == '1' && val == 'party') { |
|
|
|
// this.isParty = true |
|
|
|
// } |
|
|
|
@ -822,12 +852,13 @@ export default { |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.resi-form { |
|
|
|
:deep .el-date-editor.el-input, .el-date-editor.el-input__inner { |
|
|
|
:deep .el-date-editor.el-input, |
|
|
|
.el-date-editor.el-input__inner { |
|
|
|
width: 100% !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell-value .resi-cell-input { |
|
|
|
width: 190px; |
|
|
|
width: 190px; |
|
|
|
} |
|
|
|
.resi-cell-value { |
|
|
|
:deep .el-col { |
|
|
|
@ -839,33 +870,31 @@ export default { |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.resi-form .resi-row { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.resi-cell-value .resi-cell-textarea { |
|
|
|
width: 300px; |
|
|
|
} |
|
|
|
.resi-cell-col { |
|
|
|
display: flex; |
|
|
|
.el-form-item { |
|
|
|
margin-right: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell-select { |
|
|
|
width: 190px; |
|
|
|
box-sizing: border-box; |
|
|
|
.resi-cell-value .resi-cell-textarea { |
|
|
|
width: 300px; |
|
|
|
} |
|
|
|
.resi-cell-col { |
|
|
|
display: flex; |
|
|
|
.el-form-item { |
|
|
|
margin-right: 10px; |
|
|
|
&-middle { |
|
|
|
width: 130px; |
|
|
|
} |
|
|
|
&-small { |
|
|
|
width: 88px; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell-select:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
.resi-cell-select { |
|
|
|
width: 190px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 10px; |
|
|
|
&-middle { |
|
|
|
width: 130px; |
|
|
|
} |
|
|
|
&-small { |
|
|
|
width: 88px; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell-select:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
jianjun
3 years ago