|
|
|
@ -1,40 +1,42 @@ |
|
|
|
<template> |
|
|
|
<el-dialog :visible.sync="dialogVisible" width="1370px" :before-close="handleCancle"> |
|
|
|
<el-dialog :visible.sync="dialogVisible" width="1180px" :before-close="handleCancle" top="5vh"> |
|
|
|
<span slot="title"> |
|
|
|
<span v-if="pageType == 'add'">新增</span> |
|
|
|
<span v-if="pageType == 'edit'">修改</span> |
|
|
|
<span v-if="pageType == 'view'">查看</span> |
|
|
|
<span v-if="pageType == 'view'">更多信息</span> |
|
|
|
</span> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<div v-if="view_real_data" class="div_tuomin" style="margin-top: 20px;"><el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button></div> |
|
|
|
<el-form :inline="false" :model="formData" ref="form" :label-width="'90px'" v-if="pageType == 'view'"> |
|
|
|
<div class="dialog-h-content2 scroll-h"> |
|
|
|
<div v-if="view_real_data" class="div_tuomin" style="margin-top: 20px;"> |
|
|
|
<el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button> |
|
|
|
</div> |
|
|
|
<el-form :inline="false" :model="formData" ref="form" v-if="pageType == 'view'"> |
|
|
|
<template v-for="(fieldSubList, index) in fieldList"> |
|
|
|
<el-row> |
|
|
|
<!-- :key="'fieldSubList' + index" --> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div v-if="index == 0"> |
|
|
|
<el-form-item label="所属网格">{{ gridName }}</el-form-item> |
|
|
|
<el-form-item label="所属网格">{{ detailData.gridName }}</el-form-item> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div v-if="index == 0"> |
|
|
|
<el-form-item label="所属小区">{{ xiaoquName }}</el-form-item> |
|
|
|
<el-form-item label="所属小区">{{ detailData.villageName }}</el-form-item> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div v-if="index == 0"> |
|
|
|
<el-form-item label="所属楼栋">{{ louName }}-{{ danyuanName }}</el-form-item> |
|
|
|
<el-form-item label="所属楼栋">{{ detailData.buildName }}</el-form-item> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div v-if="index == 0"> |
|
|
|
<el-form-item label="所属家庭">{{ homeName }}</el-form-item> |
|
|
|
<el-form-item label="所属家庭">{{ detailData.doorName }}</el-form-item> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<template v-for="field in fieldSubList"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item :label="field.label"> |
|
|
|
<span v-if="field.columnName === 'MOBILE' || field.columnName === 'ID_CARD'">{{ info[field.columnName] || '--' }}</span> |
|
|
|
<span v-else-if="field.itemType == 'select' || field.itemType == 'radio' || field.itemType == 'checkbox' || field.itemType == 'cascader'"> |
|
|
|
@ -45,7 +47,7 @@ |
|
|
|
</el-col> |
|
|
|
</template> |
|
|
|
</el-row> |
|
|
|
<div style="border-bottom:dashed 1px #ccc"></div> |
|
|
|
<div class="line"></div> |
|
|
|
</template> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
@ -159,8 +161,8 @@ export default { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
}, |
|
|
|
gridName: { |
|
|
|
type: String, |
|
|
|
detailData: { |
|
|
|
type: Object, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -171,7 +173,7 @@ export default { |
|
|
|
|
|
|
|
data() { |
|
|
|
return { |
|
|
|
view_real_data: true, |
|
|
|
view_real_data: false, |
|
|
|
formData: {}, |
|
|
|
customerId: '', |
|
|
|
isXiaozhaizi: false, |
|
|
|
@ -576,4 +578,49 @@ export default { |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import '@/assets/scss/modules/management/form-main.scss'; |
|
|
|
@import '@/assets/scss/modules/management/form.scss'; |
|
|
|
/deep/.el-dialog__header { |
|
|
|
padding: 30px 20px 10px 30px; |
|
|
|
font-size: 22px; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 800; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
/deep/.el-dialog__body { |
|
|
|
padding:30px 0px 30px 50px; |
|
|
|
} |
|
|
|
/deep/.el-form { |
|
|
|
.el-form-item { |
|
|
|
position: relative; |
|
|
|
.el-form-item__label { |
|
|
|
font-size: 18px; |
|
|
|
padding-left: 15px; |
|
|
|
&::before { |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 12px; |
|
|
|
content: ''; |
|
|
|
display: block; |
|
|
|
width: 7px; |
|
|
|
height: 7px; |
|
|
|
background: #ddd; |
|
|
|
border-radius: 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
.el-form-item__content { |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.line { |
|
|
|
margin: 20px auto; |
|
|
|
width: 900px; |
|
|
|
height: 1px; |
|
|
|
border: 1px dashed #ddd; |
|
|
|
} |
|
|
|
/deep/.dialog-h-content2 { |
|
|
|
max-height: calc(83vh - 130px); |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 0 10px; |
|
|
|
overflow: auto; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
tianq
3 years ago