Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
13 changed files
with
490 additions
and
51 deletions
| 1 | import { log } from "bpmn-js-token-simulation"; | 1 | /* |
| 2 | 2 | * @Description: | |
| 3 | 3 | * @Autor: renchao | |
| 4 | * @LastEditTime: 2023-08-15 11:02:38 | ||
| 5 | */ | ||
| 4 | var qlxxPage = [ | 6 | var qlxxPage = [ |
| 5 | { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, | 7 | { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, |
| 6 | { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, | 8 | { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, |
| ... | @@ -41,7 +43,7 @@ var qlxxPage = [ | ... | @@ -41,7 +43,7 @@ var qlxxPage = [ |
| 41 | ]; | 43 | ]; |
| 42 | 44 | ||
| 43 | //组装登记簿树形结构 | 45 | //组装登记簿树形结构 |
| 44 | export function loadTreeData(qlxxData) { | 46 | export function loadTreeData (qlxxData, index) { |
| 45 | let treedata = []; | 47 | let treedata = []; |
| 46 | //加载封面 | 48 | //加载封面 |
| 47 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | 49 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); |
| ... | @@ -74,19 +76,19 @@ export function loadTreeData(qlxxData) { | ... | @@ -74,19 +76,19 @@ export function loadTreeData(qlxxData) { |
| 74 | * @param {*} bdcdylx | 76 | * @param {*} bdcdylx |
| 75 | * @author: renchao | 77 | * @author: renchao |
| 76 | */ | 78 | */ |
| 77 | export function getNode(qllx, qlxx, bdcdylx) { | 79 | export function getNode (qllx, qlxx, bdcdylx) { |
| 78 | let node; | 80 | let node; |
| 79 | for (var i = 0; i < qlxxPage.length; i++) { | 81 | for (var i = 0; i < qlxxPage.length; i++) { |
| 80 | if (qlxxPage[i].qllx == qllx) { | 82 | if (qlxxPage[i].qllx == qllx) { |
| 81 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { | 83 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { |
| 82 | if (bdcdylx == "4") { | 84 | if (bdcdylx == "4") { |
| 83 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; | 85 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label }; |
| 84 | } else { | 86 | } else { |
| 85 | 87 | ||
| 86 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; | 88 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label }; |
| 87 | } | 89 | } |
| 88 | } else { | 90 | } else { |
| 89 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; | 91 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label }; |
| 90 | } | 92 | } |
| 91 | break; | 93 | break; |
| 92 | } | 94 | } | ... | ... |
| ... | @@ -170,7 +170,7 @@ | ... | @@ -170,7 +170,7 @@ |
| 170 | label="业务号:" | 170 | label="业务号:" |
| 171 | prop="qlxx.ywh" | 171 | prop="qlxx.ywh" |
| 172 | :rules="rules.ywhrules"> | 172 | :rules="rules.ywhrules"> |
| 173 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 173 | <el-input maxlength="10" v-model="ruleForm.qlxx.ywh"></el-input> |
| 174 | </el-form-item> | 174 | </el-form-item> |
| 175 | </el-col> | 175 | </el-col> |
| 176 | <el-col :span="8"> | 176 | <el-col :span="8"> |
| ... | @@ -317,7 +317,7 @@ | ... | @@ -317,7 +317,7 @@ |
| 317 | </el-col> | 317 | </el-col> |
| 318 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 318 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 319 | <el-form-item label="解封业务号:"> | 319 | <el-form-item label="解封业务号:"> |
| 320 | <el-input v-model="ruleForm.qlxx.zxywh"></el-input> | 320 | <el-input maxlength="11" v-model="ruleForm.qlxx.zxywh"></el-input> |
| 321 | </el-form-item> | 321 | </el-form-item> |
| 322 | </el-col> | 322 | </el-col> |
| 323 | </el-row> | 323 | </el-row> | ... | ... |
| ... | @@ -196,7 +196,7 @@ | ... | @@ -196,7 +196,7 @@ |
| 196 | label="业务号:" | 196 | label="业务号:" |
| 197 | prop="qlxx.ywh" | 197 | prop="qlxx.ywh" |
| 198 | :rules="rules.ywhrules"> | 198 | :rules="rules.ywhrules"> |
| 199 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 199 | <el-input maxlength="10" v-model="ruleForm.qlxx.ywh"></el-input> |
| 200 | </el-form-item> | 200 | </el-form-item> |
| 201 | </el-col> | 201 | </el-col> |
| 202 | <el-col :span="8"> | 202 | <el-col :span="8"> |
| ... | @@ -243,6 +243,7 @@ | ... | @@ -243,6 +243,7 @@ |
| 243 | <el-form-item label="被担保主债权数额:"> | 243 | <el-form-item label="被担保主债权数额:"> |
| 244 | <div style="display: flex"> | 244 | <div style="display: flex"> |
| 245 | <el-input | 245 | <el-input |
| 246 | maxlength="11" | ||
| 246 | v-model="ruleForm.diyaq.bdbzzqse" | 247 | v-model="ruleForm.diyaq.bdbzzqse" |
| 247 | style="width: 500%" | 248 | style="width: 500%" |
| 248 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 249 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| ... | @@ -262,6 +263,7 @@ | ... | @@ -262,6 +263,7 @@ |
| 262 | <el-form-item label="抵押面积:"> | 263 | <el-form-item label="抵押面积:"> |
| 263 | <div class="flex"> | 264 | <div class="flex"> |
| 264 | <el-input | 265 | <el-input |
| 266 | maxlength="13" | ||
| 265 | v-model="ruleForm.diyaq.dymj" | 267 | v-model="ruleForm.diyaq.dymj" |
| 266 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 267 | <el-select v-model="ruleForm.diyaq.mjdw" style="width: 20%"> | 269 | <el-select v-model="ruleForm.diyaq.mjdw" style="width: 20%"> |
| ... | @@ -338,7 +340,7 @@ | ... | @@ -338,7 +340,7 @@ |
| 338 | </el-col> | 340 | </el-col> |
| 339 | <el-col :span="8"> | 341 | <el-col :span="8"> |
| 340 | <el-form-item label="债务履行期限(确定期间):"> | 342 | <el-form-item label="债务履行期限(确定期间):"> |
| 341 | <el-input v-model="ruleForm.diyaq.dyqx"></el-input> | 343 | <el-input maxlength="10" v-model="ruleForm.diyaq.dyqx"></el-input> |
| 342 | </el-form-item> | 344 | </el-form-item> |
| 343 | </el-col> | 345 | </el-col> |
| 344 | 346 | ||
| ... | @@ -419,7 +421,7 @@ | ... | @@ -419,7 +421,7 @@ |
| 419 | 421 | ||
| 420 | <el-col :span="24"> | 422 | <el-col :span="24"> |
| 421 | <el-form-item label="登记原因:"> | 423 | <el-form-item label="登记原因:"> |
| 422 | <el-input v-model="ruleForm.qlxx.djyy"></el-input> | 424 | <el-input v-model="ruleForm.diyaq.djyy"></el-input> |
| 423 | </el-form-item> | 425 | </el-form-item> |
| 424 | </el-col> | 426 | </el-col> |
| 425 | <el-col :span="24"> | 427 | <el-col :span="24"> |
| ... | @@ -429,7 +431,7 @@ | ... | @@ -429,7 +431,7 @@ |
| 429 | </el-col> | 431 | </el-col> |
| 430 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 432 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 431 | <el-form-item label="注销抵押业务号:"> | 433 | <el-form-item label="注销抵押业务号:"> |
| 432 | <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> | 434 | <el-input maxlength="10" v-model="ruleForm.qlxx.zxywh"></el-input> |
| 433 | </el-form-item> | 435 | </el-form-item> |
| 434 | </el-col> | 436 | </el-col> |
| 435 | 437 | ... | ... |
| ... | @@ -164,7 +164,7 @@ | ... | @@ -164,7 +164,7 @@ |
| 164 | prop="qlxx.ywh" | 164 | prop="qlxx.ywh" |
| 165 | :rules="rules.ywhrules" | 165 | :rules="rules.ywhrules" |
| 166 | > | 166 | > |
| 167 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 167 | <el-input maxlength="20" v-model="ruleForm.qlxx.ywh" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"></el-input> |
| 168 | </el-form-item> | 168 | </el-form-item> |
| 169 | </el-col> | 169 | </el-col> |
| 170 | <el-col :span="8"> | 170 | <el-col :span="8"> | ... | ... |
| ... | @@ -80,7 +80,7 @@ | ... | @@ -80,7 +80,7 @@ |
| 80 | label="业务号:" | 80 | label="业务号:" |
| 81 | prop="qlxx.ywh" | 81 | prop="qlxx.ywh" |
| 82 | :rules="rules.ywhrules"> | 82 | :rules="rules.ywhrules"> |
| 83 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 83 | <el-input maxlength="10" v-model="ruleForm.qlxx.ywh"></el-input> |
| 84 | </el-form-item> | 84 | </el-form-item> |
| 85 | </el-col> | 85 | </el-col> |
| 86 | <el-col :span="8"> | 86 | <el-col :span="8"> |
| ... | @@ -137,6 +137,7 @@ | ... | @@ -137,6 +137,7 @@ |
| 137 | <el-form-item label="使用权面积:"> | 137 | <el-form-item label="使用权面积:"> |
| 138 | <div class="flex"> | 138 | <div class="flex"> |
| 139 | <el-input | 139 | <el-input |
| 140 | maxlength="12" | ||
| 140 | v-model="ruleForm.jsydsyq.syqmj" | 141 | v-model="ruleForm.jsydsyq.syqmj" |
| 141 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 142 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 142 | <el-select disabled v-model="mjdw" style="width: 20%"> | 143 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| ... | @@ -151,29 +152,20 @@ | ... | @@ -151,29 +152,20 @@ |
| 151 | </el-form-item> | 152 | </el-form-item> |
| 152 | </el-col> | 153 | </el-col> |
| 153 | <el-col :span="8"> | 154 | <el-col :span="8"> |
| 154 | <el-form-item label="使用权起始时间"> | 155 | <el-form-item label="使用权起止时间:"> |
| 155 | <el-input v-model="ruleForm.jsydsyq.syqqssj"></el-input> | 156 | <el-input maxlength="20" v-model="ruleForm.jsydsyq.syqqzsj"></el-input> |
| 156 | </el-form-item> | 157 | </el-form-item> |
| 157 | </el-col> | 158 | </el-col> |
| 158 | <el-col :span="8"> | 159 | <el-col :span="8"> |
| 159 | <el-form-item label="使用权结束时间"> | 160 | <el-form-item label="土地使用期限:"> |
| 160 | <el-input v-model="ruleForm.jsydsyq.syqjssj"></el-input> | 161 | <el-input maxlength="10" v-model="ruleForm.jsydsyq.tdsyqx"></el-input> |
| 161 | </el-form-item> | ||
| 162 | </el-col> | ||
| 163 | <el-col :span="8"> | ||
| 164 | <el-form-item label="土地使用期限"> | ||
| 165 | <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | ||
| 166 | </el-form-item> | ||
| 167 | </el-col> | ||
| 168 | <el-col :span="8"> | ||
| 169 | <el-form-item label="土地用途"> | ||
| 170 | <el-input v-model="ruleForm.jsydsyq.yt"></el-input> | ||
| 171 | </el-form-item> | 162 | </el-form-item> |
| 172 | </el-col> | 163 | </el-col> |
| 173 | <el-col :span="8"> | 164 | <el-col :span="8"> |
| 174 | <el-form-item label="取得价格:"> | 165 | <el-form-item label="取得价格:"> |
| 175 | <div style="display: flex"> | 166 | <div style="display: flex"> |
| 176 | <el-input | 167 | <el-input |
| 168 | maxlength="11" | ||
| 177 | v-model="ruleForm.jsydsyq.qdjg" | 169 | v-model="ruleForm.jsydsyq.qdjg" |
| 178 | style="width: 500%"></el-input> | 170 | style="width: 500%"></el-input> |
| 179 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 171 | <el-select v-model="ruleForm.jsydsyq.jedw"> | ... | ... |
This diff is collapsed.
Click to expand it.
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-19 09:51:37 | 4 | * @LastEditTime: 2023-08-15 10:39:19 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="bdcqldjml"> | 7 | <div class="bdcqldjml"> |
| ... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
| 18 | </tr> | 18 | </tr> |
| 19 | <tr v-for="(item, index) in bdcqlml" :key="index"> | 19 | <tr v-for="(item, index) in bdcqlml" :key="index"> |
| 20 | <td>{{ index + 1 }}</td> | 20 | <td>{{ index + 1 }}</td> |
| 21 | <td>{{ item.bdcdyh }}</td> | 21 | <td><el-link type="primary" @click="handleSelectBdcdyh(item.bdcdyh)" :underline="false">{{ item.bdcdyh }} </el-link></td> |
| 22 | <td>{{ item.bdclx }}</td> | 22 | <td>{{ item.bdclx }}</td> |
| 23 | <td>{{ item.szbs }}</td> | 23 | <td>{{ item.szbs }}</td> |
| 24 | <td>{{ item.bz }}</td> | 24 | <td>{{ item.bz }}</td> |
| ... | @@ -30,19 +30,25 @@ | ... | @@ -30,19 +30,25 @@ |
| 30 | <script> | 30 | <script> |
| 31 | import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js"; | 31 | import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js"; |
| 32 | export default { | 32 | export default { |
| 33 | props: ["formData"], | ||
| 33 | data () { | 34 | data () { |
| 34 | return { | 35 | return { |
| 35 | bdcqlml: [], | 36 | bdcqlml: [], |
| 36 | propsParam: this.$attrs, | 37 | propsParam: this.$attrs |
| 37 | }; | 38 | } |
| 38 | }, | 39 | }, |
| 39 | mounted () { | 40 | mounted () { |
| 40 | getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 41 | getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
| 41 | if (res.code === 200) { | 42 | if (res.code === 200) { |
| 42 | this.bdcqlml = res.result; | 43 | this.bdcqlml = res.result; |
| 43 | } | 44 | } |
| 44 | }); | 45 | }) |
| 45 | }, | 46 | }, |
| 47 | methods: { | ||
| 48 | handleSelectBdcdyh (val) { | ||
| 49 | this.$emit('getBdcdyh', val); | ||
| 50 | } | ||
| 51 | } | ||
| 46 | }; | 52 | }; |
| 47 | </script> | 53 | </script> |
| 48 | 54 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-10 16:28:55 | 4 | * @LastEditTime: 2023-08-15 10:57:30 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="content"> | 7 | <div class="content"> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | </el-tree> | 11 | </el-tree> |
| 12 | </div> | 12 | </div> |
| 13 | <div class="right"> | 13 | <div class="right"> |
| 14 | <component :is="componentTag" v-bind="currentSelectProps" /> | 14 | <component :is="componentTag" @getBdcdyh="getBdcdyh" v-bind="currentSelectProps" /> |
| 15 | </div> | 15 | </div> |
| 16 | </div> | 16 | </div> |
| 17 | </template> | 17 | </template> |
| ... | @@ -42,17 +42,21 @@ | ... | @@ -42,17 +42,21 @@ |
| 42 | }, | 42 | }, |
| 43 | props: ["formData"], | 43 | props: ["formData"], |
| 44 | mounted () { | 44 | mounted () { |
| 45 | this.loadData(); | 45 | this.loadData(this.formData.bdcdyh); |
| 46 | }, | 46 | }, |
| 47 | methods: { | 47 | methods: { |
| 48 | getBdcdyh (val) { | ||
| 49 | console.log(val, ';222222222222'); | ||
| 50 | // this.loadData(val); | ||
| 51 | }, | ||
| 48 | /** | 52 | /** |
| 49 | * @description: loadData | 53 | * @description: loadData |
| 50 | * @author: renchao | 54 | * @author: renchao |
| 51 | */ | 55 | */ |
| 52 | loadData () { | 56 | loadData (val) { |
| 53 | getBdcqljqtsx({ | 57 | getBdcqljqtsx({ |
| 54 | bdcdyid: this.formData.bdcdyid, | 58 | bdcdyid: this.formData.bdcdyid, |
| 55 | bdcdyh: this.formData.bdcdyh, | 59 | bdcdyh: val, |
| 56 | }).then((res) => { | 60 | }).then((res) => { |
| 57 | if (res.code === 200) { | 61 | if (res.code === 200) { |
| 58 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); | 62 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); |
| ... | @@ -60,15 +64,15 @@ | ... | @@ -60,15 +64,15 @@ |
| 60 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, this.formData.bdcdylx || ""); | 64 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, this.formData.bdcdylx || ""); |
| 61 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | 65 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 |
| 62 | this.loadComponent(this.defaultNode.form); | 66 | this.loadComponent(this.defaultNode.form); |
| 63 | }); | 67 | }) |
| 64 | } | 68 | } |
| 65 | }); | 69 | }) |
| 66 | this.currentSelectProps = { | 70 | this.currentSelectProps = { |
| 67 | bdcdyid: this.formData.bdcdyid, | 71 | bdcdyid: this.formData.bdcdyid, |
| 68 | bdcdyh: this.formData.bdcdyh, | 72 | bdcdyh: this.formData.bdcdyh, |
| 69 | qllx: this.formData.qllx, | 73 | qllx: this.formData.qllx, |
| 70 | bsmQlxx: this.formData.bsmQlxx, | 74 | bsmQlxx: this.formData.bsmQlxx |
| 71 | }; | 75 | } |
| 72 | }, | 76 | }, |
| 73 | /** | 77 | /** |
| 74 | * @description: handleNodeClick | 78 | * @description: handleNodeClick |
| ... | @@ -86,12 +90,11 @@ | ... | @@ -86,12 +90,11 @@ |
| 86 | * @author: renchao | 90 | * @author: renchao |
| 87 | */ | 91 | */ |
| 88 | loadComponent (form) { | 92 | loadComponent (form) { |
| 89 | console.log(form, 'formformformform'); | ||
| 90 | this.componentTag = (r) => | 93 | this.componentTag = (r) => |
| 91 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 94 | require.ensure([], () => r(require("@/views/registerBook/" + form))) |
| 92 | }, | 95 | } |
| 96 | } | ||
| 93 | } | 97 | } |
| 94 | }; | ||
| 95 | </script> | 98 | </script> |
| 96 | <style scoped lang="scss"> | 99 | <style scoped lang="scss"> |
| 97 | /deep/.rollTable { | 100 | /deep/.rollTable { | ... | ... |
| ... | @@ -11,7 +11,7 @@ var qlxxPage = [ | ... | @@ -11,7 +11,7 @@ var qlxxPage = [ |
| 11 | { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" }, | 11 | { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" }, |
| 12 | { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" }, | 12 | { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" }, |
| 13 | { qllx: "A11", id: "ldsyq", form: "ldsyq.vue", label: "林地使用权" }, | 13 | { qllx: "A11", id: "ldsyq", form: "ldsyq.vue", label: "林地使用权" }, |
| 14 | { qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" }, | 14 | { qllx: "A12", id: "sllmsyq", form: "sllmsyq.vue", label: "林地使用权/森林、林木使用权" }, |
| 15 | { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" }, | 15 | { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" }, |
| 16 | { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" }, | 16 | { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" }, |
| 17 | { qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" }, | 17 | { qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" }, | ... | ... |
src/views/registerBook/sllmsyq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Author: yangwei | ||
| 3 | * @Date: 2023-08-15 14:15:06 | ||
| 4 | * @LastEditors: yangwei | ||
| 5 | * @LastEditTime: 2023-08-15 14:15:19 | ||
| 6 | * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue | ||
| 7 | * @Description: | ||
| 8 | * | ||
| 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
| 10 | --> | ||
| 11 | <!-- | ||
| 12 | * @Description: | ||
| 13 | * @Autor: renchao | ||
| 14 | * @LastEditTime: 2023-08-11 15:33:53 | ||
| 15 | --> | ||
| 16 | <template> | ||
| 17 | <div class="djxxTable"> | ||
| 18 | <div class="tableBox"> | ||
| 19 | <div class="title"> | ||
| 20 | {{ title }} | ||
| 21 | <div class="checkbox"> | ||
| 22 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 23 | <el-checkbox | ||
| 24 | v-for="item in qsztList" | ||
| 25 | :key="item.value" | ||
| 26 | :label="item.value" | ||
| 27 | >{{ item.label }}</el-checkbox> | ||
| 28 | </el-checkbox-group> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | <div class="xxTableBox rollTable"> | ||
| 32 | <!-- 固定前三个 --> | ||
| 33 | <table class="xxTable"> | ||
| 34 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 35 | <td>{{ item.label }}</td> | ||
| 36 | <td | ||
| 37 | v-for="(row, index) in tableData" | ||
| 38 | :key="index" | ||
| 39 | :class="[ | ||
| 40 | row.qszt == '2' ? 'lishi' : '', | ||
| 41 | row.qszt == '0' ? 'linshi' : '', | ||
| 42 | row.qlzt == '4' ? 'linshi' : '', | ||
| 43 | |||
| 44 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 45 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 46 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 47 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 48 | ]" | ||
| 49 | > | ||
| 50 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 51 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 52 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 53 | </div> | ||
| 54 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div> | ||
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> | ||
| 56 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> | ||
| 57 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> | ||
| 58 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | ||
| 59 | |||
| 60 | <span v-else>{{ row[item.prop] }}</span> | ||
| 61 | </td> | ||
| 62 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 63 | </tr> | ||
| 64 | </table> | ||
| 65 | </div> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | </template> | ||
| 69 | |||
| 70 | <script> | ||
| 71 | import { datas } from "./qlxxFormData.js"; | ||
| 72 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 73 | import { getLqList } from "@/api/djbDetail.js"; | ||
| 74 | export default { | ||
| 75 | data() { | ||
| 76 | return { | ||
| 77 | title: "林权登记信息", | ||
| 78 | qsztList: datas.columns().qsztList, | ||
| 79 | checkList: datas.columns().checkList, | ||
| 80 | //传递参数 | ||
| 81 | propsParam: this.$attrs, | ||
| 82 | //列表数据 | ||
| 83 | tableData: [], | ||
| 84 | //空列值个数 | ||
| 85 | emptycolNum: datas.columns().emptycolNum, | ||
| 86 | //列名称对象 | ||
| 87 | columns: datas.columns().LDSYQ, | ||
| 88 | }; | ||
| 89 | }, | ||
| 90 | created() { | ||
| 91 | this.loadData(); | ||
| 92 | }, | ||
| 93 | methods: { | ||
| 94 | /** | ||
| 95 | * @description: loadData | ||
| 96 | * @author: renchao | ||
| 97 | */ | ||
| 98 | loadData() { | ||
| 99 | if (this.$parent.addRepairRecord) { | ||
| 100 | this.columns.unshift({ | ||
| 101 | prop: "cz", | ||
| 102 | label: "操作", | ||
| 103 | }); | ||
| 104 | } | ||
| 105 | getLqList({ | ||
| 106 | bdcdyid: this.propsParam.bdcdyid, | ||
| 107 | qllx: this.propsParam.qllx, | ||
| 108 | qszt: this.checkList, | ||
| 109 | }).then((res) => { | ||
| 110 | if (res.code === 200) { | ||
| 111 | this.tableData = res.result; | ||
| 112 | this.tableData.forEach((item) => { | ||
| 113 | item.sjlx = getSjlx(item.sjlx); | ||
| 114 | }); | ||
| 115 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 116 | this.emptycolNum = | ||
| 117 | datas.columns().emptycolNum - this.tableData.length; | ||
| 118 | } else { | ||
| 119 | this.emptycolNum = 0; | ||
| 120 | } | ||
| 121 | } | ||
| 122 | }); | ||
| 123 | }, | ||
| 124 | /** | ||
| 125 | * @description: checkChange | ||
| 126 | * @author: renchao | ||
| 127 | */ | ||
| 128 | checkChange() { | ||
| 129 | if (this.checkList.length === 0) { | ||
| 130 | this.tableData = []; | ||
| 131 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 132 | } else { | ||
| 133 | this.loadData(); | ||
| 134 | } | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: getQsztName | ||
| 138 | * @param {*} code | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | getQsztName(code) { | ||
| 142 | let name = ""; | ||
| 143 | for (let item of this.qsztList) { | ||
| 144 | if (item.value == code) { | ||
| 145 | name = item.label; | ||
| 146 | break; | ||
| 147 | } | ||
| 148 | } | ||
| 149 | return name; | ||
| 150 | }, | ||
| 151 | // 新增一条补录信息 | ||
| 152 | /** | ||
| 153 | * @description: 新增一条补录信息 | ||
| 154 | * @param {*} row | ||
| 155 | * @param {*} del | ||
| 156 | * @author: renchao | ||
| 157 | */ | ||
| 158 | editDialog(row, del) { | ||
| 159 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 160 | confirmButtonText: "确定", | ||
| 161 | cancelButtonText: "取消", | ||
| 162 | type: "warning", | ||
| 163 | }) | ||
| 164 | .then(() => { | ||
| 165 | this.$parent.addRepairRecord(row, del); | ||
| 166 | |||
| 167 | this.$message({ | ||
| 168 | type: "success", | ||
| 169 | message: "补录成功!", | ||
| 170 | }); | ||
| 171 | }) | ||
| 172 | .catch(() => { | ||
| 173 | this.$message({ | ||
| 174 | type: "info", | ||
| 175 | message: "取消编辑", | ||
| 176 | }); | ||
| 177 | }); | ||
| 178 | }, | ||
| 179 | }, | ||
| 180 | }; | ||
| 181 | </script> | ||
| 182 | |||
| 183 | <style lang="scss" scoped> | ||
| 184 | @import "./qlxxCommon.scss"; | ||
| 185 | </style> | ||
| 186 | |||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -20,7 +20,7 @@ | ... | @@ -20,7 +20,7 @@ |
| 20 | </div> | 20 | </div> |
| 21 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 21 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
| 22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
| 23 | <el-form-item label="业务号111:"> | 23 | <el-form-item label="业务号:"> |
| 24 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | 24 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
| 25 | </el-form-item> | 25 | </el-form-item> |
| 26 | </el-col> | 26 | </el-col> |
| ... | @@ -253,7 +253,6 @@ | ... | @@ -253,7 +253,6 @@ |
| 253 | if (res.code == 200) { | 253 | if (res.code == 200) { |
| 254 | this.ruleForm = res.result; | 254 | this.ruleForm = res.result; |
| 255 | this.czrOptions = this.ruleForm.qlrList; | 255 | this.czrOptions = this.ruleForm.qlrList; |
| 256 | console.log("ruleForm.sldyList[0].gyfsssssssssssssssssssss",this.ruleForm.sldyList[0].gyfs); | ||
| 257 | this.gyfs=this.ruleForm.sldyList[0].gyfs | 256 | this.gyfs=this.ruleForm.sldyList[0].gyfs |
| 258 | this.splicingFdcq2Info(); | 257 | this.splicingFdcq2Info(); |
| 259 | } | 258 | } |
| ... | @@ -316,6 +315,25 @@ | ... | @@ -316,6 +315,25 @@ |
| 316 | * @author: renchao | 315 | * @author: renchao |
| 317 | */ | 316 | */ |
| 318 | onSubmit () { | 317 | onSubmit () { |
| 318 | if (this.ruleForm.sldyList[0].gyfs== "0") { | ||
| 319 | if (this.ruleForm.qlrList.length > 1) { | ||
| 320 | this.$message({ | ||
| 321 | showClose: true, | ||
| 322 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 323 | type: "error", | ||
| 324 | }); | ||
| 325 | return false; | ||
| 326 | } | ||
| 327 | } else { | ||
| 328 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 329 | this.$message({ | ||
| 330 | showClose: true, | ||
| 331 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 332 | type: "error", | ||
| 333 | }); | ||
| 334 | return false; | ||
| 335 | } | ||
| 336 | } | ||
| 319 | saveBatchData(this.ruleForm).then((res) => { | 337 | saveBatchData(this.ruleForm).then((res) => { |
| 320 | if (res.code === 200) { | 338 | if (res.code === 200) { |
| 321 | this.$message({ | 339 | this.$message({ | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-15 14:01:37 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="from-clues"> | ||
| 8 | <!-- 表单部分 森林林木 --> | ||
| 9 | <div class="from-clues-header"> | ||
| 10 | <el-form :model="queryForm" ref="queryForm"> | ||
| 11 | <el-row :gutter="20"> | ||
| 12 | <el-col :span="6"> | ||
| 13 | <el-form-item label="宗地代码"> | ||
| 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> | ||
| 15 | </el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | <el-col :span="6"> | ||
| 19 | <el-form-item label="不动产单元号"> | ||
| 20 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | ||
| 21 | </el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="6"> | ||
| 25 | <el-form-item label="坐落"> | ||
| 26 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
| 27 | </el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | <el-col :span="6" class="btnColRight"> | ||
| 31 | <el-form-item> | ||
| 32 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | </el-form> | ||
| 38 | </div> | ||
| 39 | <!-- 表格 --> | ||
| 40 | <div class="from-clues-content loadingtext"> | ||
| 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | ||
| 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | ||
| 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
| 44 | :data="tableData.data"> | ||
| 45 | </lb-table> | ||
| 46 | </div> | ||
| 47 | <div class="submit_button"> | ||
| 48 | <el-button @click="$popupCacel">取消</el-button> | ||
| 49 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | </template> | ||
| 53 | <script> | ||
| 54 | //首次登记 | ||
| 55 | import jump from "./mixin/jump"; | ||
| 56 | import store from '@/store/index.js' | ||
| 57 | import table from "@/utils/mixin/table"; | ||
| 58 | import { ywPopupDialog } from "@/utils/popup.js"; | ||
| 59 | import { selectZdjbxx } from "@/api/ywsq.js"; | ||
| 60 | import { startBusinessFlow } from "@/api/workFlow.js"; | ||
| 61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | ||
| 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
| 63 | export default { | ||
| 64 | mixins: [table, jump], | ||
| 65 | props: { | ||
| 66 | isJump: { type: Boolean, default: false }, | ||
| 67 | sqywInfo: { type: Object, default: () => { } }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | loading: false, | ||
| 72 | queryForm: defaultParameters.defaultParameters(), | ||
| 73 | tableData: { | ||
| 74 | total: 0, | ||
| 75 | columns: datas.columns(), | ||
| 76 | data: [], | ||
| 77 | }, | ||
| 78 | bdcdysz: [], | ||
| 79 | }; | ||
| 80 | }, | ||
| 81 | mounted () { | ||
| 82 | sendThis(this); | ||
| 83 | }, | ||
| 84 | methods: { | ||
| 85 | /** | ||
| 86 | * @description: queryClick | ||
| 87 | * @author: renchao | ||
| 88 | */ | ||
| 89 | queryClick () { | ||
| 90 | this.$startLoading(); | ||
| 91 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
| 92 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 93 | this.$endLoading(); | ||
| 94 | if (res.code === 200) { | ||
| 95 | let { total, records } = res.result; | ||
| 96 | this.tableData.total = total; | ||
| 97 | this.tableData.data = records; | ||
| 98 | } | ||
| 99 | }); | ||
| 100 | }, | ||
| 101 | |||
| 102 | /** | ||
| 103 | * @description: submitForm | ||
| 104 | * @author: renchao | ||
| 105 | */ | ||
| 106 | submitForm () { | ||
| 107 | if (this.bdcdysz.length == 0) { | ||
| 108 | this.$alert("请至少选择一条数据"); | ||
| 109 | return; | ||
| 110 | } | ||
| 111 | this.loading = true | ||
| 112 | startBusinessFlow({ | ||
| 113 | bsmSqyw: this.bsmSqyw, | ||
| 114 | bdcdysz: this.bdcdysz, | ||
| 115 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
| 116 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
| 117 | }).then((res) => { | ||
| 118 | this.loading = false | ||
| 119 | if (res.code == 200) { | ||
| 120 | this.$message({ | ||
| 121 | showClose: true, | ||
| 122 | message: "发起申请成功", | ||
| 123 | type: "success", | ||
| 124 | }); | ||
| 125 | if (!this.isJump) { | ||
| 126 | this.jump(res.result, this.djywbm); | ||
| 127 | } else { | ||
| 128 | store.dispatch('user/refreshPage', true); | ||
| 129 | } | ||
| 130 | this.$popupCacel() | ||
| 131 | } else { | ||
| 132 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message, result: res.result }, '36%', true) | ||
| 133 | } | ||
| 134 | }).catch(() => { | ||
| 135 | this.loading = false | ||
| 136 | }) | ||
| 137 | }, | ||
| 138 | /** | ||
| 139 | * @description: handleSelectionChange | ||
| 140 | * @param {*} val | ||
| 141 | * @author: renchao | ||
| 142 | */ | ||
| 143 | handleSelectionChange (val) { | ||
| 144 | val.forEach((item, index) => { | ||
| 145 | item.bsm = item.zdbsm; | ||
| 146 | }); | ||
| 147 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 148 | if (val.length > 1) { | ||
| 149 | this.bdcdysz = [...val[val.length - 1]]; | ||
| 150 | } else { | ||
| 151 | this.bdcdysz = val; | ||
| 152 | } | ||
| 153 | } else { | ||
| 154 | this.bdcdysz = val; | ||
| 155 | } | ||
| 156 | }, | ||
| 157 | /** | ||
| 158 | * @description: select | ||
| 159 | * @param {*} selection | ||
| 160 | * @param {*} row | ||
| 161 | * @author: renchao | ||
| 162 | */ | ||
| 163 | select (selection, row) { | ||
| 164 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 165 | // 清除 所有勾选项 | ||
| 166 | this.$refs.table.clearSelection() | ||
| 167 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 168 | // 主要用于将当前勾选的表格状态清除 | ||
| 169 | if (selection.length == 0) return | ||
| 170 | this.$refs.table.toggleRowSelection(row, true); | ||
| 171 | } | ||
| 172 | }, | ||
| 173 | |||
| 174 | /** | ||
| 175 | * @description: handleRowClick | ||
| 176 | * @param {*} row | ||
| 177 | * @author: renchao | ||
| 178 | */ | ||
| 179 | handleRowClick (row) { | ||
| 180 | // 如果状态是1,那就是单选 | ||
| 181 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 182 | const bdcdysz = this.bdcdysz | ||
| 183 | this.$refs.table.clearSelection() | ||
| 184 | if (bdcdysz.length == 1) { | ||
| 185 | bdcdysz.forEach(item => { | ||
| 186 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 187 | if (item == row) { | ||
| 188 | this.$refs.table.toggleRowSelection(row, false); | ||
| 189 | } | ||
| 190 | // 不然就让当前的一行勾选 | ||
| 191 | else { | ||
| 192 | this.$refs.table.toggleRowSelection(row, true); | ||
| 193 | } | ||
| 194 | }) | ||
| 195 | } | ||
| 196 | else { | ||
| 197 | this.$refs.table.toggleRowSelection(row, true); | ||
| 198 | } | ||
| 199 | } else { | ||
| 200 | this.$refs.table.toggleRowSelection(row); | ||
| 201 | } | ||
| 202 | }, | ||
| 203 | /** | ||
| 204 | * @description: openBook | ||
| 205 | * @param {*} row | ||
| 206 | * @author: renchao | ||
| 207 | */ | ||
| 208 | openBook (row) { | ||
| 209 | var param = { | ||
| 210 | bdcdyid: row.bdcdyid, | ||
| 211 | qllx: row.qllx, | ||
| 212 | bdcdyh: row.bdcdyh, | ||
| 213 | bsmQlxx: row.bsmQlxx, | ||
| 214 | }; | ||
| 215 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
| 216 | formData: param | ||
| 217 | }) | ||
| 218 | }, | ||
| 219 | |||
| 220 | }, | ||
| 221 | }; | ||
| 222 | </script> | ||
| 223 | <style scoped lang="scss"> | ||
| 224 | @import "~@/styles/mixin.scss"; | ||
| 225 | @import "~@/styles/public.scss"; | ||
| 226 | </style> | ||
| 227 |
| ... | @@ -108,6 +108,9 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -108,6 +108,9 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 108 | case "A11400"://林地使用权变更 | 108 | case "A11400"://林地使用权变更 |
| 109 | vm = "selectLqqt"; | 109 | vm = "selectLqqt"; |
| 110 | break; | 110 | break; |
| 111 | case "A12100"://森林林木首次 | ||
| 112 | vm = "selectSllm"; | ||
| 113 | break; | ||
| 111 | default: | 114 | default: |
| 112 | vm = "selecBdcql"; | 115 | vm = "selecBdcql"; |
| 113 | break; | 116 | break; | ... | ... |
-
Please register or sign in to post a comment