kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

详情 处理结果

Browse Source
This commit is contained in:
shijingjing
2022-03-24 14:32:23 +08:00
parent 326471815a
commit 41db227afa
2 changed files with 306 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

233
src/apps/AppWarningMonitoring/detail.vue
View File

@@ -1,8 +1,128 @@
<template>
<div class="detail">
<!-- 待走访 -->
<div class="userInfo">
<div class="user-phone"></div>
<div class="user-phone">
<div class="user">
<img src="./img/phone.png" alt="">
<span>李白</span>
<span>待走访</span>
</div>
<div class="phone">
<img src="./img/user.png" alt="">
<span>拨打电话</span>
</div>
</div>
<div class="line"></div>
<div class="user-info">
<div class="item-info">
<label>风险类型:</label>
<span>大额医疗支出</span>
</div>
<div class="item-info">
<label>联系电话:</label>
<span>13782909781</span>
</div>
<div class="item-info">
<label>身份证号:</label>
<span>420623623623241543</span>
</div>
<div class="item-info">
<label>所属区划:</label>
<span>辽宁省朝阳市建平县黑水镇黑水村</span>
</div>
<div class="item-info">
<label>联系地址:</label>
<span>黑水村卫生院401号</span>
</div>
<div class="item-info">
<label>备注说明:</label>
<span>本月医疗支出2.3万元</span>
</div>
<div class="item-info">
<label>操作人:</label>
<span>李维民</span>
</div>
<div class="item-info">
<label>归口部门:</label>
<span>医保局</span>
</div>
<div class="item-info">
<label>操作时间:</label>
<span>2022-3-22 10:32:16</span>
</div>
</div>
</div>
<!-- 待审核 -->
<div class="to-check">
<div class="title">
<span>走访核实</span>
<span>疑似风险</span>
</div>
<div class="check-info">
<div class="item-info">
<label>业务员:</label>
<span>林珊</span>
</div>
<div class="item-info">
<label>处理时间:</label>
<span>2021-10-10 10:10:10</span>
</div>
<div class="item-info">
<label>联系方式:</label>
<span>17964042574</span>
</div>
<div class="item-info">
<label>备注说明:</label>
<span>经现场了解，该人员家庭有多出房产，无返贫风险倾向。</span>
</div>
<div class="item-info">
<label>图片:</label>
<div>
<img src="./img/phone.png" alt="">
</div>
</div>
</div>
</div>
<!-- 处理结果 -->
<div class="processingResults">
<div class="title">
<span>处理结果</span>
<span>解除风险</span>
</div>
<div class="check-info">
<div class="item-info">
<label>审核人:</label>
<span>李怡</span>
</div>
<div class="item-info">
<label>操作时间:</label>
<span>2021-10-10 10:10:10</span>
</div>
<div class="item-info">
<label>联系方式:</label>
<span>17964042574</span>
</div>
<div class="item-info">
<label>备注说明:</label>
<span>经现场了解，该人员家庭有多出房产，无返贫风险倾向。</span>
</div>
<div class="item-info">
<label>图片:</label>
<div>
<img src="./img/phone.png" alt="">
</div>
</div>
</div>
</div>
<div style="height: 56px"></div>
<div class="btn" @click="toResult">处理结果</div>
</div>
</template>
@@ -13,8 +133,10 @@ export default {
}
},
methods() {
methods: {
toResult() {
uni.navigateTo({url: './result'})
}
},
onShow() {
document.title = "风险预警"
@@ -26,9 +148,112 @@ export default {
.detail {
.userInfo {
.user-phone {
display: flex;
justify-content: space-between;
background: #FFF;
height: 136px;
line-height: 136px;
box-sizing: border-box;
padding: 0 32px;
.user {
display: flex;
img {
width: 80px;
height: 80px;
align-self: center;
}
span {
align-self: center;
}
span:nth-child(2) {
padding-left: 16px;
color: #333333;
font-size: 36px;
font-weight: 500;
}
span:last-child {
padding-left: 48px;
color: #FFBB00;
}
}
.phone {
width: 120px;
height: 100%;
img {
display: block;
width: 40px;
height: 40px;
margin-left: 40px;
margin-top: 30px;
}
span {
display: block;
color: #3D94FB;
}
}
}
.line {
width: 100%;
height: 4px;
background: 1px solid #DDDDDD;
}
}
.to-check,
.processingResults {
margin-top: 10px;
background: #FFF;
font-size: 30px;
.title {
height: 96px;
line-height: 96px;
border-bottom: 1px solid #DDDDDD;
display: flex;
justify-content: space-between;
padding: 0 32px;
box-sizing: border-box;
span:first-child {
font-size: 32px;
font-weight: 500;
}
}
}
.userInfo .user-info,
.to-check .check-info,
.processingResults .check-info {
padding: 10px 0;
box-sizing: border-box;
background: #FFF;
font-size: 30px;
.item-info {
display: flex;
padding: 14px 32px;
label {
width: 160px;
color: #999999;
}
span {
width: calc(100% - 160px);
color: #343D65;
}
div {
width: calc(100% - 160px);
}
}
}
.btn {
height: 112px;
line-height: 112px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #3192F4;
color: #FFF;
z-index: 9;
}
}
</style>