bug
This commit is contained in:
花有清香月有阴
@@ -62,7 +62,7 @@ export default {
|
|||||||
|
|
||||||
},
|
},
|
||||||
toUser() {
|
toUser() {
|
||||||
uni.navigateTo({url: './UserInfo'})
|
uni.navigateTo({url: './ErrorDetail'})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,61 +1,43 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="ErrorDetail">
|
<div class="ErrorDetail">
|
||||||
<div class="top">
|
<div class="header">
|
||||||
<div class="items">
|
<div class="name">李维民<span>15220171897</span><img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone('112')" class="phone-icon" ></div>
|
||||||
<div class="names">李维民</div>
|
<p>身份证号：</p>
|
||||||
<div class="callPhones" @click="callPhone">
|
<p class="mar-b8" style="color:#333;">4223241900****0014</p>
|
||||||
<div class="phones">15220171897</div>
|
<p>异常情况：</p>
|
||||||
<img src="./components/img/phone2@.png" alt="" />
|
<p style="color:#FF4466;">体温38℃有咳嗽 , 未去高风险区域</p>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<div class="title">异常情况记录</div>
|
||||||
|
<div class="error-list">
|
||||||
|
<div class="item">
|
||||||
|
<p>于2022年1月7日早上10:00自测体温38℃，家人也有咳嗽情况，初步诊断为上呼吸道感染</p>
|
||||||
|
<div>2021-12-06 13:23<span>网格员: 李依云</span></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="item">
|
||||||
|
<p>于2022年1月7日早上10:00自测体温38℃，家人也有咳嗽情况，初步诊断为上呼吸道感染</p>
|
||||||
<div class="card">
|
<div>2021-12-06 13:23<span>网格员: 李依云</span></div>
|
||||||
<div class="typeName">身份证号：</div>
|
</div>
|
||||||
<div class="idCard">4223241900****0014</div>
|
<div class="item">
|
||||||
<div class="typeName1">异常情况：</div>
|
<p>于2022年1月7日早上10:00自测体温38℃，家人也有咳嗽情况，初步诊断为上呼吸道感染</p>
|
||||||
|
<div>2021-12-06 13:23<span>网格员: 李依云</span></div>
|
||||||
<div class="det">
|
|
||||||
<div class="detail">2020-01-13：体温38℃有咳嗽 , 未去高风险区域</div>
|
|
||||||
<div class="detail">2020-01-13：诊断为流感，自测38.5℃伴随咳嗽</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="bg-line"></div>
|
||||||
<div class="middle" :class="data.length ? '' : 'middle1'">
|
<div class="footer">
|
||||||
<div class="record">异常情况记录</div>
|
<div class="add" @click="show=true">新增记录</div>
|
||||||
|
<div class="confirm">解除异常</div>
|
||||||
<template class="templates" v-if="data.length">
|
|
||||||
<div class="templatess" v-for="(item, index) in 13" :key="index">
|
|
||||||
<div class="cont">于2022年1月7日早上10:00自测体温38℃，家人也有咳嗽情况，初步诊断为上呼吸道感染</div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="time">2021-12-06 13:23</div>
|
|
||||||
<div class="gard">
|
|
||||||
<span>网格员:</span>
|
|
||||||
<span class="gardName">李依云</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
|
|
||||||
</div>
|
</div>
|
||||||
|
<u-popup v-model="show" mode="bottom">
|
||||||
<div class="fixed">
|
<div class="textarea">
|
||||||
<div class="addRecord" @click="addShow = true">新增记录</div>
|
<u-input v-model="value" type="textarea" :height="120" :auto-height="true" placeholder="异常情况记录" :clearable="false" />
|
||||||
<div class="relieveErr" @click="relieveError">解除异常</div>
|
<p>字数0/1000</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="btn">
|
||||||
<u-popup v-model="addShow" height="auto" mode="bottom" @close="close">
|
<span>清空内容</span>
|
||||||
<scroll-view scroll-y="true" style="height: 180px" class="comments-wrapper">
|
<span class="confirm">保存</span>
|
||||||
<u-input v-model="content" placeholder="异常情况记录" type="textarea" auto-height height="150" :clearable="false" maxlength="1000"> </u-input>
|
</div>
|
||||||
<div class="words">字数{{ content.length }}/1000</div>
|
|
||||||
|
|
||||||
<div class="bottombtn">
|
|
||||||
<div class="emptys" @click="content = ''">清空内容</div>
|
|
||||||
|
|
||||||
<div class="publishs" @click="save">保存</div>
|
|
||||||
</div>
|
|
||||||
</scroll-view>
|
|
||||||
</u-popup>
|
</u-popup>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -64,252 +46,160 @@
|
|||||||
import { mapState } from 'vuex'
|
import { mapState } from 'vuex'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ErrorDetail',
|
|
||||||
components: {},
|
components: {},
|
||||||
props: {},
|
props: {},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
data: [],
|
show: false,
|
||||||
addShow: false,
|
value: ''
|
||||||
content: '',
|
|
||||||
flag: false,
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
methods: {},
|
||||||
...mapState(['user']),
|
|
||||||
},
|
|
||||||
watch: {},
|
|
||||||
onLoad() {},
|
|
||||||
onShow() {},
|
|
||||||
methods: {
|
|
||||||
save() {
|
|
||||||
if (this.flag) return
|
|
||||||
if (!this.content) {
|
|
||||||
return this.$u.toast('请输入异常情况记录')
|
|
||||||
}
|
|
||||||
|
|
||||||
this.$http
|
|
||||||
.post(`/app/appvillagediscussmessage/addOrUpdate`, {
|
|
||||||
// content: this.content,
|
|
||||||
// avatar: this.user.avatar,
|
|
||||||
// createUserId: this.user.id,
|
|
||||||
// createUserName: this.user.name,
|
|
||||||
// discussId: this.id,
|
|
||||||
})
|
|
||||||
.then((res) => {
|
|
||||||
if (res?.code == 0) {
|
|
||||||
this.$u.toast('新增记录成功')
|
|
||||||
this.flag = false
|
|
||||||
this.content = ''
|
|
||||||
this.addShow = false
|
|
||||||
// this.getDetail()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
relieveError() {},
|
|
||||||
|
|
||||||
close() {
|
|
||||||
this.content = ''
|
|
||||||
},
|
|
||||||
|
|
||||||
toAddRecord() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `./AddRecord`,
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
relieveError() {},
|
|
||||||
|
|
||||||
callPhone(phone) {
|
|
||||||
uni.makePhoneCall({ phoneNumber: phone })
|
|
||||||
},
|
|
||||||
|
|
||||||
previewImage(images, img) {
|
|
||||||
uni.previewImage({
|
|
||||||
urls: images.map((v) => v.url),
|
|
||||||
current: img,
|
|
||||||
})
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.ErrorDetail {
|
.ErrorDetail {
|
||||||
background: #f3f6f9;
|
height: 100%;
|
||||||
padding-bottom: 142px;
|
.header{
|
||||||
|
padding: 32px 48px;
|
||||||
.top {
|
box-sizing: border-box;
|
||||||
padding: 32px 52px 40px 48px;
|
background-color: #fff;
|
||||||
background: #fff;
|
margin-bottom: 24px;
|
||||||
.items {
|
.name{
|
||||||
display: flex;
|
font-size: 36px;
|
||||||
align-items: center;
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
.names {
|
font-weight: 500;
|
||||||
font-size: 36px;
|
color: #333;
|
||||||
|
line-height: 50px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
span{
|
||||||
|
font-size: 32px;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #333333;
|
color: #4181FF;
|
||||||
|
line-height: 44px;
|
||||||
|
margin: 0 20px 0 32px;
|
||||||
}
|
}
|
||||||
.callPhones {
|
img{
|
||||||
display: flex;
|
width: 32px;
|
||||||
align-items: center;
|
height: 32px;
|
||||||
.phones {
|
vertical-align: middle;
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #4181ff;
|
|
||||||
margin-left: 60px;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
p{
|
||||||
.card {
|
font-size: 30px;
|
||||||
margin-top: 16px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
.typeName {
|
color: #999;
|
||||||
font-size: 30px;
|
line-height: 42px;
|
||||||
color: #999999;
|
color: #999;
|
||||||
}
|
|
||||||
.idCard {
|
|
||||||
font-size: 30px;
|
|
||||||
color: #333333;
|
|
||||||
height: 42px;
|
|
||||||
line-height: 42px;
|
|
||||||
}
|
|
||||||
.typeName1 {
|
|
||||||
margin-top: 8px;
|
|
||||||
font-size: 30px;
|
|
||||||
color: #999999;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.mar-b8{
|
||||||
.det {
|
margin-bottom: 8px;
|
||||||
.detail {
|
|
||||||
font-size: 30px;
|
|
||||||
color: #333333;
|
|
||||||
height: 42px;
|
|
||||||
line-height: 42px;
|
|
||||||
}
|
|
||||||
.detail:last-child {
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.info{
|
||||||
.middle {
|
padding: 0 32px 32px;
|
||||||
margin-top: 24px;
|
background-color: #fff;
|
||||||
padding-bottom: 48px;
|
.title{
|
||||||
background: #fff;
|
font-size: 38px;
|
||||||
.record {
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
padding: 32px 32px;
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 116px;
|
||||||
}
|
}
|
||||||
|
.error-list{
|
||||||
.templatess {
|
.item{
|
||||||
padding: 24px 24px 18px 24px;
|
width: 100%;
|
||||||
background: #f4f7fe;
|
background: #F4F7FE;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin: 0 32px 16px 32px;
|
padding: 24px 24px 18px 24px;
|
||||||
.cont {
|
box-sizing: border-box;
|
||||||
}
|
margin-bottom: 16px;
|
||||||
.bottom {
|
p{
|
||||||
display: flex;
|
font-size: 28px;
|
||||||
margin-top: 12px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
.time {
|
color: #343D65;
|
||||||
font-size: 24px;
|
line-height: 40px;
|
||||||
color: #666666;
|
word-break: break-all;
|
||||||
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
.gard {
|
div{
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
color: #666666;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
margin-left: 32px;
|
color: #666;
|
||||||
.gardName {
|
line-height: 34px;
|
||||||
display: inline;
|
span{
|
||||||
margin-left: 12px;
|
display: inline-block;
|
||||||
|
margin-left: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.emptyWrap {
|
|
||||||
background: #f3f6f9;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.footer{
|
||||||
.middle1 {
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fixed {
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
height: 112px;
|
||||||
|
line-height: 112px;
|
||||||
|
background: #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
text-align: center;
|
font-size: 36px;
|
||||||
.addRecord {
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
width: 40%;
|
.add{
|
||||||
padding: 32px 0;
|
flex: 1;
|
||||||
font-size: 36px;
|
color: #333;
|
||||||
color: #333333;
|
|
||||||
background: #fff;
|
|
||||||
}
|
}
|
||||||
.relieveErr {
|
.confirm{
|
||||||
width: 60%;
|
flex: 2;
|
||||||
padding: 32px 0;
|
color: #fff;
|
||||||
background: #1365dd;
|
background: #1365DD;
|
||||||
font-size: 36px;
|
}
|
||||||
font-weight: 500;
|
div{
|
||||||
color: #ffffff;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.bg-line{
|
||||||
.comments-wrapper {
|
width: 100%;
|
||||||
padding: 20px 0;
|
height: 130px;
|
||||||
.u-input {
|
}
|
||||||
background: #f7f7f7;
|
.textarea{
|
||||||
border-radius: 8px 8px 0 0;
|
margin: 32px 32px 24px;
|
||||||
padding: 10px !important;
|
width: calc(100% - 64px);
|
||||||
margin: 0 30px 0 30px;
|
padding: 16px;
|
||||||
.uni-textarea-placeholder {
|
box-sizing: border-box;
|
||||||
padding: 16px 0 0 16px;
|
background: #F7F7F7;
|
||||||
}
|
border-radius: 8px;
|
||||||
.uni-textarea-textarea {
|
p{
|
||||||
padding: 16px 0 0 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.words {
|
|
||||||
background: #f7f7f7;
|
|
||||||
border-radius: 0 0 8px 8px;
|
|
||||||
margin: 0 30px;
|
|
||||||
padding: 10px;
|
|
||||||
text-align: right;
|
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
color: #999999;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
color: #999;
|
||||||
|
line-height: 36px;
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
.bottombtn {
|
}
|
||||||
display: flex;
|
.btn{
|
||||||
justify-content: space-between;
|
padding: 0 32px 24px;
|
||||||
align-items: center;
|
height: 64px;
|
||||||
margin: 0 30px;
|
display: flex;
|
||||||
padding: 20px 0 0;
|
justify-content: space-between;
|
||||||
.emptys {
|
span{
|
||||||
font-size: 26px;
|
display: inline-block;
|
||||||
color: #666666;
|
line-height: 64px;
|
||||||
}
|
font-size: 26px;
|
||||||
.publishs {
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
width: 144px;
|
color: #666;
|
||||||
height: 64px;
|
}
|
||||||
line-height: 64px;
|
.confirm{
|
||||||
text-align: center;
|
width: 144px;
|
||||||
background: #1365dd;
|
text-align: center;
|
||||||
border-radius: 32px;
|
background: #1365DD;
|
||||||
color: #fff;
|
border-radius: 32px;
|
||||||
}
|
font-size: 28px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
color: #FFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -81,24 +81,7 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {}
|
return {}
|
||||||
},
|
},
|
||||||
computed: {
|
methods: {},
|
||||||
...mapState(['user']),
|
|
||||||
},
|
|
||||||
watch: {},
|
|
||||||
onLoad() {},
|
|
||||||
onShow() {},
|
|
||||||
methods: {
|
|
||||||
callPhone(phone) {
|
|
||||||
uni.makePhoneCall({ phoneNumber: phone })
|
|
||||||
},
|
|
||||||
|
|
||||||
previewImage(images, img) {
|
|
||||||
uni.previewImage({
|
|
||||||
urls: images.map((v) => v.url),
|
|
||||||
current: img,
|
|
||||||
})
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user