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.
255 lines
5.2 KiB
255 lines
5.2 KiB
<template>
|
|
<view class="indexcontent">
|
|
<u-navbar leftText="工单详情" :safeAreaInsetTop="false" @rightClick="rightClick" :autoBack="true"
|
|
:placeholder="true" leftIconColor="#ffffff">
|
|
</u-navbar>
|
|
|
|
<view class="indexcontent-box">
|
|
<view class="indexcontent-bottom">
|
|
<view class="indexcontentbttom-item">
|
|
<view class="indexcontentbttom-item-bottom">
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
工单标题:
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom-rigth">
|
|
{{Objitem.caseTitle || "/"}}
|
|
</view>
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom">
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
事件来源:
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom-rigth">
|
|
{{Objitem.scenceName || "/"}}
|
|
</view>
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom">
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
诉求类型:
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom-rigth">
|
|
{{Objitem.caseType || "/"}}
|
|
</view>
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom">
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
诉求内容:
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom-rigth ">
|
|
{{Objitem.caseContent || "/"}}
|
|
</view>
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom">
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
位置描述:
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom-rigth ">
|
|
{{Objitem.caseAddress || "/"}}
|
|
</view>
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom">
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
来电号码:
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom-rigth ">
|
|
{{Objitem.creatorTel || "/"}}
|
|
</view>
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom indexcontentbttom-item-bottomLog">
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
服务对象姓名:
|
|
</view>
|
|
<view class="indexcontentbttom-item-bottom-rigth ">
|
|
{{Objitem.creatorName || "/"}}
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
massEventsId,
|
|
getByInnerEventId
|
|
} from '@/api/system/ApiList.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
caseSerial: "",
|
|
innerEventId:"",
|
|
Objitem: {},
|
|
ObjitemTow: {},
|
|
listtotle: ""
|
|
|
|
}
|
|
},
|
|
computed: {
|
|
|
|
|
|
},
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
// 获取详情
|
|
getByInnerEventIdmy() {
|
|
massEventsId(this.caseSerial).then(res=>{
|
|
this.Objitem = res.data
|
|
})
|
|
getByInnerEventId(this.innerEventId).then(res=>{
|
|
this.ObjitemTow = res.data
|
|
})
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
onLoad: function(opcent) {
|
|
this.caseSerial = opcent.caseSerial
|
|
this.innerEventId = opcent.innerEventId
|
|
this.getByInnerEventIdmy()
|
|
|
|
|
|
},
|
|
onShow() {
|
|
this.getByInnerEventIdmy()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.indexcontent {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
|
|
.indexcontent-box {
|
|
width: 100%;
|
|
.indexcontent-bottom {
|
|
width: 100%;
|
|
border-radius: 10rpx;
|
|
|
|
.indexcontentbttom-item {
|
|
min-height: 90vh;
|
|
padding: 25rpx;
|
|
width: 100%;
|
|
background: #f7f7f7fa;
|
|
border-radius: 10rpx;
|
|
|
|
|
|
.indexcontentbttom-item-bottom {
|
|
margin: 20rpx 0;
|
|
display: grid;
|
|
grid-template-columns: 19% 73%;
|
|
|
|
view {
|
|
font-size: 26rpx;
|
|
color: #35393D;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.indexcontentbttom-item-bottom-left {
|
|
color: #595F66;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.indexcontentbttom-item-bottom-rigth {
|
|
width: 100%;
|
|
}
|
|
|
|
.leibie {
|
|
color: #E72C2C;
|
|
}
|
|
}
|
|
|
|
.indexcontentbttom-item-bottomLog{
|
|
grid-template-columns: 25% auto;
|
|
}
|
|
|
|
.indexcontentbttom-item-bottom-bottom {
|
|
background: rgba(67, 121, 214, 0.1);
|
|
border-radius: 10rpx;
|
|
width: 100%;
|
|
height: 69rpx;
|
|
text-align: center;
|
|
line-height: 69rpx;
|
|
color: #4379D6;
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
.dibuaBtn {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 120rpx;
|
|
padding: 30rpx;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-column-gap: 20rpx;
|
|
color: #ffffff;
|
|
background-color: #ffffff;
|
|
|
|
view {
|
|
text-align: center;
|
|
line-height: 60rpx;
|
|
height: 60rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.dibuaBtn-lanse {
|
|
background-color: #4379D6;
|
|
}
|
|
|
|
.dibuaBtn-hongse {
|
|
background-color: #E72C2C;
|
|
}
|
|
}
|
|
}
|
|
|
|
.popup-box {
|
|
width: 600rpx;
|
|
}
|
|
|
|
.lishi-box {
|
|
width: 600rpx;
|
|
display: grid;
|
|
grid-template-columns: 25% 70%;
|
|
grid-row-gap: 20rpx;
|
|
}
|
|
|
|
.u-nav-slot {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.u-page__item__slot-icon {
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
}
|
|
|
|
.lishi-box-jiacu {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.LieBIaoList {
|
|
padding: 10rpx;
|
|
height: 50vh;
|
|
width: 100%;
|
|
overflow: auto;
|
|
background-color: #f7f7f7fa;
|
|
}
|
|
</style> |