From c5d408958de4cd76c26ae939401675f0bfa24fa3 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期二, 22 十一月 2022 22:34:10 +0800
Subject: [PATCH] 文书目标优化
---
src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue | 63 +++++++++++++++++++------------
1 files changed, 38 insertions(+), 25 deletions(-)
diff --git a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue
index 61e13cf..7597782 100644
--- a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue
+++ b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue
@@ -14,31 +14,19 @@
</el-form-item>
<!-- 鐜板満鎯呭喌璇存槑 -->
<el-form-item label="鐜板満鎯呭喌璇存槑:" prop="situationExplain">
- <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="200" show-word-limit
+ <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit
v-model="arrive.situationExplain" placeholder="璇疯緭鍏ユ儏鍐佃鏄�,闄愬埗200瀛椾互鍐�"></el-input>
</el-form-item>
<!-- 淇¤鍥炲璇存槑 -->
<el-form-item label="淇¤鍥炲璇存槑:" prop="replyExplain">
- <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="200" show-word-limit
+ <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit
v-model="arrive.replyExplain" placeholder="璇疯緭鍏ュ洖璁胯鏄�,闄愬埗200瀛椾互鍐�"></el-input>
</el-form-item>
<!-- 鐜板満鎯呭喌鐓х墖 -->
<el-form-item label="鐜板満鎯呭喌鐓х墖:" prop="situationPic">
- <div class="upImg">
- <div class="img-list" v-if="arrive.situationPic.length!==0">
- <div class="img" v-for="(item,index) in arrive.situationPic" :key="index">
- <img :src="item" alt="">
- <i class="el-icon-close myicon" @click="handleRemove(index)"></i>
- </div>
- </div>
- <div class="upload" v-if="arrive.situationPic.length<4">
- <el-upload :file-list="fileList" class="upload-demo"
- action="http://42.193.1.25:8082/sccg/file/medias" multiple :show-file-list="false"
- :limit="50" :on-success="handleSuccess" list-type="picture" :headers="getToken()">
- <i class="el-icon-plus"></i>
- </el-upload>
- </div>
- <div class="tip">{{arrive.situationPic.length}} / 4</div>
+ <div class="upImg" >
+ <MyUpload @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload>
+ <div class="tip">{{ arrive.situationPic.length }} / 4</div>
</div>
</el-form-item>
</el-form>
@@ -46,7 +34,17 @@
</div>
</template>
<script>
+import MyUpload from "@/components/myUpload"
export default {
+ components: {
+ MyUpload
+ },
+ props: {
+ arriveData: {
+ type: Object,
+ default: () => null
+ }
+ },
data() {
const checkTime = (rule, value, callback) => {
if (value) {
@@ -97,9 +95,6 @@
situationExplain: [
{ trigger: 'blur', validator: checkSit }
],
- replyExplain: [
- { trigger: 'blur', validator: checkReplay }
- ],
situationPic: [
{ trigger: 'blur', validator: checkSitPic }
],
@@ -107,11 +102,12 @@
fileList: [],
}
},
- methods: {
+ created() {
+ this.arrive = this.arriveData;
+ },
+ methods: {
handleSuccess(res, file, filelist) {
const baseUrl = 'http://140.143.152.226:8410/';
- console.log(res);
- console.log(this.fileList);
if (this.arrive.situationPic.length < 4) {
this.arrive.situationPic.push(baseUrl + res.data.url1)
}
@@ -130,7 +126,20 @@
},
// 鍒犻櫎鍥剧墖
handleRemove(index) {
- this.arrive.situationPic.splice(index,1);
+ this.arrive.situationPic.splice(index, 1);
+ },
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ setPicUrl({ url }) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ if (this.arrive.situationPic.length < 4) {
+ this.arrive.situationPic.push(baseUrl + url)
+ }
+ },
+ //鍒犻櫎鍥剧墖
+ delPicUrl({url}){
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.arrive.situationPic.splice(this.arrive.situationPic.indexOf(baseUrl + url),1);
+ console.log(this.arrive.situationPic);
}
},
watch: {
@@ -169,14 +178,18 @@
height: 60px;
position: relative;
display: flex;
+
img {
width: 60px;
height: 60px;
+ margin-right: 10px;
}
- .img{
+
+ .img {
height: 60px;
position: relative;
}
+
.myicon {
position: absolute;
top: 0px;
--
Gitblit v1.8.0