From 3c48d53807bd03f3e9dabe53d6e11bf200bd748d Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 27 五月 2024 17:24:53 +0800
Subject: [PATCH] 最新版本
---
admin/src/components/business/OperaHiddenDangerWindow.vue | 124 +++++++++++++++++++++++++++++++----------
1 files changed, 93 insertions(+), 31 deletions(-)
diff --git a/admin/src/components/business/OperaHiddenDangerWindow.vue b/admin/src/components/business/OperaHiddenDangerWindow.vue
index ae6acc1..9a8e35c 100644
--- a/admin/src/components/business/OperaHiddenDangerWindow.vue
+++ b/admin/src/components/business/OperaHiddenDangerWindow.vue
@@ -35,20 +35,72 @@
<div class="label">闅愭偅鎻忚堪</div>
<div class="value">{{model.content || ''}}</div>
</div>
- <div class="item">
+ <div class="item" style="width: 100%">
<div class="label">鐜板満鎯呭喌</div>
<div class="value" v-if="model.submitFileList ==null || !model.submitFileList.length">鏃�</div>
<div class="value" v-if="model.submitFileList !=null && model.submitFileList.length">
- <span v-for="item in model.submitFileList" :key="item.id">{{item.fileurlFull}}</span>
+ <div v-for="item in model.submitFileList" :key="item.id" style="display: inline;margin-right: 20px">
+ <video
+ v-if="item.fileurlFull && item.fileurlFull.endsWith('.mp4')"
+ ref="videoRef"
+ autoplay
+ controls
+ preload="auto"
+ style="width: 80px;height: 80px;object-fit: contain;"
+ :src="item.fileurlFull"
+ />
+ <el-image
+ v-else-if="item.fileurlFull"
+ style="width:80px; height: 80px"
+ :src="item.fileurlFull"
+ :preview-src-list="[item.fileurlFull]">
+ </el-image>
+ </div>
</div>
</div>
- <div class="item" v-if="model.status==1">
+ <div class="item" v-if="model.status==1" style="width: 100%">
<div class="label">澶勭悊鍓�</div>
- <div class="value"></div>
+ <div class="value" v-if="model.dealBeforeFileList !=null && model.dealBeforeFileList.length">
+ <div v-for="item in model.dealBeforeFileList" :key="item.id" style="display: inline;margin-right: 20px">
+ <video
+ v-if="item.fileurlFull && item.fileurlFull.endsWith('.mp4')"
+ ref="videoRef"
+ autoplay
+ controls
+ preload="auto"
+ style="width: 80px;height: 80px;object-fit: contain;"
+ :src="item.fileurlFull"
+ />
+ <el-image
+ v-else-if="item.fileurlFull"
+ style="width:80px; height: 80px"
+ :src="item.fileurlFull"
+ :preview-src-list="[item.fileurlFull]">
+ </el-image>
+ </div>
+ </div>
</div>
- <div class="item" v-if="model.status==1">
+ <div class="item" v-if="model.status==1" style="width: 100%">
<div class="label">澶勭悊鍚�</div>
- <div class="value"></div>
+ <div class="value" v-if="model.dealAfterFileList !=null && model.dealAfterFileList.length">
+ <div v-for="item in model.dealAfterFileList" :key="item.id" style="display: inline;margin-right: 20px">
+ <video
+ v-if="item.fileurlFull && item.fileurlFull.endsWith('.mp4')"
+ ref="videoRef"
+ autoplay
+ controls
+ preload="auto"
+ style="width: 80px;height: 80px;object-fit: contain;"
+ :src="item.fileurlFull"
+ />
+ <el-image
+ v-else-if="item.fileurlFull"
+ style="width:80px; height: 80px"
+ :src="item.fileurlFull"
+ :preview-src-list="[item.fileurlFull]">
+ </el-image>
+ </div>
+ </div>
</div>
<div class="item" v-if="model.status==1 || model.status==2">
<div class="label">澶勭悊璇存槑</div>
@@ -60,40 +112,21 @@
<div class="side">
<div class="side_title">瀹℃壒娴佺▼</div>
<div class="list">
- <div class="item">
+ <div class="item" v-for="item in logList" :key="item.id">
<div class="separate"></div>
<div class="info">
<i class="el-icon-success icon"></i>
- <img src="" class="avatar" alt="" />
+ <img :src="item.avatar" class="avatar" alt="" />
<div class="content">
<div class="line">
- <div class="name">鍒樻煇鍒樻煇</div>
- <div class="time">2020-02-02 12:20</div>
+ <div class="name">{{ item.createUserName}}</div>
+ <div class="time">{{ item.createDate }}</div>
</div>
<div class="line">
- <div class="company">涓浗绉诲姩鏈夐檺鍏徃</div>
+ <div class="company">{{ item.companyName }} <span class="status">宸插悓鎰�</span> </div>
</div>
</div>
</div>
- </div>
- <div class="item">
- <!-- <div v-if="" class="separate"></div> -->
- <div class="info">
- <i class="el-icon-success icon"></i>
- <img src="" class="avatar" alt="" />
- <div class="content">
- <div class="line">
- <div class="name">鍒樻煇鍒樻煇</div>
- <div class="time">2020-02-02 12:20</div>
- </div>
- <div class="line">
- <div class="company">
- 涓浗绉诲姩鏈夐檺鍏徃( <span class="status">宸插悓鎰�</span> )
- </div>
- </div>
- </div>
- </div>
- <div class="remark">鎻愪氦绾﹀ソ鐨�</div>
</div>
</div>
</div>
@@ -178,14 +211,19 @@
</template>
<script>
+import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
+import {findLogList} from "@/api/business/hiddenDanger";
export default {
components: { GlobalWindow },
+ extends: BaseOpera,
data() {
return {
title: '璁垮棰勭害璇︽儏',
visible: false,
+ dataId:null,
model: { },
+ logList:[],
isShowAppr: false,
apprTitle: '鍚屾剰',
param: {},
@@ -193,11 +231,35 @@
rules: {}
}
},
+ created () {
+ this.config({
+ api: '/business/hiddenDanger',
+ 'field.id': 'id'
+ })
+ },
methods: {
+ dealDo(){},
+ backDo(){},
open(title,target){
this.title =title
this.visible=true
- this.model = target
+ this.model = {}
+ this.dataId =target.id
+ this.getDetail()
+ this.getLogList()
+
+ },
+ getLogList(){
+ this.api.findLogList({hiddenDangerId:this.dataId})
+ .then(res =>{
+ this.logList = res
+ })
+ },
+ getDetail(){
+ this.api.detail(this.dataId)
+ .then(res =>{
+ this.model = res
+ })
},
confirm() {
console.log('--')
--
Gitblit v1.9.3