From f48b2102886e3191c757befb15af840a6ba20844 Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期二, 28 九月 2021 17:09:59 +0800
Subject: [PATCH] 实时告警首页提交
---
src/pages/alarm-details.vue | 131 +++++++++----------------------------------
1 files changed, 29 insertions(+), 102 deletions(-)
diff --git a/src/pages/alarm-details.vue b/src/pages/alarm-details.vue
index 0e74193..d0ea510 100644
--- a/src/pages/alarm-details.vue
+++ b/src/pages/alarm-details.vue
@@ -1,13 +1,6 @@
<template>
<div class="alarm-details">
- <van-nav-bar
- title="鍛婅璇︽儏"
- @click-left="$router.back()"
- left-arrow
- fixed
- safe-area-inset-top
- placeholder
- >
+ <van-nav-bar title="鍛婅璇︽儏" @click-left="$router.back()" left-arrow fixed safe-area-inset-top placeholder>
</van-nav-bar>
<div class="detailsCon">
<div class="card">
@@ -59,39 +52,19 @@
</div>
<div class="commonTitle">
<div class="label">璁㈠崟鐘舵�侊細</div>
- <div
- class="text"
- v-if="alarmInfo.status == 2 && stepsActive == 0"
- style="color: #eac406"
- >
+ <div class="text" v-if="alarmInfo.status == 2 && stepsActive == 0" style="color: #eac406">
澶勭悊涓�
</div>
- <div
- class="text"
- v-else-if="alarmInfo.status == 2 && stepsActive == 1"
- style="color: #eac406"
- >
+ <div class="text" v-else-if="alarmInfo.status == 2 && stepsActive == 1" style="color: #eac406">
寰呭鏍�
</div>
- <div
- class="text"
- v-else-if="alarmInfo.status == 3"
- style="color: #07c160"
- >
+ <div class="text" v-else-if="alarmInfo.status == 3" style="color: #07c160">
宸插畬鎴�
</div>
- <div
- class="text"
- v-else-if="alarmInfo.status == 0"
- style="color: #4b88f9"
- >
+ <div class="text" v-else-if="alarmInfo.status == 0" style="color: #4b88f9">
寰呮淳鍙�
</div>
- <div
- class="text"
- v-else-if="alarmInfo.status == 1 && userPower == 0"
- style="color: #4b88f9"
- >
+ <div class="text" v-else-if="alarmInfo.status == 1 && userPower == 0" style="color: #4b88f9">
宸叉淳鍙�
</div>
<div class="text" v-else style="color: #4b88f9">寰呭鐞�</div>
@@ -107,14 +80,11 @@
</van-steps>
</div>
<!-- 濡傛灉鏄繘鍏ュ鏍哥姸鎬� -->
- <div
- class="card"
- v-if="
+ <div class="card" v-if="
(alarmInfo.status == 2 && stepsActive == 1) ||
(alarmInfo.status == 2 && stepsActive == 2) ||
alarmInfo.status == 3
- "
- >
+ ">
<div class="commonTitle cardTitle">鍛婅澶勭悊锛�</div>
<div class="commonTitle">
<div class="label">闂鎻忚堪锛�</div>
@@ -125,25 +95,13 @@
<div class="commonTitle">
<div class="label">澶勭悊鍓嶇収鐗囷細</div>
<div class="text">
- <div
- class="van-uploader__wrapper"
- v-if="
+ <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-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="$units.getStationSrc(item)"
- class="van-image__img"
- style="object-fit: cover"
- />
+ <img :src="$units.getStationSrc(item)" class="van-image__img" style="object-fit: cover" />
</div>
</div>
</div>
@@ -158,25 +116,13 @@
<div class="commonTitle">
<div class="label">澶勭悊鍚庣収鐗囷細</div>
<div class="text">
- <div
- class="van-uploader__wrapper"
- v-if="
+ <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-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="$units.getStationSrc(item)"
- class="van-image__img"
- style="object-fit: cover"
- />
+ <img :src="$units.getStationSrc(item)" class="van-image__img" style="object-fit: cover" />
</div>
</div>
</div>
@@ -194,53 +140,33 @@
<div class="subBtn" @click="startHandle" v-if="alarmInfo.status == 1">
寮�濮嬪鐞�
</div>
- <div
- class="subBtn"
- @click="toPage('edit')"
- v-if="alarmInfo.status == 2 && stepsActive == 0"
- >
+ <div class="subBtn" @click="toPage('edit')" v-if="alarmInfo.status == 2 && stepsActive == 0">
缁х画澶勭悊
</div>
</div>
<!-- 濡傛灉鏄淮鎶ゅ憳骞朵笖瀹炴椂鍛婅宸茶嚜鍔ㄦ秷闄� -->
- <div
- class="subBtn"
- @click="completeAlarm"
- v-else-if="userPower != 0 && isNoAlarm"
- >
+ <div class="subBtn" @click="completeAlarm" v-else-if="userPower != 0 && isNoAlarm">
纭鍛婅鑷姩娑堥櫎
</div>
<!-- 濡傛灉鏄鐞嗗憳鏈淳鍙� -->
<div v-if="userPower == 0 && alarmInfo.status == 0">
<div class="card">
<div class="commonTitle cardTitle">鎸囨淳浜哄憳锛�</div>
- <van-cell
- :title="assignUser.UName"
- is-link
- @click="
+ <van-cell :title="assignUser.UName" is-link @click="
$router.push({
path: '/userList',
query: {
stationId: alarmInfo.stationId,
},
})
- "
- />
+ " />
</div>
<div class="subBtn" @click="toAssign">纭鎸囨淳</div>
</div>
<!-- 濡傛灉鏄鐞嗗憳寰呭鏍� -->
<div v-if="userPower == 0 && alarmInfo.status == 2 && stepsActive == 1">
<div class="card">
- <van-field
- v-model="handleInfo.note"
- rows="2"
- autosize
- label="瀹℃牳鎰忚"
- type="textarea"
- placeholder="璇疯緭鍏ュ鏍告剰瑙佲��"
- show-word-limit
- />
+ <van-field v-model="handleInfo.note" rows="2" autosize label="瀹℃牳鎰忚" type="textarea" placeholder="璇疯緭鍏ュ鏍告剰瑙佲��" show-word-limit />
</div>
<div class="btnCon">
<div class="subBtn" @click="suggest(3)">閫氳繃</div>
@@ -311,7 +237,6 @@
if (assignUser) {
this.assignUser = JSON.parse(assignUser)
}
- console.log(this.alarmInfo)
this.loadStatus()
},
destroyed() {
@@ -331,12 +256,11 @@
},
//纭鎸囨淳
toAssign() {
- this.$dialog
- .confirm({
+ if (this.assignUser.UId) {
+ this.$dialog.confirm({
title: "鎻愮ず",
message: `鏄惁纭鎶婅鍛婅鎸囨淳缁�${this.assignUser.UName}?`,
- })
- .then(() => {
+ }).then(() => {
let postData = [
{
id: this.alarmInfo.id,
@@ -355,10 +279,13 @@
.catch((err) => {
console.log(err)
})
- })
- .catch(() => {
+ }).catch(() => {
// on cancel
})
+ } else {
+ this.$toast('璇烽�夋嫨鎸囨淳浜哄憳!')
+ }
+
},
//纭鑷姩瀹屾垚鍛婅
completeAlarm() {
--
Gitblit v1.9.1