|
|
@@ -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> |