From 244d89b41c0e0e995d38f635a126a0959b9ba25b Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期二, 25 六月 2024 18:16:42 +0800
Subject: [PATCH] 问题处理
---
qiye/complaint/details.vue | 296 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 213 insertions(+), 83 deletions(-)
diff --git a/qiye/complaint/details.vue b/qiye/complaint/details.vue
index 0c3d8ac..98ec88e 100644
--- a/qiye/complaint/details.vue
+++ b/qiye/complaint/details.vue
@@ -16,7 +16,7 @@
鎵ф硶绫诲瀷
</view>
<view class="v">
- 鍙告硶妫�鏌�
+ {{dictLabel}}
</view>
</view>
<view class="item">
@@ -24,7 +24,7 @@
鎵ф硶浜�
</view>
<view class="v">
- 鍒樻娆�
+ {{details.executeUser}}
</view>
</view>
<view class="item">
@@ -32,7 +32,7 @@
鎵ф硶閮ㄩ棬
</view>
<view class="v">
- 鍐滀笟灞�
+ {{details.executeDeptName}}
</view>
</view>
<view class="item">
@@ -40,55 +40,89 @@
浼佷笟
</view>
<view class="v">
- 姹夊涵閰掑簵
+ {{details.companyName}}
</view>
</view>
</view>
<view style="height: 20rpx;"></view>
- <view class="wbox">
- <view class="item">
- <view class="k">
- 鎵ф硶涓婚
- </view>
- <view class="v">
- 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠�
- </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>
+ <template v-if="orderId">
+ <view class="wbox">
+ <view class="item">
+ <view class="k">
+ 鎵ф硶涓婚
+ </view>
+ <view class="v">
+ {{details.enforceReason}}
+ </view>
+ </view>
+ <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? "姝ｅ父" : "鍋滀笟鏁撮】" }} -->
+ {{orderDetailsMsg.regionReason}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶鏃堕棿
+ </view>
+ <view class="v">
+ {{details.executeTime}}
+ </view>
+ </view>
+ </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">
+ <span>鐢宠瘔鍐呭锛�</span>
+ {{details.complaintReason}}
+ </view>
+ <view class="p" v-if="item.nodeName == '宸查┏鍥�'">
+ <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">
@@ -100,64 +134,128 @@
</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">
+ <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
+ </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">
- <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>
</view>
</template>
-<script>
+<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: {
- imgclick(url) {
+ 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>
@@ -246,17 +344,34 @@
font-weight: bold;
}
- }
+ }
+
.jilu{
display: flex;
justify-content: space-between;
- padding: 24rpx;
+ 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;
+ margin-right: 24rpx;
+ position: relative;
+ z-index: 100;
}
- .font{
+ .font{
+ width: calc(100% - 70rpx);
.h{
display: flex;
justify-content: space-between;
@@ -292,4 +407,19 @@
}
}
}
+ .handler{
+ &::before {
+ background: #fe7b320d;
+ }
+ }
+ .start{
+ &::before{
+ background: #E7F8F0;
+ }
+ }
+ .nonde{
+ &::before{
+ background: none;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1