格式化
Showing
1 changed file
with
111 additions
and
79 deletions
| 1 | <template> | 1 | <template> |
| 2 | <!-- <div class="content_box"> --> | 2 | <!-- <div class="content_box"> --> |
| 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" > | 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> |
| 4 | <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane> | 4 | <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane> |
| 5 | <el-tab-pane label="分类调查表" name="fldcb" v-if="isFldc"><fldcb v-if="fldbcVisible" :qlr="qlr" :bdcdyh="bdcdyh" :zddm="zddm"></fldcb></el-tab-pane> | 5 | <el-tab-pane label="分类调查表" name="fldcb" v-if="isFldc" |
| 6 | <el-tab-pane label="土地承包经营权、农用地其他使用权调查表" name="tdcb" v-if="isTdcb"><tdcb :bdcdyh="bdcdyh" :zddm="zddm" lazy></tdcb></el-tab-pane> | 6 | ><fldcb |
| 7 | <el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb></el-tab-pane> | 7 | v-if="fldbcVisible" |
| 8 | <el-tab-pane label="界址点" name="jzd"> | 8 | :qlr="qlr" |
| 9 | <jzd v-if="jzdVisible" :is-disabled="isDisabled"></jzd> | 9 | :bdcdyh="bdcdyh" |
| 10 | </el-tab-pane> | 10 | :zddm="zddm" |
| 11 | <el-tab-pane label="界址线" name="jzx" > | 11 | ></fldcb |
| 12 | <jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx> | 12 | ></el-tab-pane> |
| 13 | </el-tab-pane> | 13 | <el-tab-pane |
| 14 | <el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane> | 14 | label="土地承包经营权、农用地其他使用权调查表" |
| 15 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> | 15 | name="tdcb" |
| 16 | <el-tab-pane label="附件材料" name="fjcl"> | 16 | v-if="isTdcb" |
| 17 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl> | 17 | ><tdcb :bdcdyh="bdcdyh" :zddm="zddm" lazy></tdcb |
| 18 | </el-tab-pane> | 18 | ></el-tab-pane> |
| 19 | <el-tab-pane label="流程跟踪" name="lcgz" v-if="$store.state.isWorkFlow || $store.state.lcgzShow" lazy> | 19 | <el-tab-pane label="面积分摊表" name="mjftb" |
| 20 | <lcgz ref="lcgz" ></lcgz> | 20 | ><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb |
| 21 | </el-tab-pane> | 21 | ></el-tab-pane> |
| 22 | </el-tabs> | 22 | <el-tab-pane label="界址点" name="jzd"> |
| 23 | <jzd v-if="jzdVisible" :is-disabled="isDisabled"></jzd> | ||
| 24 | </el-tab-pane> | ||
| 25 | <el-tab-pane label="界址线" name="jzx"> | ||
| 26 | <jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx> | ||
| 27 | </el-tab-pane> | ||
| 28 | <el-tab-pane label="登记簿" name="djb" | ||
| 29 | ><djb v-if="djbVisible"></djb | ||
| 30 | ></el-tab-pane> | ||
| 31 | <el-tab-pane label="历史回溯" name="lshs" | ||
| 32 | ><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs | ||
| 33 | ></el-tab-pane> | ||
| 34 | <el-tab-pane label="附件材料" name="fjcl"> | ||
| 35 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl> | ||
| 36 | </el-tab-pane> | ||
| 37 | <el-tab-pane | ||
| 38 | label="流程跟踪" | ||
| 39 | name="lcgz" | ||
| 40 | v-if="$store.state.isWorkFlow || $store.state.lcgzShow" | ||
| 41 | lazy | ||
| 42 | > | ||
| 43 | <lcgz ref="lcgz"></lcgz> | ||
| 44 | </el-tab-pane> | ||
| 45 | </el-tabs> | ||
| 23 | <!-- </div> --> | 46 | <!-- </div> --> |
| 24 | </template> | 47 | </template> |
| 25 | 48 | ||
| ... | @@ -30,89 +53,98 @@ import jzd from "./jzd"; | ... | @@ -30,89 +53,98 @@ import jzd from "./jzd"; |
| 30 | import jzx from "./jzx"; | 53 | import jzx from "./jzx"; |
| 31 | import djb from "./djb"; | 54 | import djb from "./djb"; |
| 32 | import lshs from "./lshs"; | 55 | import lshs from "./lshs"; |
| 33 | import fjcl from "./fjcl/fjcl" | 56 | import fjcl from "./fjcl/fjcl"; |
| 34 | import Lcgz from "./lcgz" | 57 | import Lcgz from "./lcgz"; |
| 35 | import {queryStatus} from "@api/search" | 58 | import { queryStatus } from "@api/search"; |
| 36 | import Fldcb from "./fldcb" | 59 | import Fldcb from "./fldcb"; |
| 37 | import Tdcb from "./tdcb" | 60 | import Tdcb from "./tdcb"; |
| 38 | import {getQjZdjbxxDetailById} from '@api/zd' | 61 | import { getQjZdjbxxDetailById } from "@api/zd"; |
| 39 | export default { | 62 | export default { |
| 40 | name: "", | 63 | name: "", |
| 41 | components: { | 64 | components: { |
| 42 | zddcb,mjftb,jzd,jzx,djb,lshs,fjcl,Fldcb,Lcgz,Tdcb | 65 | zddcb, |
| 66 | mjftb, | ||
| 67 | jzd, | ||
| 68 | jzx, | ||
| 69 | djb, | ||
| 70 | lshs, | ||
| 71 | fjcl, | ||
| 72 | Fldcb, | ||
| 73 | Lcgz, | ||
| 74 | Tdcb, | ||
| 43 | //zddcb,mjftb,jzd,jzx,djb,lshs,fjcl,Lcgz | 75 | //zddcb,mjftb,jzd,jzx,djb,lshs,fjcl,Lcgz |
| 44 | 76 | }, | |
| 45 | }, | ||
| 46 | props: {}, | 77 | props: {}, |
| 47 | data() { | 78 | data() { |
| 48 | return { | 79 | return { |
| 49 | qlr:"", | 80 | qlr: "", |
| 50 | bdcdyh:'', | 81 | bdcdyh: "", |
| 51 | zddm:"", | 82 | zddm: "", |
| 52 | isFldc:false, | 83 | isFldc: false, |
| 53 | isTdcb:false, | 84 | isTdcb: false, |
| 54 | isDisabled:false, | 85 | isDisabled: false, |
| 55 | activeName: "djdcb", | 86 | activeName: "djdcb", |
| 56 | mjftbVisible:false, | 87 | mjftbVisible: false, |
| 57 | jzdVisible:false, | 88 | jzdVisible: false, |
| 58 | fldbcVisible:false, | 89 | fldbcVisible: false, |
| 59 | jzxVisible:false, | 90 | jzxVisible: false, |
| 60 | djbVisible:false, | 91 | djbVisible: false, |
| 61 | lshsVisible:false, | 92 | lshsVisible: false, |
| 62 | fjclVisible:false, | 93 | fjclVisible: false, |
| 63 | type:'zd' | 94 | type: "zd", |
| 64 | }; | 95 | }; |
| 65 | }, | 96 | }, |
| 66 | methods: { | 97 | methods: { |
| 67 | getZdData(bsm){ | 98 | getZdData(bsm) { |
| 68 | getQjZdjbxxDetailById(bsm).then(res=>{ | 99 | getQjZdjbxxDetailById(bsm).then((res) => { |
| 69 | if (res.success) { | 100 | if (res.success) { |
| 70 | console.log(res,'宗地信息') | 101 | console.log(res, "宗地信息"); |
| 71 | this.isFldc=res.result.zdtzmbsm==='PSHGSBDCQJDC000000000000DC440010'; | 102 | this.isFldc = res.result.zdtzmbsm === "PSHGSBDCQJDC000000000000DC440010"; |
| 72 | this.isTdcb=res.result.zdtzmbsm==='PSHGSBDCQJDC000000000000DC440060' || 'PSHGSBDCQJDC000000000000DC440070' || 'PSHGSBDCQJDC000000000000DC440080'; | 103 | this.isTdcb = res.result.zdtzmbsm === ("PSHGSBDCQJDC000000000000DC440060" || "PSHGSBDCQJDC000000000000DC440070" ||"PSHGSBDCQJDC000000000000DC440080"); |
| 73 | } | 104 | |
| 74 | }) | 105 | } |
| 106 | }); | ||
| 107 | }, | ||
| 108 | loadingStatus() { | ||
| 109 | let bsm = this.$route.query.bsm; | ||
| 110 | queryStatus(bsm).then((res) => { | ||
| 111 | if (res.success) { | ||
| 112 | let qszt = res.result.qszt; | ||
| 113 | this.qlr = res.result.qlrmc; | ||
| 114 | this.zddm = res.result.zddm; | ||
| 115 | this.bdcdyh = res.result.bdcdyh; | ||
| 116 | console.log(this.qlr, "权利人"); | ||
| 117 | this.isDisabled = +qszt !== 0; | ||
| 118 | } | ||
| 119 | }); | ||
| 75 | }, | 120 | }, |
| 76 | loadingStatus() { | 121 | /* loading(){ |
| 77 | let bsm=this.$route.query.bsm; | ||
| 78 | queryStatus(bsm).then(res => { | ||
| 79 | if (res.success) { | ||
| 80 | let qszt = res.result.qszt; | ||
| 81 | this.qlr=res.result.qlrmc; | ||
| 82 | this.zddm=res.result.zddm; | ||
| 83 | this.bdcdyh=res.result.bdcdyh; | ||
| 84 | console.log(this.qlr,'权利人'); | ||
| 85 | this.isDisabled = +qszt !== 0; | ||
| 86 | } | ||
| 87 | }) | ||
| 88 | }, | ||
| 89 | /* loading(){ | ||
| 90 | console.log("附件材料是否禁用") | 122 | console.log("附件材料是否禁用") |
| 91 | this.$refs.fjcl.isUpload(this.$store.state.zdbsm) | 123 | this.$refs.fjcl.isUpload(this.$store.state.zdbsm) |
| 92 | },*/ | 124 | },*/ |
| 93 | handleClick(tab, event) { | 125 | handleClick(tab, event) { |
| 94 | // console.log(tab, event); | 126 | // console.log(tab, event); |
| 95 | this.loadingStatus(); | 127 | this.loadingStatus(); |
| 96 | switch (tab.name) { | 128 | switch (tab.name) { |
| 97 | case 'mjftb': | 129 | case "mjftb": |
| 98 | this.mjftbVisible = true; | 130 | this.mjftbVisible = true; |
| 99 | break; | 131 | break; |
| 100 | case 'fldcb': | 132 | case "fldcb": |
| 101 | this.fldbcVisible = true; | 133 | this.fldbcVisible = true; |
| 102 | break; | 134 | break; |
| 103 | case 'jzd': | 135 | case "jzd": |
| 104 | this.jzdVisible = true; | 136 | this.jzdVisible = true; |
| 105 | break; | 137 | break; |
| 106 | case 'jzx': | 138 | case "jzx": |
| 107 | this.jzxVisible = true; | 139 | this.jzxVisible = true; |
| 108 | break; | 140 | break; |
| 109 | case 'djb': | 141 | case "djb": |
| 110 | this.djbVisible = true; | 142 | this.djbVisible = true; |
| 111 | break; | 143 | break; |
| 112 | case 'lshs': | 144 | case "lshs": |
| 113 | this.lshsVisible = true; | 145 | this.lshsVisible = true; |
| 114 | break; | 146 | break; |
| 115 | case 'fjcl': | 147 | case "fjcl": |
| 116 | this.fjclVisible = true; | 148 | this.fjclVisible = true; |
| 117 | break; | 149 | break; |
| 118 | 150 | ||
| ... | @@ -123,8 +155,8 @@ export default { | ... | @@ -123,8 +155,8 @@ export default { |
| 123 | }, | 155 | }, |
| 124 | created() {}, | 156 | created() {}, |
| 125 | mounted() { | 157 | mounted() { |
| 126 | this.getZdData(this.$store.state.zdbsm); | 158 | this.getZdData(this.$store.state.zdbsm); |
| 127 | this.loadingStatus(); | 159 | this.loadingStatus(); |
| 128 | }, | 160 | }, |
| 129 | computed: { | 161 | computed: { |
| 130 | zdbsm() { | 162 | zdbsm() { |
| ... | @@ -132,15 +164,15 @@ export default { | ... | @@ -132,15 +164,15 @@ export default { |
| 132 | }, | 164 | }, |
| 133 | }, | 165 | }, |
| 134 | watch: { | 166 | watch: { |
| 135 | zdbsm: function (val) { | 167 | zdbsm: function(val) { |
| 136 | this.getZdData(val); | 168 | this.getZdData(val); |
| 137 | this.loadingStatus(); | 169 | this.loadingStatus(); |
| 138 | }, | 170 | }, |
| 139 | }, | 171 | }, |
| 140 | }; | 172 | }; |
| 141 | </script> | 173 | </script> |
| 142 | <style scoped lang="less"> | 174 | <style scoped lang="less"> |
| 143 | .el-tab-pane{ | 175 | .el-tab-pane { |
| 144 | overflow-y: scroll; | 176 | overflow-y: scroll; |
| 145 | } | 177 | } |
| 146 | </style> | 178 | </style> | ... | ... |
-
Please register or sign in to post a comment