From 9ca0e9dc50759f4c00498e68c0155bcc3db2be2f Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期二, 27 十二月 2022 15:20:02 +0800
Subject: [PATCH] 页面修改
---
src/views/common/Audit.vue | 87 ++++++++++++++++++++++++-------------------
1 files changed, 49 insertions(+), 38 deletions(-)
diff --git a/src/views/common/Audit.vue b/src/views/common/Audit.vue
index f9892b5..6af7e8a 100644
--- a/src/views/common/Audit.vue
+++ b/src/views/common/Audit.vue
@@ -28,11 +28,10 @@
<el-button type="primary" @click="addAduitDialogOpen">娣诲姞</el-button>
</el-form-item>
<el-form-item>
- <el-upload name="multipartFile" class="upload-demo" action="/api/cause/reporterUpload"
- :show-file-list="false" :before-upload="beforeAvatarUpload"
- :on-success="reporterRespond" :limit="1">
- <el-button type="primary">瀵煎叆</el-button>
- </el-upload>
+ <el-upload name="multipartFile" class="upload-demo" action="/api/cause/reporterUpload"
+ :show-file-list="false" :before-upload="beforeAvatarUpload" :on-success="reporterRespond" :limit="1">
+ <el-button type="primary">瀵煎叆</el-button>
+ </el-upload>
</el-form-item>
</el-form>
</template>
@@ -87,13 +86,13 @@
<el-row :gutter="15">
<el-form ref="addAduitForm" :model="auditFrom" :rules="rules" size="medium" label-width="100px">
<el-col :span="12">
- <!-- <el-form-item label="澶村儚" prop="pic" required>
+ <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/*">
<img v-if="picShow" :src="picShow" style="width: 145px;height: 145px">
<i v-else class="el-icon-plus"></i>
</el-upload>
- </el-form-item> -->
+ </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鎶ユ浜� " prop="reporterName">
@@ -115,8 +114,9 @@
</el-col>
<el-col :span="12">
<el-form-item label="琚獥鏃堕棿" prop="cheatTime">
- <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-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>
</el-col>
<el-col :span="12">
@@ -127,7 +127,8 @@
</el-col>
<el-col :span="24">
<el-form-item label="妗堜欢鎻忚堪" prop="reportDescription">
- <el-input v-model="auditFrom.reportDescription" placeholder="璇疯緭鍏ユ浠舵弿杩�" clearable :style="{ width: '100%' }">
+ <el-input v-model="auditFrom.reportDescription" placeholder="璇疯緭鍏ユ浠舵弿杩�" clearable
+ :style="{ width: '100%' }">
</el-input>
</el-form-item>
</el-col>
@@ -138,7 +139,7 @@
</el-form-item>
</el-col>
<el-col :span="24">
- <el-form-item label="涓婁紶" prop="fileList" >
+ <el-form-item label="涓婁紶" prop="fileList">
<el-upload ref="reportMaterials" :file-list="auditFrom.fileList" action="/api/minio/upload"
list-type="picture" :on-success="handleMaterialSuccess">
<el-button size="small" type="primary" icon="el-icon-upload">鐐瑰嚮涓婁紶</el-button>
@@ -193,8 +194,9 @@
</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-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-form-item>
</el-col>
<el-col :span="12">
@@ -218,7 +220,7 @@
<el-col :span="24">
<el-form-item label="鏉愭枡">
<div class="metalL">
- <el-image :src="reportData" style="height: 200px;width: 200px;"></el-image>
+ <el-image v-for="(img,index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
</div>
</el-form-item>
</el-col>
@@ -270,8 +272,9 @@
</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-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-form-item>
</el-col>
<el-col :span="12">
@@ -295,7 +298,7 @@
<el-col :span="24">
<el-form-item label="鏉愭枡">
<div class="metalL">
- <el-image :src="reportData" style="height: 200px;width: 200px;"></el-image>
+ <el-image v-for="(img,index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
</div>
</el-form-item>
</el-col>
@@ -345,7 +348,7 @@
},
auditInfo: {},
picShow: "",
- reportData: "",
+ reportData: [],
optionsGroup: [
{
value: null,
@@ -386,7 +389,7 @@
message: '璇疯緭鍏ユ姤妗堜汉 ',
trigger: 'blur'
}],
- mobile:
+ mobile:
[{ required: true, message: '璇疯緭鍏ユ墜鏈哄彿鐮�', trigger: 'blur' },
{
validator: function (rule, value, callback) {
@@ -438,7 +441,7 @@
},
methods: {
- //妗堜欢浜哄憳瀵煎叆鎴愬姛鍚�
+ //妗堜欢浜哄憳瀵煎叆鎴愬姛鍚�
reporterRespond(res) {
if (res.code == 200) {
this.$message({
@@ -452,9 +455,9 @@
type: 'error'
})
}
- this.getList()
+ this.getList()
},
- beforeAvatarUpload(file) {
+ beforeAvatarUpload(file) {
let Xls = file.name.split('.');
if (Xls[1] === 'xls' || Xls[1] === 'xlsx') {
return file
@@ -484,12 +487,15 @@
this.picShow = res
})
}
- if (res.reportMaterials === '' || res.reportMaterials === null) {
- this.reportData = './logo.jpg';
- } else {
- getImgUrl(res.reportMaterials).then(res => {
- this.reportData = res
- })
+ var addressList = res.reportMaterials.split(",")
+ for (let item of addressList) {
+ if (item === '' || item === null) {
+ // this.reportData.push('./logo.jpg');
+ } else {
+ getImgUrl(item).then(res => {
+ this.reportData.push(res);
+ })
+ }
}
this.checkVisible = true
})
@@ -497,10 +503,14 @@
infoAduitClose() {
this.checkVisible = false
this.$refs.infoAduitForm.resetFields()
+ this.reportData=[]
+ this.picShow=""
},
- detailsClose() {
+ detailsClose() {
this.infoAduitDialogVisible = false
this.$refs.infoAduitForm.resetFields()
+ this.reportData=[]
+ this.picShow=""
},
addAduit() {
this.$refs.addAduitForm.validate(async (vaild) => {
@@ -522,7 +532,6 @@
},
handleAvatarSuccess(res, file) {
this.auditFrom.pic = res.data
- console.log(res.data)
getImgUrl(res.data).then(res => {
this.picShow = res
})
@@ -536,8 +545,8 @@
},
addAduitClose() {
this.addAduitDialogVisible = false
- this.$refs.addAduitForm.resetFields()
this.picShow = ""
+ this.$refs.addAduitForm.resetFields()
},
getList() {
let param = {}
@@ -585,13 +594,15 @@
this.picShow = res
})
}
-
- if (res.reportMaterials === '' || res.reportMaterials === null) {
- this.reportData = './logo.jpg';
- } else {
- getImgUrl(res.reportMaterials).then(res => {
- this.reportData = res
- })
+ var addressList = res.reportMaterials.split(",")
+ for (let item of addressList) {
+ if (item === '' || item === null) {
+ // this.reportData.push('./logo.jpg');
+ } else {
+ getImgUrl(item).then(res => {
+ this.reportData.push(res);
+ })
+ }
}
this.infoAduitDialogVisible = true
})
--
Gitblit v1.8.0