From c78e4ef0b98443e3568024b26b23c2a298f7970d Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 19 七月 2024 15:48:27 +0800
Subject: [PATCH] 工单审核页面优化
---
src/views/system/work-order/index.vue | 141 ++++++++++++++++++++++++----------------------
1 files changed, 74 insertions(+), 67 deletions(-)
diff --git a/src/views/system/work-order/index.vue b/src/views/system/work-order/index.vue
index 64d5232..7e250c5 100644
--- a/src/views/system/work-order/index.vue
+++ b/src/views/system/work-order/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
<el-form-item label="宸ュ崟鍙�" prop="workOrderNo">
<el-input
v-model="queryParams.workOrderNo"
@@ -12,13 +12,13 @@
</el-form-item>
<el-form-item label="鏁呴殰绫诲瀷" prop="workOrderNo">
<el-select v-model="queryParams.errorType" placeholder="鏁呴殰绫诲瀷" clearable @clear="handleQuery">
- <el-option v-for="item, index in errorTypeOptions" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option>
+ <el-option v-for="(item, index) in errorTypeOptions" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option>
</el-select>
</el-form-item>
- <el-form-item label="瀹℃牳鐘舵��" prop="status">
- <el-select v-model="queryParams.status" placeholder="瀹℃牳鐘舵��" @change="handleQuery">
- <el-option label="宸蹭笅鍙�" value="DISTRIBUTED"></el-option>
- <el-option label="杩愮淮宸插鐞�" value="YW_HANDLE"></el-option>
+ <el-form-item label="宸ュ崟鐘舵��" prop="status">
+ <el-select v-model="queryParams.status" placeholder="宸ュ崟鐘舵��" @change="handleQuery">
+ <el-option label="寰呭鐞�" value="DISTRIBUTED"></el-option>
+ <el-option label="寰呭鏍�" value="YW_HANDLE"></el-option>
<el-option label="瀹℃牳閫氳繃" value="AUDITING_SUCCESS"></el-option>
<el-option label="瀹℃牳涓嶉�氳繃" value="AUDITING_FAIL"></el-option>
</el-select>
@@ -79,7 +79,6 @@
size="mini"
type="text"
@click="handleAuditing(item)"
- v-hasPermi="['work:order:audit']"
>瀹℃牳</el-button>
<el-button
size="mini"
@@ -140,33 +139,37 @@
</div>
</el-dialog>
- <el-dialog title="宸ュ崟瀹℃牳" :visible.sync="auditingOpen" width="500px" append-to-body>
- <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px">
- <el-form-item label="宸ュ崟鍙�" prop="workOrderNo">
- <el-input v-model="auditingForm.workOrderNo" disabled />
- </el-form-item>
- <el-form-item label="杩愮淮鍗曚綅" prop="unitName">
- <el-input v-model="auditingForm.unitName" disabled />
- </el-form-item>
- <el-form-item label="杩愮淮浜哄憳" prop="ywPeopleName">
- <el-input v-model="auditingForm.ywPeopleName" disabled />
- </el-form-item>
- <div v-for="obj, index in ywConditions" :key="index">
- <el-form-item :label="'鐜板満鎯呭喌' + (index + 1)" v-if="obj.ywCondition">
- <span v-html="obj.ywCondition"></span>
- </el-form-item>
- <el-form-item label="浣愯瘉鏉愭枡" v-if="obj.ywProofMaterials">
- <el-link v-for="item in obj.ywProofMaterials != null ? obj.ywProofMaterials.split(',') : obj.ywProofMaterials" :underline="false" :key="item.id" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1) }}</el-link>
- </el-form-item>
- </div>
- <el-form-item label="瀹℃牳缁撴灉" prop="auditingResult">
- <el-radio v-model="auditingForm.auditingResult" label="AUDITING_SUCCESS">閫氳繃</el-radio>
- <el-radio v-model="auditingForm.auditingResult" label="AUDITING_FAIL">椹冲洖</el-radio>
- </el-form-item>
- <el-form-item label="瀹℃牳澶囨敞" prop="auditingRemark">
- <el-input v-model="auditingForm.auditingRemark" type="textarea" maxlength="30" show-word-limit/>
- </el-form-item>
- </el-form>
+ <el-dialog title="宸ュ崟瀹℃牳" :visible.sync="auditingOpen" width="1000px" append-to-body>
+ <el-row :gutter="20">
+ <el-col :span="10">
+ <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px">
+ <el-form-item label="宸ュ崟鍙�" prop="workOrderNo">
+ <el-input v-model="auditingForm.workOrderNo" disabled />
+ </el-form-item>
+ <el-form-item label="杩愮淮鍗曚綅" prop="unitName">
+ <el-input v-model="auditingForm.unitName" disabled />
+ </el-form-item>
+ <el-form-item label="瀹℃牳缁撴灉" prop="auditingResult">
+ <el-radio v-model="auditingForm.auditingResult" label="AUDITING_SUCCESS">閫氳繃</el-radio>
+ <el-radio v-model="auditingForm.auditingResult" label="AUDITING_FAIL">椹冲洖</el-radio>
+ </el-form-item>
+ <el-form-item label="瀹℃牳澶囨敞" prop="auditingRemark">
+ <el-input v-model="auditingForm.auditingRemark" type="textarea" maxlength="30" show-word-limit/>
+ </el-form-item>
+ </el-form>
+ </el-col>
+ <el-col :span="14" style="max-height: 500px; overflow-y: scroll">
+ <el-timeline>
+ <el-timeline-item v-for="(condition, index) in ywConditions" :key="index" :timestamp="condition.commitUserName + '___' + condition.createTime" placement="top">
+ <el-card>
+ <div v-html="condition.ywCondition"></div>
+ <el-link type="primary" v-for="item in condition.ywProofMaterials != null ? condition.ywProofMaterials.split(',') : condition.ywProofMaterials" :underline="false" :key="item.id" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1) }}</el-link>
+ </el-card>
+ </el-timeline-item>
+ </el-timeline>
+ </el-col>
+ </el-row>
+
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitAuditing">纭� 瀹�</el-button>
<el-button @click="cancelAuditing">鍙� 娑�</el-button>
@@ -242,46 +245,50 @@
</el-step>
<el-step title="杩愮淮澶勭悊">
<template slot="description">
- <div class="y-item" v-for="(item, index) in ywHandleList" :key="index">
- <div class="y-item-1">
- <div class="flow-item-x">
- 鐜板満鎯呭喌锛�
- <!-- <el-tooltip class="item" effect="dark" :content="item.ywCondition" placement="top"> -->
- <span v-html="item.ywCondition"></span>
- <!-- </el-tooltip> -->
+ <div style="max-height: 450px;overflow-y: scroll">
+ <div class="y-item" v-for="(item, index) in ywHandleList" :key="index">
+ <div class="y-item-1">
+ <div class="flow-item-x">
+ 鐜板満鎯呭喌锛�
+ <!-- <el-tooltip class="item" effect="dark" :content="item.ywCondition" placement="top"> -->
+ <span v-html="item.ywCondition"></span>
+ <!-- </el-tooltip> -->
+ </div>
+ <!-- <div class="flow-item-x">
+ <el-tag size="small" v-for="file in item.ywProofMaterials != null ? item.ywProofMaterials.split(',') : item.ywProofMaterials" :key="file" @click="handleDownload(file)">{{ file.substring(file.lastIndexOf("/") + 1) }}</el-tag>
+ </div> -->
</div>
- <!-- <div class="flow-item-x">
- <el-tag size="small" v-for="file in item.ywProofMaterials != null ? item.ywProofMaterials.split(',') : item.ywProofMaterials" :key="file" @click="handleDownload(file)">{{ file.substring(file.lastIndexOf("/") + 1) }}</el-tag>
- </div> -->
- </div>
- <div class="y-item-2">
- <div >
- {{ parseTime(item.createTime) }}
- </div>
- <div >
- 绗瑊{ index + 1 }}娆�
+ <div class="y-item-2">
+ <div >
+ {{ parseTime(item.createTime) }}
+ </div>
+ <div >
+ 绗瑊{ index + 1 }}娆�
+ </div>
</div>
</div>
</div>
</template>
</el-step>
- <el-step title="缁撴灉瀹℃牳">
+ <el-step title="瀹℃牳缁撴灉">
<template slot="description">
- <div class="y-item" v-for="(item, index) in ywAuditingList" :key="index">
- <div class="y-item-1">
- <div class="flow-item-x">
- 瀹℃牳缁撴灉锛�<el-tag :type="item.result == '瀹℃牳閫氳繃' ? 'success' : 'danger'" size="small">{{ item.result }}</el-tag>
+ <div style="max-height: 450px;overflow-y: scroll">
+ <div class="y-item" v-for="(item, index) in ywAuditingList" :key="index">
+ <div class="y-item-1">
+ <div class="flow-item-x">
+ 瀹℃牳缁撴灉锛�<el-tag :type="item.result == '瀹℃牳閫氳繃' ? 'success' : 'danger'" size="small">{{ item.result }}</el-tag>
+ </div>
+ <div class="flow-item-x">
+ 瀹℃牳璇存槑锛�<span v-html="item.remark"></span>
+ </div>
</div>
- <div class="flow-item-x">
- 瀹℃牳璇存槑锛�<span v-html="item.remark"></span>
- </div>
- </div>
- <div class="y-item-2">
- <div >
- {{ parseTime(item.createTime) }}
- </div>
- <div >
- 绗瑊{ index + 1 }}娆�
+ <div class="y-item-2">
+ <div >
+ {{ parseTime(item.createTime) }}
+ </div>
+ <div >
+ 绗瑊{ index + 1 }}娆�
+ </div>
</div>
</div>
</div>
@@ -508,7 +515,7 @@
this.ywAuditingList = response.data;
}
});
- getYwConditionList(row.id).then(response => {
+ getYwCondition(row.id).then(response => {
if (response.data) {
this.ywHandleList = response.data;
}
--
Gitblit v1.8.0