From 59f4dc012a2c42eebd31301444e0f8df9af088e0 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期三, 26 六月 2024 10:13:12 +0800
Subject: [PATCH] Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx

---
 qiye/complaint/details.vue |  293 +++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 215 insertions(+), 78 deletions(-)

diff --git a/qiye/complaint/details.vue b/qiye/complaint/details.vue
index 0c3d8ac..a5b1b47 100644
--- a/qiye/complaint/details.vue
+++ b/qiye/complaint/details.vue
@@ -8,7 +8,9 @@
 		<view class="donw-box"></view>
 		<view class="page-main">
 			<view class="title">
-				宸茶瘎浠�
+				<template v-if="msg.orderStatus>2&&msg.isEva==0">宸叉墽娉曞緟璇勪环</template>
+				<template v-if="msg.orderStatus>2&&msg.isEva==1">宸茶瘎浠�</template>
+				<template v-if="msg.orderStatus==2">寰呮墽娉�</template>
 			</view>
 			<view class="wbox">
 				<view class="item">
@@ -16,7 +18,7 @@
 						鎵ф硶绫诲瀷
 					</view>
 					<view class="v">
-						鍙告硶妫�鏌�
+						{{dictLabel}}
 					</view>
 				</view>
 				<view class="item">
@@ -24,7 +26,7 @@
 						鎵ф硶浜�
 					</view>
 					<view class="v">
-						鍒樻娆�
+						{{details.executeUser}}
 					</view>
 				</view>
 				<view class="item">
@@ -32,7 +34,7 @@
 						鎵ф硶閮ㄩ棬
 					</view>
 					<view class="v">
-						鍐滀笟灞�
+						{{details.executeDeptName}}
 					</view>
 				</view>
 				<view class="item">
@@ -40,59 +42,123 @@
 						浼佷笟
 					</view>
 					<view class="v">
-						姹夊涵閰掑簵
+						{{details.companyName}}
 					</view>
 				</view>
 			</view>
 			<view style="height: 20rpx;"></view>
-			<view class="wbox">
-				<view class="item">
-					<view class="k">
-						鎵ф硶涓婚
+			<template v-if="orderId">
+				<view class="wbox">
+					<view class="item">
+						<view class="k">
+							鎵ф硶涓婚
+						</view>
+						<view class="v">
+							{{details.enforceReason}}
+						</view>
 					</view>
-					<view class="v">
-						姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠�
+					<view class="item">
+						<view class="k">
+							鎵ф硶杩囩▼
+						</view>
+					</view>
+					<view class="imgbox">
+						<img :src="baseUrl+item" v-for="(item,index) in orderDetailsMsg.regionImgs" :key="index" class="more" @click="imgclick(item)" alt="" />
+						
+					</view>
+					<view class="item">
+						<view class="k">
+							鎵ф硶缁撴灉
+						</view>
+						<view class="v" style="color: #EB4746;">
+							<!-- {{details.regionStatus == 0? "姝e父" : "鍋滀笟鏁撮】" }} -->
+							{{orderDetailsMsg.regionReason}}
+						</view>
+					</view>
+					<view class="item">
+						<view class="k">
+							鎵ф硶鏃堕棿
+						</view>
+						<view class="v">
+							{{details.executeTime}}
+						</view>
 					</view>
 				</view>
-				<view class="item">
-					<view class="k">
-						鎵ф硶杩囩▼
-					</view>
-				</view>
-				<view class="imgbox">
-					<img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
-					<img src="/static/i02.png" class="more" alt="" />
-					<img src="/static/i03.png" class="more" alt="" />
-					<img src="/static/i04.png" class="more" alt="" />
-				</view>
-				<view class="item">
-					<view class="k">
-						鎵ф硶缁撴灉
-					</view>
-					<view class="v" style="color: #EB4746;">
-						鍋滀笟鏁撮】
-					</view>
-				</view>
-				<view class="item">
-					<view class="k">
-						鎵ф硶鏃堕棿
-					</view>
-					<view class="v">
-						2024-10-10 16:24
-					</view>
-				</view>
-			</view>
-			<view style="height: 20rpx;"></view>
+				<view style="height: 20rpx;"></view>
+			</template>
 			<view class="wbox2">
 				<view class="t">
 					鎶曡瘔璁板綍
 				</view>
