From 329de8a777dbc880bc495559fc3aae51963663fb Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 17 十月 2022 17:11:47 +0800
Subject: [PATCH] 1.安灯设置静态页面实现部分
---
src/views/sbgl/wxjl.vue | 86 ++++++++++++++++++++++++++++++++++++++++---
1 files changed, 80 insertions(+), 6 deletions(-)
diff --git a/src/views/sbgl/wxjl.vue b/src/views/sbgl/wxjl.vue
index 8fd105b..52d730f 100644
--- a/src/views/sbgl/wxjl.vue
+++ b/src/views/sbgl/wxjl.vue
@@ -267,7 +267,7 @@
style="width: 100px;margin-right: 10px"
:src="baseUrl+item.img1url"
alt=""
- @click="handlePictureCardPreview(baseUrl+item.img1url)"
+ @click="handlePictureCardPreview(baseUrl+item.img1url,'璁惧鎶ヤ慨/鏁呴殰鍥剧墖')"
>
</div>
</div>
@@ -283,7 +283,7 @@
style="width: 100px;margin-right: 10px"
:src="baseUrl+item.img1url"
alt=""
- @click="handlePictureCardPreview(baseUrl+item.img1url)"
+ @click="handlePictureCardPreview(baseUrl+item.img1url,'璁惧缁翠慨/鏁呴殰鍥剧墖')"
>
</div>
</div>
@@ -296,7 +296,7 @@
style="width: 100px;margin-right: 10px"
:src="baseUrl+item.img2url"
alt=""
- @click="handlePictureCardPreview(baseUrl+item.img2url)"
+ @click="handlePictureCardPreview(baseUrl+item.img2url,'璁惧缁翠慨/澶囦欢鍥剧墖')"
>
</div>
</div>
@@ -305,7 +305,14 @@
<i class="el-icon-s-operation" style="color:#42b983;" /> 璁惧缁翠慨楠岃瘉淇℃伅锛�
</div>
<div style="display: flex;flex-direction: column;margin-left: 40px">
- <div style="margin-bottom: 10px">楠岃瘉缁撴灉锛歿{ isResult }}</div>
+ <div style="margin-bottom: 10px;display: flex;">楠岃瘉缁撴灉锛�
+ <div
+ :style="{backgroundColor:isResult==='閫氳繃'? '#42b983':'red'}"
+ style="margin-top: 3px;margin-right: 5px;width:10px;height: 10px;border-radius: 50%;"
+ />
+ {{ isResult }}
+ </div>
+
</div>
</div>
<!-- 鍥剧墖棰勮瀵硅瘽妗�-->
@@ -316,7 +323,33 @@
append-to-body
@close="pictureHandleClose"
>
- <img width="100%" :src="pictureUrl" alt="">
+ <div style="font-size: 16px;margin-bottom: 10px">
+ <i class="el-icon-s-comment" style="color:#42b983;" /> {{ pictureName }}
+ </div>
+
+ <img :key="new Date()" width="100%" :src="pictureUrl" alt="">
+
+ <el-tooltip class="item" effect="light" content="涓婁竴寮�" placement="top">
+ <div
+ v-if="pictureUrlAll.findIndex(item => item.url === pictureUrl)!==0"
+ style="position: absolute;top: 48%;left: 3.5%;"
+ ><i
+ style="color:#fff;cursor: pointer;font-size: 20px"
+ class="el-icon-d-arrow-left"
+ @click="arrowLeftClick(pictureUrl,pictureName)"
+ /></div>
+ </el-tooltip>
+ <el-tooltip class="item" effect="light" content="涓嬩竴寮�" placement="top">
+ <div
+ v-if="pictureUrlAll.findIndex(item => item.url === pictureUrl)!==pictureUrlAll.length-1"
+ style="position: absolute;top: 48%;right: 3.5%;"
+ >
+ <i
+ style="color:#fff;cursor: pointer;font-size: 20px"
+ class="el-icon-d-arrow-right"
+ @click="arrowRightClick(pictureUrl,pictureName)"
+ /></div>
+ </el-tooltip>
<span slot="footer" class="dialog-footer">
<div class="footerButton">
<el-button @click="pictureVisible=false">杩� 鍥�</el-button>
@@ -391,6 +424,8 @@
pictureVisible: false, // 鍥剧墖棰勮瀵硅瘽妗�
pictureUrl: '', // 鍥剧墖棰勮Url
+ pictureName: '', // 鍥剧墖棰勮鍚嶇О
+ pictureUrlAll: [], // 鍥剧墖棰勮鍦板潃鐨勬墍鏈塙rl
title_value: '鏁版嵁瀵煎叆 / 鐐规閮ㄤ綅',
code: '4',
@@ -506,19 +541,58 @@
this.dialogData1 = res.data1
this.dialogData2 = res.data2
this.isResult = row.verify_result
+
+ // 璁惧鎶ヤ慨鍥剧墖闆嗗悎
+ if (this.dialogData1.faultimage) {
+ this.dialogData1.faultimage.forEach(item => {
+ this.pictureUrlAll.push(
+ { url: this.baseUrl + item.img1url, name: '璁惧鎶ヤ慨/鏁呴殰鍥剧墖' }
+ )
+ })
+ }
+ // 璁惧缁翠慨鍥剧墖闆嗗悎
+ if (this.dialogData2.repairimage) {
+ this.dialogData2.repairimage.forEach(item => {
+ this.pictureUrlAll.push(
+ {
+ url: item.img1url ? this.baseUrl + item.img1url : this.baseUrl + item.img2url,
+ name: item.img1url ? '璁惧缁翠慨/鏁呴殰鍥剧墖' : '璁惧缁翠慨/澶囦欢鍥剧墖'
+ }
+ )
+ })
+ }
},
- handlePictureCardPreview(url) {
+ handlePictureCardPreview(url, name) {
this.pictureVisible = true
this.pictureUrl = url
+ this.pictureName = name
+ },
+ arrowLeftClick(pictureUrl, pictureName) {
+ this.pictureUrlAll.forEach((item, index) => {
+ if (item.url === pictureUrl) {
+ this.pictureUrl = this.pictureUrlAll[index - 1].url
+ this.pictureName = this.pictureUrlAll[index - 1].name
+ }
+ })
+ },
+ arrowRightClick(pictureUrl, pictureName) {
+ this.pictureUrlAll.forEach((item, index) => {
+ if (item.url === pictureUrl) {
+ this.pictureUrl = this.pictureUrlAll[index + 1].url
+ this.pictureName = this.pictureUrlAll[index + 1].name
+ }
+ })
},
pictureHandleClose() {
this.pictureUrl = ''
+ this.pictureName = ''
},
// 瀵硅瘽妗嗗叧闂簨浠�
handleClose() {
this.dialogData1 = {}
this.dialogData2 = {}
this.isResult = ''
+ this.pictureUrlAll = []
},
async download() {
let reportdate = this.form.reportdate
--
Gitblit v1.9.3