From 0311359d2b04fc7176509b00a383dce057443001 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期日, 08 十二月 2024 22:30:52 +0800
Subject: [PATCH] 导入合同规则
---
src/views/system/work-order/detail/index.vue | 51 +++++++++++++++++++++++++++++++++++++++------------
1 files changed, 39 insertions(+), 12 deletions(-)
diff --git a/src/views/system/work-order/detail/index.vue b/src/views/system/work-order/detail/index.vue
index f2b66fd..71d323d 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>
@@ -151,24 +156,33 @@
<div class="img-info" v-for="(img, index) in workOrderInfo.imgList" :key="index">
<div>
<el-image
- style="width: 160px; height: 100px"
+ style="width: 100%; height: auto"
:src="getImgUrl(img.imgUrl)"
- :preview-src-list="getImgUrl(img.imgUrl)">
+ :preview-src-list="workOrderInfo.imgList.map(i => getImgUrl(i.imgUrl))"
+ >
</el-image>
</div>
- <div style="margin-top: 8px">{{img.createTime}}</div>
+ <div style="margin-top: 8px;text-align: center">{{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,
@@ -200,6 +214,18 @@
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;
},
@@ -263,14 +289,15 @@
<style scoped>
.img-info {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- padding: 0 5px;
+ flex: 0 0 calc(20% - 8px); /* 姣忚浜斾釜锛屾墍浠ユ瘡涓崰20%锛屽噺鍘婚棿璺� */
+ box-sizing: border-box;
}
+
.work-order-img {
margin-top: 15px;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px; /* 鍙�夛細璁剧疆鍥剧墖涔嬮棿鐨勯棿璺� */
}
.work-order-info {
width: 100%;
--
Gitblit v1.8.0