suojin
/
laboratory_maintenance_app
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

详情页面完善

Browse Source
test
jinna 1 year ago
parent 8fb9de3ac6
commit 5083a87ee4
1 changed files with 53 additions and 47 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 100
      pages/submission/recordsdetails.vue

100
pages/submission/recordsdetails.vue
Unescape View File

@ -1,19 +1,22 @@
<template>
<view class="pages-css">
<view class="pages-css" :style="{ 'padding-bottom': (detailForm.status == 5 && userInfo.role_id == '1846419477876510721') ? '180rpx' : '20rpx'}">
<view class="">
<view class="status_box">
<view class="status_top">
<text class="status_txt">{{detailForm.status == 0 ? '待接单' : '维修完成'}}</text>
<text class="status_txt">
{{detailForm.status == 0 ? '待接单' :
detailForm.status == 2 ? '待维修' : detailForm.status == 3 ? '维修中' : (detailForm.status == 4 || detailForm.status == 5) ? '维修完成' : '维修完成'}}</text>
<view class="load_more">
<text class="load_more_txt">查看更多</text>
<img style="transform: rotate(90deg)" src="../../static/images/loadmore.png" alt="" />
<image style="transform: rotate(90deg);width: 40rpx;height: 40rpx;"
:src="require('@/static/images/loadmore.png')" alt="" />
</view>
</view>
<view class="status_bottom">
<text class="status_tip">
{{detailForm.status == 0 ? '【待接单】当前工单等待接单中' : '【维修完成】维修完成，请尽快完成评价'}}
{{detailForm.status == 0 ? '【待接单】当前工单等待接单中' : (detailForm.status == 2) ? '【待维修】当前工单等待维修中' : (detailForm.status == 3 || detailForm.status == 4) ? '【维修中】维修人员正在进行维修' : '【维修完成】维修完成，请尽快完成评价'}}
</text>
<!-- <text class="status_date">{{detailForm.createTime.substring(0,10)}}</text> -->
<text class="status_date">{{detailForm.createTime && detailForm.createTime.substring(0,10)}}</text>
</view>
</view>
@ -38,44 +41,44 @@
<view class="detail_item">
<text class="item_left_txt">故障视频：</text>
<view class="item_right_txt video">
<!-- http://124.221.142.15:9000/laboratory/upload/20241112/45fb049735d6225f7efdcf0faece6477.mp4 -->
<video v-show="detailForm.videoAttaches && detailForm.videoAttaches.length > 0" :src="detailForm.videoAttaches[0].link" style="width: 148px; height: 148px"
controls></video>
<video v-show="videoUrl != ''" :src="videoUrl" style="width: 450rpx; height: 320rpx" controls></video>
</view>
</view>
<view class="detail_item">
<text class="item_left_txt">故障图片：</text>
<text class="item_right_txt imgs">故障描述故障描述故障描述故障描述故障描述故障描述故障描述故障描述故障描述故障描述故障描述故障描述</text>
<view class="item_right_txt video">
<img style="width: 130rpx;height: 140rpx;margin-bottom: 10rpx;" v-for="item in detailForm.picAttaches" :key="item.id" :src="item.link" alt="" />
</view>
</view>
</view>
<view class="repair_detail">
<view class="repair_detail" v-show="detailForm.status == 4 || detailForm.status == 5 || detailForm.status == '6'">
<view class="repair_title">维修详情</view>
<view class="detail_item">
<text class="item_left_txt">维修人：</text>
<text class="item_right_txt">李四</text>
<text class="item_right_txt">{{detailForm.repairPersonName}}</text>
</view>
<view class="detail_item">
<text class="item_left_txt">设备名称：</text>
<text class="item_right_txt">通风柜</text>
<text class="item_right_txt">{{detailForm.deviceName}}</text>
</view>
<view class="detail_item">
<text class="item_left_txt">故障原因：</text>
<text class="item_right_txt reason">此处是故障发生原因此处是故障发生原因此处是故障发生原因此处是故障发生原因此处是故障发生原因此处是故障发生原因</text>
<text class="item_right_txt reason">{{detailForm.faultCause}}</text>
</view>
<view class="detail_item" style="margin-top: 10rpx;">
<text class="item_left_txt">处理方法：</text>
<text class="item_right_txt reason">此处是处理方法此处是处理方法此处是处理方法此处是处理方法此处是处理方法</text>
<text class="item_right_txt reason">{{detailForm.processMethod}}</text>
</view>
<view class="detail_item">
<view class="detail_item" v-show="detailForm.materials && detailForm.materials.length != 0">
<text class="item_left_txt">维修材料：</text>
<view class="item_right_table">
<view class="table_box">
<view class="table_txt left">物料名称</view>
<view class="table_txt right">金额</view>
</view>
<view class="table_box table_item" v-for="item in tableList" :key="item.id">
<view class="table_txt left">{{item.goodsName}}</view>
<view class="table_txt right">{{item.goodsPrice}}</view>
<view class="table_box table_item" v-for="item in detailForm.materials" :key="item.id">
<view class="table_txt left">{{item.materialName}}</view>
<view class="table_txt right">{{item.materialPrice}}</view>
</view>
<view class="table_box table_sub">
<view class="table_txt left">合计</view>
@ -83,7 +86,7 @@
</view>
<view class="table_box table_sub">
<view class="table_txt left">折扣</view>
<view class="table_txt right">{{discount}}折</view>
<view class="table_txt right">{{discount}}<text v-show="discount != ''">折</text></view>
</view>
<view class="table_box table_sub">
<view class="table_txt left">折后价格</view>
@ -96,27 +99,31 @@
<view class="repair_title">其他信息</view>
<view class="detail_item">
<text class="item_left_txt">提报人：</text>
<text class="item_right_txt">张三</text>
<text class="item_right_txt">{{detailForm.informantName}}</text>
</view>
<view class="detail_item">
<text class="item_left_txt">提报人电话：</text>
<text class="item_right_txt">13210251120</text>
<text class="item_right_txt">{{detailForm.informantPhone}}</text>
</view>
<view class="detail_item">
<text class="item_left_txt">提报单号：</text>
<text class="item_right_txt">20241011001</text>
<text class="item_right_txt">{{detailForm.requirementCode}}</text>
</view>
<view class="detail_item">
<text class="item_left_txt">提报时间：</text>
<text class="item_right_txt">2024-10-11 12:45</text>
<text class="item_right_txt">{{detailForm.createTime}}</text>
</view>
<view class="detail_item">
<view class="detail_item" v-show="detailForm.status != 0">
<text class="item_left_txt">系统接单时间：</text>
<text class="item_right_txt">2024-10-12 08:45</text>
<text class="item_right_txt">{{detailForm.dispatchTime}}</text>
</view>
<view class="detail_item" v-show="detailForm.status != 0">
<text class="item_left_txt">客服意见：</text>
<text class="item_right_txt reason">{{detailForm.customerOpinion}}</text>
</view>
</view>
</view>
<view class="evaluate_box">
<view class="evaluate_box" v-show="detailForm.status == 5 && userInfo.role_id == '1846419477876510721'">
<view class="evaluate_btn">
评价
</view>
@ -127,32 +134,19 @@
export default {
data() {
return {
tableList: [
{
id:'001',
goodsName: '物料1',
goodsPrice: '1000.00'
},
{
id:'002',
goodsName: '物料2',
goodsPrice: '59.00'
},
{
id:'003',
goodsName: '物料3',
goodsPrice: '25.00'
},
],
totalPrice:'1084.00',
totalPrice:'',
discount:'9',
discountPrice:'975.60',
detailId:'',
detailForm:{}
detailForm:{},
videoUrl:'',
userInfo:{}
}
},
onLoad(options){
console.log('options==========>',options)
this.userInfo = uni.getStorageSync("userinfo");
console.log('info========?',this.userInfo)
this.detailId = options.id
this.getDetail()
},
@ -166,6 +160,10 @@
}
this.$u.api.getBreakdownInfo(query_).then(res => {
this.detailForm = res.data
this.videoUrl = res.data.videoAttaches && res.data.videoAttaches.length > 0 ? res.data.videoAttaches[0].link : ''
this.totalPrice = res.data.totalPrice == -1 ? res.data.materials.reduce((sum, item) => sum + item.materialPrice, 0) : res.data.totalPrice
this.discount = res.data.discount == -1 ? '' : res.data.discount
this.discountPrice = res.data.discountPrice == -1 ? '' : res.data.discountPrice
console.log('detailForm----------->',this.detailForm)
})
},
@ -179,7 +177,7 @@
padding: 0;
background: rgba(239, 239, 239, 1);
padding-top: 26rpx;
padding-bottom: 180rpx;
.status_box {
margin: 0 24rpx 20rpx;
@ -267,7 +265,7 @@
font-size: 14px;
text-align: left;
font-family: SourceHanSansSC-regular;
width: 200rpx;
width: 210rpx;
margin-right: 20rpx;
line-height: 60rpx;
}
@ -329,6 +327,14 @@
overflow: hidden;
text-overflow: ellipsis;
}
.video{
margin-top: 10rpx;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
}
}

Write Preview
Loading…
Cancel
Save