| | |
| | | <div class="input-header__tip">填写事件基础信息</div> |
| | | </div> |
| | | <div class="input-form"> |
| | | <el-form ref="user" label-width="160px" autoComplete="on" :model="ill" :rules="createillRules" |
| | | label-position="right"> |
| | | <el-form |
| | | ref="user" |
| | | label-width="160px" |
| | | autoComplete="on" |
| | | :model="ill" |
| | | :rules="createillRules" |
| | | label-position="right" |
| | | > |
| | | <!-- 问题类型 |
| | | <el-form-item class="optionItem" label="问题类型:" prop="category"> |
| | | <el-select v-model="ill.type" placeholder="违建"> |
| | |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <!-- 违建类别 --> |
| | | <el-form-item class="optionItems" label="违建类别:" prop="categoryId"> |
| | | <el-select v-model="ill.categoryId" placeholder="请选择违建类别" size="small"> |
| | | <el-option v-for="item in bigKindList" :key="item.id" :label="item.name" :value="item.id" |
| | | :disabled="item.disabled"> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="违建类别:" |
| | | prop="categoryId" |
| | | > |
| | | <el-select |
| | | v-model="ill.categoryId" |
| | | placeholder="请选择违建类别" |
| | | size="small" |
| | | > |
| | | <el-option |
| | | v-for="item in bigKindList" |
| | | :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="partyName"> |
| | | <el-input placeholder="请填写当事人姓名" v-model="ill.partyName"></el-input> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="当事人姓名:" |
| | | prop="partyName" |
| | | > |
| | | <el-input |
| | | placeholder="请填写当事人姓名" |
| | | v-model="ill.partyName" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <!-- 当事人身份证号 --> |
| | | <el-form-item class="optionItems" label="当事人身份证号:" prop="partyIdCard"> |
| | | <el-input placeholder="请填写当事人身份证号" v-model="ill.partyIdCard"></el-input> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="当事人身份证号:" |
| | | prop="partyIdCard" |
| | | > |
| | | <el-input |
| | | placeholder="请填写当事人身份证号" |
| | | v-model="ill.partyIdCard" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <!-- 当事人联系电话 --> |
| | | <el-form-item class="optionItem" label="当事人联系电话:" prop="partyPhone"> |
| | | <el-input v-model="ill.partyPhone" placeholder="请填写当事人联系电话"></el-input> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="当事人联系电话:" |
| | | prop="partyPhone" |
| | | > |
| | | <el-input |
| | | v-model="ill.partyPhone" |
| | | placeholder="请填写当事人联系电话" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <!-- 违建地点 --> |
| | | <el-form-item class="optionItems" label="违建地点:" prop="site"> |
| | | <el-input placeholder="请填写违建地点" v-model="ill.site"></el-input> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="违建地点:" |
| | | prop="site" |
| | | > |
| | | <el-input |
| | | placeholder="请填写违建地点" |
| | | v-model="ill.site" |
| | | ></el-input> |
| | | </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-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> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 身份证正反面照片 --> |
| | | <el-form-item class="optionItems" label="身份证正、反面照片:" prop="positive"> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="身份证正、反面照片:" |
| | | prop="positive" |
| | | > |
| | | <template> |
| | | <div class="idcard"> |
| | | <el-upload class="upload-demo" :show-file-list="false" |
| | | action="/sccg/file/medias" :headers="getToken()" multiple |
| | | :limit="50" :on-success="handleSuccess"> |
| | | <img v-if="ill.positive === ''" |
| | | <el-upload |
| | | class="upload-demo" |
| | | :show-file-list="false" |
| | | action="/sccg/file/medias" |
| | | :headers="getToken()" |
| | | multiple |
| | | :limit="50" |
| | | :on-success="handleSuccess" |
| | | > |
| | | <img |
| | | v-if="ill.positive === ''" |
| | | src="../../../../../../../assets/icons/svg/100d30e3.svg" |
| | | alt=""> |
| | | <span class="text" v-if="ill.positive === ''">身份证正面</span> |
| | | <img :src="ill.positive" alt="" class="img" v-else> |
| | | alt="" |
| | | /> |
| | | <span |
| | | class="text" |
| | | v-if="ill.positive === ''" |
| | | >身份证正面</span |
| | | > |
| | | <img |
| | | :src="ill.positive" |
| | | alt="" |
| | | class="img" |
| | | v-else |
| | | /> |
| | | </el-upload> |
| | | <el-upload class="upload-demo" :show-file-list="false" |
| | | action="/sccg/file/medias" :headers="getToken()" multiple |
| | | :limit="50" :on-success="handleSuccess2"> |
| | | <img v-if="ill.negative === '' " |
| | | <el-upload |
| | | class="upload-demo" |
| | | :show-file-list="false" |
| | | action="/sccg/file/medias" |
| | | :headers="getToken()" |
| | | multiple |
| | | :limit="50" |
| | | :on-success="handleSuccess2" |
| | | > |
| | | <img |
| | | v-if="ill.negative === ''" |
| | | src="../../../../../../../assets/icons/svg/100d30e3.svg" |
| | | alt=""> |
| | | <span class="text" v-if="ill.negative === ''">身份证反面</span> |
| | | <img :src="ill.negative" alt="" class="img" v-else /> |
| | | alt="" |
| | | /> |
| | | <span |
| | | class="text" |
| | | v-if="ill.negative === ''" |
| | | >身份证反面</span |
| | | > |
| | | <img |
| | | :src="ill.negative" |
| | | alt="" |
| | | class="img" |
| | | v-else |
| | | /> |
| | | </el-upload> |
| | | </div> |
| | | </template> |
| | | </el-form-item> |
| | | <!-- 报警时间 --> |
| | | <el-form-item class="optionItems" label="报警时间:" prop="alarmTime"> |
| | | <el-date-picker v-model="ill.alarmTime" type="datetime" placeholder="选择报警时间"> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="报警时间:" |
| | | prop="alarmTime" |
| | | > |
| | | <el-date-picker |
| | | v-model="ill.alarmTime" |
| | | type="datetime" |
| | | placeholder="选择报警时间" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="not-need"> |
| | | <div class="not-need__header"> |
| | | 执法违建情况 |
| | | </div> |
| | | <el-form ref="condition" label-width="160px" autoComplete="on" :model="ill" :rules="createillRules"> |
| | | <div class="not-need__header">执法违建情况</div> |
| | | <el-form |
| | | ref="condition" |
| | | label-width="160px" |
| | | autoComplete="on" |
| | | :model="ill" |
| | | :rules="createillRules" |
| | | > |
| | | <!-- 违建具体位置 --> |
| | | <el-form-item class="optionItems" label="违建具体位置:" prop="position"> |
| | | <el-input placeholder="请填写违建具体位置" v-model="ill.position"></el-input> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="违建具体位置:" |
| | | prop="position" |
| | | > |
| | | <el-input |
| | | placeholder="请填写违建具体位置" |
| | | v-model="ill.position" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="optionItems" label="违法建设长、宽、高:" prop="buildingLength"> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="违法建设长、宽、高:" |
| | | prop="buildingLength" |
| | | > |
| | | <div class="area"> |
| | | <el-input placeholder="长 单位米" v-model="ill.buildingLength"></el-input> |
| | | <el-input placeholder="宽 单位米" v-model="ill.buildingWidth"></el-input> |
| | | <el-input placeholder="高 单位米" v-model="ill.buildingHigh"></el-input> |
| | | <el-input |
| | | placeholder="长 单位米" |
| | | v-model="ill.buildingLength" |
| | | ></el-input> |
| | | <el-input |
| | | placeholder="宽 单位米" |
| | | v-model="ill.buildingWidth" |
| | | ></el-input> |
| | | <el-input |
| | | placeholder="高 单位米" |
| | | v-model="ill.buildingHigh" |
| | | ></el-input> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item class="optionItems" label="违法建设面积:" prop="buildingArea"> |
| | | <el-input placeholder="请填写违法建设面积" v-model="ill.buildingArea"></el-input> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="违法建设面积:" |
| | | prop="buildingArea" |
| | | > |
| | | <el-input |
| | | placeholder="请填写违法建设面积" |
| | | v-model="ill.buildingArea" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="optionItems" label="违法建筑材料:" prop="materials"> |
| | | <el-input placeholder="请填写违法建筑材料" v-model="ill.materials"></el-input> |
| | | <el-form-item |
| | | class="optionItems" |
| | | label="违法建筑材料:" |
| | | prop="materials" |
| | | > |
| | | <el-input |
| | | placeholder="请填写违法建筑材料" |
| | | v-model="ill.materials" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="input-footer"> |
| | | <el-button type="primary" class="confirm" @click="handleUser">确定</el-button> |
| | | <el-button type="primary" class="confirm" @click="handleUser" |
| | | >确定</el-button |
| | | > |
| | | <el-button class="back">返回</el-button> |
| | | </div> |
| | | </div> |
| | |
| | | <script> |
| | | // import MyMap from "@/components/map"; |
| | | import MyMap from "@/components/map/leafletMap.vue"; |
| | | import { FILE_ORIGINAL_PATH } from '@/utils'; |
| | | export default { |
| | | components: { |
| | | MyMap |
| | |
| | | ill.buildingHigh = parseFloat(ill.buildingHigh); |
| | | ill.buildingWidth = parseFloat(ill.buildingWidth); |
| | | ill.buildingArea = parseFloat(ill.buildingArea); |
| | | ill.negative = ill.negative.replace(FILE_ORIGINAL_PATH, "") |
| | | ill.positive = ill.positive.replace(FILE_ORIGINAL_PATH, "") |
| | | that.$axios({ |
| | | method: 'post', |
| | | url: 'sccg/base-case/addition_illegal_building', |
| | |
| | | // 获取行政区域 |
| | | // 获取token |
| | | getToken() { |
| | | console.log('666666666666') |
| | | console.log('666666666666') |
| | | const token = sessionStorage.getItem('token'); |
| | | const tokenHead = sessionStorage.getItem('tokenHead'); |
| | | this.handleSuccess() |
| | |
| | | } |
| | | |
| | | .input-form { |
| | | |
| | | // &::v-deep .el-input__inner { |
| | | // background-color: #09152f; |
| | | // border: 1px solid #17324c; |