|
@@ -4,9 +4,13 @@
|
|
|
<view class="bgTopImg">
|
|
|
<image slot="right" src="@/static/images/navBg@2x.png" class="bgTopImg"></image>
|
|
|
</view> -->
|
|
|
- <view style="margin-bottom: 150rpx;">
|
|
|
+ <view style="margin-bottom: 150rpx;" class="time-main main-time">
|
|
|
<view>
|
|
|
- <view class="nav" style="color:#4CB2B6;">主要信息</view>
|
|
|
+ <view class="nav par-time " style="color:#4CB2B6;">
|
|
|
+ <view class="time-axis">
|
|
|
+ 主要信息
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="main">
|
|
|
<uni-row class="demo-uni-row">
|
|
|
<uni-col :span="10">
|
|
@@ -86,7 +90,9 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view v-if="tableData.inspectInfo.length!=0" style="margin-top: 30rpx;">
|
|
|
- <view class="nav" style="color:#4CB2B6;">处理详情</view>
|
|
|
+ <view class="nav par-time" style="color:#4CB2B6;">
|
|
|
+ <view class="time-axis">处理详情</view>
|
|
|
+ </view>
|
|
|
<view class="main" v-for="(item,index) in tableData.inspectInfo" :key="index"
|
|
|
style="margin-bottom: 40rpx;">
|
|
|
<uni-row class="demo-uni-row">
|
|
@@ -109,7 +115,8 @@
|
|
|
</uni-row>
|
|
|
<uni-row class="demo-uni-row tupian-flex">
|
|
|
<view v-for="(items,indexs) in item.inspectHisSubDOList">
|
|
|
- <image v-if="items.imgUrl" :key="indexs" :src="items.imgUrl" class="image-size" @click="viewImageBig(items.imgUrl)"></image>
|
|
|
+ <image v-if="items.imgUrl" :key="indexs" :src="items.imgUrl" class="image-size"
|
|
|
+ @click="viewImageBig(items.imgUrl)"></image>
|
|
|
</view>
|
|
|
|
|
|
</uni-row>
|
|
@@ -156,9 +163,12 @@
|
|
|
</uni-col>
|
|
|
</uni-row>
|
|
|
<uni-row class="demo-uni-row tupian-flex">
|
|
|
- <image v-if="items.imgUrl1!=null" :src="items.imgUrl1" class="image-size" @click="viewImageBig(items.imgUrl)"></image>
|
|
|
- <image v-if="items.imgUrl2!=null" :src="items.imgUrl2" class="image-size" @click="viewImageBig(items.imgUrl)"></image>
|
|
|
- <image v-if="items.imgUr3!=null" :src="items.imgUrl3" class="image-size" @click="viewImageBig(items.imgUrl)"></image>
|
|
|
+ <image v-if="items.imgUrl1!=null" :src="items.imgUrl1" class="image-size"
|
|
|
+ @click="viewImageBig(items.imgUrl)"></image>
|
|
|
+ <image v-if="items.imgUrl2!=null" :src="items.imgUrl2" class="image-size"
|
|
|
+ @click="viewImageBig(items.imgUrl)"></image>
|
|
|
+ <image v-if="items.imgUr3!=null" :src="items.imgUrl3" class="image-size"
|
|
|
+ @click="viewImageBig(items.imgUrl)"></image>
|
|
|
</uni-row>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -196,7 +206,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- taskTypeDict:getDictDatas(DICT_TYPE.TASK_TYPE),
|
|
|
+ taskTypeDict: getDictDatas(DICT_TYPE.TASK_TYPE),
|
|
|
urls: baseUrlImg,
|
|
|
moren: `${baseUrlImg}/checkActive/moren.png`, //默认图片
|
|
|
zhengchang: `${baseUrlImg}/checkActive/zhengchang.png`,
|
|
@@ -230,8 +240,8 @@
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
- viewImageBig(item){
|
|
|
- let imgList=[]
|
|
|
+ viewImageBig(item) {
|
|
|
+ let imgList = []
|
|
|
imgList.push(item)
|
|
|
uni.previewImage({
|
|
|
urls: imgList,
|
|
@@ -357,11 +367,11 @@
|
|
|
}).then(res => {
|
|
|
this.sender = res.data
|
|
|
})
|
|
|
- this.taskTypeDict.map(i=>{
|
|
|
- if(i.value==this.tableData?.taskInfo?.taskType){
|
|
|
- this.tableData.taskInfo.taskType=i.label
|
|
|
- }
|
|
|
- })
|
|
|
+ this.taskTypeDict.map(i => {
|
|
|
+ if (i.value == this.tableData?.taskInfo?.taskType) {
|
|
|
+ this.tableData.taskInfo.taskType = i.label
|
|
|
+ }
|
|
|
+ })
|
|
|
});
|
|
|
}
|
|
|
}
|
|
@@ -371,9 +381,11 @@
|
|
|
page {
|
|
|
background-color: #f5f7f9;
|
|
|
}
|
|
|
+
|
|
|
body {
|
|
|
background-color: #f5f7f9;
|
|
|
}
|
|
|
+
|
|
|
.container {
|
|
|
// border-radius: 30px 30px 0px 0px;
|
|
|
// background: #fff;
|
|
@@ -391,6 +403,7 @@
|
|
|
background-color: #f5f7f9;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.zhuangtai {
|
|
|
padding: 5rpx 20rpx;
|
|
|
border-radius: 2px;
|
|
@@ -481,4 +494,37 @@
|
|
|
color: #4CB2B6;
|
|
|
margin-bottom: 20rpx;
|
|
|
}
|
|
|
+ .main-time{
|
|
|
+ list-style: none;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .main-time::before{
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ border:rgba(52, 145, 250, 0.4) 2px dashed;
|
|
|
+ left: -43px;
|
|
|
+ height: calc(100% - 20px);
|
|
|
+ top: 20rpx;
|
|
|
+ }
|
|
|
+ .time-main {
|
|
|
+ width: 70%;
|
|
|
+ margin-left:15%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .par-time {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ //时间轴
|
|
|
+ .time-axis::before {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ width: 18rpx;
|
|
|
+ height: 18rpx;
|
|
|
+ border-radius: 9rpx;
|
|
|
+ background: #21bfd0;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ left: -46px;
|
|
|
+ }
|
|
|
</style>
|