main
parent
32c14dc9b9
commit
7df029fef9
@ -0,0 +1,20 @@
|
||||
<template>
|
||||
<view>
|
||||
12312312321
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:"myceshi",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,253 @@
|
||||
<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 {
|
||||
.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: 25% auto;
|
||||
|
||||
view {
|
||||
font-size: 35rpx;
|
||||
color: #35393D;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.indexcontentbttom-item-bottom-left {
|
||||
color: #595F66;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.indexcontentbttom-item-bottom-rigth {
|
||||
}
|
||||
|
||||
.leibie {
|
||||
color: #E72C2C;
|
||||
}
|
||||
}
|
||||
|
||||
.indexcontentbttom-item-bottomLog{
|
||||
grid-template-columns: 33% 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>
|
||||
Loading…
Reference in new issue