From f07b70558d5b84f1070470229037629bc1ace006 Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期六, 22 六月 2024 14:39:30 +0800 Subject: [PATCH] 接口对接 --- policy/applyRecordDetails/applyRecordDetails.vue | 144 ++++++++++++++++++++++++++++++++--------------- 1 files changed, 98 insertions(+), 46 deletions(-) diff --git a/policy/applyRecordDetails/applyRecordDetails.vue b/policy/applyRecordDetails/applyRecordDetails.vue index 95516ee..45668b8 100644 --- a/policy/applyRecordDetails/applyRecordDetails.vue +++ b/policy/applyRecordDetails/applyRecordDetails.vue @@ -25,23 +25,40 @@ </view> <view class="view-form-item"> <view class="label">鎵ф硶鏃堕棿</view> - <view>{{details.executeTime}}</view> + <view>{{details.planTime}}</view> </view> <view class="view-form-item"> <view class="label">鎵ф硶绫诲瀷</view> - <view>{{details.enforceTypeName}}</view> + <view>{{typeList}}</view> </view> - <view class="view-form-item"> - <view class="label">鎵ф硶浜哄憳</view> - <view>{{details.executeUser}}</view> + + <view v-if="!details.executeUser"> + <view class="view-form-item"> + <view class="label">鎵ф硶浜哄憳</view> + <view>{{details.applyUser}}</view> + </view> + <view class="view-form-item"> + <view class="label">鎵ф硶閮ㄩ棬</view> + <view>{{details.applyDeptName}}</view> + </view> </view> - <view class="view-form-item"> - <view class="label">鎵ф硶閮ㄩ棬</view> - <view>{{details.executeDeptName}}</view> + <view v-else> + <view class="view-form-item"> + <view class="label">鎵ф硶浜哄憳</view> + <view>{{details.executeUser}}</view> + </view> + <view class="view-form-item"> + <view class="label">鎵ф硶閮ㄩ棬</view> + <view>{{details.executeDeptName}}</view> + </view> </view> - <view class="view-form-item"> + <view class="view-form-item" style="margin-top: 20rpx;"> <view class="label">闅忚浜哄憳</view> - <view>闅忚浜哄憳</view> + <view> + <view style="margin-bottom: 20rpx;"v-for="(item,index) in details.peers" :key="index"> + {{item.peerUser}}({{item.peerDeptName}}) + </view> + </view> </view> <view class="view-form-item"> <view class="label">鏄惁閫氱煡浼佷笟</view> @@ -65,40 +82,39 @@ {{ details.regionReason }} </view> </view> - <view class="base-card"> + <view class="base-card" v-if="judgeDetails.length"> <view class="title"> <text>瀹℃壒鎯呭喌</text> </view> <view class="view-form"> - <view class="view-form-item"> - <view class="label">瀹℃壒缁撴灉</view> - <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view> - </view> - <view class="view-form-item"> - <view class="label">瀹℃壒浜�</view> - <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view> - </view> - <view class="view-form-item"> - <view class="label">瀹℃壒閮ㄩ棬</view> - <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view> - </view> - <view class="view-form-item"> - <view class="label">瀹℃壒鏃堕棿</view> - <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view> + <view v-for="(item,index) in judgeDetails" :key="index"> + <view class="view-form-item"> + <view class="label">瀹℃壒缁撴灉</view> + <view v-if="item.checkStatus == 1" style="color: #3EB47A;">閫氳繃</view> + <view v-else style="color: red">鎷掔粷</view> + </view> + <view class="view-form-item"> + <view class="label">瀹℃壒浜�</view> + <view>{{item.checkUser}}</view> + </view> + <view class="view-form-item"> + <view class="label">瀹℃壒閮ㄩ棬</view> + <view>{{item.checkDeptName}}</view> + </view> + <view class="view-form-item"> + <view class="label">瀹℃壒鏃堕棿</view> + <view>{{item.checkTime}}</view> + </view> </view> </view> </view> - <view class="base-card"> + <view class="base-card" v-if="details.orderStatus == 3 || details.orderStatus == 4"> <view class="title"> <text>鎵ф硶鍥剧墖</text> </view> <view class="view-image"> - <image src="https://picsum.photos/200/300" mode="widthFix"></image> - <image src="https://picsum.photos/200/300" mode="widthFix"></image> - <image src="https://picsum.photos/200/300" mode="widthFix"></image> - <image src="https://picsum.photos/200/300" mode="widthFix"></image> - <image src="https://picsum.photos/200/300" mode="widthFix"></image> - <!-- {{regionImgs}} --> + <image :src="baseUrl+item" mode="widthFix" v-for="(item,index) in details.regionImgs" :key="index"></image> + </view> </view> <view class="base-card"> @@ -106,20 +122,22 @@ <text>鎵ф硶杩涘害</text> </view> <view class="view-step"> - <view class="step-content"> - <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image> + <view class="step-content" :class="{none: index == nodeList.length - 1}" v-for="(item,index) in nodeList" :key="index"> + <image class="icon" src="/static/policy/icon.png" mode="widthFix" v-if="!item.nodeReason"></image> + <image src="/static/policy/refject.png" mode="widthFix" class="icon" v-else></image> <view class="top-title"> - 鎻愪氦鐢宠 + {{item.nodeName}} </view> <view class="down-tips"> - <view>鎻愪氦浜猴細<text>鏋楀皬闆�</text></view> - <view class="time">2024-06-07 12:14</view> + <view class="u-line-1 submit-per">鎻愪氦浜猴細<text>{{item.nodeUser}}</text></view> + <view class="time">{{item.nodeTime}}</view> </view> + </view> - <view class="step-content"> + <!-- <view class="step-content"> <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image> <view class="top-title"> - 鎻愪氦鐢宠 + 瀹℃壒閫氳繃 </view> <view class="down-tips"> <view>鎻愪氦浜猴細<text>鏋楀皬闆�</text></view> @@ -127,7 +145,7 @@ </view> </view> <view class="step-content none"> - <!-- <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image> --> + <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image> <image src="/static/policy/refject.png" mode="widthFix" class="icon"></image> <view class="top-title"> 鎻愪氦鐢宠 @@ -136,7 +154,7 @@ <view>鎻愪氦浜猴細<text>鏋楀皬闆�</text></view> <view class="time">2024-06-07 12:14</view> </view> - </view> + </view> --> </view> </view> </view> @@ -145,30 +163,64 @@ <script> import { - orderDetails + orderDetails, + orderNodeList, + enforceLogList } from '@/api/policy.js' + import { getDicts } from '@/api/data.js' + import { config } from '@/common/config' export default { data() { return { details: {}, + nodeList: [], mapStatus: { 1: '寰呭鎵�', 2: "寰呮墽琛�", 3: "寰呬笂鎶�", '-1':"宸叉嫆缁�", 4: "宸茬粨鏉�" - } + }, + typeList: '', + judgeDetails: [], + baseUrl: config.baseUrl } }, onLoad(options) { - this.orderDetails(options.id) + this.getDetails(options.id) + this.orderNodeList(options.id) + this.enforceLogList(options.id) + }, methods: { getDetails(orderId) { orderDetails({ orderId }).then(val => { - this.details = val.data + this.details = val.data.data + if(this.details.regionImgs){ + this.details.regionImgs = this.details.regionImgs.split(",") + } + this.getDicts() + }) + }, + // 鑺傜偣 + orderNodeList(orderId) { + orderNodeList({orderId}).then(val => { + this.nodeList = val.data.data + }) + }, + // 鐢宠璁板綍 + enforceLogList(orderId) { + enforceLogList({orderId}).then(val => { + // console.log(val.data.rows) + this.judgeDetails = val.data.rows + }) + }, + getDicts() { + getDicts('enforce_type').then(val => { + const value = val.data.data.find(item => item.dictCode == this.details.enforceType) + this.typeList = value.dictLabel }) } } -- Gitblit v1.9.1