| | |
| | | <el-form ref="user" label-width="100px" autoComplete="on" :model="vio" :rules="createRoleRules" |
| | | label-position="right"> |
| | | <!-- 问题类型 --> |
| | | <!-- <el-form-item class="optionItem" label="问题类型:" prop="category"> |
| | | <el-form-item class="optionItem" label="问题类型:" prop="category"> |
| | | <el-select v-model="vio.category" placeholder="违规" disabled> |
| | | <el-option v-for="item in typeList" :key="item.label" :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | </el-form-item> |
| | | <!-- 大类名称 --> |
| | | <el-form-item class="optionItems" label="大类名称:" prop="categoryId"> |
| | | <el-select v-model="vio.categoryId" placeholder="请选择大类名称"> |
| | |
| | | </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 typeList" :key="item.name" :label="item.name" :value="item.value" |
| | | <!-- 所属街道 --> |
| | | <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> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 所属街道 --> |
| | | <el-form-item class="optionItems" label="所属街道:" prop="streetId"> |
| | | <el-select v-model="vio.streetId" placeholder="请选择所属街道"> |
| | | <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value" |
| | | <!-- 所属社区 --> |
| | | <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> |
| | | </el-select> |
| | |
| | | </el-form-item> |
| | | <!-- 问题描述 --> |
| | | <el-form-item class="optionItems" label="问题描述:" prop="description"> |
| | | <el-input type="textarea" placeholder="请输入内容200字以内" v-model="vio.description"></el-input> |
| | | <el-input type="textarea" maxlength="200" placeholder="请输入内容200字以内" v-model="vio.description"></el-input> |
| | | </el-form-item> |
| | | <!-- 报警时间 --> |
| | | <el-form-item class="optionItems" label="报警时间:" prop="alarmTime"> |
| | |
| | | </div> |
| | | <div class="not-need-item"> |
| | | <label>反映人:</label> |
| | | <input type="text" class="not-need__inner"> |
| | | <el-input v-model="vio.informant"></el-input> |
| | | </div> |
| | | <div class="not-need-item"> |
| | | <label>联系方式:</label> |
| | | <input type="text" class="not-need__inner"> |
| | | <el-input v-model="vio.informantPhoneCode"></el-input> |
| | | </div> |
| | | <div class="not-need-item"> |
| | | <label>身份证号:</label> |
| | | <input type="text" class="not-need__inner"> |
| | | <el-input v-model="vio.informantIdCard"></el-input> |
| | | </div> |
| | | </div> |
| | | <div class="input-footer"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="map-area"> |
| | | <MyMap /> |
| | | <!-- <MyMap /> --> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | label: '违建', |
| | | value: 2. |
| | | } |
| | | ] |
| | | |
| | | ], |
| | | streetList:[], |
| | | communityList:[], |
| | | } |
| | | }, |
| | | created() { |
| | | const { getBigKind, getEventLevel, getSmallKind } = this; |
| | | const { getBigKind, getEventLevel, getSmallKind,getStreetList } = this; |
| | | console.log(this.mytype); |
| | | this.vio.category = this.mytype + 1; |
| | | getBigKind(); |
| | | getSmallKind(); |
| | | getEventLevel(); |
| | | getStreetList(); |
| | | }, |
| | | methods: { |
| | | handleStop() { |
| | |
| | | url: 'sccg/violations/query/type_second' |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | this.smallKindList = res.data; |
| | | }) |
| | | }, |
| | |
| | | url: 'sccg/violations/query/event_type' |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | this.eventLevelList = res.data; |
| | | }) |
| | | }, |
| | | // 获取行政区域 |
| | | getRegion() { |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/sccg-region/getTree', |
| | | }) |
| | | .then(res => { |
| | | // this. |
| | | }) |
| | | }, |
| | | // 提交注册信息 |
| | |
| | | // 返回 |
| | | handleBack(){ |
| | | this.$emit('changeDialog',{flag:false}) |
| | | }, |
| | | // 获取街道信息 |
| | | getStreetList(){ |
| | | this.$axios({ |
| | | method:'get', |
| | | url:'sccg/dict/query_Street_type' |
| | | }) |
| | | .then(res=>{ |
| | | this.streetList = res.data; |
| | | }) |
| | | }, |
| | | // 街道更改 |
| | | handleStreet(id){ |
| | | console.log(id); |
| | | this.$axios({ |
| | | method:'get', |
| | | url:'sccg/dict/query_social_type?id='+id |
| | | }) |
| | | .then(res=>{ |
| | | this.communityList = res.data; |
| | | }) |
| | | } |
| | | }, |
| | | props: ['mytype', 'changeDialog','refresh'] |