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/cause/Entry.vue | 266 +++++++++++++++++++++++++++++------------------------
1 files changed, 146 insertions(+), 120 deletions(-)
diff --git a/src/views/cause/Entry.vue b/src/views/cause/Entry.vue
index be937ec..a576229 100644
--- a/src/views/cause/Entry.vue
+++ b/src/views/cause/Entry.vue
@@ -16,13 +16,13 @@
<el-button type="primary" @click="search">鏌ヨ</el-button>
</el-form-item>
<el-form-item>
- <el-button type="primary" @click="addAduitDialogVisible = true">娣诲姞</el-button>
+ <el-button type="primary" @click="addAduitAnJian">娣诲姞</el-button>
</el-form-item>
<el-form-item>
<el-upload name="multipartFile" class="upload-demo" action="/api/cause/upload " :show-file-list="false"
:before-upload="beforeAvatarUpload" :on-success="respond" :limit="1">
- <el-button type="primary">瀵煎叆</el-button>
+<!-- <el-button type="primary">瀵煎叆</el-button>-->
</el-upload>
</el-form-item>
</el-form>
@@ -35,17 +35,17 @@
</el-table-column>
<el-table-column prop="reportNumber" label="鎶ユ浜烘暟" width="100" header-align="center" align="center">
</el-table-column>
- <el-table-column prop="totalMoney" label="棰勪及鎬婚噾棰�" width="100" header-align="center" align="center">
+ <el-table-column prop="totalMoney" label="棰勪及鎬婚噾棰�" width="100" header-align="center" align="center">
</el-table-column>
<el-table-column prop="firstTime" label="鏈�鏃╁彂妗堟棩鏈�" width="160" header-align="center" align="center">
</el-table-column>
<el-table-column prop="status" label="妗堜欢鐘舵��" width="110" header-align="center" align="center">
<template slot-scope="scope">
- <span v-if="scope.row.status == 0">鍙楃悊涓�</span>
- <span v-if="scope.row.status == 1">涓嶄簣绔嬫</span>
- <span v-if="scope.row.status == 2">浠ョ珛妗�</span>
- <span v-if="scope.row.status == 3">宸茬粨妗�</span>
- <span v-if="scope.row.status == 4">宸茬珛妗�</span>
+ <span v-if="scope.row.status == 0">绔嬫</span>
+ <span v-if="scope.row.status == 1">鍒濇煡</span>
+ <span v-if="scope.row.status == 2">鍙楃悊</span>
+ <span v-if="scope.row.status == 3">绉婚�佽捣璇�</span>
+ <span v-if="scope.row.status == 4">缁撴</span>
</template>
</el-table-column>
<el-table-column prop="userName" label="璐熻矗浜�" width="130" header-align="center" align="center">
@@ -70,7 +70,7 @@
<!--娣诲姞妗堜欢寮圭獥-->
<el-dialog title="娣诲姞妗堜欢" :visible.sync="addAduitDialogVisible" :before-close="addAduitClose">
<el-row :gutter="15">
- <el-form ref="causeForm" :model="causeForm" :rules="addCauseRules" size="medium" label-width="100px">
+ <el-form ref="causeForm" :model="causeForm" :rules="addCauseRules" size="medium" label-width="140px">
<el-col :span="12">
<el-form-item label="妗堜欢缂栧彿 " prop="number">
<el-input v-model="causeForm.number" clearable :style="{ width: '100%' }" placeholder="杈撳叆妗堜欢缂栧彿">
@@ -83,15 +83,16 @@
</el-input>
</el-form-item>
</el-col>
- <el-col :span="12">
+ <el-col :span="12">
<el-form-item label="棰勪及鎬婚噾棰�" prop="totalMoney">
- <el-input v-model="causeForm.totalMoney" clearable :style="{ width: '100%' }" placeholder="杈撳叆棰勪及鎬婚噾棰�"></el-input>
+ <el-input v-model="causeForm.totalMoney" clearable :style="{ width: '100%' }"
+ placeholder="杈撳叆棰勪及鎬婚噾棰�"></el-input>
</el-form-item>
</el-col>
- <el-col :span="12">
- <el-form-item label="鏈�鏃╁彂妗�" prop="firstTime">
+ <el-col :span="24">
+ <el-form-item label="鏈�鏃╁彂妗堟椂闂�" prop="firstTime">
<el-date-picker v-model="causeForm.firstTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" clearable
- :style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
+ :style="{ width: '40%' }" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
@@ -111,7 +112,7 @@
</el-select>
</el-form-item>
</el-col>
-
+
<el-col :span="24">
<el-form-item label="妗堜欢鎻忚堪" prop="description">
<el-input v-model="causeForm.description" type="textarea" placeholder="璇疯緭鍏ュ琛屾枃鏈�"
@@ -143,13 +144,13 @@
</el-input>
</el-form-item>
</el-col>
- <el-col :span="12">
+ <el-col :span="12">
<el-form-item label="棰勪及鎬婚噾棰�" prop="totalMoney">
<el-input v-model="updataCauseForm.totalMoney" clearable :style="{ width: '100%' }"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鏈�鍙戞棭妗堟椂闂�" prop="firstTime">
+ <el-form-item label="鏈�鏃╁彂妗堟椂闂�" prop="firstTime">
<el-date-picker v-model="updataCauseForm.firstTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿"
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
@@ -224,11 +225,11 @@
<el-upload name="multipartFile" class="upload-demo" action="/api/cause/reporterUpload"
:show-file-list="false" :data="{ causeId: this.reportCauseId }" :before-upload="beforeAvatarUpload"
:on-success="reporterRespond" :limit="1">
- <el-button type="primary">瀵煎叆</el-button>
+<!-- <el-button type="primary">瀵煎叆</el-button>-->
</el-upload>
</el-form-item>
- <el-form-item>
- <el-button type="primary" @click="exportExcel">鎶ユ鏉愭枡瀵煎嚭</el-button>
+ <el-form-item>0
+<!-- <el-button type="primary" @click="exportExcel">鎶ユ鏉愭枡瀵煎嚭</el-button>-->
</el-form-item>
</el-form>
@@ -261,7 +262,8 @@
</el-table-column>
<el-table-column width="100" prop="reportMaterials" label="鎶ユ鏉愭枡">
<template slot-scope="scope">
- <span>{{ scope.row.reportMaterials === null ? "鏈彁浜�" : "宸叉彁浜�" }}</span>
+ <span>{{ scope.row.reportMaterials === null || scope.row.reportMaterials === '' ? "鏈彁浜�" : "宸叉彁浜�"
+}}</span>
</template>
</el-table-column>
<el-table-column width="200" prop="reportTime" label="鎶ユ鏃堕棿">
@@ -272,9 +274,9 @@
<el-table-column label="鎿嶄綔">
<template slot-scope="scope">
<el-button type="text" size="medium" @click="updataReport(scope.row)">缂栬緫</el-button>
- <el-button type="text" size="medium"
- @click="leaveReport(scope.row.id, scope.row.causeId, scope.row.groupId)" style="color:#ff0000"
- :disabled="scope.row.isInGroup == 0">閫�缇� </el-button>
+<!-- <el-button type="text" size="medium"-->
+<!-- @click="leaveReport(scope.row.id, scope.row.causeId, scope.row.groupId)" style="color:#ff0000"-->
+<!-- :disabled="scope.row.isInGroup == 0">閫�缇� </el-button>-->
<el-button type="text" size="medium" @click="removeReport(scope.row.id, scope.row.causeId)"
style="color:#ff0000" :disabled="scope.row.isInGroup == 1">鍒犻櫎 </el-button>
</template>
@@ -289,15 +291,15 @@
:before-close="addReportVisibleClose">
<el-row :gutter="15">
<el-form ref="auditFrom" :model="auditFrom" :rules="addReportRules" 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/*">
- <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-col> -->
+ <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/*">
+ <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-col>
<el-col :span="12">
<el-form-item label="鎶ユ浜� " prop="reporterName">
<el-input v-model="auditFrom.reporterName" placeholder="璇疯緭鍏ユ姤妗堜汉 " clearable :style="{ width: '100%' }">
@@ -362,31 +364,42 @@
:before-close="updateReportVisibleclose">
<el-row :gutter="20">
<el-form ref="updateReportForm" :model="updateReportForm" size="medium" label-width="100px">
- <!-- <el-col :span="12">
+ <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/*">
+ <img v-if="updateReportForm.pic!=null||updateReportForm!=''" :src="updateReportForm.pic" style="width: 145px;height: 145px">
+ <i v-else class="el-icon-plus"></i>
+ </el-upload>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="12">
<el-form-item label="鎶ユ浜� " prop="reporterName">
- <el-input v-model="auditFrom.reporterName" placeholder="璇疯緭鍏ユ姤妗堜汉 " clearable :style="{ width: '100%' }">
+ <el-input v-model="updateReportForm.reporterName" placeholder="璇疯緭鍏ユ姤妗堜汉 " clearable :style="{ width: '100%' }">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鎵嬫満鍙风爜" prop="mobile">
- <el-input v-model="auditFrom.mobile" placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�" clearable :style="{ width: '100%' }">
+ <el-input v-model="updateReportForm.mobile" placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�" clearable :style="{ width: '100%' }">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="韬唤璇佸彿" prop="idcard">
- <el-input v-model="auditFrom.idcard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable :style="{ width: '100%' }">
+ <el-input v-model="updateReportForm.idcard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable :style="{ width: '100%' }">
</el-input>
</el-form-item>
- </el-col> -->
- <el-col :span="12">
+ </el-col>
+
+ <!-- <el-col :span="12">
<el-form-item prop="reportTime" label="鎶ユ鏃堕棿">
<el-date-picker v-model="updateReportForm.reportTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" clearable
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
- </el-col>
+ </el-col> -->
<el-col :span="12">
<el-form-item label="琚獥鏃堕棿" prop="cheatTime">
<el-date-picker v-model="updateReportForm.cheatTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿" clearable
@@ -416,12 +429,12 @@
<el-form-item label="涓婁紶" prop="fileList" required>
<el-upload ref="reportMaterials" :file-list="updateReportForm.fileList" action="/api/minio/upload"
list-type="picture" :on-success="handleReporterMaterialSuccess">
+ <img v-if="updateReportForm.reportMaterials!=''" :src="'/minio/img/'+updateReportForm.reportMaterials" style="width: 145px;height: 145px">
<el-button size="small" type="primary" icon="el-icon-upload">鐐瑰嚮涓婁紶</el-button>
</el-upload>
</el-form-item>
</el-col>
- <!--
- <el-col :span="24">
+ <!-- <el-col :span="24">
<el-form-item label="涓婁紶" prop="fileList" required>
<el-upload ref="reportMaterials" :file-list="auditFrom.fileList" action="/api/minio/upload"
list-type="picture" :on-success="handleMaterialSuccess">
@@ -591,9 +604,9 @@
</el-col>
<el-col :span="12">
<el-form-item label="鐘舵��" prop="status">
- <span v-if="detailsGroupAn.status === 1">宸插彂甯�</span>
- <span v-else-if="detailsGroupAn.status === 0">鏈彂甯�</span>
- <span v-else="detailsGroupAn.status === 2">宸蹭笅鏋�</span>
+ <span v-if="detailsGroupAn.status === 1">宸插彂甯�</span>
+ <span v-else-if="detailsGroupAn.status === 0">鏈彂甯�</span>
+ <span v-else="detailsGroupAn.status === 2">宸蹭笅鏋�</span>
</el-form-item>
</el-col>
</el-form>
@@ -729,6 +742,7 @@
size: 10,
},
auditFrom: {
+ pic: '',
reporterName: '',
mobile: '',
idcard: '',
@@ -799,9 +813,7 @@
reportCauseId: null,
reportTotal: 0,
reportList: [],
- addAduitDialogVisible: false,
infoAduitDialogVisible: false,
- causeOptions: [],
groupAnVisible: false,
addCauseRules: {
number: [{
@@ -824,7 +836,7 @@
message: '璇烽�夋嫨妗堜欢鐘舵�� ',
trigger: 'blur'
}],
- totalMoney: [{
+ totalMoney: [{
required: true,
message: '璇疯緭鍏ラ浼版�婚噾棰� ',
trigger: 'blur'
@@ -890,6 +902,7 @@
}
],
updateReportForm: {
+ pic: '',
reporterName: '',
mobile: '',
idcard: '',
@@ -905,6 +918,7 @@
//妗堜欢浜哄憳琛ㄦ牸鏁版嵁
updateReportPrams: {
id: '',
+ pic:'',
reporterName: '',
mobile: '',
idcard: '',
@@ -930,6 +944,7 @@
},
updataCauseForm: {
id: '',
+ pic:'',
name: '',
number: '',
firstTime: '',
@@ -954,49 +969,46 @@
},
{
value: '0',
- label: '鍙楃悊涓�'
+ label: '绔嬫'
},
{
value: '1',
- label: '涓嶄簣绔嬫'
+ label: '鍒濇煡'
},
{
value: '2',
- label: '宸茬珛妗�'
+ label: '鍙楃悊'
},
{
value: '3',
- label: '宸茬粨妗�'
+ label: '绉婚�佽捣璇�'
},
{
value: '4',
- label: '宸叉挙妗�'
+ label: '缁撴'
}
],
causeOptions: [
+
{
- value: null,
- label: '鍏ㄩ儴'
+ value: 0,
+ label: '绔嬫'
},
{
- value: '0',
- label: '鏈鏍�'
+ value: 1,
+ label: '鍒濇煡'
},
{
- value: '1',
- label: '涓嶄簣绔嬫'
+ value: 2,
+ label: '鍙楃悊'
},
{
- value: '2',
- label: '鍙楃悊涓�'
+ value: 3,
+ label: '绉婚�佽捣璇�'
},
{
- value: '3',
- label: '宸茬粨妗�'
- },
- {
- value: '4',
- label: '宸叉挙妗�'
+ value: 4,
+ label: '缁撴'
}
],
total: null,
@@ -1075,6 +1087,18 @@
},
methods:
{
+ addAduitAnJian(){
+ let date=(new Date()).valueOf();//鑾峰彇鏃堕棿鎴�
+ let txt = '1234567890';//鐢熸垚鐨勯殢鏈烘満鍣ㄧ爜
+ let len =13;//鏈哄櫒鐮佹湁澶氬皯浣�
+ let pwd = '';//瀹氫箟绌哄彉閲忕敤鏉ユ帴鏀舵満鍣ㄧ爜
+ for (let i = 0; i < len; i++) {
+ pwd += txt.charAt(Math.floor(Math.random() * txt.length));//寰幆鏈哄櫒鐮佷綅鏁伴殢鏈哄～鍏�
+ }
+ let id= date+pwd;
+ this.causeForm.number=id;
+ this.addAduitDialogVisible=true;
+ },
//鍏抽棴妗堜欢鐨勬浠朵汉鍛樻坊鍔�
addReportVisibleClose() {
@@ -1214,6 +1238,8 @@
this.updateReportPrams.groupId = this.updateReportForm.groupId
this.updateReportPrams.id = this.updateReportForm.id
this.updateReportPrams.reportMaterials = this.updateReportPrams.fileList.map(i => i.data).join(',')
+
+ this.updateReportPrams.pic=this.updateReportForm.pic
let form = null;
form = this.updateReportPrams;
const data = form;
@@ -1274,7 +1300,7 @@
if (!vaild) return this.$message.error('杈撳叆鏈夎')
this.auditFrom.reportMaterials = this.auditFrom.fileList.map(i => i.data).join(',');
this.auditFrom.causeId = this.reportCauseId;
- console.log(this.reportCauseId);
+ // console.log(this.reportCauseId);
report(this.auditFrom).then(res => {
this.$message.success('鎻愪氦鎴愬姛')
this.auditFrom = {}
@@ -1292,9 +1318,9 @@
},
handleAvatarSuccess(res, file) {
this.auditFrom.pic = res.data
-
getImgUrl(res.data).then(res => {
this.picShow = res
+ this.updateReportForm.pic = res
})
},
async handleMaterialSuccess(res, file) {
@@ -1316,25 +1342,25 @@
//妗堜欢褰曞叆鐩稿叧
updateCauseDialogVisible(row) {
- this.updateAduitDialogVisible = true,
- this.updataCauseForm = Object.assign({}, row);
- if (this.updataCauseForm.status == 0) {
- this.updataCauseForm.status = '鏈鏍�';
- };
- if (this.updataCauseForm.status == 1) {
- this.updataCauseForm.status = '涓嶄簣绔嬫';
- };
- if (this.updataCauseForm.status == 2) {
- this.updataCauseForm.status = '鍙楃悊涓�';
- };
- if (this.updataCauseForm.status == 3) {
- this.updataCauseForm.status = '宸茬粨妗�';
- };
- if (this.updataCauseForm.status == 4) {
- this.updataCauseForm.status = '宸叉挙妗�';
- };
- }
- ,
+ this.updateAduitDialogVisible = true;
+ this.updataCauseForm = Object.assign({}, row);
+
+ // if (this.updataCauseForm.status == 0) {
+ // this.updataCauseForm.status = '鏈鏍�';
+ // };
+ // if (this.updataCauseForm.status == 1) {
+ // this.updataCauseForm.status = '涓嶄簣绔嬫';
+ // };
+ // if (this.updataCauseForm.status == 2) {
+ // this.updataCauseForm.status = '鍙楃悊涓�';
+ // };
+ // if (this.updataCauseForm.status == 3) {
+ // this.updataCauseForm.status = '宸茬粨妗�';
+ // };
+ // if (this.updataCauseForm.status == 4) {
+ // this.updataCauseForm.status = '宸叉挙妗�';
+ // };
+ },
addAduitClose() {
this.addAduitDialogVisible = false
},
@@ -1364,7 +1390,7 @@
} else {
this.$message({
type: "error",
- message: "琛ㄥ崟涓嶈兘涓虹┖"
+ message: res.data.msg
})
}
}
@@ -1388,21 +1414,21 @@
data.userId = this.user[key].userId;
}
}
- if (data.status == '鏈鏍�') {
- data.status = 0;
- }
- if (data.status == '涓嶄簣绔嬫') {
- data.status = 1;
- }
- if (data.status == '鍙楃悊涓�') {
- data.status = 2;
- }
- if (data.status == '宸茬粨妗�') {
- data.status = 3;
- }
- if (data.status == '宸叉挙妗�') {
- data.status = 4;
- }
+ // if (data.status == '鏈鏍�') {
+ // data.status = 0;
+ // }
+ // if (data.status == '涓嶄簣绔嬫') {
+ // data.status = 1;
+ // }
+ // if (data.status == '鍙楃悊涓�') {
+ // data.status = 2;
+ // }
+ // if (data.status == '宸茬粨妗�') {
+ // data.status = 3;
+ // }
+ // if (data.status == '宸叉挙妗�') {
+ // data.status = 4;
+ // }
this.$http.put('/api/cause/updateCause?id=' + data.id,
data
).then(res => {
@@ -1411,21 +1437,21 @@
type: "success",
message: "淇敼鎴愬姛"
});
- if (this.updataCauseForm.status == 0) {
- this.updataCauseForm.status = '鏈鏍�';
- };
- if (this.updataCauseForm.status == 1) {
- this.updataCauseForm.status = '涓嶄簣绔嬫';
- };
- if (this.updataCauseForm.status == 2) {
- this.updataCauseForm.status = '鍙楃悊涓�';
- };
- if (this.updataCauseForm.status == 3) {
- this.updataCauseForm.status = '宸茬粨妗�';
- };
- if (this.updataCauseForm.status == 4) {
- this.updataCauseForm.status = '宸叉挙妗�';
- };
+ // if (this.updataCauseForm.status == 0) {
+ // this.updataCauseForm.status = '鏈鏍�';
+ // };
+ // if (this.updataCauseForm.status == 1) {
+ // this.updataCauseForm.status = '涓嶄簣绔嬫';
+ // };
+ // if (this.updataCauseForm.status == 2) {
+ // this.updataCauseForm.status = '鍙楃悊涓�';
+ // };
+ // if (this.updataCauseForm.status == 3) {
+ // this.updataCauseForm.status = '宸茬粨妗�';
+ // };
+ // if (this.updataCauseForm.status == 4) {
+ // this.updataCauseForm.status = '宸叉挙妗�';
+ // };
this.updateAduitDialogVisible = false;
// location.reload();
this.getList();
@@ -1589,4 +1615,4 @@
::v-deep(.el-table thead) {
color: #000000;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0