From 1e07cfd8ac6c3e31e94c0ea98dcff61db51e49d1 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期一, 09 一月 2023 16:54:39 +0800
Subject: [PATCH] fix: 单选框展示
---
src/views/operate/disposal/casepool/pool/createUser/vio/index.vue | 158 ++++++++++++++++++++++++++++------------------------
1 files changed, 85 insertions(+), 73 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..deb2a40 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 {
@@ -561,19 +572,19 @@
.input-form {
.el-form {
- &::v-deep .el-form-item__label {
- color: #4b9bb7;
- }
+ // &::v-deep .el-form-item__label {
+ // color: #4b9bb7;
+ // }
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
+ // &::v-deep .el-input__inner {
+ // // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
- &::v-deep .el-textarea__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
+ // &::v-deep .el-textarea__inner {
+ // // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
}
}
@@ -584,10 +595,11 @@
}
.map-area {
- flex: 1;
+ flex: 2;
}
- .anyou{
- :deep(.el-select){
+
+ .anyou {
+ :deep(.el-select) {
display: block;
}
}
--
Gitblit v1.8.0