-				<view class="jilu">
-					<img src="/static/policy/icon.png" class="img" alt="" />
+				<view class="jilu" :class="{start: item.nodeName == '鍙戣捣鎶曡瘔' || item.nodeName == '宸插姙缁�', handler: item.nodeName == '澶勭悊涓�', nonde: index == nodeList.length - 1}" v-for="(item,index) in nodeList" :key="index">
+					<image src="/static/policy/icon.png" class="img" alt="" mode="widthFix" v-if="item.nodeName == '鍙戣捣鎶曡瘔'"/>
+					<image src="/static/guocheng.png" class="img" alt=""  mode="widthFix"  v-if="item.nodeName == '澶勭悊涓�'"/>
+					<image src="/static/policy/refject.png" class="img"  mode="widthFix" alt="" v-if="item.nodeName == '宸查┏鍥�'"/>
+					<image src="/static/policy/icon.png" class="img" alt=""  mode="widthFix" v-if="item.nodeName == '宸插姙缁�'"/>
+					<view class="font" style="width: calc(100% - 50rpx);">
+						<view class="h" >
+							<view class="s" >
+								{{item.nodeName}}
+							</view>
+							<view class="time">
+								{{item.nodeTime}}
+							</view>
+						</view>
+						<view class="b">
+							<view class="name" style="margin-bottom: 18rpx;">
+								{{item.nodeUser}}
+							</view>
+							<view class="p" style="margin-bottom: 18rpx;">
+								<span>鐢宠瘔涓婚锛�</span>
+								{{dictLabel1}}
+							</view>
+							<view class="p" style="margin-bottom: 18rpx;">
+								<span>鐢宠瘔鍐呭锛�</span>
+								{{details.complaintReason}}
+							</view>
+							<view class="p"  v-if="item.nodeName == '宸查┏鍥�'">
+								<span>椹冲洖鍘熷洜锛�</span>
+								{{item.nodeReason}}
+							</view>
+							<view class="p"  v-if="item.nodeName == '宸插姙缁�' && item.nodeReason">
+								<span>鍔炵粨缁撴灉锛�</span>
+								{{item.nodeReason}}
+							</view>
+						</view>
+					</view>
+				</view>
+				<!-- <view class="jilu">
+					<image src="/static/policy/refject.png" class="img" alt="" />
 					<view class="font">
 						<view class="h">
 							<view class="s">
-								宸查┏鍥�
+								{{item.nodeName}}
+							</view>
+							<view class="time">
+								{{item.nodeTime}}
+							</view>
+						</view>
+						<view class="b">
+							<view class="name">
+								{{details.companyUser}}
+							</view>
+							<view class="p">
+								<span>鐢宠瘔涓婚锛�</span>
+								{{dictLabel1}}
+							</view>
+							<view class="p">
+								<span>鐢宠瘔鍐呭锛�</span>
+								{{details.complaintReason}}
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="jilu">
+					<image src="/static/guocheng.png" class="img" alt=""  />
+					<view class="font">
+						<view class="h">
+							<view class="s">
+								澶勭悊涓�
 							</view>
 							<view class="time">
 								2024-06-07 12:14
@@ -100,45 +166,20 @@
 						</view>
 						<view class="b">
 							<view class="name">
-								鏋楀皬闆�
+								{{details.companyUser}}
 							</view>
 							<view class="p">
 								<span>鐢宠瘔涓婚锛�</span>
-								姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠�
+								{{dictLabel1}}
 							</view>
 							<view class="p">
 								<span>鐢宠瘔鍐呭锛�</span>
-								鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹�
+								{{details.complaintReason}}
 							</view>
 						</view>
 					</view>
 				</view>
-				<view class="jilu">
-					<img src="/static/policy/refject.png" class="img" alt="" />
-					<view class="font">
-						<view class="h">
-							<view class="s">
-								宸查┏鍥�
-							</view>
-							<view class="time">
-								2024-06-07 12:14
-							</view>
-						</view>
-						<view class="b">
-							<view class="name">
-								鏋楀皬闆�
-							</view>
-							<view class="p">
-								<span>鐢宠瘔涓婚锛�</span>
-								姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠�
-							</view>
-							<view class="p">
-								<span>鐢宠瘔鍐呭锛�</span>
-								鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹�
-							</view>
-						</view>
-					</view>
-				</view>
+			 -->
 			</view>
 		</view>
 		
