| @@ -0,0 +1,127 @@ | |||
| <template> | |||
| <div class="app-container"> | |||
| <van-nav-bar | |||
| left-arrow | |||
| fixed | |||
| placeholder | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">违法监管详情</p> | |||
| </template> | |||
| </van-nav-bar> | |||
| <p class="main_title">基本信息</p> | |||
| <div class="main_box"> | |||
| <van-field readonly label="是否在建建筑物" v-model="sfzjjzw" input-align="right" label-width="auto" /> | |||
| <van-field readonly label="宅基地代码" v-model="jgList.zjddm" input-align="right" label-width="auto" /> | |||
| <van-field readonly label="监管类型" v-model="jglx" input-align="right"/> | |||
| <van-field readonly label="立案时间" v-model="jgList.lasj" input-align="right" /> | |||
| <van-field readonly label="巡查人" v-model="jgList.inspector" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="巡查时间" v-model="jgList.inspectorTime" input-align="right" /> | |||
| <van-field readonly label="违法用地类型" v-model="wfydlx" input-align="right" /> | |||
| <van-field readonly label="违法用地面积" v-model="jgList.wfydmj" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="罚没款金额" v-model="jgList.fmkje" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="请输入面积" v-model="jgList.msmj" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="拆除面积" v-model="jgList.ccmj" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="整改截止时间" v-model="jgList.reformDeadline" input-align="right" /> | |||
| <van-field readonly label="备注" v-model="jgList.bz" input-align="right" label-width="auto"/> | |||
| </div> | |||
| <template v-if="jgList.status == 2"> | |||
| <p class="main_title">结案信息</p> | |||
| <div class="main_box"> | |||
| <van-field readonly label="结案时间" v-model="jgList.jasj" input-align="right" /> | |||
| <van-field readonly v-model="jgList.zfrxm" label="执法人姓名" placeholder="请输入姓名" input-align="right" label-width="auto"/> | |||
| <van-field readonly v-model="jgList.zfdw" label="执法单位" placeholder="请输入执法单位" input-align="right" label-width="auto"/> | |||
| <van-field readonly v-model="jgList.qtjgyy" label="其他监管原因" placeholder="请输入监管原因" input-align="right" label-width="auto"/> | |||
| <van-field readonly v-model="jgList.qtjgjg" label="其他监管结果" placeholder="请输入监管结果" input-align="right" label-width="auto"/> | |||
| </div> | |||
| </template> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { getSupervision, } from "@/api/onlineHome/homestead/supervision"; | |||
| export default { | |||
| name: "supervisionDetail", | |||
| data() { | |||
| return { | |||
| currentDate: new Date(), | |||
| jgList:{}, | |||
| sfzjjzw:'', | |||
| jglx:'', | |||
| wfydlx:'', | |||
| wfydlxDictionaries:[], | |||
| jglxDictionaries:[], | |||
| sysDictionaries:[], | |||
| }; | |||
| }, | |||
| created() { | |||
| this.getTaskGet(); | |||
| }, | |||
| computed: { | |||
| allowCUD: function () { | |||
| return this.$store.getters.businessLevel == '2' | |||
| }, | |||
| }, | |||
| methods: { | |||
| getTaskGet(){ | |||
| getSupervision(this.$route.query.id).then(response => { | |||
| console.log(response) | |||
| //违法用地类型 | |||
| this.houseGetDicts("villations_type").then((res) => { | |||
| for(var i = 0 ; i < res.data.length ; i++){ | |||
| this.wfydlxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||
| } | |||
| this.wfydlx = this.selectDictLabel(res.data, response.data.wfydlx); | |||
| }); | |||
| //监管类型 | |||
| this.houseGetDicts("jglx").then((res) => { | |||
| for(var i = 0 ; i < res.data.length ; i++){ | |||
| this.jglxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||
| } | |||
| this.jglx = this.selectDictLabel(res.data, response.data.jglx); | |||
| }); | |||
| //是否在建建筑物 | |||
| this.houseGetDicts("sys_yes_no").then((res) => { | |||
| for(var i = 0 ; i < res.data.length ; i++){ | |||
| this.sysDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||
| } | |||
| this.sfzjjzw = this.selectDictLabel(res.data, response.data.sfzjjzw); | |||
| }); | |||
| this.jgList = response.data; | |||
| }); | |||
| }, | |||
| goBack(){ | |||
| window.history.go(-1) | |||
| } | |||
| }, | |||
| } | |||
| </script> | |||
| <style scoped lang="scss"> | |||
| .app-container { | |||
| padding: 2% 0; | |||
| } | |||
| .main_title{ | |||
| font-size: 0.4rem; | |||
| color: #1D6FE9; | |||
| margin: 0.2rem 6%; | |||
| position: relative; | |||
| } | |||
| .main_box{ | |||
| width: 96%; | |||
| margin: 0 auto; | |||
| border-radius: 6px; | |||
| box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||
| overflow: hidden; | |||
| background-color: #FFF; | |||
| } | |||
| .submitButton{ | |||
| width: 80%; | |||
| margin: 0 auto; | |||
| background-color: #1D6FE9; | |||
| } | |||
| </style> | |||