老产品前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

165 lines
3.3 KiB

<template>
<div class="m-pop">
<div class="wrap wrap-width2">
<cpt-card>
<div class="title">
<img src="@/assets/img/shuju/title-tip.png" />
<span>详情</span>
</div>
<div class="btn-close"
@click="handleClose">
<img src="@/assets/img/shuju/people/close.png" />
</div>
<div class="m-top">
<div class="m-info">
<div class="info-prop">
<span>姓名</span>
<span>{{ eventInfo.name }}</span>
</div>
<div class="info-prop">
<span>手机号</span>
<span>{{ eventInfo.mobile }}</span>
</div>
<div class="info-prop">
<span>证件号</span>
<span>{{ eventInfo.idCard }}</span>
</div>
<div class="info-prop">
<span>关注原因</span>
<span>{{ eventInfo.reason || "--" }}</span>
</div>
<div class="info-prop">
<span>隔离状态</span>
<span>{{ eventInfo.isolatedState === '0' ? '集中隔离' : eventInfo.isolatedState === '1' ? '居家隔离' : eventInfo.isolatedState === '2' ? '国家健康监测' : '--', }}</span>
</div>
<div class="info-prop">
<span>备注</span>
<span>{{ eventInfo.remark || "--" }}</span>
</div>
</div>
</div>
</cpt-card>
</div>
</div>
</template>
<script>
import cptCard from "@/views/modules/visual/cpts/card";
import screenLoading from "@/views/modules/visual/cpts/loading";
import { requestPost } from "@/js/dai/request";
import foldText from "@/views/components/foldText";
import dateFormat from "dai-js/tools/dateFormat";
function iniData () {
return {
eventProcess: [],
eventInfo: {
gridId: "",
gridName: '',
createdTime: [],
eventContent: "",
imageUrls: [],
voiceUrls: [],
sourceType: '',
address: '',
reportUserId: "",
name: "",
mobile: "",
idCard: "",
},
};
}
export default {
name: "demandInfo",
props: {
detailId: {
type: String,
default: "",
},
},
components: {
cptCard,
screenLoading,
foldText,
},
data: iniData,
computed: {},
watch: {
detailId () {
let data = iniData();
Object.keys(data).forEach((k) => {
this[k] = data[k];
});
this.getApiData();
},
},
mounted () {
console.log(this.detailId);
this.getApiData();
},
methods: {
handleClose () {
this.$emit("close");
},
async getApiData () {
await this.getEventInfo();
},
//加载组织数据
async getEventInfo () {
const url = "/epmetuser/icEpidemicSpecialAttention/detail";
//const url = "http://yapi.elinkservice.cn/mock/245/api/gov/project/icEvent/processAnalysis/eventDetail/" + this.detailId;
const { data, code, msg } = await requestPost(url, {
id: this.detailId,
});
if (code === 0) {
this.eventInfo = data;
} else {
this.$message.error(msg);
}
},
},
};
</script>
<style
lang="scss"
src="@/assets/scss/modules/visual/incident-info.scss"
scoped
></style>