From 5083a87ee417579043bac3d239c6ace6305edcca Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Wed, 13 Nov 2024 18:28:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/submission/recordsdetails.vue | 100 +++++++++++++++-------------
 1 file changed, 53 insertions(+), 47 deletions(-)

diff --git a/pages/submission/recordsdetails.vue b/pages/submission/recordsdetails.vue
index bf0264f..be712f0 100644
--- a/pages/submission/recordsdetails.vue
+++ b/pages/submission/recordsdetails.vue
@@ -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;
+				}
 			}
 		}