From 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3 Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期五, 16 十二月 2022 10:00:02 +0800
Subject: [PATCH] 已上报到市批量操作按钮隐藏
---
src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue | 229 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 164 insertions(+), 65 deletions(-)
diff --git a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue
index d5943f9..f17f970 100644
--- a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue
+++ b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue
@@ -7,8 +7,8 @@
<!-- 鏂囦功绉嶇被 -->
<el-form-item label="鏂囦功绉嶇被:" prop="writType">
<el-select v-model="book.writType" placeholder="璇疯緭鍏ユ枃涔︾绫�">
- <el-option v-for="item in kindList" :key="item.value" :label="item.label"
- :value="item.value">
+ <el-option v-for="item in kindList" :key="item.id" :label="item.name"
+ :value="item.id">
</el-option>
</el-select>
</el-form-item>
@@ -18,17 +18,17 @@
</el-form-item>
</div>
<!-- 杩濇硶绫诲瀷 -->
- <el-form-item label="杩濇硶绫诲瀷:" prop="illegalType" placeholder="璇疯緭鍏ヨ繚娉曠被鍨�">
- <el-input v-model="book.illegalType" placeholder="璇疯緭鍏ヨ繚娉曠被鍨�"></el-input>
+ <el-form-item label="杩濇硶绫诲瀷:" prop="illegalType" >
+ <el-input v-model="basecase" ></el-input>
</el-form-item>
<!-- 鏂囦功鍙戞斁鏃堕棿 -->
<el-form-item label="鏂囦功鍙戞斁鏃堕棿:" prop="sendTime">
- <el-date-picker v-model="book.sendTime" type="datetime" placeholder="璇烽�夋嫨骞存湀鏃�">
+ <el-date-picker v-model="book.sendTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="璇烽�夋嫨骞存湀鏃�">
</el-date-picker>
</el-form-item>
<!-- 鏂囦功闄愬畾鏃堕棿 -->
<el-form-item label="鏂囦功闄愬畾鏃堕棿" prop="limitTime">
- <el-date-picker v-model="book.limitTime" type="datetime" placeholder="璇烽�夋嫨骞存湀鏃�">
+ <el-date-picker v-model="book.limitTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="璇烽�夋嫨骞存湀鏃�">
</el-date-picker>
</el-form-item>
<!-- 鏂囦功鍙戞斁鍐呭 -->
@@ -37,7 +37,7 @@
</el-form-item>
<!-- 瀹為檯鏁存敼鏃堕棿 -->
<el-form-item label="瀹為檯鏁存敼鏃堕棿:" prop="rectifyTime">
- <el-date-picker v-model="book.rectifyTime" type="datetime" placeholder="璇烽�夋嫨骞存湀鏃�">
+ <el-date-picker v-model="book.rectifyTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="璇烽�夋嫨骞存湀鏃�">
</el-date-picker>
</el-form-item>
<!-- 鏁存敼鎯呭喌 -->
@@ -51,64 +51,28 @@
<!-- 鏂囦功鐓х墖涓婁紶 -->
<el-form-item label="鏂囦功鐓х墖涓婁紶:" prop="writPic">
<div class="upImg">
- <div class="img-list">
- <img :src="item" alt="" v-for="(item,index) in book.writPic" :key="index">
- </div>
- <div class="upload" v-if="book.writPic.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="4" :on-success="handleSuccess1" :headers="getToken()">
- <i class="el-icon-plus"></i>
- </el-upload>
- </div>
+ <MyUpload @setPictureUrl="writPic" @delPictureUrl="delWritPic" :picture-list="book.writPic"></MyUpload>
<div class="tip">{{book.writPic.length}} / 4</div>
</div>
</el-form-item>
<!-- 鏁存敼鍓嶇収鐗� -->
<el-form-item label="鏁存敼鍓嶇収鐗�:" prop="originalPic">
- <div class="upImg">
- <div class="img-list">
- <img :src="item" alt="" v-for="(item,index) in book.originalPic" :key="index">
- </div>
- <div class="upload" v-if="book.originalPic.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="4" :on-success="handleSuccess2" :headers="getToken()">
- <i class="el-icon-plus"></i>
- </el-upload>
- </div>
+ <div class="upImg">
+ <MyUpload @setPictureUrl="originalPic" @delPictureUrl="delOriginalPic" :picture-list="book.originalPic"></MyUpload>
<div class="tip">{{book.originalPic.length}} / 4</div>
</div>
</el-form-item>
<!-- 鏁存敼鍚庣収鐗� -->
<el-form-item label="鏁存敼鍚庣収鐗�:" prop="rectifiedPic">
<div class="upImg">
- <div class="img-list">
- <img :src="item" alt="" v-for="(item,index) in book.rectifiedPic" :key="index">
- </div>
- <div class="upload" v-if="book.rectifiedPic.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="4" :on-success="handleSuccess3" :headers="getToken()">
- <i class="el-icon-plus"></i>
- </el-upload>
- </div>
+ <MyUpload @setPictureUrl="rectifiedPic" @delPictureUrl="delRectifiedPic" :picture-list="book.rectifiedPic"></MyUpload>
<div class="tip">{{book.rectifiedPic.length}} / 4</div>
</div>
</el-form-item>
<!-- 鍏朵粬鐓х墖 -->
<el-form-item label="鍏朵粬:" prop="otherPic">
<div class="upImg">
- <div class="img-list">
- <img :src="item" alt="" v-for="(item,index) in book.otherPic" :key="index">
- </div>
- <div class="upload" v-if="book.otherPic.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="4" :on-success="handleSuccess4" :headers="getToken()">
- <i class="el-icon-plus"></i>
- </el-upload>
- </div>
+ <MyUpload @setPictureUrl="otherPic" @delPictureUrl="delOtherPic" :picture-list="book.otherPic"></MyUpload>
<div class="tip">{{book.otherPic.length}} / 4</div>
</div>
</el-form-item>
@@ -117,7 +81,12 @@
</div>
</template>
<script>
+import {deepClone, getCodeList} from '@/utils/helper'
+import MyUpload from "@/components/myUpload"
export default {
+ components: {
+ MyUpload
+ },
data() {
const checkKind = (rule, value, callback) => {
if (value) {
@@ -182,6 +151,27 @@
callback(new Error('鍙戞斁鍐呭涓嶈兘涓虹┖'));
}
}
+ const checkRectPic = (rule, value, callback) => {
+ if (value.length!==0) {
+ callback();
+ } else {
+ callback(new Error('鏁存敼鍚庣収鐗囦笉鑳戒负绌�'));
+ }
+ }
+ const checkWritPic = (rule, value, callback) => {
+ if (value.length!==0) {
+ callback();
+ } else {
+ callback(new Error('鏂囦功鐓х墖涓嶈兘涓虹┖'));
+ }
+ }
+ const checkOrgPic = (rule, value, callback) => {
+ if (value.length !==0) {
+ callback();
+ } else {
+ callback(new Error('鏁存敼鍓嶇収鐗囦笉鑳戒负绌�'));
+ }
+ }
return {
book: {
writPic: [],
@@ -192,17 +182,12 @@
bookRules: {
writType: [
{
- trigger: 'blur', validator: checkKind
+ trigger: 'change', validator: checkKind
}
],
- idwritCode: [
+ writCode: [
{
trigger: 'blur', validator: checkId
- }
- ],
- illegalType: [
- {
- trigger: 'blur', validator: checkVio
}
],
sendTime: [
@@ -235,6 +220,19 @@
trigger: 'blur', validator: checkNote
}
],
+ writPic: [{
+ trigger: 'blur', validator: checkWritPic
+ }],
+ rectifiedPic: [
+ {
+ trigger: 'blur', validator: checkRectPic
+ }
+ ],
+ originalPic: [
+ {
+ trigger: 'blur', validator: checkOrgPic
+ }
+ ],
},
fileList: [],
kindList: [
@@ -246,40 +244,43 @@
label: '涔︾睄2',
value: 2,
},
- ]
+ ],
+ basecase:""
}
},
created() {
- console.log(this.book.writPic)
+ this.getBookType();
+ this.basecase = this.illegalType;
+ if (this.writ) {
+ this.book = deepClone(this.writ);
+ this.book.originalPic = this.writ.originalPic.split(',');
+ this.book.writPic = this.writ.writPic.split(',');
+ this.book.otherPic = this.writ.otherPic.split(',');
+ this.book.rectifiedPic = this.writ.rectifiedPic.split(',');
+ }
},
- props: ['caseId', 'closeDialog'],
+ props: ['caseId', 'closeDialog','mycode', 'writ', 'illegalType'],
methods: {
handleSuccess1(res, file, filelist) {
const baseUrl = 'http://140.143.152.226:8410/';
- console.log(res);
- // this.$set(this.book, 'writPic', baseUrl + res.data.url1);
- // console.log(this.book.writPic);
if (this.book.writPic.length < 4) {
this.book.writPic.push(baseUrl + res.data.url1)
}
},
handleSuccess2(res, file, filelist) {
const baseUrl = 'http://140.143.152.226:8410/';
- console.log(res);
if (this.book.originalPic.length < 4) {
this.book.originalPic.push(baseUrl + res.data.url1)
}
},
handleSuccess3(res, file, filelist) {
const baseUrl = 'http://140.143.152.226:8410/';
- console.log(res);
if (this.book.rectifiedPic.length < 4) {
this.book.rectifiedPic.push(baseUrl + res.data.url1)
}
},
handleSuccess4(res, file, filelist) {
const baseUrl = 'http://140.143.152.226:8410/';
- console.log(res);
if (this.book.otherPic.length < 4) {
this.book.otherPic.push(baseUrl + res.data.url1)
}
@@ -291,6 +292,90 @@
return { Authorization: tokenHead + token }
}
},
+
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ writPic({ url }) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ if (this.book.originalPic.length < 4) {
+ this.book.writPic.push(baseUrl + url)
+ }
+ },
+ //鍒犻櫎鍥剧墖
+ delWritPic({url}){
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.book.writPic.splice(this.book.writPic.indexOf(baseUrl + url),1);
+ },
+
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ otherPic({ url }) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ if (this.book.otherPic.length < 4) {
+ this.book.otherPic.push(baseUrl + url)
+ }
+ },
+ //鍒犻櫎鍥剧墖
+ delOtherPic({url}){
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.book.otherPic.splice(this.book.otherPic.indexOf(baseUrl + url),1);
+ },
+
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ rectifiedPic({ url }) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ if (this.book.otherPic.length < 4) {
+ this.book.rectifiedPic.push(baseUrl + url)
+ }
+ },
+ //鍒犻櫎鍥剧墖
+ delRectifiedPic({url}){
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.book.rectifiedPic.splice(this.book.rectifiedPic.indexOf(baseUrl + url),1);
+ },
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ originalPic({ url }) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ if (this.book.otherPic.length < 4) {
+ this.book.originalPic.push(baseUrl + url)
+ }
+ },
+ //鍒犻櫎鍥剧墖
+ delOriginalPic({url}){
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.book.originalPic.splice(this.book.originalPic.indexOf(baseUrl + url),1);
+ },
+
+ // 鑾峰彇鏂囦功绉嶇被
+ async getBookType(){
+ let arr
+ arr = await getCodeList('15');
+ this.kindList = arr;
+ }
+ },
+ watch: {
+ 'book.writPic.length': {
+ handler(newLen, oldLen) {
+ if (newLen !== 0) {
+ this.$refs.bookForm.validateField('writPic');
+ }
+ },
+ deep: true,
+ },
+ 'book.rectifiedPic.length': {
+ handler(newLen, oldLen) {
+ if (newLen !== 0) {
+ this.$refs.bookForm.validateField('rectifiedPic');
+ }
+ },
+ deep: true,
+ },
+ 'book.originalPic.length': {
+ handler(newLen, oldLen) {
+ if (newLen !== 0) {
+ this.$refs.bookForm.validateField('originalPic');
+ }
+ },
+ deep: true,
+ }
}
}
</script>
@@ -331,13 +416,27 @@
}
.img-list {
- height: 80px;
+ height: 60px;
position: relative;
+ display: flex;
img {
width: 60px;
height: 60px;
}
+
+ .img {
+ height: 60px;
+ position: relative;
+ margin-right: 10px;
+ }
+
+ .myicon {
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ color: #4b9bb7;
+ }
}
}
--
Gitblit v1.8.0