From b9346c0dad8727fce46482c5ed29009717a902d0 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期三, 25 九月 2024 14:20:39 +0800 Subject: [PATCH] 标线调整 --- src/views/system/work-order/detail/index.vue | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 52 insertions(+), 4 deletions(-) diff --git a/src/views/system/work-order/detail/index.vue b/src/views/system/work-order/detail/index.vue index 9d9153e..88a65cb 100644 --- a/src/views/system/work-order/detail/index.vue +++ b/src/views/system/work-order/detail/index.vue @@ -65,10 +65,10 @@ </div> <div style="margin-left: 2px">鏄惁鎶ュ</div> </div> - <div class="warp"> + <div class="warp" style="display: flex;flex-direction: row;align-items: center"> <div v-if="workOrderInfo.hasReport"><el-link @click type="primary">{{workOrderInfo.hasReport ? '宸叉姤澶�' : '鏈姤澶�'}}</el-link></div> <div v-else>{{workOrderInfo.hasReport ? '宸叉姤澶�' : '鏈姤澶�'}}</div> - <div v-if="!workOrderInfo.hasReport"><el-link type="primary">浜嬪悗鎶ュ</el-link></div> + <div v-if="!workOrderInfo.hasReport"><el-link type="primary">(浜嬪悗鎶ュ)</el-link></div> </div> </div> <div class="info-item weight4"> @@ -78,7 +78,12 @@ </div> <div style="margin-left: 2px">澶勭悊缁撴灉</div> </div> - <div class="warp">{{covertStatus(workOrderInfo.status)}}</div> + <div class="warp" style="display: flex;flex-direction: row;align-items: center"> + <div>{{covertStatus(workOrderInfo.status)}}</div> + <div v-if="workOrderInfo.status ==='YW_HANDLE'"> + <el-link type="primary" @click="handleAuditing">(瀹℃牳)</el-link> + </div> + </div> </div> </div> </el-tab-pane> @@ -147,17 +152,36 @@ <el-empty v-else description="鏈煡鍒板鏍镐俊鎭�"></el-empty> </el-tab-pane> </el-tabs> + <div class="work-order-img"> + <div class="img-info" v-for="(img, index) in workOrderInfo.imgList" :key="index"> + <div> + <el-image + style="width: 160px; height: 100px" + :src="getImgUrl(img.imgUrl)" + :preview-src-list="getImgUrl(img.imgUrl)"> + </el-image> + </div> + <div style="margin-top: 8px">{{img.createTime}}</div> + </div> + </div> + + <WorkOrderAuditing :auditingOpen="auditingOpen" :dataForm="auditingForm" :ywConditions="ywConditions" @close="closeAuditing"/> </div> </template> <script> -import {getWorkOrderInfo, getYwConditionList, getYwAuditingList} from '@/api/platform/work-order' +import {getWorkOrderInfo, getYwConditionList, getYwAuditingList, getYwCondition, listWorkOrder} from '@/api/platform/work-order' import {getReportByGb} from '@/api/platform/report' +import WorkOrderAuditing from "@/components/WorkOrder/WorkOrderAuditing"; export default { name: "index", + components: {WorkOrderAuditing}, data() { return { + ywConditions: [], + auditingOpen: false, + auditingForm: {}, selectedTab: 'workorder', loading1: false, loading2: false, @@ -189,6 +213,20 @@ this.getWorkOrder() }, methods: { + closeAuditing() { + this.auditingOpen = false + }, + // 瀹℃牳鎸夐挳 + handleAuditing() { + this.auditingForm = this.workOrderInfo + getYwCondition(this.workOrderInfo.workOrderNo).then(response => { + this.ywConditions = response.data + this.auditingOpen = true + }) + }, + getImgUrl(path) { + return this.$img + path; + }, getWorkOrder() { this.loading1 = true getWorkOrderInfo(this.workOrderInfo.workOrderNo).then(res => { @@ -248,6 +286,16 @@ </script> <style scoped> +.img-info { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 0 5px; +} +.work-order-img { + margin-top: 15px; +} .work-order-info { width: 100%; display: flex; -- Gitblit v1.8.0