| | |
| | | <!-- 案由 --> |
| | | <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-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> |
| | |
| | | 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> |
| | |
| | | <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" |
| | | export default { |
| | | components: { |
| | | MyMap |
| | |
| | | } |
| | | } |
| | | } |
| | | const checkLimit = (rule, value, callback) => { |
| | | if (value) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error('调度时限时间不能为空')) |
| | | } |
| | | } |
| | | return { |
| | | vio: { |
| | | actionCause: "",//案由 |
| | |
| | | streetId: '',//所属街道 |
| | | typeId: '',//小类 |
| | | gradeId: '',//案件等级 |
| | | alarmTime: '' |
| | | alarmTime: '', |
| | | limitTime: '',//调度时限 |
| | | }, |
| | | createRoleRules: { |
| | | //案由 |
| | |
| | | { |
| | | required: true, trigger: 'change', validator: checkDate |
| | | } |
| | | ], |
| | | limitTime: [ |
| | | { |
| | | required: true, trigger: 'change', validator: checkLimit |
| | | } |
| | | ] |
| | | |
| | | }, |
| | |
| | | console.log(this.mytype); |
| | | this.vio.category = this.mytype + 1; |
| | | setBigKindList(); |
| | | getStreetList(); |
| | | getStreetList(0); |
| | | getEventLevel(); |
| | | }, |
| | | methods: { |
| | |
| | | }, |
| | | // 获取案件等级列表 |
| | | async getEventLevel() { |
| | | this.eventLevelList = await getTypeList(1,'02'); |
| | | this.eventLevelList = await getTypeList(1, '02'); |
| | | }, |
| | | // 查询所属案由 |
| | | async getAnYouList() { |
| | |
| | | url: 'sccg/base_case/addition_violation', |
| | | data: { |
| | | ...vio, |
| | | alarmTime:parseTime(vio.alarmTime), |
| | | alarmTime: parseTime(vio.alarmTime), |
| | | limitTime:parseTime(vio.limitTime), |
| | | } |
| | | }) |
| | | .then(res => { |
| | |
| | | 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) { |
| | |
| | | // 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; |
| | |
| | | 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); |
| | | } |
| | |
| | | padding: 20px 10px 50px; |
| | | |
| | | .input-area { |
| | | flex: 1; |
| | | flex: 3; |
| | | padding: 10px 20px; |
| | | |
| | | .input-header { |
| | |
| | | } |
| | | |
| | | .map-area { |
| | | flex: 1; |
| | | flex: 2; |
| | | } |
| | | .anyou{ |
| | | :deep(.el-select){ |
| | | |
| | | .anyou { |
| | | :deep(.el-select) { |
| | | display: block; |
| | | } |
| | | } |