| | |
| | | <!-- 问题类型 --> |
| | | <el-form-item class="optionItem" label="问题类型:" prop="category"> |
| | | <el-select v-model="ill.type" placeholder="违建" disabled> |
| | | <el-option v-for="item in typeList" :key="item.name" :label="item.name" |
| | | <el-option v-for="item in communityList" :key="item.name" :label="item.name" |
| | | :value="item.value" :disabled="item.disabled"> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | <el-form-item class="optionItems" label="违建地点:" prop="site"> |
| | | <el-input placeholder="请填写违建地点" v-model="ill.site"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="user-item"> |
| | | <!-- 所属街道 --> |
| | | <el-form-item class="optionItems" label="所属街道:" prop="streetId"> |
| | | <el-select v-model="ill.streetId" placeholder="请选择所属街道" @change="handleStreet"> |
| | | <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="ill.communityId" placeholder="请选择所属社区"> |
| | | <el-option v-for="item in typeList" :key="item.name" :label="item.name" |
| | | :value="item.value"> |
| | | <el-option v-for="item in communityList" :key="item.id" :label="item.regionName" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | callback(new Error('报警时间不能为空')) |
| | | } |
| | | } |
| | | const checkStreet=(rule, value, callback) => { |
| | | if (value) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error('所属街道不能为空')) |
| | | } |
| | | } |
| | | return { |
| | | ill: { |
| | | buildingArea: '', |
| | |
| | | { |
| | | required: true, trigger: 'change', validator: checkDate |
| | | } |
| | | ] |
| | | ], |
| | | streetId: [ |
| | | { |
| | | required: true, trigger: 'change', validator: checkStreet |
| | | } |
| | | ], |
| | | }, |
| | | bigKindList: [], |
| | | typeList: [ |
| | | { |
| | | name: '社区1', |
| | | value: 1, |
| | | }, |
| | | { |
| | | name: '社区2', |
| | | value: 2, |
| | | } |
| | | communityList: [ |
| | | ], |
| | | streetList: [], |
| | | } |
| | | }, |
| | | created() { |
| | | const { getBigKind, getCommityList } = this; |
| | | const { getBigKind, getCommityList,getStreetList } = this; |
| | | getStreetList(0); |
| | | |
| | | // this.ill.category = this.mytype + 1; |
| | | getBigKind(); |
| | | getCommityList(); |
| | |
| | | console.log(res); |
| | | }) |
| | | }, |
| | | // 获取街道信息 |
| | | 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.ill.communityId = ''; |
| | | // this.communityList = getcommunityList(1,'11') |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/sccg_region/getChildren/${id}` |
| | | }) |
| | | .then(res => { |
| | | console.log(res.data) |
| | | this.communityList = res.data; |
| | | }) |
| | | }, |
| | | handleBack(){ |
| | | this.$emit('changeDialog', { flag: false }); |
| | | } |
| | |
| | | <style lang="scss" scoped> |
| | | .ill { |
| | | display: flex; |
| | | padding: 20px 50px; |
| | | padding: 20px 10px 50px; |
| | | |
| | | .user-item { |
| | | display: flex; |