detail
This commit is contained in:
花有清香月有阴
@@ -6,53 +6,52 @@
|
||||
<div class="right">
|
||||
<div class="names">{{ data.name }}的上报</div>
|
||||
|
||||
<div class="times">2021-05-06 13:45</div>
|
||||
<div class="times">{{ data.createTime }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-middle">
|
||||
<div class="titles">世纪花园南区一号楼前面因没有排水渠道，多世纪花园南区一号楼前面因没有排水渠道，多世纪花园南区一号楼前面因没有排水渠道，多</div>
|
||||
<div class="titles">{{ data.content }}</div>
|
||||
|
||||
<span class="status status0">待处理</span>
|
||||
<span class="status status0" :class="data.eventStatus == 0 ? 'status0' : data.eventStatus == 1 ? 'status1' : data.eventStatus == 2 ? 'status2' : 'status3'" v-if="data.eventStatus"> {{ $dict.getLabel('clapEventStatus', data.eventStatus) }}</span>
|
||||
|
||||
<div class="card">
|
||||
<span class="card-left">事件类型</span>
|
||||
<span class="card-right">聚众闹事</span>
|
||||
<span class="card-right">{{ data.groupName }}</span>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<span class="card-left">所属网格</span>
|
||||
<span class="card-right">聚众闹事</span>
|
||||
<span class="card-right">{{ data.girdName }}</span>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<span class="card-left">联系方式</span>
|
||||
<span class="card-right">聚众闹事</span>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<span class="card-left">上报地址</span>
|
||||
<span class="card-right">
|
||||
<span>{{ data.corpId }}</span>
|
||||
<u-icon name="phone-fill" color="#3D94FB"></u-icon>
|
||||
<span> {{ data.phone }}</span>
|
||||
<u-icon name="phone-fill" color="#3D94FB" @click="callPhone(data.phone)"></u-icon>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<span class="card-left">上报地址</span>
|
||||
<span class="card-right">广东省中关村世纪花园北一组广东省中关村世纪花园北一组</span>
|
||||
<span class="card-right">
|
||||
<span>{{ data.address }}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<!-- 暂时先去掉 -->
|
||||
|
||||
<!-- <div class="card">
|
||||
<span class="card-left">上报来源</span>
|
||||
<span class="card-right">三角湖居民社群 李毅 小程序填报三角湖居民社群 李毅 小程序填报三角湖居民社群 李毅 小程序填报</span>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="card">
|
||||
<div class="cards">
|
||||
<span class="card-left">照片</span>
|
||||
</div>
|
||||
|
||||
<img src="./components/yan.jpg" alt="" v-for="(item, i) in 4" :key="i" />
|
||||
<img :src="item.url" alt="" v-for="(item, i) in data.files" :key="i" />
|
||||
</div>
|
||||
|
||||
<div class="header-bottom">
|
||||
@@ -61,100 +60,11 @@
|
||||
<div class="plan">
|
||||
<div class="nav">
|
||||
<span>办理进度</span>
|
||||
<span>(待受理)</span>
|
||||
<span> ({{ $dict.getLabel('clapEventStatus', data.eventStatus) }})</span>
|
||||
</div>
|
||||
|
||||
<div class="cards">
|
||||
<div class="cards" v-for="(item, index) in data.processList" :key="index">
|
||||
<div class="cardss">
|
||||
<!-- v-for="(item, index) in data.processNodes" :key="index" -->
|
||||
<div class="cardss-left">
|
||||
<span v-if="data.name">
|
||||
李伟民
|
||||
<!-- {{ data.name.split(',')[0].substring(data.name.split(',')[0].length - 2, data.name.split(',')[0].length) }} -->
|
||||
</span>
|
||||
|
||||
<img src="./components/1.png" class="avatarIcon" alt="" />
|
||||
</div>
|
||||
|
||||
<div class="cardss-right">
|
||||
<div class="cardsss-right-left">
|
||||
<div class="cardssss-right-left-top">
|
||||
<span>李维民</span>
|
||||
<span style="margin-left: 26px">
|
||||
111
|
||||
<!-- {{ item.status == 0 ? '驳回' : '通过' }} -->
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- <div class="cardssss-right-left-bottom" v-if="item.auditName.split(',').length > 3">
|
||||
<span v-for="(items, i) in item.auditName.split(',')" :key="i" v-if="i < 3" style="margin-left: 5px">
|
||||
<span> {{ items }} </span>
|
||||
</span>
|
||||
<span>...</span>
|
||||
</div>
|
||||
<div class="cardssss-right-left-bottom" v-else>{{ item.auditName }}</div> -->
|
||||
</div>
|
||||
|
||||
<div class="cardees-right-right" v-if="">2021-12-17</div>
|
||||
</div>
|
||||
|
||||
<div class="lines"></div>
|
||||
</div>
|
||||
|
||||
<div class="cardes-msg-top">1111</div>
|
||||
|
||||
<div class="imgs">
|
||||
<img src="./components/yan.jpg" alt="" v-for="(e, i) in 4" :key="i" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cards">
|
||||
<div class="cardss">
|
||||
<!-- v-for="(item, index) in data.processNodes" :key="index" -->
|
||||
<div class="cardss-left">
|
||||
<span v-if="data.name">
|
||||
李伟民
|
||||
<!-- {{ data.name.split(',')[0].substring(data.name.split(',')[0].length - 2, data.name.split(',')[0].length) }} -->
|
||||
</span>
|
||||
|
||||
<img src="./components/1.png" class="avatarIcon" alt="" />
|
||||
</div>
|
||||
|
||||
<div class="cardss-right">
|
||||
<div class="cardsss-right-left">
|
||||
<div class="cardssss-right-left-top">
|
||||
<span>李维民</span>
|
||||
<span style="margin-left: 26px">
|
||||
111
|
||||
<!-- {{ item.status == 0 ? '驳回' : '通过' }} -->
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- <div class="cardssss-right-left-bottom" v-if="item.auditName.split(',').length > 3">
|
||||
<span v-for="(items, i) in item.auditName.split(',')" :key="i" v-if="i < 3" style="margin-left: 5px">
|
||||
<span> {{ items }} </span>
|
||||
</span>
|
||||
<span>...</span>
|
||||
</div>
|
||||
<div class="cardssss-right-left-bottom" v-else>{{ item.auditName }}</div> -->
|
||||
</div>
|
||||
|
||||
<div class="cardees-right-right" v-if="">2021-12-17</div>
|
||||
</div>
|
||||
|
||||
<div class="lines"></div>
|
||||
</div>
|
||||
|
||||
<div class="cardes-msg-top">1111</div>
|
||||
|
||||
<div class="imgs">
|
||||
<img src="./components/yan.jpg" alt="" v-for="(e, i) in 4" :key="i" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cards">
|
||||
<div class="cardss">
|
||||
<!-- v-for="(item, index) in data.processNodes" :key="index" -->
|
||||
<div class="cardss-left">
|
||||
<span v-if="data.name">
|
||||
李伟民
|
||||
@@ -199,22 +109,27 @@
|
||||
</div>
|
||||
|
||||
<div class="fixedBtn">
|
||||
<div class="status00">
|
||||
<div class="columns border-r" @click="toContent">
|
||||
<div class="status00" v-if="data.eventStatus == 0">
|
||||
<div class="columns border-r" @click="toContent(1)">
|
||||
<img src="./components/img/zhuanjiao.png" alt="" />
|
||||
<span class="hint">转交事件</span>
|
||||
</div>
|
||||
|
||||
<div class="columns" @click="toContent">
|
||||
<div class="columns" @click="toContent(2)">
|
||||
<img src="./components/img/jujue.png" alt="" />
|
||||
<span class="hint">拒绝受理</span>
|
||||
</div>
|
||||
|
||||
<div class="doIt" @click="toContent">我来受理</div>
|
||||
<div class="doIt" @click="doItShow = true">我来受理</div>
|
||||
</div>
|
||||
<!-- v-if="data.eventStatus == 0" -->
|
||||
|
||||
<!-- <div class="endDoIt">我已办结</div> -->
|
||||
<div class="endDoIt" v-if="data.eventStatus == 1" @click="toContent(3)">我已办结</div>
|
||||
|
||||
<!-- <div class="endDoIt" v-if="data.eventStatus == 3">我已办结</div> -->
|
||||
</div>
|
||||
|
||||
<u-modal v-model="doItShow" :mask-close-able="true" z-index="99" content="确定受理该事件?" :show-cancel-button="true" @confirm="doThings"></u-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -227,6 +142,7 @@ export default {
|
||||
return {
|
||||
data: {},
|
||||
id: '',
|
||||
doItShow: false,
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
@@ -236,18 +152,36 @@ export default {
|
||||
this.$dict.load('realityStatus').then(() => {
|
||||
this.getDetail()
|
||||
})
|
||||
|
||||
uni.$on('nextList', () => {
|
||||
this.getDetail()
|
||||
})
|
||||
},
|
||||
onShow() {},
|
||||
methods: {
|
||||
getDetail() {
|
||||
this.$http.post(`/app/appvisitvondolence/queryDetailById?id=${this.id}`).then((res) => {
|
||||
this.$http.post(`/app/appclapeventinfo/queryDetailById?id=${this.id}`).then((res) => {
|
||||
if (res?.data) {
|
||||
this.data = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
toContent() {
|
||||
uni.navigateTo({ url: `./Content` })
|
||||
|
||||
callPhone(phone) {
|
||||
uni.makePhoneCall({ phoneNumber: phone })
|
||||
},
|
||||
|
||||
doThings() {
|
||||
this.$http.post(`/app/appclapeventinfo/acceptance?id=${this.id}`).then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.$u.toast('受理成功！')
|
||||
this.getDetail()
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
toContent(number) {
|
||||
uni.navigateTo({ url: `./Content?number=${number}&groupId=${this.data.groupId}&groupName=${this.data.groupName}&id=${this.id}` })
|
||||
},
|
||||
},
|
||||
}
|
||||
@@ -291,7 +225,7 @@ uni-page-body {
|
||||
}
|
||||
|
||||
.header-middle {
|
||||
padding: 0 32px;
|
||||
padding: 0 32px 10px 32px;
|
||||
.titles {
|
||||
margin: 32px 0;
|
||||
line-height: 1.4;
|
||||
@@ -341,8 +275,12 @@ uni-page-body {
|
||||
}
|
||||
}
|
||||
|
||||
.card:last-child {
|
||||
border-bottom: none;
|
||||
// .card:last-child {
|
||||
// border-bottom: none;
|
||||
// }
|
||||
|
||||
.cards {
|
||||
padding: 34px 0;
|
||||
}
|
||||
|
||||
img {
|
||||
@@ -489,7 +427,7 @@ uni-page-body {
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.border-r{
|
||||
.border-r {
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
.doIt {
|
||||
|
||||
Reference in New Issue
Block a user