|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<div :id="formId" |
|
|
|
class="resi-container"> |
|
|
|
class="resi-container m-search"> |
|
|
|
<el-form :ref="formId" |
|
|
|
class="resi-form" |
|
|
|
:model="form" |
|
|
|
@ -22,10 +22,10 @@ |
|
|
|
:form-id="'baseForms' + item" /> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-row v-if="fixed" |
|
|
|
class="resi-row"> |
|
|
|
<section 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="所属网格"> |
|
|
|
<!-- <div class="resi-cell"> --> |
|
|
|
@ -46,18 +46,15 @@ |
|
|
|
</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-form-item prop="VILLAGE_ID" class="u-item-width-communitycascader"> |
|
|
|
<el-select v-model.trim="form.VILLAGE_ID" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_communitycascader" |
|
|
|
@change="handleChangeV"> |
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
@ -71,7 +68,7 @@ |
|
|
|
placeholder="请选择楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_buildcascader" |
|
|
|
class="u-item-width-buildcascader" |
|
|
|
@change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
@ -85,7 +82,7 @@ |
|
|
|
placeholder="请选择单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_buildcascader" |
|
|
|
class="u-item-width-buildcascader" |
|
|
|
@change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
@ -99,7 +96,7 @@ |
|
|
|
placeholder="请选择房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_buildcascader" |
|
|
|
class="u-item-width-buildcascader" |
|
|
|
@change="handleChangeH"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
@ -123,16 +120,14 @@ |
|
|
|
</el-col> --> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
</section> |
|
|
|
<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)" |
|
|
|
:span="item.length === 1 ? 24 : (24/columns)&&n.itemType === 'radio'? 4:(24/columns)" |
|
|
|
:style="n.itemType === 'divider' && 'display: none;'"> |
|
|
|
<el-form-item :prop="n.columnName"> |
|
|
|
<template slot="label" style="padding-right:14px"> |
|
|
|
@ -140,7 +135,7 @@ |
|
|
|
</template> |
|
|
|
<!-- <div class="resi-cell"> --> |
|
|
|
<!-- <div class="resi-cell-label">{{n.label}}</div> --> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<div class="resi-cell-value" :class=" n.label === '本地户籍'?'resi-cell-input':'' || n.label === '性别'?'resi-cell-input':''"> |
|
|
|
<template v-if="n.itemType === 'input' || n.itemType === 'textarea'"> |
|
|
|
<el-input v-if="n.validType" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
@ -203,7 +198,7 @@ |
|
|
|
placeholder="选择时间范围"> |
|
|
|
</el-time-picker> |
|
|
|
<!-- 本地户籍更改为单选按钮 --> |
|
|
|
<template v-else-if="n.itemType === 'select' && n.label === '本地户籍' || n.label === '性别'" > |
|
|
|
<template v-else-if="n.itemType === 'select' && n.label === '本地户籍' || n.label === '性别'" class="resi-cell-input" > |
|
|
|
<el-radio v-for="ns in n.options" |
|
|
|
:key="ns.value" |
|
|
|
v-model.trim="form[n.columnName]" |
|
|
|
@ -312,7 +307,7 @@ export default { |
|
|
|
// 渲染一行几列 |
|
|
|
columns: { |
|
|
|
type: Number, |
|
|
|
default: 3 |
|
|
|
default: 5 |
|
|
|
}, |
|
|
|
supportAdd: { // 单表多条数据 |
|
|
|
type: Boolean, |
|
|
|
@ -873,8 +868,9 @@ export default { |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
.resi-cell-value .resi-cell-input { |
|
|
|
width: 190px; |
|
|
|
|
|
|
|
.resi-cell-input{ |
|
|
|
width: 168px; |
|
|
|
} |
|
|
|
.resi-cell-value { |
|
|
|
:deep .el-col { |
|
|
|
@ -884,23 +880,28 @@ export default { |
|
|
|
// width: 180px; |
|
|
|
// } |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.resi-form .resi-row { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.resi-form .resi-row:first-child{ |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
.resi-cell-value .resi-cell-textarea { |
|
|
|
width: 300px; |
|
|
|
} |
|
|
|
.resi-cell-col { |
|
|
|
display: flex; |
|
|
|
.el-form-item:first-child { |
|
|
|
margin-right: 4px; |
|
|
|
width: 141px; |
|
|
|
} |
|
|
|
.el-form-item { |
|
|
|
margin-right: 10px; |
|
|
|
margin-right: 4px; |
|
|
|
width: 94px; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell-select { |
|
|
|
width: 190px; |
|
|
|
width: 168px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 10px; |
|
|
|
&-middle { |
|
|
|
|
dai
3 years ago