|
|
@ -1,46 +1,55 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="m-pop"> |
|
|
<div class="m-pop"> |
|
|
<div class="wrap"> |
|
|
<div class="wrap"> |
|
|
<div class="btn-close" @click="handleClose"> |
|
|
<div class="btn-close" |
|
|
|
|
|
@click="handleClose"> |
|
|
<img src="@/assets/img/shuju/people/close.png" /> |
|
|
<img src="@/assets/img/shuju/people/close.png" /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="wrap2"> |
|
|
<div class="wrap2"> |
|
|
<div class="title"> |
|
|
<div class="title"> |
|
|
<span>更多信息</span> |
|
|
<span>更多信息</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div v-if="view_real_data" |
|
|
|
|
|
class="div_tuomin"> |
|
|
|
|
|
<el-button size="mini" |
|
|
|
|
|
class="diy-button--search" |
|
|
|
|
|
@click="handleTuomin">显示脱敏信息</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div |
|
|
<div :key="'fieldSubList' + index" |
|
|
:key="'fieldSubList' + index" |
|
|
v-for="(fieldSubList, index) in fieldList"> |
|
|
v-for="(fieldSubList, index) in fieldList" |
|
|
|
|
|
> |
|
|
|
|
|
<div class="list"> |
|
|
<div class="list"> |
|
|
<div class="item" v-if="index == 0"> |
|
|
<div class="item" |
|
|
|
|
|
v-if="index == 0"> |
|
|
<span class="item-field">所属网格：</span> |
|
|
<span class="item-field">所属网格：</span> |
|
|
<span>{{ gridName }}</span> |
|
|
<span>{{ gridName }}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item" v-if="index == 0"> |
|
|
<div class="item" |
|
|
|
|
|
v-if="index == 0"> |
|
|
<span class="item-field">所属小区：</span> |
|
|
<span class="item-field">所属小区：</span> |
|
|
<span>{{ xiaoquName }}</span> |
|
|
<span>{{ xiaoquName }}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item" v-if="index == 0"> |
|
|
<div class="item" |
|
|
|
|
|
v-if="index == 0"> |
|
|
<span class="item-field">所属楼栋：</span> |
|
|
<span class="item-field">所属楼栋：</span> |
|
|
<span>{{ louName }}-{{ danyuanName }}</span> |
|
|
<span>{{ louName }}-{{ danyuanName }}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item" v-if="index == 0"> |
|
|
<div class="item" |
|
|
|
|
|
v-if="index == 0"> |
|
|
<span class="item-field">所属家庭：</span> |
|
|
<span class="item-field">所属家庭：</span> |
|
|
<span>{{ homeName }}</span> |
|
|
<span>{{ homeName }}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item" :key="field.itemId" v-for="field in fieldSubList"> |
|
|
<div class="item" |
|
|
|
|
|
:key="field.itemId" |
|
|
|
|
|
v-for="field in fieldSubList"> |
|
|
<span class="item-field">{{ field.label }}：</span> |
|
|
<span class="item-field">{{ field.label }}：</span> |
|
|
|
|
|
<span v-if="field.columnName==='MOBILE'||field.columnName==='ID_CARD'">{{ info[field.columnName]||'--'}}</span> |
|
|
<span |
|
|
<span v-else-if=" |
|
|
v-if=" |
|
|
|
|
|
field.itemType == 'select' || |
|
|
field.itemType == 'select' || |
|
|
field.itemType == 'radio' || |
|
|
field.itemType == 'radio' || |
|
|
field.itemType == 'checkbox' || |
|
|
field.itemType == 'checkbox' || |
|
|
field.itemType == 'cascader' |
|
|
field.itemType == 'cascader' |
|
|
" |
|
|
">{{ |
|
|
>{{ |
|
|
|
|
|
info[field.columnName] == null |
|
|
info[field.columnName] == null |
|
|
? "--" |
|
|
? "--" |
|
|
: getOptionLabel( |
|
|
: getOptionLabel( |
|
|
@ -48,8 +57,7 @@ |
|
|
info[field.columnName], |
|
|
info[field.columnName], |
|
|
field.itemType |
|
|
field.itemType |
|
|
) |
|
|
) |
|
|
}}</span |
|
|
}}</span> |
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
<span v-else>{{ |
|
|
<span v-else>{{ |
|
|
info[field.columnName] == null ? "--" : info[field.columnName] |
|
|
info[field.columnName] == null ? "--" : info[field.columnName] |
|
|
@ -61,63 +69,47 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="tabs"> |
|
|
<div class="tabs"> |
|
|
<div |
|
|
<div class="tab-btn" |
|
|
class="tab-btn" |
|
|
|
|
|
@click="subStartGroupIndex" |
|
|
@click="subStartGroupIndex" |
|
|
v-if="groupList.length > 9" |
|
|
v-if="groupList.length > 9"> |
|
|
> |
|
|
|
|
|
<img src="@/assets/img/shuju/people/arrow-double-left.png" /> |
|
|
<img src="@/assets/img/shuju/people/arrow-double-left.png" /> |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div v-show="index >= startGroupIndex && index < startGroupIndex + 9" |
|
|
v-show="index >= startGroupIndex && index < startGroupIndex + 9" |
|
|
|
|
|
class="tab" |
|
|
class="tab" |
|
|
:class="groupIndex % groupList.length == index ? 'z-on' : ''" |
|
|
:class="groupIndex % groupList.length == index ? 'z-on' : ''" |
|
|
:key="'tab' + index" |
|
|
:key="'tab' + index" |
|
|
@click="groupIndex = index" |
|
|
@click="groupIndex = index" |
|
|
v-for="(item, index) in groupList" |
|
|
v-for="(item, index) in groupList"> |
|
|
> |
|
|
|
|
|
{{ item.label }} |
|
|
{{ item.label }} |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div class="tab-btn" |
|
|
class="tab-btn" |
|
|
|
|
|
@click="addStartGroupIndex" |
|
|
@click="addStartGroupIndex" |
|
|
v-if="groupList.length > 9" |
|
|
v-if="groupList.length > 9"> |
|
|
> |
|
|
|
|
|
<img src="@/assets/img/shuju/people/arrow-double-right.png" /> |
|
|
<img src="@/assets/img/shuju/people/arrow-double-right.png" /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div |
|
|
<div :key="'group' + index" |
|
|
:key="'group' + index" |
|
|
|
|
|
v-show="groupIndex % groupList.length == index" |
|
|
v-show="groupIndex % groupList.length == index" |
|
|
v-for="(group, index) in groupList" |
|
|
v-for="(group, index) in groupList"> |
|
|
> |
|
|
<div v-if=" |
|
|
<div |
|
|
|
|
|
v-if=" |
|
|
|
|
|
group.tableName == 'ic_resi_demand' && |
|
|
group.tableName == 'ic_resi_demand' && |
|
|
Array.isArray(allInfo.ic_resi_demand) && |
|
|
Array.isArray(allInfo.ic_resi_demand) && |
|
|
allInfo.ic_resi_demand.length > 0 |
|
|
allInfo.ic_resi_demand.length > 0 |
|
|
" |
|
|
"> |
|
|
> |
|
|
<div class="list" |
|
|
<div |
|
|
|
|
|
class="list" |
|
|
|
|
|
:key="'ic_resi_demand' + infoIndex" |
|
|
:key="'ic_resi_demand' + infoIndex" |
|
|
v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand" |
|
|
v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand"> |
|
|
> |
|
|
<div class="item" |
|
|
<div |
|
|
|
|
|
class="item" |
|
|
|
|
|
:key="field.itemId" |
|
|
:key="field.itemId" |
|
|
v-for="field in group.itemList" |
|
|
v-for="field in group.itemList"> |
|
|
> |
|
|
|
|
|
<span class="item-field">{{ field.label }}：</span> |
|
|
<span class="item-field">{{ field.label }}：</span> |
|
|
<span |
|
|
<span v-if=" |
|
|
v-if=" |
|
|
|
|
|
field.itemType == 'select' || |
|
|
field.itemType == 'select' || |
|
|
field.itemType == 'radio' || |
|
|
field.itemType == 'radio' || |
|
|
field.itemType == 'checkbox' || |
|
|
field.itemType == 'checkbox' || |
|
|
field.itemType == 'cascader' |
|
|
field.itemType == 'cascader' |
|
|
" |
|
|
">{{ |
|
|
>{{ |
|
|
|
|
|
infoItem[field.columnName] == null |
|
|
infoItem[field.columnName] == null |
|
|
? "--" |
|
|
? "--" |
|
|
: getOptionLabel( |
|
|
: getOptionLabel( |
|
|
@ -125,8 +117,7 @@ |
|
|
infoItem[field.columnName], |
|
|
infoItem[field.columnName], |
|
|
field.itemType |
|
|
field.itemType |
|
|
) |
|
|
) |
|
|
}}</span |
|
|
}}</span> |
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
<span v-else>{{ |
|
|
<span v-else>{{ |
|
|
infoItem[field.columnName] == null |
|
|
infoItem[field.columnName] == null |
|
|
@ -136,179 +127,136 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div v-else-if="group.tableName == 'ic_hs'" |
|
|
v-else-if="group.tableName == 'ic_hs'" |
|
|
style="margin-top: 10px; padding: 0 20px"> |
|
|
style="margin-top: 10px; padding: 0 20px" |
|
|
<el-table class="table" |
|
|
> |
|
|
|
|
|
<el-table |
|
|
|
|
|
class="table" |
|
|
|
|
|
:data="natList" |
|
|
:data="natList" |
|
|
border |
|
|
border |
|
|
height="400" |
|
|
height="400" |
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
style="width: 100%" |
|
|
style="width: 100%"> |
|
|
> |
|
|
<el-table-column label="序号" |
|
|
<el-table-column |
|
|
|
|
|
label="序号" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
type="index" |
|
|
type="index" |
|
|
width="50" |
|
|
width="50"></el-table-column> |
|
|
></el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="testTime" |
|
|
prop="testTime" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="检测时间" |
|
|
label="检测时间" |
|
|
width="150" |
|
|
width="150"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="address" |
|
|
prop="address" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="检测机构" |
|
|
label="检测机构" |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
min-width="180" |
|
|
min-width="180"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="result" |
|
|
prop="result" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="检测结果" |
|
|
label="检测结果" |
|
|
width="240" |
|
|
width="240"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div v-else-if="group.tableName == 'ic_xc'" |
|
|
v-else-if="group.tableName == 'ic_xc'" |
|
|
style="margin-top: 10px; padding: 0 20px"> |
|
|
style="margin-top: 10px; padding: 0 20px" |
|
|
<el-table class="table" |
|
|
> |
|
|
|
|
|
<el-table |
|
|
|
|
|
class="table" |
|
|
|
|
|
:data="tripList" |
|
|
:data="tripList" |
|
|
border |
|
|
border |
|
|
height="400" |
|
|
height="400" |
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
style="width: 100%" |
|
|
style="width: 100%"> |
|
|
> |
|
|
<el-table-column label="序号" |
|
|
<el-table-column |
|
|
|
|
|
label="序号" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
type="index" |
|
|
type="index" |
|
|
width="50" |
|
|
width="50"></el-table-column> |
|
|
></el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="fromRegion" |
|
|
prop="fromRegion" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="来自地区" |
|
|
label="来自地区" |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
min-width="100" |
|
|
min-width="100"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="arrivalTime" |
|
|
prop="arrivalTime" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="来到本地时间" |
|
|
label="来到本地时间" |
|
|
width="140" |
|
|
width="140"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="leaveTime" |
|
|
prop="leaveTime" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="离开本地时间" |
|
|
label="离开本地时间" |
|
|
width="140" |
|
|
width="140"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="noticeTime" |
|
|
prop="noticeTime" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="最近一次通知时间" |
|
|
label="最近一次通知时间" |
|
|
width="140" |
|
|
width="140"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="remark" |
|
|
prop="remark" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="备注" |
|
|
label="备注" |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
width="120" |
|
|
width="120"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div v-else-if="group.tableName == 'ic_ym'" |
|
|
v-else-if="group.tableName == 'ic_ym'" |
|
|
style="margin-top: 10px; padding: 0 20px"> |
|
|
style="margin-top: 10px; padding: 0 20px" |
|
|
<el-table v-if="vaccineList" |
|
|
> |
|
|
|
|
|
<el-table |
|
|
|
|
|
v-if="vaccineList" |
|
|
|
|
|
class="table" |
|
|
class="table" |
|
|
:data="vaccineList" |
|
|
:data="vaccineList" |
|
|
border |
|
|
border |
|
|
height="400" |
|
|
height="400" |
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
style="width: 100%" |
|
|
style="width: 100%"> |
|
|
> |
|
|
<el-table-column label="序号" |
|
|
<el-table-column |
|
|
|
|
|
label="序号" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
type="index" |
|
|
type="index" |
|
|
width="50" |
|
|
width="50"></el-table-column> |
|
|
></el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column prop="vaccinateTime" |
|
|
prop="vaccinateTime" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="接种时间" |
|
|
label="接种时间" |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
min-width="100" |
|
|
min-width="100"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="address" |
|
|
prop="address" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="接种地点" |
|
|
label="接种地点"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column prop="manufactor" |
|
|
prop="manufactor" |
|
|
|
|
|
header-align="center" |
|
|
header-align="center" |
|
|
align="center" |
|
|
align="center" |
|
|
label="疫苗厂家" |
|
|
label="疫苗厂家"> |
|
|
> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
|
<div class="list" v-else> |
|
|
<div class="list" |
|
|
<div |
|
|
v-else> |
|
|
class="item" |
|
|
<div class="item" |
|
|
:class="{ 'z-long': group.itemList.length == 1 }" |
|
|
:class="{ 'z-long': group.itemList.length == 1 }" |
|
|
:key="field.itemId" |
|
|
:key="field.itemId" |
|
|
v-for="field in group.itemList" |
|
|
v-for="field in group.itemList"> |
|
|
> |
|
|
|
|
|
<span class="item-field">{{ field.label }}：</span> |
|
|
<span class="item-field">{{ field.label }}：</span> |
|
|
<span |
|
|
<span v-if=" |
|
|
v-if=" |
|
|
|
|
|
field.itemType == 'select' || |
|
|
field.itemType == 'select' || |
|
|
field.itemType == 'radio' || |
|
|
field.itemType == 'radio' || |
|
|
field.itemType == 'checkbox' || |
|
|
field.itemType == 'checkbox' || |
|
|
field.itemType == 'cascader' |
|
|
field.itemType == 'cascader' |
|
|
" |
|
|
">{{ |
|
|
>{{ |
|
|
|
|
|
!allInfo[group.tableName] || |
|
|
!allInfo[group.tableName] || |
|
|
allInfo[group.tableName][0][field.columnName] == null |
|
|
allInfo[group.tableName][0][field.columnName] == null |
|
|
? "--" |
|
|
? "--" |
|
|
@ -317,8 +265,7 @@ |
|
|
allInfo[group.tableName][0][field.columnName], |
|
|
allInfo[group.tableName][0][field.columnName], |
|
|
field.itemType |
|
|
field.itemType |
|
|
) |
|
|
) |
|
|
}}</span |
|
|
}}</span> |
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
<span v-else>{{ |
|
|
<span v-else>{{ |
|
|
!allInfo[group.tableName] || |
|
|
!allInfo[group.tableName] || |
|
|
@ -349,13 +296,17 @@ export default { |
|
|
type: String, |
|
|
type: String, |
|
|
default: "", |
|
|
default: "", |
|
|
}, |
|
|
}, |
|
|
|
|
|
view_real_data: {//显示【显示脱敏信息】按钮 |
|
|
|
|
|
type: Boolean, |
|
|
|
|
|
default: false, |
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
components: { |
|
|
components: { |
|
|
cptCard, |
|
|
cptCard, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
data() { |
|
|
data () { |
|
|
return { |
|
|
return { |
|
|
fieldList: [], |
|
|
fieldList: [], |
|
|
groupList: [], |
|
|
groupList: [], |
|
|
@ -376,11 +327,11 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
computed: { |
|
|
computed: { |
|
|
isShundeju() { |
|
|
isShundeju () { |
|
|
return this.$store.state.user.customerId == "1550309684576591874"; |
|
|
return this.$store.state.user.customerId == "1550309684576591874"; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
xiaoquName() { |
|
|
xiaoquName () { |
|
|
const { |
|
|
const { |
|
|
xiaoquList, |
|
|
xiaoquList, |
|
|
info: { VILLAGE_ID }, |
|
|
info: { VILLAGE_ID }, |
|
|
@ -393,7 +344,7 @@ export default { |
|
|
} |
|
|
} |
|
|
return ""; |
|
|
return ""; |
|
|
}, |
|
|
}, |
|
|
louName() { |
|
|
louName () { |
|
|
const { |
|
|
const { |
|
|
louList, |
|
|
louList, |
|
|
info: { BUILD_ID }, |
|
|
info: { BUILD_ID }, |
|
|
@ -406,7 +357,7 @@ export default { |
|
|
} |
|
|
} |
|
|
return ""; |
|
|
return ""; |
|
|
}, |
|
|
}, |
|
|
danyuanName() { |
|
|
danyuanName () { |
|
|
const { |
|
|
const { |
|
|
danyuanList, |
|
|
danyuanList, |
|
|
info: { UNIT_ID }, |
|
|
info: { UNIT_ID }, |
|
|
@ -419,7 +370,7 @@ export default { |
|
|
} |
|
|
} |
|
|
return ""; |
|
|
return ""; |
|
|
}, |
|
|
}, |
|
|
danyuanName() { |
|
|
danyuanName () { |
|
|
const { |
|
|
const { |
|
|
danyuanList, |
|
|
danyuanList, |
|
|
info: { UNIT_ID }, |
|
|
info: { UNIT_ID }, |
|
|
@ -432,7 +383,7 @@ export default { |
|
|
} |
|
|
} |
|
|
return ""; |
|
|
return ""; |
|
|
}, |
|
|
}, |
|
|
homeName() { |
|
|
homeName () { |
|
|
const { |
|
|
const { |
|
|
homeList, |
|
|
homeList, |
|
|
info: { HOME_ID }, |
|
|
info: { HOME_ID }, |
|
|
@ -448,17 +399,34 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
watch: { |
|
|
watch: { |
|
|
userId() { |
|
|
userId () { |
|
|
this.getApiData(); |
|
|
this.getApiData(); |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
mounted() { |
|
|
mounted () { |
|
|
this.getApiData(); |
|
|
this.getApiData(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
methods: { |
|
|
methods: { |
|
|
addStartGroupIndex() { |
|
|
async handleTuomin () { |
|
|
|
|
|
const url = "/gov/org/ichouse/detailByType"; |
|
|
|
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
|
|
id: this.userId, |
|
|
|
|
|
type: "icResiUser", |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
this.$set(this.info, 'MOBILE', data.mobile) |
|
|
|
|
|
this.$set(this.info, 'ID_CARD', data.idCard) |
|
|
|
|
|
} else { |
|
|
|
|
|
this.$message.error(msg); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
addStartGroupIndex () { |
|
|
const { startGroupIndex, groupList } = this; |
|
|
const { startGroupIndex, groupList } = this; |
|
|
if (startGroupIndex < groupList.length - 9) { |
|
|
if (startGroupIndex < groupList.length - 9) { |
|
|
this.startGroupIndex = startGroupIndex + 1; |
|
|
this.startGroupIndex = startGroupIndex + 1; |
|
|
@ -466,7 +434,7 @@ export default { |
|
|
this.startGroupIndex = groupList.length - 9; |
|
|
this.startGroupIndex = groupList.length - 9; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
subStartGroupIndex() { |
|
|
subStartGroupIndex () { |
|
|
const { startGroupIndex, groupList } = this; |
|
|
const { startGroupIndex, groupList } = this; |
|
|
if (startGroupIndex > 0) { |
|
|
if (startGroupIndex > 0) { |
|
|
this.startGroupIndex = startGroupIndex - 1; |
|
|
this.startGroupIndex = startGroupIndex - 1; |
|
|
@ -474,11 +442,11 @@ export default { |
|
|
this.startGroupIndex = 0; |
|
|
this.startGroupIndex = 0; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
handleClose() { |
|
|
handleClose () { |
|
|
this.$emit("close"); |
|
|
this.$emit("close"); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async getApiData() { |
|
|
async getApiData () { |
|
|
await this.getField(); |
|
|
await this.getField(); |
|
|
await this.getInfo(); |
|
|
await this.getInfo(); |
|
|
this.getDetailList(); |
|
|
this.getDetailList(); |
|
|
@ -488,7 +456,7 @@ export default { |
|
|
this.getHomeList(); |
|
|
this.getHomeList(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
getOptionLabel(options, value, type = "") { |
|
|
getOptionLabel (options, value, type = "") { |
|
|
if (Array.isArray(options)) { |
|
|
if (Array.isArray(options)) { |
|
|
let valueArr = value.split(","); |
|
|
let valueArr = value.split(","); |
|
|
if (type == "cascader") { |
|
|
if (type == "cascader") { |
|
|
@ -510,7 +478,7 @@ export default { |
|
|
return "--"; |
|
|
return "--"; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
getNodePath(node, val, path) { |
|
|
getNodePath (node, val, path) { |
|
|
// node:所有数据，val:后台返回的id, path:要渲染的数组id |
|
|
// node:所有数据，val:后台返回的id, path:要渲染的数组id |
|
|
for (let i = 0; i < node.length; i++) { |
|
|
for (let i = 0; i < node.length; i++) { |
|
|
const ele = node[i]; |
|
|
const ele = node[i]; |
|
|
@ -530,7 +498,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//加载组织数据 |
|
|
//加载组织数据 |
|
|
async getField() { |
|
|
async getField () { |
|
|
const url = "/oper/customize/icform/getcustomerform"; |
|
|
const url = "/oper/customize/icform/getcustomerform"; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
@ -570,7 +538,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//加载组织数据 |
|
|
//加载组织数据 |
|
|
async getInfo() { |
|
|
async getInfo () { |
|
|
const url = "/epmetuser/icresiuser/detail"; |
|
|
const url = "/epmetuser/icresiuser/detail"; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
@ -651,7 +619,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//加载组织数据 |
|
|
//加载组织数据 |
|
|
async getOptions(url) { |
|
|
async getOptions (url) { |
|
|
if (!url) return []; |
|
|
if (!url) return []; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, {}); |
|
|
const { data, code, msg } = await requestPost(url, {}); |
|
|
@ -663,7 +631,7 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async getXiaoquList() { |
|
|
async getXiaoquList () { |
|
|
const url = "/gov/org/icneighborhood/neighborhoodoption"; |
|
|
const url = "/gov/org/icneighborhood/neighborhoodoption"; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
@ -677,7 +645,7 @@ export default { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async getLouList() { |
|
|
async getLouList () { |
|
|
const url = "/gov/org/icbuilding/buildingoption"; |
|
|
const url = "/gov/org/icbuilding/buildingoption"; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
@ -690,7 +658,7 @@ export default { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async getDanyuanList() { |
|
|
async getDanyuanList () { |
|
|
const url = "/gov/org/icbuildingunit/unitoption"; |
|
|
const url = "/gov/org/icbuildingunit/unitoption"; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
@ -703,7 +671,7 @@ export default { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async getHomeList() { |
|
|
async getHomeList () { |
|
|
const url = "/gov/org/ichouse/houseoption"; |
|
|
const url = "/gov/org/ichouse/houseoption"; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
@ -716,7 +684,7 @@ export default { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async getDetailList() { |
|
|
async getDetailList () { |
|
|
const url = "/epmetuser/epidemicPrevention/info"; |
|
|
const url = "/epmetuser/epidemicPrevention/info"; |
|
|
let params = { |
|
|
let params = { |
|
|
id: this.userId, |
|
|
id: this.userId, |
|
|
|
jiangyy
3 years ago