| | |
| | | </el-form-item> |
| | | </div> |
| | | <!-- 案由 --> |
| | | <el-form-item class="optionItem" label="案由:" prop="actionCause"> |
| | | <el-select v-model="vio.actionCause" placeholder="请输入案由"> |
| | | <el-option v-for="item in anYouList" :key="item.id" :label="item.name" |
| | | :value="item.id" > |
| | | <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> |
| | | </el-select> |
| | | <!-- <el-input v-model="vio.actionCause" placeholder="请输入案由"></el-input> --> |
| | |
| | | </template> |
| | | <script> |
| | | import MyMap from '@/components/map' |
| | | import { validateName, validatePhone, validateCarNum } from '@/utils/validate' |
| | | import { validateName, validatePhone, validateCarNum, validateCardId } from '@/utils/validate' |
| | | import {getTypeList} from '@/utils/helper' |
| | | export default { |
| | | components: { |
| | | MyMap |
| | |
| | | } |
| | | const checkCardId = (rule, value, callback) => { |
| | | if (value) { |
| | | callback(); |
| | | validateCardId(value) ? callback() : callback(new Error('请输入正确的身份证号码')) |
| | | } else { |
| | | callback() |
| | | } |
| | |
| | | return arr |
| | | }, |
| | | // 获取案件等级列表 |
| | | getEventLevel() { |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/violations/query/event_type' |
| | | }) |
| | | .then(res => { |
| | | this.eventLevelList = res.data; |
| | | }) |
| | | async getEventLevel() { |
| | | this.eventLevelList = await getTypeList(1,'02'); |
| | | }, |
| | | // 查询所属案由 |
| | | async getAnYouList() { |
| | |
| | | this.$emit('changeDialog', { flag: false }) |
| | | }, |
| | | // 获取街道信息 |
| | | getStreetList() { |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/dict/query_Street_type' |
| | | }) |
| | | .then(res => { |
| | | this.streetList = res.data; |
| | | }) |
| | | async getStreetList() { |
| | | this.streetList = await getTypeList(1,'10'); |
| | | }, |
| | | // 街道更改 |
| | | 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 |
| | |
| | | handleSmallKindChange(id){ |
| | | this.vio.actionCause = ''; |
| | | this.setAnYouList(id); |
| | | }, |
| | | // 案由输入 |
| | | selectBlur(e){ |
| | | if(e.target.value){ |
| | | this.vio.actionCause = e.target.value; |
| | | console.log(e.target.value); |
| | | } |
| | | } |
| | | }, |
| | | props: ['mytype', 'changeDialog', 'refresh'] |
| | |
| | | .map-area { |
| | | flex: 1; |
| | | } |
| | | |
| | | .not-need { |
| | | color: #4b9bb7; |
| | | |
| | | .not-need__header { |
| | | line-height: 40px; |
| | | } |
| | | |
| | | .my-sp-item { |
| | | display: flex; |
| | | |
| | | .not-item-left, |
| | | .not-item-right { |
| | | display: flex; |
| | | |
| | | .el-input { |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .not-need-item { |
| | | line-height: 40px; |
| | | margin-bottom: 22px; |
| | | display: flex; |
| | | |
| | | label { |
| | | width: 100px; |
| | | padding-right: 12px; |
| | | text-align: right; |
| | | } |
| | | |
| | | .el-input { |
| | | flex: 1; |
| | | } |
| | | |
| | | .not-need__inner { |
| | | flex: 1; |
| | | line-height: 40px; |
| | | padding: 0 15px; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | // outline: #409eff solid 1px; |
| | | outline: none; |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | .anyou{ |
| | | :deep(.el-select){ |
| | | display: block; |
| | | } |
| | | } |
| | | |