@@ -146,25 +187,88 @@
 </template>
 
 <script>
+	import { complaintDetails, orderNodeList, orderComplaintNodeList } from '@/api/qiye.js'
+	import { orderDetails } from '@/api/policy.js'
+	import { config } from '@/common/config.js'
+	import { getDicts } from '@/api/data.js'
 	export default {
 		data() {
 			return {
-				
+				details: {},
+				orderId: "",
+				orderDetailsMsg: {},
+				baseUrl: config.baseUrl,
+				dictLabel: "",
+				dictLabel1: "",
+				nodeList: []
+			}
+		},
+		onLoad(options) {
+			this.complaint(options.id)
+			if(options.orderId) {
+				this.orderId = options.orderId
+				this.orderDetails()
+			} else {
+				this.orderNodeList(options.id)
 			}
 		},
 		methods: {
+			orderNodeList(id) {
+				orderNodeList({id}).then(val => {
+					// console.log(val)
+					this.nodeList = val.data.data
+				})
+			},
+			// 鑾峰彇鎶曡瘔绫诲瀷
+			getComtype() {
+				getDicts('complaint_type').then(val => {
+					console.log(val)
+					this.dictLabel1 = val.data.data.find(item => item.dictCode == this.details.complaintType).dictLabel
+					
+				})
+			},
+			enforceType() {
+				getDicts('enforce_type').then(val => {
+					console.log(val)
+					this.dictLabel = val.data.data.find(item => item.dictCode == this.orderDetailsMsg.enforceType).dictLabel
+					
+				})
+			},
 			imgclick(url) {
+				url = this.baseUrl + url
 				uni.previewImage({
 					urls: [url]
 				})
 			},
+			complaint(details) {
+				complaintDetails(details).then(val => {
+					// console.log(val.data.data)
+					this.details = val.data.data
+					this.getComtype()
+				})
+			},
+			orderDetails() {
+				orderDetails({ orderId: this.orderId}).then(val => {
+					// console.log(val.data.data)
+					val.data.data.regionImgs = val.data.data.regionImgs.split(",")
+					this.orderDetailsMsg = val.data.data
+					this.orderComplaintNodeList()
+					this.enforceType()
+				})
+			},
+			orderComplaintNodeList() {
+				orderComplaintNodeList({ orderId: this.orderId }).then(val => {
+					console.log(val.data.data, 'val===')
+					this.nodeList = val.data.data
+				})
+			}
 		}
 	}
 </script>
 
 <style>
-	page {
-		background: #F4F4F4;
+	page {
+		background: #F4F4F4;
 	}
 </style>
 <style lang="scss" scoped>
@@ -237,7 +341,8 @@
 		border-radius: 5px;
 		box-sizing: border-box;
 		margin: 0 32rpx;
-	
+		position: relative;
+		z-index: 10;
 		.t {
 			padding: 24rpx;
 			border-bottom: 1px solid #EEEEEE;
@@ -247,16 +352,33 @@
 		}
 	
 	}
+
 	.jilu{
 		display: flex;
 		justify-content: space-between;
 		padding: 24rpx;
+		position: relative;
+		&::before{
+			content: '';
+			display: inline-block;
+			width: 2rpx;
+			height: 100%;
+			background: #eb47460d;
+			position: absolute;
+			left: 44rpx;
+			top: 30rpx;
+			z-index: 99;
+		}
+		
 		.img{
-			width: 70rpx;
+			width: 50rpx;
 			height: 50rpx;
 			margin-right: 24rpx;
+			position: relative;
+			z-index: 100;
 		}
 		.font{
+			width: calc(100% - 70rpx);
 			.h{
 				display: flex;
 				justify-content: space-between;
@@ -291,5 +413,20 @@
 				}
 			}
 		}
-	}
+	}
+	.handler{
+		&::before {
+			background: #fe7b320d;
+		}
+	}
+	.start{
+		&::before{
+			background: #E7F8F0;
+		}
+	}
+	.nonde{
+		&::before{
+			background: none;
+		}
+	}
 </style>
\ No newline at end of file

--
Gitblit v1.9.1