tianq
3 years ago
6 changed files with 627 additions and 975 deletions
@ -0,0 +1,132 @@ |
|||
@import "c/config"; |
|||
@import "c/function"; |
|||
|
|||
|
|||
|
|||
.wrap2 { |
|||
box-sizing: border-box; |
|||
padding: 20px; |
|||
height: 90vh; |
|||
width: 1180px; |
|||
overflow-y: auto; |
|||
overflow-x: hidden; |
|||
position: relative; |
|||
} |
|||
|
|||
.title { |
|||
padding: 10px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #333; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
img { |
|||
display: block; |
|||
margin-right: 5px; |
|||
} |
|||
span { |
|||
display: block; |
|||
} |
|||
} |
|||
|
|||
.div_tuomin{ |
|||
position: absolute; |
|||
top:25px; |
|||
right:40px; |
|||
} |
|||
|
|||
.btn-close { |
|||
position: absolute; |
|||
z-index: 2; |
|||
top: -30px; |
|||
right: -30px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.list { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
padding: 10px 30px; |
|||
|
|||
.item { |
|||
position: relative; |
|||
box-sizing: border-box; |
|||
padding: 0 15px; |
|||
width: 33%; |
|||
color: #fff; |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333; |
|||
line-height: 24px; |
|||
margin: 15px 0; |
|||
|
|||
&.z-long { |
|||
width: 100%; |
|||
} |
|||
|
|||
&::before { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 9px; |
|||
content: ""; |
|||
display: block; |
|||
width: 7px; |
|||
height: 7px; |
|||
background: #ddd; |
|||
border-radius: 3px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.line { |
|||
margin: 20px auto; |
|||
width: 900px; |
|||
height: 1px; |
|||
border: 1px dashed #ddd; |
|||
} |
|||
|
|||
.tabs { |
|||
margin-top: 30px; |
|||
display: flex; |
|||
align-items: center; |
|||
padding-left: 20px; |
|||
|
|||
.tab-btn { |
|||
margin: 0 5px; |
|||
width: 30px; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
padding: 10px 0; |
|||
border-radius: 3px; |
|||
background-color: rgba(#000, 0.3); |
|||
} |
|||
|
|||
.tab { |
|||
@include toe; |
|||
margin: 0 5px; |
|||
min-width: 80px; |
|||
padding: 0 8px; |
|||
height: 36px; |
|||
background: #fff; |
|||
border: 1px solid #eee; |
|||
box-shadow: 0 0 10px 0 inset #ddd; |
|||
border-radius: 2px; |
|||
text-align: center; |
|||
font-size: 17px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333; |
|||
line-height: 36px; |
|||
cursor: pointer; |
|||
transition: all ease 0.1s; |
|||
&.z-on { |
|||
background: linear-gradient(90deg, #1a5afd, #009cff); |
|||
box-shadow: none; |
|||
color: #ffffff; |
|||
border: 1px solid #1a5afd; |
|||
} |
|||
} |
|||
} |
|||
@ -1,577 +0,0 @@ |
|||
<template> |
|||
<el-dialog :visible.sync="dialogVisible" width="1370px" :before-close="handleCancle"> |
|||
<span slot="title"> |
|||
<span v-if="pageType == 'add'">新增</span> |
|||
<span v-if="pageType == 'edit'">修改</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"><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'"> |
|||
<el-row> |
|||
<template v-for="(fieldSubList, index) in fieldList"> |
|||
<!-- :key="'fieldSubList' + index" --> |
|||
<el-col :span="12"> |
|||
<div v-if="index == 0"> |
|||
<el-form-item label="所属网格">{{ gridName }}</el-form-item> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div v-if="index == 0"> |
|||
<el-form-item label="所属小区">{{ xiaoquName }}</el-form-item> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div v-if="index == 0"> |
|||
<el-form-item label="所属楼栋">{{ louName }}-{{ danyuanName }}</el-form-item> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div v-if="index == 0"> |
|||
<el-form-item label="所属家庭">{{ homeName }}</el-form-item> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div :key="field.itemId" v-for="field in fieldSubList"> |
|||
<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'"> |
|||
{{ info[field.columnName] == null ? '--' : getOptionLabel(field.options, info[field.columnName], field.itemType) }} |
|||
</span> |
|||
<span v-else>{{ info[field.columnName] == null ? '--' : info[field.columnName] }}</span> |
|||
</el-form-item> |
|||
</div> |
|||
</el-col> |
|||
</template> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="tabs"> |
|||
<div class="tab-btn" @click="subStartGroupIndex" v-if="groupList.length > 9"><img src="@/assets/img/shuju/people/arrow-double-left.png" /></div> |
|||
<div |
|||
v-show="index >= startGroupIndex && index < startGroupIndex + 9" |
|||
class="tab" |
|||
:class="groupIndex % groupList.length == index ? 'z-on' : ''" |
|||
:key="'tab' + index" |
|||
@click="groupIndex = index" |
|||
v-for="(item, index) in groupList" |
|||
> |
|||
{{ item.label }} |
|||
</div> |
|||
<div class="tab-btn" @click="addStartGroupIndex" v-if="groupList.length > 9"><img src="@/assets/img/shuju/people/arrow-double-right.png" /></div> |
|||
</div> |
|||
|
|||
<div :key="'group' + index" v-show="groupIndex % groupList.length == index" v-for="(group, index) in groupList"> |
|||
<div v-if="group.tableName == 'ic_resi_demand' && Array.isArray(allInfo.ic_resi_demand) && allInfo.ic_resi_demand.length > 0"> |
|||
<div class="list" :key="'ic_resi_demand' + infoIndex" v-for="(infoItem, infoIndex) in allInfo.ic_resi_demand"> |
|||
<div class="item" :key="field.itemId" v-for="field in group.itemList"> |
|||
<span class="item-field">{{ field.label }}：</span> |
|||
<span v-if="field.itemType == 'select' || field.itemType == 'radio' || field.itemType == 'checkbox' || field.itemType == 'cascader'"> |
|||
{{ infoItem[field.columnName] == null ? '--' : getOptionLabel(field.options, infoItem[field.columnName], field.itemType) }} |
|||
</span> |
|||
|
|||
<span v-else>{{ infoItem[field.columnName] == null ? '--' : infoItem[field.columnName] }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div v-else-if="group.tableName == 'ic_hs'" style="margin-top: 10px; padding: 0 20px"> |
|||
<el-table class="table" :data="natList" border height="400" :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" style="width: 100%"> |
|||
<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column> |
|||
|
|||
<el-table-column prop="testTime" header-align="center" align="center" label="检测时间" width="150"></el-table-column> |
|||
<el-table-column prop="address" header-align="center" align="center" label="检测机构" show-overflow-tooltip min-width="180"></el-table-column> |
|||
<el-table-column prop="result" header-align="center" align="center" label="检测结果" width="240"></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div v-else-if="group.tableName == 'ic_xc'" style="margin-top: 10px; padding: 0 20px"> |
|||
<el-table class="table" :data="tripList" border height="400" :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" style="width: 100%"> |
|||
<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column> |
|||
|
|||
<el-table-column prop="fromRegion" header-align="center" align="center" label="来自地区" show-overflow-tooltip min-width="100"></el-table-column> |
|||
<el-table-column prop="arrivalTime" header-align="center" align="center" label="来到本地时间" width="140"></el-table-column> |
|||
<el-table-column prop="leaveTime" header-align="center" align="center" label="离开本地时间" width="140"></el-table-column> |
|||
<el-table-column prop="noticeTime" header-align="center" align="center" label="最近一次通知时间" width="140"></el-table-column> |
|||
<el-table-column prop="remark" header-align="center" align="center" label="备注" show-overflow-tooltip width="120"></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div v-else-if="group.tableName == 'ic_ym'" style="margin-top: 10px; padding: 0 20px"> |
|||
<el-table |
|||
v-if="vaccineList" |
|||
class="table" |
|||
:data="vaccineList" |
|||
border |
|||
height="400" |
|||
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|||
style="width: 100%" |
|||
> |
|||
<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column> |
|||
|
|||
<el-table-column prop="vaccinateTime" header-align="center" align="center" label="接种时间" show-overflow-tooltip min-width="100"></el-table-column> |
|||
<el-table-column prop="address" header-align="center" align="center" label="接种地点"></el-table-column> |
|||
<el-table-column prop="manufactor" header-align="center" align="center" label="疫苗厂家"></el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="list" v-else> |
|||
<div class="item" :class="{ 'z-long': group.itemList.length == 1 }" :key="field.itemId" v-for="field in group.itemList"> |
|||
<span class="item-field">{{ field.label }}：</span> |
|||
<span v-if="field.itemType == 'select' || field.itemType == 'radio' || field.itemType == 'checkbox' || field.itemType == 'cascader'"> |
|||
{{ |
|||
!allInfo[group.tableName] || allInfo[group.tableName][0][field.columnName] == null |
|||
? '--' |
|||
: getOptionLabel(field.options, allInfo[group.tableName][0][field.columnName], field.itemType) |
|||
}} |
|||
</span> |
|||
|
|||
<span v-else> |
|||
{{ !allInfo[group.tableName] || allInfo[group.tableName][0][field.columnName] == null ? '--' : allInfo[group.tableName][0][field.columnName] }} |
|||
</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="handleCancle">关 闭</el-button> |
|||
<!-- <el-button type="primary" @click="handleComfirm">确 定</el-button> --> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import cptCard from '@/views/modules/visual/cpts/card'; |
|||
import { requestPost } from '@/js/dai/request'; |
|||
|
|||
export default { |
|||
name: 'peopleMore', |
|||
props: { |
|||
dialogVisible: { |
|||
type: Boolean, |
|||
default: '' |
|||
}, |
|||
pageType: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
userId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
gridName: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
|
|||
components: { |
|||
cptCard |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
view_real_data: false, |
|||
formData: {}, |
|||
customerId: '', |
|||
isXiaozhaizi: false, |
|||
|
|||
fieldList: [], |
|||
groupList: [], |
|||
groupIndex: 0, |
|||
startGroupIndex: 0, |
|||
info: {}, |
|||
allInfo: {}, |
|||
|
|||
xiaoquList: [], |
|||
louList: [], |
|||
danyuanList: [], |
|||
homeList: [], |
|||
natList: [], // 核酸检测 |
|||
tripList: [], // 行程信息 |
|||
|
|||
vaccineList: [] |
|||
}; |
|||
}, |
|||
|
|||
computed: { |
|||
isShundeju() { |
|||
return this.$store.state.user.customerId == '1550309684576591874'; |
|||
}, |
|||
|
|||
xiaoquName() { |
|||
const { |
|||
xiaoquList, |
|||
info: { VILLAGE_ID } |
|||
} = this; |
|||
if (Array.isArray(xiaoquList) && xiaoquList.length > 0 && VILLAGE_ID) { |
|||
let item = xiaoquList.find(item => item.value == VILLAGE_ID); |
|||
if (item) { |
|||
return item.label; |
|||
} |
|||
} |
|||
return ''; |
|||
}, |
|||
louName() { |
|||
const { |
|||
louList, |
|||
info: { BUILD_ID } |
|||
} = this; |
|||
if (Array.isArray(louList) && louList.length > 0 && BUILD_ID) { |
|||
let item = louList.find(item => item.value == BUILD_ID); |
|||
if (item) { |
|||
return item.label; |
|||
} |
|||
} |
|||
return ''; |
|||
}, |
|||
danyuanName() { |
|||
const { |
|||
danyuanList, |
|||
info: { UNIT_ID } |
|||
} = this; |
|||
if (Array.isArray(danyuanList) && danyuanList.length > 0 && UNIT_ID) { |
|||
let item = danyuanList.find(item => item.value == UNIT_ID); |
|||
if (item) { |
|||
return item.label; |
|||
} |
|||
} |
|||
return ''; |
|||
}, |
|||
danyuanName() { |
|||
const { |
|||
danyuanList, |
|||
info: { UNIT_ID } |
|||
} = this; |
|||
if (Array.isArray(danyuanList) && danyuanList.length > 0 && UNIT_ID) { |
|||
let item = danyuanList.find(item => item.value == UNIT_ID); |
|||
if (item) { |
|||
return item.label; |
|||
} |
|||
} |
|||
return ''; |
|||
}, |
|||
homeName() { |
|||
const { |
|||
homeList, |
|||
info: { HOME_ID } |
|||
} = this; |
|||
if (Array.isArray(homeList) && homeList.length > 0 && HOME_ID) { |
|||
let item = homeList.find(item => item.value == HOME_ID); |
|||
if (item) { |
|||
return item.label; |
|||
} |
|||
} |
|||
return ''; |
|||
} |
|||
}, |
|||
|
|||
watch: { |
|||
userId() { |
|||
this.getApiData(); |
|||
} |
|||
}, |
|||
|
|||
mounted() { |
|||
//磐石街道：1580460084738760705 |
|||
//烟台客户id: 1535072605621841922 |
|||
//小寨子客户id: 1536638904600752130 |
|||
this.customerId = localStorage.getItem('customerId'); |
|||
|
|||
this.isXiaozhaizi = false; |
|||
|
|||
if (this.customerId === '1536638904600752130') { |
|||
this.isXiaozhaizi = true; |
|||
} |
|||
this.getApiData(); |
|||
}, |
|||
|
|||
methods: { |
|||
async handleTuomin() { |
|||
const url = '/data/aggregator/epmetuser/detailByType'; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
id: this.userId, |
|||
type: 'checkIcResiUser' |
|||
}); |
|||
console.log(data) |
|||
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; |
|||
if (startGroupIndex < groupList.length - 9) { |
|||
this.startGroupIndex = startGroupIndex + 1; |
|||
} else { |
|||
this.startGroupIndex = groupList.length - 9; |
|||
} |
|||
}, |
|||
subStartGroupIndex() { |
|||
const { startGroupIndex, groupList } = this; |
|||
if (startGroupIndex > 0) { |
|||
this.startGroupIndex = startGroupIndex - 1; |
|||
} else { |
|||
this.startGroupIndex = 0; |
|||
} |
|||
}, |
|||
handleCancle() { |
|||
// this.resetData(); |
|||
this.$emit('handleClose'); |
|||
}, |
|||
|
|||
async getApiData() { |
|||
await this.getField(); |
|||
await this.getInfo(); |
|||
this.getDetailList(); |
|||
this.getXiaoquList(); |
|||
this.getLouList(); |
|||
this.getDanyuanList(); |
|||
this.getHomeList(); |
|||
}, |
|||
|
|||
getOptionLabel(options, value, type = '') { |
|||
if (Array.isArray(options)) { |
|||
let valueArr = value.split(','); |
|||
if (type == 'cascader') { |
|||
let finalValue = []; |
|||
this.getNodePath(options, value, finalValue); |
|||
return finalValue.join('-'); |
|||
} else { |
|||
return valueArr |
|||
.map(val => { |
|||
let item = options.find(item => item.value == val); |
|||
if (item && item.label) { |
|||
return item.label; |
|||
} |
|||
return '--'; |
|||
}) |
|||
.join('、'); |
|||
} |
|||
} |
|||
return '--'; |
|||
}, |
|||
|
|||
getNodePath(node, val, path) { |
|||
// node:所有数据，val:后台返回的id, path:要渲染的数组id |
|||
for (let i = 0; i < node.length; i++) { |
|||
const ele = node[i]; |
|||
if (ele.value === val) { |
|||
path.push(ele.label); |
|||
return path; |
|||
} else if (ele.children && ele.children.length > 0) { |
|||
if (ele.children.some(row => row.value === val)) { |
|||
path.unshift(ele.label); |
|||
this.getNodePath(ele.children, val, path); |
|||
} else { |
|||
this.getNodePath(ele.children, val, path); |
|||
} |
|||
} |
|||
} |
|||
return path; |
|||
}, |
|||
|
|||
//加载组织数据 |
|||
async getField() { |
|||
const url = '/oper/customize/icform/getcustomerform'; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
dynamic: true, |
|||
formCode: 'resi_base_info' |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.groupList = data.groupList; |
|||
this.fieldList = (function(arr) { |
|||
let col = []; |
|||
let ele = []; |
|||
for (let i = 0; i < arr.length; i++) { |
|||
let item = arr[i]; |
|||
if (item.itemType == 'divider' || i == arr.length - 1) { |
|||
col.push([...ele]); |
|||
ele = []; |
|||
} else { |
|||
ele.push(item); |
|||
} |
|||
} |
|||
return col; |
|||
})(data.itemList); |
|||
|
|||
this.fieldList.forEach((subList, index) => { |
|||
subList.forEach(async (item, subIndex) => { |
|||
if (item.optionSourceType == 'remote' && item.optionSourceValue) { |
|||
this.fieldList[index][subIndex].options = await this.getOptions(item.optionSourceValue); |
|||
} |
|||
}); |
|||
}); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
//加载组织数据 |
|||
async getInfo() { |
|||
const url = '/epmetuser/icresiuser/detail'; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
icResiUserId: this.userId, |
|||
formCode: 'resi_base_info' |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.info = data.ic_resi_user[0]; |
|||
this.allInfo = data; |
|||
|
|||
this.fieldList.forEach((subList, index) => { |
|||
subList.forEach((item, subIndex) => { |
|||
if (item.itemType == 'radio' && item.childGroup && this.allInfo[item.tableName] && this.allInfo[item.tableName][0][item.columnName] == '1') { |
|||
this.groupList = [...this.groupList, item.childGroup]; |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
await Promise.all( |
|||
this.groupList.map((subList, index) => { |
|||
return Promise.all( |
|||
subList.itemList.map(async (item, subIndex) => { |
|||
if (item.optionSourceType == 'remote' && item.optionSourceValue) { |
|||
this.groupList[index].itemList[subIndex].options = await this.getOptions(item.optionSourceValue); |
|||
} |
|||
}) |
|||
); |
|||
}) |
|||
); |
|||
console.log('44444444', this.groupList); |
|||
let arr = [ |
|||
{ |
|||
groupId: 'hs123', |
|||
itemList: [], |
|||
label: '核酸检测信息', |
|||
sort: 998, |
|||
supportAdd: false, |
|||
tableName: 'ic_hs' |
|||
} |
|||
]; |
|||
|
|||
if (!this.isShundeju && !this.isXiaozhaizi) { |
|||
arr = [ |
|||
...arr, |
|||
{ |
|||
groupId: 'hs124', |
|||
itemList: [], |
|||
label: '行程信息', |
|||
sort: 999, |
|||
supportAdd: false, |
|||
tableName: 'ic_xc' |
|||
}, |
|||
{ |
|||
groupId: 'hs125', |
|||
itemList: [], |
|||
label: '疫苗信息', |
|||
sort: 999, |
|||
supportAdd: false, |
|||
tableName: 'ic_ym' |
|||
} |
|||
]; |
|||
this.groupList = [...this.groupList, ...arr]; |
|||
} else { |
|||
this.groupList = [...arr, ...this.groupList]; |
|||
} |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
//加载组织数据 |
|||
async getOptions(url) { |
|||
if (!url) return []; |
|||
|
|||
const { data, code, msg } = await requestPost(url, {}); |
|||
|
|||
if (code === 0) { |
|||
return data; |
|||
} else { |
|||
return []; |
|||
} |
|||
}, |
|||
|
|||
async getXiaoquList() { |
|||
const url = '/gov/org/icneighborhood/neighborhoodoption'; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
agencyId: this.info.AGENCY_ID, |
|||
gridId: this.info.GRID_ID |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.xiaoquList = data; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
async getLouList() { |
|||
const url = '/gov/org/icbuilding/buildingoption'; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
neighborHoodId: this.info.VILLAGE_ID |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.louList = data; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
async getDanyuanList() { |
|||
const url = '/gov/org/icbuildingunit/unitoption'; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
buildingId: this.info.BUILD_ID |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.danyuanList = data; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
async getHomeList() { |
|||
const url = '/gov/org/ichouse/houseoption'; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
unitId: this.info.UNIT_ID |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.homeList = data; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
async getDetailList() { |
|||
const url = '/epmetuser/epidemicPrevention/info'; |
|||
let params = { |
|||
id: this.userId |
|||
}; |
|||
|
|||
const { data, code, msg } = await requestPost(url, params); |
|||
|
|||
if (code === 0) { |
|||
const { vaccineList, natList, tripList } = data; |
|||
this.vaccineList = vaccineList; |
|||
this.natList = natList; |
|||
this.tripList = tripList; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" src="@/assets/scss/people-info.scss" scoped></style> |
|||
<style lang="scss" scoped> |
|||
@import '@/assets/scss/modules/management/form-main.scss'; |
|||
@import '@/assets/scss/modules/management/form.scss'; |
|||
// @import '@/assets/scss/modules/visual/a_customize.scss'; |
|||
</style> |
|||
Loading…
Reference in new issue