From 156fc31e7cc7ebc21399bd5c3debc24bf64cef22 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 22 三月 2023 17:45:49 +0800
Subject: [PATCH] 修改审核图片
---
src/views/common/Audit.vue | 202 +++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 158 insertions(+), 44 deletions(-)
diff --git a/src/views/common/Audit.vue b/src/views/common/Audit.vue
index 8708333..542c1ac 100644
--- a/src/views/common/Audit.vue
+++ b/src/views/common/Audit.vue
@@ -122,7 +122,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="琚獥鏃堕棿" prop="cheatTime">
- <el-date-picker v-model="auditFrom.cheatTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿"
+ <el-date-picker v-model="auditFrom.cheatTime+''" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿"
:style="{ width: '100%' }" format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
@@ -177,11 +177,10 @@
<el-form ref="infoAduitForm" :rules="rules2" :model="auditInfo" size="medium" label-width="100px">
<el-col :span="12">
<el-form-item label="澶村儚" prop="pic" required>
- <el-upload ref="pic" action="/api/minio/upload" :show-file-list="false" :on-success="handleAvatarSuccess"
- list-type="picture-card" accept="image/*" disabled>
+
<el-image style="width: 145px; height: 145px" :src="picShow" :preview-src-list="new Array(picShow)">
</el-image>
- </el-upload>
+
</el-form-item>
</el-col>
<el-col :span="12">
@@ -203,9 +202,8 @@
</el-col>
<el-col :span="12">
<el-form-item label="琚獥鏃堕棿">
- <el-date-picker v-model="auditInfo.tmpTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿"
- :style="{ width: '100%' }" format="yyyy-MM-dd HH:mm:ss" :value-format="auditFrom.cheatTime"
- disabled></el-date-picker>
+ <el-input v-model="auditInfo.cheatTime" placeholder="璇烽�夋嫨鎶ユ鏃堕棿 " clearable disabled :style="{ width: '100%' }">
+ </el-input>
</el-form-item>
</el-col>
<el-col :span="12">
@@ -214,28 +212,61 @@
</el-input>
</el-form-item>
</el-col>
- <el-col :span="24">
- <el-form-item label="妗堜欢鎻忚堪">
- <el-input v-model="auditInfo.reportDescription" placeholder="璇疯緭鍏ユ浠舵弿杩�" :style="{ width: '100%' }" disabled>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="24">
- <el-form-item label="琛ュ厖淇℃伅">
- <el-input v-model="auditInfo.information" type="textarea" placeholder="璇疯緭鍏ヨˉ鍏呬俊鎭�"
- :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }" disabled></el-input>
- </el-form-item>
- </el-col>
+<!-- <el-col :span="24">-->
+<!-- <el-form-item label="妗堜欢鎻忚堪">-->
+<!-- <el-input v-model="auditInfo.reportDescription" placeholder="璇疯緭鍏ユ浠舵弿杩�" :style="{ width: '100%' }" disabled>-->
+<!-- </el-input>-->
+<!-- </el-form-item>-->
+<!-- </el-col>-->
+<!-- <el-col :span="24">-->
+<!-- <el-form-item label="琛ュ厖淇℃伅">-->
+<!-- <el-input v-model="auditInfo.information" type="textarea" placeholder="璇疯緭鍏ヨˉ鍏呬俊鎭�"-->
+<!-- :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }" disabled></el-input>-->
+<!-- </el-form-item>-->
+<!-- </el-col>-->
<el-col :span="24">
<el-form-item label="鏉愭枡">
<div class="metalL">
- <el-image v-for="(img, index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
+ <el-tabs v-model="activeName" @tab-click="handleClickTab">
+ <el-tab-pane label="韬唤璇�" name="a">
+ <div v-for="item in idCardMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="鍚堝悓" name="b">
+ <div v-for="item in contractMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="浜ゆ槗鍑瘉" name="c">
+ <div v-for="item in transactionMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="鍏朵粬" name="d">
+ <div v-for="item in elseMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ </el-tabs>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="鍏宠仈妗堜欢" prop="causeId">
- <el-select v-model="auditInfo.causeId" placeholder="璇烽�夋嫨涓嬫媺閫夋嫨" clearable :style="{ width: '50%' }">
+ <el-select v-model="auditInfo.causeId+''" placeholder="璇烽�夋嫨涓嬫媺閫夋嫨" clearable :style="{ width: '50%' }">
<el-option v-for="item in causeOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
@@ -298,9 +329,8 @@
</el-col>
<el-col :span="12">
<el-form-item label="琚獥鏃堕棿">
- <el-date-picker v-model="auditInfo.tmpTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿"
- :style="{ width: '100%' }" format="yyyy-MM-dd HH:mm:ss" :value-format="auditFrom.cheatTime"
- disabled></el-date-picker>
+ <el-input v-model="auditInfo.cheatTime" placeholder="璇烽�夋嫨鎶ユ鏃堕棿 " clearable disabled :style="{ width: '100%' }">
+ </el-input>
</el-form-item>
</el-col>
<el-col :span="12">
@@ -310,24 +340,53 @@
</el-form-item>
</el-col>
<el-col :span="24">
- <el-form-item label="妗堜欢鎻忚堪">
- <el-input v-model="auditInfo.reportDescription" placeholder="璇疯緭鍏ユ浠舵弿杩�" :style="{ width: '100%' }" disabled>
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="24">
- <el-form-item label="琛ュ厖淇℃伅">
- <el-input v-model="auditInfo.information" type="textarea" placeholder="璇疯緭鍏ヨˉ鍏呬俊鎭�"
- :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }" disabled></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="24">
<el-form-item label="鏉愭枡">
<div class="metalL">
- <el-image v-for="(img, index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
+ <el-tabs v-model="activeName" @tab-click="handleClickTab">
+ <el-tab-pane label="韬唤璇�" name="a">
+ <div v-for="item in idCardMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="鍚堝悓" name="b">
+ <div v-for="item in contractMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="浜ゆ槗鍑瘉" name="c">
+ <div v-for="item in transactionMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="鍏朵粬" name="d">
+ <div v-for="item in elseMaterials">
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="item"
+ fit="fill"></el-image>
+ </div>
+ </el-tab-pane>
+ </el-tabs>
</div>
</el-form-item>
</el-col>
+ <el-col :span="24">
+ <el-form-item label="鍏宠仈妗堜欢" prop="causeId">
+ <el-select v-model="auditInfo.causeId+''" placeholder="璇烽�夋嫨涓嬫媺閫夋嫨" clearable :style="{ width: '50%' }">
+ <el-option v-for="item in causeOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
<!-- <el-col :span="24">
<el-form-item label="鍏宠仈妗堜欢" prop="causeId">
<el-select v-model="auditFrom.causeId" placeholder="璇烽�夋嫨涓嬫媺閫夋嫨" clearable :style="{ width: '50%' }" disabled>
@@ -349,7 +408,12 @@
name: "Audit",
data() {
return {
-
+ idCardMaterials:[],
+ contractMaterials:[],
+ transactionMaterials:[],
+ elseMaterials:[],
+ fits: ['fill', 'contain', 'cover', 'none', 'scale-down'],
+ activeName: 'a',
reasonForRejectionInput:'',
innerLayerVisible:false,
current: null,
@@ -475,6 +539,9 @@
openInnerLayerVisible(){
},
+ handleClickTab(t,e){
+ console.log(t,e)
+ },
//妗堜欢浜哄憳瀵煎叆鎴愬姛鍚�
reporterRespond(res) {
if (res.code == 200) {
@@ -536,13 +603,38 @@
check(val) {
getReportById(val).then(res => {
this.auditInfo = res
+ console.log(this.auditInfo)
+ if (res.idCardMaterials){
+ this.idCardMaterials=res.idCardMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
+ if (res.contractMaterials){
+ this.contractMaterials=res.contractMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
+
+ if (res.transactionMaterials){
+ this.transactionMaterials=res.transactionMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
+
+ if (res.elseMaterials){
+ this.elseMaterials=res.elseMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
+
this.reasonForRejectionInput= this.auditInfo.remarks||''
+ console.log(res)
if (res.pic === '' || res.pic === null) {
this.picShow = './logo.jpg';
} else {
- getImgUrl(res.pic).then(res => {
- this.picShow = res
- })
+
+ this.picShow = '/minio/img/'+res.pic
+
}
if (res.reportMaterials) {
var addressList = res.reportMaterials.split(",")
@@ -590,6 +682,7 @@
async getCauseOptions() {
const { data: data } = await this.$http.get('/api/cause/getCauseIdAndName');
this.causeOptions = data.data;
+ console.log(this.causeOptions)
},
handleAvatarSuccess(res, file) {
this.auditFrom.pic = res.data
@@ -630,6 +723,7 @@
x.pic = res
})
}
+ console.log(this.list)
})
})
},
@@ -648,12 +742,32 @@
details(id) {
getReportById(id).then(res => {
this.auditInfo = res
+ if (res.idCardMaterials){
+ this.idCardMaterials=res.idCardMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
+ if (res.contractMaterials){
+ this.contractMaterials=res.contractMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
+
+ if (res.transactionMaterials){
+ this.transactionMaterials=res.transactionMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
+
+ if (res.elseMaterials){
+ this.elseMaterials=res.elseMaterials.split(',').map(item=>{
+ return item='/minio/img/'+item
+ })
+ }
if (res.pic === '' || res.pic === null) {
this.picShow = './logo.jpg';
} else {
- getImgUrl(res.pic).then(res => {
- this.picShow = res
- })
+ this.picShow = '/minio/img/'+res.pic
}
if (res.reportMaterials) {
var addressList = res.reportMaterials.split(",")
--
Gitblit v1.8.0