From 81a110ce9a42925405e3de67408ba3bb41a68cf9 Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期一, 26 十二月 2022 18:10:19 +0800
Subject: [PATCH] 案件录入页面优化
---
src/views/common/Audit.vue | 70 +++++++++++++++++++++++++----------
1 files changed, 50 insertions(+), 20 deletions(-)
diff --git a/src/views/common/Audit.vue b/src/views/common/Audit.vue
index b8f503c..ffa24c9 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>
@@ -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">
@@ -217,7 +219,9 @@
</el-col>
<el-col :span="24">
<el-form-item label="鏉愭枡">
- <div class="metalL"></div>
+ <div class="metalL">
+ <el-image v-for="(img,index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
+ </div>
</el-form-item>
</el-col>
<el-col :span="24">
@@ -268,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">
@@ -292,7 +297,9 @@
</el-col>
<el-col :span="24">
<el-form-item label="鏉愭枡">
- <div class="metalL"></div>
+ <div class="metalL">
+ <el-image v-for="(img,index) in reportData" :src="img" style="height: 200px;width: 200px;"></el-image>
+ </div>
</el-form-item>
</el-col>
<!-- <el-col :span="24">
@@ -341,6 +348,7 @@
},
auditInfo: {},
picShow: "",
+ reportData: [],
optionsGroup: [
{
value: null,
@@ -381,7 +389,7 @@
message: '璇疯緭鍏ユ姤妗堜汉 ',
trigger: 'blur'
}],
- mobile:
+ mobile:
[{ required: true, message: '璇疯緭鍏ユ墜鏈哄彿鐮�', trigger: 'blur' },
{
validator: function (rule, value, callback) {
@@ -433,7 +441,7 @@
},
methods: {
- //妗堜欢浜哄憳瀵煎叆鎴愬姛鍚�
+ //妗堜欢浜哄憳瀵煎叆鎴愬姛鍚�
reporterRespond(res) {
if (res.code == 200) {
this.$message({
@@ -447,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
@@ -479,16 +487,28 @@
this.picShow = 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
})
},
infoAduitClose() {
this.checkVisible = false
this.$refs.infoAduitForm.resetFields()
+ this.reportData=[]
},
- detailsClose() {
+ detailsClose() {
this.infoAduitDialogVisible = false
this.$refs.infoAduitForm.resetFields()
+ this.reportData=[]
},
addAduit() {
this.$refs.addAduitForm.validate(async (vaild) => {
@@ -573,6 +593,16 @@
this.picShow = 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