From ba45f770d3439d8a23b89ffdaf5b4c8dcdbfa521 Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期二, 31 八月 2021 13:44:46 +0800
Subject: [PATCH] 维护员处理告警流程代码提交
---
src/pages/alarm-details.vue | 122 ++++++++++++++++++++++++++++++++++++----
1 files changed, 109 insertions(+), 13 deletions(-)
diff --git a/src/pages/alarm-details.vue b/src/pages/alarm-details.vue
index d014672..7bba999 100644
--- a/src/pages/alarm-details.vue
+++ b/src/pages/alarm-details.vue
@@ -56,37 +56,112 @@
<div class="label">
澶勭悊鐘舵�侊細
</div>
- <div class="text" v-if="alarmInfo.status==2">
+ <div class="text" v-if="alarmInfo.status==2&&stepsActive==0" style="color: #eac406;">
澶勭悊涓�
</div>
- <div class="text" v-else-if="alarmInfo.status==3">
- 宸插鐞�
+ <div class="text" v-else-if="alarmInfo.status==2&&stepsActive==1" style="color: #eac406;">
+ 寰呭鏍�
</div>
- <div class="text" v-else>
+ <div class="text" v-else-if="alarmInfo.status==3" style="color: #07c160;">
+ 宸插畬鎴�
+ </div>
+ <div class="text" v-else style="color: #4B88F9;">
寰呭鐞�
</div>
</div>
</div>
<div class="subBtn" @click="startHandle" v-if="alarmInfo.status==1">寮�濮嬪鐞�</div>
<div class="card" v-if="alarmInfo.status==2">
+ <div class="commonTitle cardTitle">
+ 璁㈠崟鐘舵��
+ </div>
<van-steps :active="stepsActive">
<van-step>澶勭悊涓�</van-step>
<van-step>寰呭鏍�</van-step>
<van-step>宸插畬鎴�</van-step>
</van-steps>
</div>
- <div class="subBtn" @click="toPage('edit')" v-if="alarmInfo.status==2">缁х画澶勭悊</div>
+ <div class="subBtn" @click="toPage('edit')" v-if="alarmInfo.status==2&&stepsActive==0">缁х画澶勭悊</div>
+ <div class="card" v-else-if="alarmInfo.status==2&&stepsActive==1||alarmInfo.status==2&&stepsActive==2">
+ <div class="commonTitle cardTitle">
+ 鍛婅澶勭悊
+ </div>
+ <div class="commonTitle">
+ <div class="label">
+ 闂鎻忚堪锛�
+ </div>
+ <div class="text">
+ {{handleInfo.description}}
+ </div>
+ </div>
+ <div class="commonTitle">
+ <div class="label">
+ 澶勭悊鍓嶇収鐗囷細
+ </div>
+ <div class="text">
+ <div class="van-uploader__wrapper"
+ v-if="handleInfo.imageBefore&&handleInfo.imageBefore.split(',').length>0">
+ <div class="van-uploader__preview" v-for="(item,i) in handleInfo.imageBefore.split(',')" :key="i"
+ @click="toShowImgpreview(handleInfo.imageBefore.split(','))">
+ <div class="van-image van-uploader__preview-image">
+ <img :src="item" class="van-image__img" style="object-fit: cover;">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="commonTitle">
+ <div class="label">
+ 澶勭悊鏂规硶锛�
+ </div>
+ <div class="text">
+ {{handleInfo.workWay}}
+ </div>
+ </div>
+ <div class="commonTitle">
+ <div class="label">
+ 澶勭悊鍚庣収鐗囷細
+ </div>
+ <div class="text">
+ <div class="van-uploader__wrapper" v-if="handleInfo.imageAfter&&handleInfo.imageAfter.split(',').length>0">
+ <div class="van-uploader__preview" v-for="(item,i) in handleInfo.imageAfter.split(',')" :key="i"
+ @click="toShowImgpreview(handleInfo.imageAfter.split(','))">
+ <div class="van-image van-uploader__preview-image">
+ <img :src="item" class="van-image__img" style="object-fit: cover;">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="commonTitle">
+ <div class="label">
+ 鎰忚寤鸿锛�
+ </div>
+ <div class="text">
+ {{handleInfo.workSuggest}}
+ </div>
+ </div>
+ </div>
</div>
+ <van-image-preview v-model="showImgPreview" :images="ImgPreviewList">
+ </van-image-preview>
</div>
</template>
<script>
import {
- updateWorkAlarm
+ updateWorkAlarm,
+ searchStatusById
} from '@/assets/js/api'
+ import vUpload from '@/components/v-upload.vue'
export default {
+ components: {
+ vUpload
+ },
data() {
return {
+ showImgPreview: false,
+ ImgPreviewList: [],
stepsActive: 0,
alarmInfo: {
id: 0,
@@ -111,11 +186,13 @@
alarmname: "",
alarmtype: ""
}
- }
+ },
+ handleInfo: {}
}
},
mounted() {
this.alarmInfo = JSON.parse(this.$route.query.alarmData);
+ this.loadStatus()
},
methods: {
toPage(type) {
@@ -126,6 +203,29 @@
type: type
}
})
+ },
+ //鐐瑰嚮鍥剧墖鏄剧ず鍥剧墖棰勮灞�
+ toShowImgpreview(list) {
+ this.ImgPreviewList = list;
+ this.showImgPreview = true;
+ },
+ //鏌ヨ璁㈠崟褰撳墠鏈�鏂扮姸鎬�
+ loadStatus() {
+ let postData = {
+ id: this.alarmInfo.id
+ }
+ searchStatusById(postData).then((res) => {
+ let resData = JSON.parse(res.data.result)
+ if (resData.code == 1) {
+ this.alarmInfo.status = resData.data.status;
+ if (resData.data.userWorkList.length > 0) {
+ this.handleInfo = resData.data.userWorkList[0];
+ this.stepsActive = this.handleInfo.checkStatus
+ }
+ }
+ }).catch((err) => {
+ console.log(err)
+ });
},
//寮�濮嬪鐞�
startHandle() {
@@ -148,7 +248,7 @@
<style scoped>
.alarm-details {
width: 100%;
- height: 100%;
+ min-height: 100%;
background: #F5F5F5;
}
@@ -175,7 +275,6 @@
border-bottom: 1px solid #EEEEEE;
margin-bottom: 22px;
display: flex;
- align-items: center;
}
.cardTitle {
@@ -185,14 +284,11 @@
.commonTitle .label {
line-height: 40px;
display: inline-block;
- width: 150px;
+ width: 170px;
}
.commonTitle .text {
flex: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
}
.subBtn {
--
Gitblit v1.9.1