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/pool/createUser/vio/index.vue | 136 ++++++++++++++++++++++++-------------------- 1 files changed, 74 insertions(+), 62 deletions(-) diff --git a/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue b/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue index 853168f..46aa84e 100644 --- a/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue +++ b/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue @@ -47,33 +47,24 @@ <!-- 妗堢敱 --> <el-form-item class="optionItem anyou" label="妗堢敱:" prop="actionCause"> <el-select v-model="vio.actionCause" placeholder="璇疯緭鍏ユ鐢�" filterable @blur="selectBlur"> - <el-option v-for="item in anYouList" :key="item.id" :label="item.name" :value="item.name" > + <el-option v-for="item in anYouList" :key="item.id" :label="item.name" :value="item.name"> </el-option> </el-select> - <!-- <el-input v-model="vio.actionCause" placeholder="璇疯緭鍏ユ鐢�"></el-input> --> </el-form-item> - <!-- 鎵�灞炲尯鍘� --> - <!-- <el-form-item class="optionItems" label="鎵�灞炲尯鍘�:" prop="status"> - <el-select v-model="vio.type" placeholder="璇烽�夋嫨鎵�灞炲尯鍘�"> - <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value" - :disabled="item.disabled"> - </el-option> - </el-select> - </el-form-item> --> <div class="user-item"> <!-- 鎵�灞炶閬� --> <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="streetId"> <el-select v-model="vio.streetId" placeholder="璇烽�夋嫨鎵�灞炶閬�" @change="handleStreet"> - <el-option v-for="item in streetList" :key="item.id" :label="item.name" :value="item.id" - :disabled="item.disabled"> + <el-option v-for="item in streetList" :key="item.id" :label="item.regionName" :value="item.id" + > </el-option> </el-select> </el-form-item> <!-- 鎵�灞炵ぞ鍖� --> <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="communityId"> <el-select v-model="vio.communityId" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�"> - <el-option v-for="item in communityList" :key="item.id" :label="item.name" - :value="item.id" :disabled="item.disabled"> + <el-option v-for="item in communityList" :key="item.id" :label="item.regionName" + :value="item.id" > </el-option> </el-select> </el-form-item> @@ -92,8 +83,9 @@ </el-form-item> <!-- 鍏宠仈鍟嗛摵鍚嶇О --> <el-form-item class="optionItems" label="鍏宠仈鍟嗛摵鍚嶇О:" prop="shopName"> - <el-input placeholder="璇峰~鍐欏叧鑱斿晢閾哄悕绉�" v-model="vio.shopName" - :disabled="vio.linkShop === 1 ?false : true"></el-input> + <el-select v-model="vio.shopName" :disabled="vio.linkShop === 0" placeholder="璇峰~鍐欏叧鑱斿晢閾哄悕绉�"> + <el-option v-for="store in storeList" :key="store.id" :value="store.id" :label="store.storeName"></el-option> + </el-select> </el-form-item> </div> <!-- 濉啓杞︾墝鍙� --> @@ -106,11 +98,18 @@ v-model="vio.description"> </el-input> </el-form-item> - <!-- 鎶ヨ鏃堕棿 --> - <el-form-item class="optionItems" label="鎶ヨ鏃堕棿:" prop="alarmTime"> - <el-date-picker v-model="vio.alarmTime" type="datetime" placeholder="閫夋嫨鎶ヨ鏃堕棿"> - </el-date-picker> - </el-form-item> + <div class="user-item"> + <!-- 鎶ヨ鏃堕棿 --> + <el-form-item class="optionItems" label="鎶ヨ鏃堕棿:" prop="alarmTime"> + <el-date-picker v-model="vio.alarmTime" type="datetime" placeholder="閫夋嫨鎶ヨ鏃堕棿"> + </el-date-picker> + </el-form-item> + <!-- 璋冨害鏃堕檺 --> + <el-form-item class="optionItems" label="璋冨害鏃堕檺:" prop="limitTime"> + <el-date-picker v-model="vio.limitTime" type="datetime" placeholder="閫夋嫨璋冨害鏃堕檺"> + </el-date-picker> + </el-form-item> + </div> <!-- 濉啓鍙嶆槧浜轰俊鎭� --> <el-form-item class="optionItems" label="濉啓鍙嶆槧浜轰俊鎭�"> </el-form-item> @@ -141,8 +140,9 @@ <script> import MyMap from '@/components/map' import { validateName, validatePhone, validateCarNum, validateCardId } from '@/utils/validate' -import {getTypeList} from '@/utils/helper' -import {parseTime} from "@/utils/index" +import { getTypeList } from '@/utils/helper' +import { parseTime } from "@/utils/index" +import { getStoreInfoList } from "@/api/operate/storeManagement"; export default { components: { MyMap @@ -211,17 +211,6 @@ callback(new Error('鎶ヨ鏃堕棿涓嶈兘涓虹┖')) } } - const checkCarNumber = (rule, value, callback) => { - if (value) { - if (validateCarNum(value)) { - callback(); - } else { - callback(new Error('璇疯緭鍏ユ纭殑杞︾墝鍙�')); - } - } else { - callback(new Error("杞︾墝鍙蜂笉鑳戒负绌�")) - } - } const checkName = (rule, value, callback) => { if (value) { validateName(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑濮撳悕')) @@ -254,11 +243,17 @@ } } } + const checkLimit = (rule, value, callback) => { + if (value) { + callback(); + } else { + callback(new Error('璋冨害鏃堕檺鏃堕棿涓嶈兘涓虹┖')) + } + } return { vio: { actionCause: "",//妗堢敱 carNumber: "",//杞︾墝鍙� - // category:1,//1:杩濊2:杩濆缓 categoryId: '',//澶х被 communityId: '',//鎵�灞炵ぞ鍖� description: '',//闂鎻忚堪 @@ -271,19 +266,14 @@ streetId: '',//鎵�灞炶閬� typeId: '',//灏忕被 gradeId: '',//妗堜欢绛夌骇 - alarmTime: '' + alarmTime: '', + limitTime: '',//璋冨害鏃堕檺 }, createRoleRules: { //妗堢敱 actionCause: [ { required: true, trigger: 'blur', validator: checkCause, - } - ], - //杞︾墝鍙� - carNumber: [ - { - required: true, trigger: 'blur', validator: checkCarNumber } ], //澶х被 @@ -353,6 +343,11 @@ { required: true, trigger: 'change', validator: checkDate } + ], + limitTime: [ + { + required: true, trigger: 'change', validator: checkLimit + } ] }, @@ -372,15 +367,16 @@ streetList: [], communityList: [], anYouList: [], + storeList: [] } }, created() { const { setBigKindList, getStreetList, getEventLevel } = this; - console.log(this.mytype); this.vio.category = this.mytype + 1; setBigKindList(); - getStreetList(); + getStreetList(0); getEventLevel(); + this.getShopList(); }, methods: { handleStop() { @@ -407,7 +403,6 @@ return item; } }) - console.log(this.anYouList); }, // 鏌ヨ澶х被鍒楄〃 async getBigKind() { @@ -435,7 +430,7 @@ }, // 鑾峰彇妗堜欢绛夌骇鍒楄〃 async getEventLevel() { - this.eventLevelList = await getTypeList(1,'02'); + this.eventLevelList = await getTypeList(1, '02'); }, // 鏌ヨ鎵�灞炴鐢� async getAnYouList() { @@ -446,7 +441,6 @@ }) .then(res => { arr = res.data; - console.log(res); }) return arr; }, @@ -460,11 +454,11 @@ url: 'sccg/base_case/addition_violation', data: { ...vio, - alarmTime:parseTime(vio.alarmTime), + alarmTime: parseTime(vio.alarmTime), + limitTime:parseTime(vio.limitTime), } }) .then(res => { - console.log(res); if (res.code === 200) { this.$message({ type: 'success', @@ -489,17 +483,25 @@ this.$emit('changeDialog', { flag: false }) }, // 鑾峰彇琛楅亾淇℃伅 - async getStreetList() { - this.streetList = await getTypeList(1,'10'); + async getStreetList(id) { + let arr + await this.$axios({ + method:'get', + url:`sccg/sccg_region/getChildren/${id}`, + }) + .then(res=>{ + if(res.code === 200){ + arr = res.data; + } + }) + this.streetList = arr; }, // 琛楅亾鏇存敼 handleStreet(id) { - console.log(id); this.vio.communityId = ''; - // this.communityList = getTypeList(1,'11') this.$axios({ method: 'get', - url: 'sccg/dict/query_social_type?id=' + id + url: `sccg/sccg_region/getChildren/${id}` }) .then(res => { this.communityList = res.data; @@ -521,12 +523,21 @@ this.setAnYouList(id); }, // 妗堢敱杈撳叆 - selectBlur(e){ - if(e.target.value){ + selectBlur(e) { + if (e.target.value) { this.vio.actionCause = e.target.value; - console.log(e.target.value); } - } + }, + + getShopList() { + getStoreInfoList({ current: 1, size: 100 }) + .then(({ list }) => { + this.storeList = list; + }) + .catch(err => { + this.$message.error(err) + }) + } }, props: ['mytype', 'changeDialog', 'refresh'] } @@ -537,7 +548,7 @@ padding: 20px 10px 50px; .input-area { - flex: 1; + flex: 3; padding: 10px 20px; .input-header { @@ -584,10 +595,11 @@ } .map-area { - flex: 1; + flex: 2; } - .anyou{ - :deep(.el-select){ + + .anyou { + :deep(.el-select) { display: block; } } -- Gitblit v1.8.0