Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
39 changed files
with
3559 additions
and
867 deletions
| ... | @@ -66,7 +66,24 @@ export function leftMenubl (params) { | ... | @@ -66,7 +66,24 @@ export function leftMenubl (params) { |
| 66 | params | 66 | params |
| 67 | }) | 67 | }) |
| 68 | } | 68 | } |
| 69 | 69 | /** | |
| 70 | * @description: 获取权利类型数组 | ||
| 71 | * @param {*} params | ||
| 72 | * @author: renchao | ||
| 73 | */ | ||
| 74 | // export function getQllxByBdcdyid (params) { | ||
| 75 | // return request({ | ||
| 76 | // url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid?bdcdyid='+params, | ||
| 77 | // method: 'get', | ||
| 78 | // }) | ||
| 79 | // } | ||
| 80 | export function getQllxByBdcdyid (params) { | ||
| 81 | return request({ | ||
| 82 | url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid', | ||
| 83 | method: 'get', | ||
| 84 | params | ||
| 85 | }) | ||
| 86 | } | ||
| 70 | /** | 87 | /** |
| 71 | * @description: 保存数据 | 88 | * @description: 保存数据 |
| 72 | * @param {*} data | 89 | * @param {*} data | ... | ... |
| ... | @@ -66,3 +66,15 @@ export function choiceBdcdy (data) { | ... | @@ -66,3 +66,15 @@ export function choiceBdcdy (data) { |
| 66 | }) | 66 | }) |
| 67 | } | 67 | } |
| 68 | 68 | ||
| 69 | /** | ||
| 70 | * @description: 选择补录权利信息 | ||
| 71 | * @param {*} data | ||
| 72 | * @author: renchao | ||
| 73 | */ | ||
| 74 | export function selectRepairQlxx (data) { | ||
| 75 | return request({ | ||
| 76 | url: 'ywbl/ywsq/selectRepairQlxx', | ||
| 77 | method: 'post', | ||
| 78 | data | ||
| 79 | }) | ||
| 80 | } | ... | ... |
| ... | @@ -31,7 +31,7 @@ export function getleftMenu () { | ... | @@ -31,7 +31,7 @@ export function getleftMenu () { |
| 31 | } | 31 | } |
| 32 | 32 | ||
| 33 | /** | 33 | /** |
| 34 | * @description: 登记簿补录-获取左侧菜单 | 34 | * @description: 登记簿补录 |
| 35 | * @author: renchao | 35 | * @author: renchao |
| 36 | */ | 36 | */ |
| 37 | export function getRepairBiz () { | 37 | export function getRepairBiz () { |
| ... | @@ -42,6 +42,17 @@ export function getleftMenu () { | ... | @@ -42,6 +42,17 @@ export function getleftMenu () { |
| 42 | } | 42 | } |
| 43 | 43 | ||
| 44 | /** | 44 | /** |
| 45 | * @description: 一并申请业务 | ||
| 46 | * @author: renchao | ||
| 47 | */ | ||
| 48 | export function getTogetherBiz () { | ||
| 49 | return request({ | ||
| 50 | url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz', | ||
| 51 | method: 'post' | ||
| 52 | }) | ||
| 53 | } | ||
| 54 | |||
| 55 | /** | ||
| 45 | * @description: 业务办理-获取下个节点内容 | 56 | * @description: 业务办理-获取下个节点内容 |
| 46 | * @param {*} bsmSqyw | 57 | * @param {*} bsmSqyw |
| 47 | * @author: renchao | 58 | * @author: renchao |
| ... | @@ -66,18 +77,6 @@ export function selectScBdcdy (data) { | ... | @@ -66,18 +77,6 @@ export function selectScBdcdy (data) { |
| 66 | }) | 77 | }) |
| 67 | } | 78 | } |
| 68 | 79 | ||
| 69 | // /* | ||
| 70 | // 业务办理-选择单元-根据条件进行列表查询-房屋所有权 | ||
| 71 | // */ | ||
| 72 | // export function selectFwsyq (data) { | ||
| 73 | // return request({ | ||
| 74 | // url: 'ywbl/ywsq/selectFwsyq', | ||
| 75 | // method: 'post', | ||
| 76 | // data | ||
| 77 | // showLoading: true | ||
| 78 | // }) | ||
| 79 | // } | ||
| 80 | |||
| 81 | /** | 80 | /** |
| 82 | * @description: 待办箱列表查询接口 | 81 | * @description: 待办箱列表查询接口 |
| 83 | * @param {*} data | 82 | * @param {*} data |
| ... | @@ -116,7 +115,7 @@ export function startBusinessFlow (data) { | ... | @@ -116,7 +115,7 @@ export function startBusinessFlow (data) { |
| 116 | } | 115 | } |
| 117 | 116 | ||
| 118 | /** | 117 | /** |
| 119 | * @description: 业务办理-发起业务申请流程 | 118 | * @description: 业务办理-发起补录申请流程 |
| 120 | * @param {*} data | 119 | * @param {*} data |
| 121 | * @author: renchao | 120 | * @author: renchao |
| 122 | */ | 121 | */ |
| ... | @@ -192,7 +191,7 @@ export function addCollectBiz (bsmSqyw) { | ... | @@ -192,7 +191,7 @@ export function addCollectBiz (bsmSqyw) { |
| 192 | } | 191 | } |
| 193 | 192 | ||
| 194 | /** | 193 | /** |
| 195 | * @description: 业务办理-业务申请-添加收藏业务 | 194 | * @description: 业务办理-业务申请-取消收藏业务 |
| 196 | * @param {*} bsmSqyw | 195 | * @param {*} bsmSqyw |
| 197 | * @author: renchao | 196 | * @author: renchao |
| 198 | */ | 197 | */ | ... | ... |
| 1 | import { log } from 'bpmn-js-token-simulation'; | ||
| 1 | import { mapGetters } from 'vuex' | 2 | import { mapGetters } from 'vuex' |
| 2 | import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; | 3 | import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; |
| 3 | export default { | 4 | export default { |
| ... | @@ -9,13 +10,23 @@ export default { | ... | @@ -9,13 +10,23 @@ export default { |
| 9 | } | 10 | } |
| 10 | } | 11 | } |
| 11 | }, | 12 | }, |
| 13 | created() { | ||
| 14 | |||
| 15 | }, | ||
| 12 | computed: { | 16 | computed: { |
| 13 | ...mapGetters(['dictData']), | 17 | ...mapGetters(['dictData']), |
| 14 | }, | 18 | }, |
| 15 | mounted () { | 19 | mounted () { |
| 20 | window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件 | ||
| 16 | this.handleSearch() | 21 | this.handleSearch() |
| 17 | }, | 22 | }, |
| 18 | methods: { | 23 | methods: { |
| 24 | handkeyCode(e) { | ||
| 25 | if(e.keyCode === 13){ | ||
| 26 | console.log("安"); | ||
| 27 | this.handleSearch() | ||
| 28 | } | ||
| 29 | }, | ||
| 19 | handleSearch(){ | 30 | handleSearch(){ |
| 20 | this.pageData.currentPage = 1 | 31 | this.pageData.currentPage = 1 |
| 21 | if (this.fetchData) { | 32 | if (this.fetchData) { | ... | ... |
| 1 | import { log } from "bpmn-js-token-simulation"; | ||
| 1 | 2 | ||
| 2 | 3 | ||
| 3 | var qlxxPage = [ | 4 | var qlxxPage = [ |
| ... | @@ -36,6 +37,7 @@ var qlxxPage = [ | ... | @@ -36,6 +37,7 @@ var qlxxPage = [ |
| 36 | { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" }, | 37 | { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" }, |
| 37 | { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, | 38 | { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, |
| 38 | { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, | 39 | { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, |
| 40 | { qllx: "DJB", id: "djbfm", form: "djbfm.vue", label: "预告登记" }, | ||
| 39 | ]; | 41 | ]; |
| 40 | 42 | ||
| 41 | //组装登记簿树形结构 | 43 | //组装登记簿树形结构 |
| ... | @@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) { | ... | @@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) { |
| 66 | 68 | ||
| 67 | //获取权利类型、不动产单元类型对应的树形节点信息 | 69 | //获取权利类型、不动产单元类型对应的树形节点信息 |
| 68 | export function getNode(qllx, qlxx, bdcdylx) { | 70 | export function getNode(qllx, qlxx, bdcdylx) { |
| 71 | console.log("qllx",qllx,"bdcdylx",bdcdylx); | ||
| 69 | let node; | 72 | let node; |
| 70 | for (var i = 0; i < qlxxPage.length; i++) { | 73 | for (var i = 0; i < qlxxPage.length; i++) { |
| 71 | if (qlxxPage[i].qllx == qllx) { | 74 | if (qlxxPage[i].qllx == qllx) { |
| ... | @@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) { | ... | @@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) { |
| 76 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; | 79 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; |
| 77 | } | 80 | } |
| 78 | } else { | 81 | } else { |
| 82 | console.log("jin1111"); | ||
| 79 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; | 83 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; |
| 84 | console.log("nodenodenodenode",node); | ||
| 80 | } | 85 | } |
| 81 | break; | 86 | break; |
| 82 | } | 87 | } | ... | ... |
| ... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
| 30 | :key="index" | 30 | :key="index" |
| 31 | > | 31 | > |
| 32 | <div> | 32 | <div> |
| 33 | <p>{{ item.qllxmc }} ||{{ item.operate }}</p> | 33 | <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> |
| 34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> | 34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> |
| 35 | </div> | 35 | </div> |
| 36 | <i | 36 | <i |
| ... | @@ -127,6 +127,7 @@ export default { | ... | @@ -127,6 +127,7 @@ export default { |
| 127 | leftMenu(formdata).then((res) => { | 127 | leftMenu(formdata).then((res) => { |
| 128 | if (res.code === 200 && res.result) { | 128 | if (res.code === 200 && res.result) { |
| 129 | this.currentSelectProps = res.result[0]; | 129 | this.currentSelectProps = res.result[0]; |
| 130 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
| 130 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
| 131 | } | 132 | } |
| 132 | }); | 133 | }); |
| ... | @@ -263,5 +264,8 @@ export default { | ... | @@ -263,5 +264,8 @@ export default { |
| 263 | } | 264 | } |
| 264 | .blxx { | 265 | .blxx { |
| 265 | border: #b0d9f8 solid 1px; | 266 | border: #b0d9f8 solid 1px; |
| 267 | .tpcolor{ | ||
| 268 | color: red; | ||
| 269 | } | ||
| 266 | } | 270 | } |
| 267 | </style> | 271 | </style> | ... | ... |
| ... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
| 34 | </template> | 34 | </template> |
| 35 | <script> | 35 | <script> |
| 36 | import { mapGetters } from "vuex"; | 36 | import { mapGetters } from "vuex"; |
| 37 | import clxxAddDialog from "./components/tabsconcent/clxxAddDialog.vue"; | 37 | import clxxAddDialog from "./components/clxxAddDialog.vue"; |
| 38 | import imagePreview from '@/views/components/imagePreview.vue' | 38 | import imagePreview from '@/views/components/imagePreview.vue' |
| 39 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 39 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; |
| 40 | import { popupDialog } from "@/utils/popup.js"; | 40 | import { popupDialog } from "@/utils/popup.js"; | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <!-- 受理信息 --> | ||
| 8 | <div class="slxx"> | ||
| 9 | <el-form | ||
| 10 | :model="ruleForm" | ||
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px" | ||
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 补录信息 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <el-row :gutter="10"> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="补录编号:"> | ||
| 26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="补录人员:"> | ||
| 31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="补录时间:"> | ||
| 36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div class="slxx_title title-block"> | ||
| 41 | 房地产权(独幢、层、套、间房屋) | ||
| 42 | <div class="triangle"></div> | ||
| 43 | </div> | ||
| 44 | <el-row :gutter="10"> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item label="不动产单元号:"> | ||
| 47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item label="业务号:"> | ||
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="8"> | ||
| 56 | <el-form-item label="上手业务号:"> | ||
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item label="权利类型:"> | ||
| 64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item label="登记类型:"> | ||
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
| 70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 71 | </el-option> | ||
| 72 | </el-select> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | <el-col :span="8"> | ||
| 76 | <el-form-item label="房地坐落:"> | ||
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 78 | </el-form-item> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="8"> | ||
| 81 | <el-form-item label="土地使用权人:"> | ||
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
| 83 | </el-form-item> | ||
| 84 | </el-col> | ||
| 85 | <el-col :span="8"> | ||
| 86 | <el-form-item label="独用土地面积:"> | ||
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="分摊土地面积:"> | ||
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | <el-col :span="8"> | ||
| 96 | <el-form-item label="土地用途:"> | ||
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="土地使用起始时间:"> | ||
| 102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="8"> | ||
| 106 | <el-form-item label="土地使用结束时间:"> | ||
| 107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | <el-col :span="8"> | ||
| 111 | <el-form-item label="土地使用期限:"> | ||
| 112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="8"> | ||
| 116 | <el-form-item label="房地产交易价格:"> | ||
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
| 119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="规划用途:"> | ||
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
| 127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 128 | </el-option> | ||
| 129 | </el-select> | ||
| 130 | </el-form-item> | ||
| 131 | </el-col> | ||
| 132 | <el-col :span="8"> | ||
| 133 | <el-form-item label="批准用途:"> | ||
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
| 135 | </el-form-item> | ||
| 136 | </el-col> | ||
| 137 | <el-col :span="8"> | ||
| 138 | <el-form-item label="实际用途:"> | ||
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | <el-col :span="8"> | ||
| 143 | <el-form-item label="房屋性质:"> | ||
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
| 145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 146 | </el-option> | ||
| 147 | </el-select> | ||
| 148 | </el-form-item> | ||
| 149 | </el-col> | ||
| 150 | <el-col :span="8"> | ||
| 151 | <el-form-item label="房屋结构:"> | ||
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
| 153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 154 | </el-option> | ||
| 155 | </el-select> | ||
| 156 | </el-form-item> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="8"> | ||
| 159 | <el-form-item label="所在层:"> | ||
| 160 | <el-input v-model="ruleForm.fdcq2.szc"></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.fdcq2.zcs"></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.fdcq2.jzmj"></el-input> | ||
| 171 | </el-form-item> | ||
| 172 | </el-col> | ||
| 173 | <el-col :span="8"> | ||
| 174 | <el-form-item label="专有建筑面积:"> | ||
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | <el-col :span="8"> | ||
| 179 | <el-form-item label="分摊建筑面积:"> | ||
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 181 | </el-form-item> | ||
| 182 | </el-col> | ||
| 183 | <el-col :span="8"> | ||
| 184 | <el-form-item label="竣工时间:"> | ||
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | |||
| 189 | <el-col :span="8"> | ||
| 190 | <el-form-item label="不动产权证号:"> | ||
| 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 192 | </el-form-item> | ||
| 193 | </el-col> | ||
| 194 | <el-col :span="8"> | ||
| 195 | <el-form-item label="区县代码:"> | ||
| 196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 197 | </el-form-item> | ||
| 198 | </el-col> | ||
| 199 | <el-col :span="8"> | ||
| 200 | <el-form-item label="登记机构:"> | ||
| 201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> | ||
| 204 | <el-col :span="8"> | ||
| 205 | <el-form-item label="登簿人:"> | ||
| 206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
| 207 | </el-form-item> | ||
| 208 | </el-col> | ||
| 209 | <el-col :span="8"> | ||
| 210 | <el-form-item label="登记时间:"> | ||
| 211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
| 212 | </el-form-item> | ||
| 213 | </el-col> | ||
| 214 | </el-row> | ||
| 215 | <el-row> | ||
| 216 | <el-col :span="24"> | ||
| 217 | <el-form-item label="登记原因:"> | ||
| 218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
| 219 | </el-form-item> | ||
| 220 | </el-col> | ||
| 221 | </el-row> | ||
| 222 | <el-row> | ||
| 223 | <el-col :span="24"> | ||
| 224 | <el-form-item label="附记:"> | ||
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
| 226 | </el-form-item> | ||
| 227 | </el-col> | ||
| 228 | </el-row> | ||
| 229 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="12"> | ||
| 235 | <el-form-item label="共有方式:"> | ||
| 236 | <el-radio-group | ||
| 237 | :disabled="$route.query.viewtype == 0" | ||
| 238 | v-model="ruleForm.qlxx.gyqk" | ||
| 239 | > | ||
| 240 | <el-radio label="0">单独所有</el-radio> | ||
| 241 | <el-radio label="1">共同共有</el-radio> | ||
| 242 | <el-radio label="2">按份所有</el-radio> | ||
| 243 | <el-radio label="3">其它共有</el-radio> | ||
| 244 | </el-radio-group> | ||
| 245 | </el-form-item> | ||
| 246 | </el-col> | ||
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | ||
| 264 | <qlrCommonTable | ||
| 265 | :tableData="ruleForm.qlrList" | ||
| 266 | @upDateQlrxxList="upDateQlrxxList" | ||
| 267 | :key="key" | ||
| 268 | :viewtype="$route.query.viewtype" | ||
| 269 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 270 | /> | ||
| 271 | |||
| 272 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | ||
| 273 | <div class="slxx_title title-block"> | ||
| 274 | 义务人信息 | ||
| 275 | <div class="triangle"></div> | ||
| 276 | </div> | ||
| 277 | <qlrCommonTable | ||
| 278 | v-if="ruleForm.ywrList" | ||
| 279 | :tableData="ruleForm.ywrList" | ||
| 280 | :key="key" | ||
| 281 | @upDateQlrxxList="upDateYwrxxList" | ||
| 282 | :viewtype="$route.query.viewtype" | ||
| 283 | /> | ||
| 284 | </div> | ||
| 285 | </div> | ||
| 286 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
| 287 | <el-form-item> | ||
| 288 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 289 | </el-form-item> | ||
| 290 | </el-row> | ||
| 291 | </el-form> | ||
| 292 | </div> | ||
| 293 | </template> | ||
| 294 | <script> | ||
| 295 | import { mapGetters } from "vuex"; | ||
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | ||
| 297 | import { init } from "@/api/djbbl.js"; | ||
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
| 299 | export default { | ||
| 300 | components: { qlrCommonTable }, | ||
| 301 | computed: { | ||
| 302 | ...mapGetters(["dictData", "flag"]), | ||
| 303 | }, | ||
| 304 | data() { | ||
| 305 | return { | ||
| 306 | //表单是否可操作 | ||
| 307 | propsParam: this.$attrs, | ||
| 308 | ableOperation: true, | ||
| 309 | key: 0, | ||
| 310 | isShow: false, | ||
| 311 | disabled: true, | ||
| 312 | czrOptions: [], | ||
| 313 | ruleForm: {}, | ||
| 314 | //传递参数\ | ||
| 315 | rules: {}, | ||
| 316 | }; | ||
| 317 | }, | ||
| 318 | created() { | ||
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | ||
| 321 | }, | ||
| 322 | mounted() {}, | ||
| 323 | methods: { | ||
| 324 | loadData() { | ||
| 325 | init(this.propsParam.bsmRepair).then((res) => { | ||
| 326 | if (res.code == 200) { | ||
| 327 | this.ruleForm = res.result; | ||
| 328 | this.isShow = true; | ||
| 329 | // this.tableData = res.result; | ||
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 331 | // this.emptycolNum = | ||
| 332 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 333 | // } else { | ||
| 334 | // this.emptycolNum = 0; | ||
| 335 | // } | ||
| 336 | } | ||
| 337 | }); | ||
| 338 | }, | ||
| 339 | // 更新权利人信息 | ||
| 340 | upDateQlrxxList(val) { | ||
| 341 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 342 | this.czrOptions = this.ruleForm.qlrList; | ||
| 343 | this.key++; | ||
| 344 | }, | ||
| 345 | // 更新义务人信息 | ||
| 346 | upDateYwrxxList(val) { | ||
| 347 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 348 | this.key++; | ||
| 349 | }, | ||
| 350 | onSubmit() { | ||
| 351 | if (this.ruleForm.qlrList.length == 0) { | ||
| 352 | this.$message({ | ||
| 353 | showClose: true, | ||
| 354 | message: "请确认权利人信息", | ||
| 355 | type: "error", | ||
| 356 | }); | ||
| 357 | return false; | ||
| 358 | } | ||
| 359 | |||
| 360 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 361 | if (this.ruleForm.qlrList.length > 1) { | ||
| 362 | this.$message({ | ||
| 363 | showClose: true, | ||
| 364 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 365 | type: "error", | ||
| 366 | }); | ||
| 367 | return false; | ||
| 368 | } | ||
| 369 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 370 | } | ||
| 371 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 372 | //是否分别持证 | ||
| 373 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 374 | //是 | ||
| 375 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | ||
| 377 | }); | ||
| 378 | } else { | ||
| 379 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 380 | if (item.zjh == this.ruleForm.czr) { | ||
| 381 | item.sfczr = "1"; | ||
| 382 | } else { | ||
| 383 | item.sfczr = "0"; | ||
| 384 | } | ||
| 385 | }); | ||
| 386 | } | ||
| 387 | } | ||
| 388 | saveData(this.ruleForm).then((res) => { | ||
| 389 | if (res.code === 200) { | ||
| 390 | this.$message({ | ||
| 391 | showClose: true, | ||
| 392 | message: "保存成功!", | ||
| 393 | type: "success", | ||
| 394 | }); | ||
| 395 | this.$store.dispatch("user/refreshPage", true); | ||
| 396 | } else { | ||
| 397 | this.$message({ | ||
| 398 | showClose: true, | ||
| 399 | message: res.message, | ||
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | } | ||
| 403 | }); | ||
| 404 | }, | ||
| 405 | }, | ||
| 406 | }; | ||
| 407 | </script> | ||
| 408 | <style scoped lang="scss"> | ||
| 409 | @import "~@/styles/public.scss"; | ||
| 410 | @import "~@/styles/slxx/slxx.scss"; | ||
| 411 | </style> |
| 1 | <template> | ||
| 2 | <div class="from-clues"> | ||
| 3 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick"> | ||
| 4 | <el-tab-pane label="受理信息" name="slxx"></el-tab-pane> | ||
| 5 | <el-tab-pane | ||
| 6 | :disabled="isshow" | ||
| 7 | label="审批意见" | ||
| 8 | name="spyj"></el-tab-pane> | ||
| 9 | <el-tab-pane | ||
| 10 | :disabled="isshow" | ||
| 11 | label="材料信息" | ||
| 12 | name="clxx"></el-tab-pane> | ||
| 13 | </el-tabs> | ||
| 14 | <div v-if="activeName == 'slxx'"> | ||
| 15 | <div class="from-clues-header"> | ||
| 16 | <el-form ref="form" :model="form" label-width="160px"> | ||
| 17 | <el-row> | ||
| 18 | <el-col :span="12"> | ||
| 19 | <el-form-item label="权属状态" label-width="140px"> | ||
| 20 | <el-select v-model="form.qszt"> | ||
| 21 | <el-option | ||
| 22 | v-for="item in qsztList" | ||
| 23 | :key="item.value" | ||
| 24 | :label="item.label" | ||
| 25 | :value="item.value"> | ||
| 26 | </el-option> | ||
| 27 | </el-select> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh"> | ||
| 31 | <el-form-item | ||
| 32 | :prop="item.prop" | ||
| 33 | :label="item.label" | ||
| 34 | label-width="140px"> | ||
| 35 | <el-input v-model="form[item.prop]"></el-input> | ||
| 36 | </el-form-item> | ||
| 37 | </el-col> | ||
| 38 | </el-row> | ||
| 39 | </el-form> | ||
| 40 | <div class="btn"> | ||
| 41 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | ||
| 42 | <el-button @click="closeDialog">取消</el-button> | ||
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | <div v-if="activeName == 'spyj'"> | ||
| 47 | <div class="from-clues-header spyj"> | ||
| 48 | <div class="box"> | ||
| 49 | <b class="spyj_title">审批表</b> | ||
| 50 | <el-form | ||
| 51 | :model="ruleForm" | ||
| 52 | :rules="rules" | ||
| 53 | ref="ruleForm" | ||
| 54 | label-width="120px"> | ||
| 55 | <div class="spyj_form"> | ||
| 56 | <div class="item_left">初审意见</div> | ||
| 57 | <div class="item_right"> | ||
| 58 | <el-row> | ||
| 59 | <el-col :span="24"> | ||
| 60 | <el-form-item | ||
| 61 | label-width="0" | ||
| 62 | class="opinion_item" | ||
| 63 | prop="shyj"> | ||
| 64 | <el-input | ||
| 65 | type="textarea" | ||
| 66 | :rows="4" | ||
| 67 | class="opinion" | ||
| 68 | placeholder="请输入审批意见" | ||
| 69 | v-model="ruleForm.shyj"></el-input> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | </el-row> | ||
| 73 | <el-row> | ||
| 74 | <el-col :span="16"> | ||
| 75 | <el-form-item | ||
| 76 | prop="shryxm" | ||
| 77 | label="审查人" | ||
| 78 | label-width="90px"> | ||
| 79 | <el-input v-model="ruleForm.shr"></el-input> | ||
| 80 | </el-form-item> | ||
| 81 | </el-col> | ||
| 82 | <el-col :span="8"> | ||
| 83 | <el-form-item | ||
| 84 | label="审核时间" | ||
| 85 | prop="shjssj" | ||
| 86 | label-width="90px"> | ||
| 87 | <el-input v-model="ruleForm.shsj"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | </el-row> | ||
| 91 | </div> | ||
| 92 | </div> | ||
| 93 | </el-form> | ||
| 94 | <el-form | ||
| 95 | :model="ruleForm" | ||
| 96 | :rules="rules" | ||
| 97 | ref="ruleForm" | ||
| 98 | label-width="120px"> | ||
| 99 | <div class="spyj_form"> | ||
| 100 | <div class="item_left">复审意见</div> | ||
| 101 | <div class="item_right"> | ||
| 102 | <el-row> | ||
| 103 | <el-col :span="24"> | ||
| 104 | <el-form-item | ||
| 105 | label-width="0" | ||
| 106 | class="opinion_item" | ||
| 107 | prop="shyj"> | ||
| 108 | <el-input | ||
| 109 | type="textarea" | ||
| 110 | :rows="4" | ||
| 111 | class="opinion" | ||
| 112 | placeholder="请输入审批意见" | ||
| 113 | v-model="ruleForm.shyj"></el-input> | ||
| 114 | </el-form-item> | ||
| 115 | </el-col> | ||
| 116 | </el-row> | ||
| 117 | <el-row> | ||
| 118 | <el-col :span="16"> | ||
| 119 | <el-form-item | ||
| 120 | prop="shryxm" | ||
| 121 | label="审查人" | ||
| 122 | label-width="90px"> | ||
| 123 | <el-input v-model="ruleForm.shr"></el-input> | ||
| 124 | </el-form-item> | ||
| 125 | </el-col> | ||
| 126 | <el-col :span="8"> | ||
| 127 | <el-form-item | ||
| 128 | label="审核时间" | ||
| 129 | prop="shjssj" | ||
| 130 | label-width="90px"> | ||
| 131 | <el-input v-model="ruleForm.shsj"></el-input> | ||
| 132 | </el-form-item> | ||
| 133 | </el-col> | ||
| 134 | </el-row> | ||
| 135 | </div> | ||
| 136 | </div> | ||
| 137 | </el-form> | ||
| 138 | <el-form | ||
| 139 | :model="ruleForm" | ||
| 140 | :rules="rules" | ||
| 141 | ref="ruleForm" | ||
| 142 | label-width="120px"> | ||
| 143 | <div class="spyj_form"> | ||
| 144 | <div class="item_left">核定意见</div> | ||
| 145 | <div class="item_right"> | ||
| 146 | <el-row> | ||
| 147 | <el-col :span="24"> | ||
| 148 | <el-form-item | ||
| 149 | label-width="0" | ||
| 150 | class="opinion_item" | ||
| 151 | prop="shyj"> | ||
| 152 | <el-input | ||
| 153 | type="textarea" | ||
| 154 | :rows="4" | ||
| 155 | class="opinion" | ||
| 156 | placeholder="请输入审批意见" | ||
| 157 | v-model="ruleForm.shyj"></el-input> | ||
| 158 | </el-form-item> | ||
| 159 | </el-col> | ||
| 160 | </el-row> | ||
| 161 | <el-row> | ||
| 162 | <el-col :span="16"> | ||
| 163 | <el-form-item | ||
| 164 | prop="shryxm" | ||
| 165 | label="审查人" | ||
| 166 | label-width="90px"> | ||
| 167 | <el-input v-model="ruleForm.shr"></el-input> | ||
| 168 | </el-form-item> | ||
| 169 | </el-col> | ||
| 170 | <el-col :span="8"> | ||
| 171 | <el-form-item | ||
| 172 | label="审核时间" | ||
| 173 | prop="shjssj" | ||
| 174 | label-width="90px"> | ||
| 175 | <el-input v-model="ruleForm.shsj"></el-input> | ||
| 176 | </el-form-item> | ||
| 177 | </el-col> | ||
| 178 | </el-row> | ||
| 179 | </div> | ||
| 180 | </div> | ||
| 181 | </el-form> | ||
| 182 | |||
| 183 | </div> | ||
| 184 | <div class="btn"> | ||
| 185 | <el-button type="primary" @click="spyjsubmitForm">保存</el-button> | ||
| 186 | <el-button @click="closeDialog">取消</el-button> | ||
| 187 | </div> | ||
| 188 | </div> | ||
| 189 | </div> | ||
| 190 | <div v-if="activeName == 'clxx'"> | ||
| 191 | <div class="from-clues-header"> | ||
| 192 | <div class="clxx"> | ||
| 193 | <div class="right"> | ||
| 194 | <!-- 材料预览 --> | ||
| 195 | <div class="clyl-box"> | ||
| 196 | <div class="menu-tree"> | ||
| 197 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
| 198 | <div class="item"> | ||
| 199 | 材料目录({{tableData.length}}) | ||
| 200 | <div style="margin-top:10px"> | ||
| 201 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 202 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 203 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 204 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 205 | {{ item.sjmc }} | ||
| 206 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
| 207 | </div> | ||
| 208 | </div> | ||
| 209 | </div> | ||
| 210 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button> | ||
| 211 | </div> | ||
| 212 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 213 | @prevPriview="prevPriview" /> | ||
| 214 | </div> | ||
| 215 | </div> | ||
| 216 | <clxxAddDialog v-model="isDialog" /> | ||
| 217 | </div> | ||
| 218 | <div class="btn"> | ||
| 219 | <el-button type="primary" @click="clxxsubmitForm">保存</el-button> | ||
| 220 | <el-button @click="closeDialog">取消</el-button> | ||
| 221 | </div> | ||
| 222 | |||
| 223 | </div> | ||
| 224 | </div> | ||
| 225 | </div> | ||
| 226 | </template> | ||
| 227 | <script> | ||
| 228 | import { mapGetters } from "vuex"; | ||
| 229 | import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue"; | ||
| 230 | import imagePreview from '@/views/components/imagePreview.vue' | ||
| 231 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 232 | export default { | ||
| 233 | components: { clxxAddDialog, imagePreview }, | ||
| 234 | props: { | ||
| 235 | formData: { | ||
| 236 | type: Object, | ||
| 237 | default: () => { }, | ||
| 238 | }, | ||
| 239 | }, | ||
| 240 | data () { | ||
| 241 | return { | ||
| 242 | activeName: "slxx", | ||
| 243 | form: {}, | ||
| 244 | datalist: [], | ||
| 245 | qsztList: [ | ||
| 246 | { | ||
| 247 | value: "1", | ||
| 248 | label: "现势", | ||
| 249 | }, | ||
| 250 | { | ||
| 251 | value: "2", | ||
| 252 | label: "历史", | ||
| 253 | }, | ||
| 254 | ], | ||
| 255 | label: "", | ||
| 256 | isshow: true, | ||
| 257 | |||
| 258 | // 审批 | ||
| 259 | bsmSlsq: "", | ||
| 260 | //刷新值 | ||
| 261 | bestepid: "", | ||
| 262 | ruleForm: {}, | ||
| 263 | rules: { | ||
| 264 | shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }], | ||
| 265 | }, | ||
| 266 | |||
| 267 | // 材料 | ||
| 268 | isDialog: false, | ||
| 269 | iclass: "", | ||
| 270 | tableData: [], | ||
| 271 | // 材料目录选中 | ||
| 272 | treeCheckIndex: 0, | ||
| 273 | treeCheckId: "", | ||
| 274 | key: 0, | ||
| 275 | tableDatas: [], | ||
| 276 | previewImg: { | ||
| 277 | // 收件标识码 | ||
| 278 | bsmSj: "", | ||
| 279 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 280 | index: 0, | ||
| 281 | selectedIndex: 0, | ||
| 282 | imgList: [], | ||
| 283 | }, | ||
| 284 | }; | ||
| 285 | }, | ||
| 286 | computed: { | ||
| 287 | ...mapGetters(["dictData"]) | ||
| 288 | }, | ||
| 289 | created () { | ||
| 290 | this.clmlInitList(1) | ||
| 291 | }, | ||
| 292 | mounted () { | ||
| 293 | if (this.formData.data) { | ||
| 294 | this.$nextTick(() => { | ||
| 295 | this.form = Object.assign({}, this.formData.data); | ||
| 296 | // this.datalist = Object.assign([], this.formData.datalist) | ||
| 297 | this.form.qszt = | ||
| 298 | this.form.qszt == "0" | ||
| 299 | ? "临时" | ||
| 300 | : this.form.qszt == "1" | ||
| 301 | ? "现势" | ||
| 302 | : "历史"; | ||
| 303 | }); | ||
| 304 | } | ||
| 305 | |||
| 306 | // this.datalist = this.formData.datalist | ||
| 307 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | ||
| 308 | this.datalist.shift(); | ||
| 309 | this.datalist.shift(); | ||
| 310 | }, | ||
| 311 | |||
| 312 | methods: { | ||
| 313 | // 受理信息保存 | ||
| 314 | slxxsubmitForm () { | ||
| 315 | this.$refs.form.validate((valid) => { | ||
| 316 | if (valid) { | ||
| 317 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { | ||
| 318 | // if (res.code == 200) { | ||
| 319 | // this.$message.success("新增成功") | ||
| 320 | // this.closeaddDiglog(); | ||
| 321 | // this.getList() | ||
| 322 | // } else { | ||
| 323 | // this.$message.error(res.message) | ||
| 324 | // } | ||
| 325 | // }) | ||
| 326 | } else { | ||
| 327 | return false; | ||
| 328 | } | ||
| 329 | }); | ||
| 330 | this.isshow = false; | ||
| 331 | }, | ||
| 332 | // 审批意见保存 | ||
| 333 | spyjsubmitForm () { | ||
| 334 | console.log("this.ruleForm", this.ruleForm); | ||
| 335 | // this.ruleForm.bsmSlsq = this.bsmSlsq | ||
| 336 | // this.ruleForm.bestepid = this.bestepid | ||
| 337 | // saveSpyjBySlsq(this.ruleForm).then(res => { | ||
| 338 | // if (res.code === 200) { | ||
| 339 | // this.$message.success("保存成功") | ||
| 340 | // this.refresh += 1 | ||
| 341 | // } else { | ||
| 342 | // this.$message.error(res.message) | ||
| 343 | // } | ||
| 344 | // }) | ||
| 345 | }, | ||
| 346 | |||
| 347 | // 材料信息保存 | ||
| 348 | clxxsubmitForm () { }, | ||
| 349 | closeDialog () { | ||
| 350 | this.$alert("取消后填写内容将被清空", "提示", { | ||
| 351 | confirmButtonText: "确定", | ||
| 352 | callback: (action) => { | ||
| 353 | this.$message({ | ||
| 354 | type: "info", | ||
| 355 | message: "已取消", | ||
| 356 | }); | ||
| 357 | this.$popupCacel(); | ||
| 358 | this.$refs["form"].resetFields(); | ||
| 359 | }, | ||
| 360 | }); | ||
| 361 | |||
| 362 | // this.resetTableFields(); | ||
| 363 | }, | ||
| 364 | handleTabClick () { }, | ||
| 365 | |||
| 366 | //使用常用意见 | ||
| 367 | useOpinion (opinion) { | ||
| 368 | this.ruleForm.shyj = opinion; | ||
| 369 | }, | ||
| 370 | |||
| 371 | |||
| 372 | // 材料上传 | ||
| 373 | // 自动预览 | ||
| 374 | nextPriview () { | ||
| 375 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 376 | this.treeCheckIndex++ | ||
| 377 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 378 | this.previewImg.index = 0 | ||
| 379 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 380 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 381 | } | ||
| 382 | }, | ||
| 383 | prevPriview () { | ||
| 384 | if (this.treeCheckIndex >= 1) { | ||
| 385 | this.treeCheckIndex-- | ||
| 386 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 387 | this.previewImg.index = this.previewImg.imgList.length | ||
| 388 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 389 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 390 | } | ||
| 391 | }, | ||
| 392 | // 材料目录明细初始化 | ||
| 393 | clmlInitList (type) { | ||
| 394 | this.tableData = [] | ||
| 395 | //type 1:列表初始化 2:新增材料 | ||
| 396 | // return new Promise(resolve => { | ||
| 397 | // this.unitData = this.$parent.unitData; | ||
| 398 | // var formdata = new FormData(); | ||
| 399 | // formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 400 | // formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 401 | // InitClml(formdata).then((res) => { | ||
| 402 | // if (res.code == 200) { | ||
| 403 | // resolve(res.code) | ||
| 404 | // if (res.result && res.result.length > 0) { | ||
| 405 | |||
| 406 | // if (type == 1) { | ||
| 407 | // this.treeClick(this.tableData[0], 0); | ||
| 408 | // } else { | ||
| 409 | // //新增材料后刷新列表焦点置于新增的对象上 | ||
| 410 | // this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
| 411 | // } | ||
| 412 | // } | ||
| 413 | // } else { | ||
| 414 | // this.$message.error(res.message) | ||
| 415 | // } | ||
| 416 | // }) | ||
| 417 | // }) | ||
| 418 | }, | ||
| 419 | setChecked (item) { | ||
| 420 | this.treeCheckId = item.bsmSj; | ||
| 421 | this.title = item.sjmc; | ||
| 422 | this.titleYs = 1; | ||
| 423 | this.titleNum = item.children.length; | ||
| 424 | this.previewImg.imgList = item.children; | ||
| 425 | this.previewImg.bsmSj = item.bsmSj; | ||
| 426 | }, | ||
| 427 | updateList (val) { | ||
| 428 | let that = this | ||
| 429 | if (val != null) { //删除最后一张图片时 val=null | ||
| 430 | this.tableData.forEach(item => { | ||
| 431 | if (item.bsmSj === val.bsmSj) { | ||
| 432 | item.children = val.children | ||
| 433 | } | ||
| 434 | }) | ||
| 435 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 436 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 437 | this.previewImg.index = this.previewImg.index - 1 | ||
| 438 | } | ||
| 439 | } else { | ||
| 440 | this.previewImg.imgList = [] | ||
| 441 | this.tableData.forEach((item, index) => { | ||
| 442 | if (this.treeCheckId == item.bsmSj) { | ||
| 443 | item.children = [] | ||
| 444 | that.treeCheckIndex = index | ||
| 445 | } | ||
| 446 | }) | ||
| 447 | } | ||
| 448 | |||
| 449 | }, | ||
| 450 | // 添加材料目录 | ||
| 451 | handleAdd () { | ||
| 452 | console.log("新增"); | ||
| 453 | this.isDialog = true; | ||
| 454 | }, | ||
| 455 | // 新增弹窗保存 | ||
| 456 | addSave (data) { | ||
| 457 | let obj = { | ||
| 458 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 459 | isrequired: "1", | ||
| 460 | sjmc: data.clmc, | ||
| 461 | sjsl: 0, | ||
| 462 | smzt: '', | ||
| 463 | ys: 0, | ||
| 464 | sjlx: data.cllx, | ||
| 465 | sfxjcl: "1", // 是否必选 | ||
| 466 | }; | ||
| 467 | saveClml(obj).then(async (res) => { | ||
| 468 | if (res.code == 200) { | ||
| 469 | let res = await this.clmlInitList(2) | ||
| 470 | if (res == 200) this.$message({ | ||
| 471 | message: "新增成功", | ||
| 472 | type: "success", | ||
| 473 | }) | ||
| 474 | } | ||
| 475 | }); | ||
| 476 | }, | ||
| 477 | // 材料目录点击选中 | ||
| 478 | treeClick (item, index) { | ||
| 479 | this.previewImg.index = 0 | ||
| 480 | this.treeCheckId = item?.bsmSj | ||
| 481 | this.treeCheckIndex = index | ||
| 482 | this.previewImg.imgList = item?.children | ||
| 483 | this.previewImg.bsmSj = item?.bsmSj | ||
| 484 | }, | ||
| 485 | // 小图片点击 | ||
| 486 | imgClick (item, index) { | ||
| 487 | this.showImg = item; | ||
| 488 | this.titleYs = index + 1; | ||
| 489 | }, | ||
| 490 | // 字典 | ||
| 491 | dicStatus (val, code) { | ||
| 492 | let data = this.$store.getters.dictData[code], | ||
| 493 | name = "暂无"; | ||
| 494 | if (data) { | ||
| 495 | data.map((item) => { | ||
| 496 | if (item.dcode == val) { | ||
| 497 | name = item.dname | ||
| 498 | } | ||
| 499 | }); | ||
| 500 | return name | ||
| 501 | } | ||
| 502 | }, | ||
| 503 | //查看明细 | ||
| 504 | viewDetail () { | ||
| 505 | console.log("查看明细"); | ||
| 506 | this.$popupDialog("查看明细", "djbworkflow/djbBook/components/clxxDetailDialog", { | ||
| 507 | data: this.tableData | ||
| 508 | }, "60%") | ||
| 509 | }, | ||
| 510 | //设置tableData | ||
| 511 | setTableData (tableData) { | ||
| 512 | this.$nextTick(res => { | ||
| 513 | this.tableData = tableData; | ||
| 514 | }) | ||
| 515 | }, | ||
| 516 | }, | ||
| 517 | }; | ||
| 518 | </script> | ||
| 519 | <style scoped lang="scss"> | ||
| 520 | @import "~@/styles/mixin.scss"; | ||
| 521 | @import "~@/styles/public.scss"; | ||
| 522 | |||
| 523 | .from-clues-header { | ||
| 524 | @include flex; | ||
| 525 | flex-direction: column; | ||
| 526 | overflow-y: hidden; | ||
| 527 | padding: 0 2px; | ||
| 528 | |||
| 529 | .btn { | ||
| 530 | margin-top: 40px; | ||
| 531 | margin-bottom: 20px; | ||
| 532 | text-align: center; | ||
| 533 | } | ||
| 534 | } | ||
| 535 | |||
| 536 | // 审批意见样式 | ||
| 537 | |||
| 538 | .spyj { | ||
| 539 | .box { | ||
| 540 | overflow-x: auto; | ||
| 541 | width: 100%; | ||
| 542 | height: 95%; | ||
| 543 | background: #fff; | ||
| 544 | text-align: center; | ||
| 545 | padding: 4px; | ||
| 546 | overflow-y: scroll; | ||
| 547 | padding-top: 20px; | ||
| 548 | padding: 20px 40px; | ||
| 549 | /deep/.el-input__inner { | ||
| 550 | width: 200px; | ||
| 551 | border: none; | ||
| 552 | } | ||
| 553 | } | ||
| 554 | .spyj_title { | ||
| 555 | line-height: 68px; | ||
| 556 | border: 1px solid $borderColor; | ||
| 557 | text-align: center; | ||
| 558 | font-size: 22px; | ||
| 559 | font-weight: 400; | ||
| 560 | background-color: #eceef2; | ||
| 561 | display: block; | ||
| 562 | border-bottom: none; | ||
| 563 | } | ||
| 564 | |||
| 565 | /deep/.el-form-item { | ||
| 566 | margin-bottom: 0; | ||
| 567 | } | ||
| 568 | |||
| 569 | .bottom10 { | ||
| 570 | margin-bottom: 15px; | ||
| 571 | } | ||
| 572 | |||
| 573 | .spyj_form { | ||
| 574 | display: flex; | ||
| 575 | border: 1px solid $borderColor; | ||
| 576 | |||
| 577 | .item_left { | ||
| 578 | width: 150px; | ||
| 579 | background-color: #f8f8fa; | ||
| 580 | color: #606266; | ||
| 581 | display: flex; | ||
| 582 | font-size: 14px; | ||
| 583 | text-indent: 80px; | ||
| 584 | align-items: center; | ||
| 585 | border-right: 1px solid $borderColor; | ||
| 586 | } | ||
| 587 | |||
| 588 | .item_right { | ||
| 589 | flex: 1; | ||
| 590 | width: 100%; | ||
| 591 | |||
| 592 | /deep/.el-form-item__label { | ||
| 593 | background-color: #f8f8fa; | ||
| 594 | } | ||
| 595 | /deep/.el-form-item__content { | ||
| 596 | display: block; | ||
| 597 | text-align: left; | ||
| 598 | text-indent: 10px; | ||
| 599 | } | ||
| 600 | .opinion_item { | ||
| 601 | /deep/.el-form-item__error { | ||
| 602 | margin-top: -16px !important; | ||
| 603 | left: 3px; | ||
| 604 | } | ||
| 605 | |||
| 606 | border-bottom: 1px solid $borderColor; | ||
| 607 | } | ||
| 608 | |||
| 609 | .opinion { | ||
| 610 | position: relative; | ||
| 611 | font-size: 14px; | ||
| 612 | |||
| 613 | /deep/.el-textarea__inner { | ||
| 614 | border: none; | ||
| 615 | } | ||
| 616 | } | ||
| 617 | |||
| 618 | .opinion_btn { | ||
| 619 | position: absolute; | ||
| 620 | right: 15px; | ||
| 621 | bottom: 10px; | ||
| 622 | } | ||
| 623 | } | ||
| 624 | } | ||
| 625 | |||
| 626 | .submit_button { | ||
| 627 | text-align: center; | ||
| 628 | margin: 15px 0; | ||
| 629 | } | ||
| 630 | } | ||
| 631 | |||
| 632 | // 材料信息样式 | ||
| 633 | .active { | ||
| 634 | background: $light-blue !important; | ||
| 635 | color: #fff; | ||
| 636 | } | ||
| 637 | |||
| 638 | .required { | ||
| 639 | font-size: 12px; | ||
| 640 | color: $pink; | ||
| 641 | float: left; | ||
| 642 | } | ||
| 643 | |||
| 644 | .cl_number { | ||
| 645 | float: right; | ||
| 646 | } | ||
| 647 | |||
| 648 | .clxx { | ||
| 649 | width: 100%; | ||
| 650 | display: flex; | ||
| 651 | padding-left: 5px; | ||
| 652 | height: calc(100vh - 125px); | ||
| 653 | |||
| 654 | .left { | ||
| 655 | display: flex; | ||
| 656 | flex-direction: column; | ||
| 657 | justify-content: space-between; | ||
| 658 | |||
| 659 | .item { | ||
| 660 | width: 28px; | ||
| 661 | height: 49%; | ||
| 662 | @include flex-center; | ||
| 663 | background-color: #e4e7ed; | ||
| 664 | border-bottom-right-radius: 10px; | ||
| 665 | padding: 5px; | ||
| 666 | cursor: pointer; | ||
| 667 | transition: all 0.3s; | ||
| 668 | |||
| 669 | &:hover { | ||
| 670 | @extend .active; | ||
| 671 | } | ||
| 672 | } | ||
| 673 | } | ||
| 674 | |||
| 675 | .right { | ||
| 676 | width: 100%; | ||
| 677 | height: 100%; | ||
| 678 | |||
| 679 | .clmlmx-box { | ||
| 680 | margin: 0 auto; | ||
| 681 | |||
| 682 | .title { | ||
| 683 | text-align: center; | ||
| 684 | height: 60px; | ||
| 685 | line-height: 60px; | ||
| 686 | border: 1px solid #dfe6ec; | ||
| 687 | font-size: 20px; | ||
| 688 | background: #81d3f81a; | ||
| 689 | margin-bottom: -1px; | ||
| 690 | } | ||
| 691 | } | ||
| 692 | |||
| 693 | .clyl-box { | ||
| 694 | width: 100%; | ||
| 695 | height: 100%; | ||
| 696 | display: flex; | ||
| 697 | |||
| 698 | .menu-tree { | ||
| 699 | width: 20%; | ||
| 700 | min-width: 160px; | ||
| 701 | height: 100%; | ||
| 702 | margin-right: 10px; | ||
| 703 | border-right: 1px dotted #d9d9d9; | ||
| 704 | padding: 0 15px; | ||
| 705 | |||
| 706 | .item { | ||
| 707 | line-height: 30px; | ||
| 708 | padding-top: 5px; | ||
| 709 | border-bottom: 1px solid #e8e8e8; | ||
| 710 | font-size: 16px; | ||
| 711 | text-align: center; | ||
| 712 | color: $light-blue; | ||
| 713 | |||
| 714 | .itemIcon { | ||
| 715 | float: right; | ||
| 716 | line-height: 60px; | ||
| 717 | cursor: pointer; | ||
| 718 | } | ||
| 719 | |||
| 720 | .child { | ||
| 721 | line-height: 32px; | ||
| 722 | border-bottom: 1px solid #e8e8e8; | ||
| 723 | padding-left: 10px; | ||
| 724 | color: #6b6b6b; | ||
| 725 | cursor: pointer; | ||
| 726 | box-sizing: border-box; | ||
| 727 | border-radius: 6px; | ||
| 728 | line-height: 20px; | ||
| 729 | transition: all 0.3s; | ||
| 730 | padding: 8px 0; | ||
| 731 | } | ||
| 732 | |||
| 733 | .child:hover { | ||
| 734 | color: $light-blue; | ||
| 735 | transform: scale(1.1); | ||
| 736 | } | ||
| 737 | |||
| 738 | .checked { | ||
| 739 | border: 1px solid $light-blue; | ||
| 740 | color: $light-blue; | ||
| 741 | } | ||
| 742 | } | ||
| 743 | } | ||
| 744 | |||
| 745 | .clyl-img { | ||
| 746 | width: 75%; | ||
| 747 | height: 100%; | ||
| 748 | background: #f3f4f7; | ||
| 749 | margin: 0 auto; | ||
| 750 | position: relative; | ||
| 751 | } | ||
| 752 | } | ||
| 753 | } | ||
| 754 | } | ||
| 755 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description : 房地产权1 | 2 | * @Description : 房地产权1 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-06-02 14:45:00 | 4 | * @LastEditTime : 2023-06-16 10:23:27 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -111,23 +111,22 @@ | ... | @@ -111,23 +111,22 @@ |
| 111 | }, | 111 | }, |
| 112 | // 编辑 | 112 | // 编辑 |
| 113 | editDialog(row){ | 113 | editDialog(row){ |
| 114 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 114 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 115 | confirmButtonText: '确定', | 115 | // confirmButtonText: '确定', |
| 116 | cancelButtonText: '取消', | 116 | // cancelButtonText: '取消', |
| 117 | type: 'warning' | 117 | // type: 'warning' |
| 118 | }).then(() => { | 118 | // }).then(() => { |
| 119 | this.$parent.addRepairRecord(row) | 119 | this.$parent.addRepairRecord(row) |
| 120 | 120 | // this.$message({ | |
| 121 | this.$message({ | 121 | // type: 'success', |
| 122 | type: 'success', | 122 | // message: '补录成功!' |
| 123 | message: '补录成功!' | 123 | // }); |
| 124 | }); | 124 | // }).catch(() => { |
| 125 | }).catch(() => { | 125 | // this.$message({ |
| 126 | this.$message({ | 126 | // type: 'info', |
| 127 | type: 'info', | 127 | // message: '取消编辑' |
| 128 | message: '取消编辑' | 128 | // }); |
| 129 | }); | 129 | // }); |
| 130 | }); | ||
| 131 | 130 | ||
| 132 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 131 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
| 133 | // datalist:this.columns, | 132 | // datalist:this.columns, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :国有建设用地使用权 | 2 | * @Description :国有建设用地使用权 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-06-13 13:55:51 | 4 | * @LastEditTime : 2023-06-16 10:23:54 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -115,23 +115,23 @@ | ... | @@ -115,23 +115,23 @@ |
| 115 | }, | 115 | }, |
| 116 | // 编辑 | 116 | // 编辑 |
| 117 | editDialog(row){ | 117 | editDialog(row){ |
| 118 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 118 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 119 | confirmButtonText: '确定', | 119 | // confirmButtonText: '确定', |
| 120 | cancelButtonText: '取消', | 120 | // cancelButtonText: '取消', |
| 121 | type: 'warning' | 121 | // type: 'warning' |
| 122 | }).then(() => { | 122 | // }).then(() => { |
| 123 | this.$parent.addRepairRecord(row) | 123 | this.$parent.addRepairRecord(row) |
| 124 | 124 | ||
| 125 | this.$message({ | 125 | // this.$message({ |
| 126 | type: 'success', | 126 | // type: 'success', |
| 127 | message: '补录成功!' | 127 | // message: '补录成功!' |
| 128 | }); | 128 | // }); |
| 129 | }).catch(() => { | 129 | // }).catch(() => { |
| 130 | this.$message({ | 130 | // this.$message({ |
| 131 | type: 'info', | 131 | // type: 'info', |
| 132 | message: '取消编辑' | 132 | // message: '取消编辑' |
| 133 | }); | 133 | // }); |
| 134 | }); | 134 | // }); |
| 135 | 135 | ||
| 136 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 136 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
| 137 | // datalist:this.columns, | 137 | // datalist:this.columns, | ... | ... |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
| 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> |
| 12 | <div class="item_left"> | 12 | <div class="item_left"> |
| 13 | {{ item.jdmc }}初审意见 | 13 | {{ item.jdmc }}意见 |
| 14 | </div> | 14 | </div> |
| 15 | <div class="item_right"> | 15 | <div class="item_right"> |
| 16 | <el-row> | 16 | <el-row> |
| ... | @@ -101,7 +101,9 @@ | ... | @@ -101,7 +101,9 @@ |
| 101 | getSpyjList(formdata).then((res) => { | 101 | getSpyjList(formdata).then((res) => { |
| 102 | this.$endLoading() | 102 | this.$endLoading() |
| 103 | if (res.code === 200 && res.result) { | 103 | if (res.code === 200 && res.result) { |
| 104 | |||
| 104 | this.tableData = res.result ? res.result : [] | 105 | this.tableData = res.result ? res.result : [] |
| 106 | console.log("this.tableDatathis.tableDatathis.tableDatathis.tableData",this.tableData); | ||
| 105 | if (res.result.length == 0) { | 107 | if (res.result.length == 0) { |
| 106 | that.isNoData = true | 108 | that.isNoData = true |
| 107 | } | 109 | } | ... | ... |
| ... | @@ -98,14 +98,24 @@ export function getForm (tabName, djywbm) { | ... | @@ -98,14 +98,24 @@ export function getForm (tabName, djywbm) { |
| 98 | break; | 98 | break; |
| 99 | // 受理信息 | 99 | // 受理信息 |
| 100 | case "slxx": | 100 | case "slxx": |
| 101 | form = require("@/views/djbworkflow/djbBook/slxx.vue"); | 101 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fwsyq/slxx.vue"); |
| 102 | break; | 102 | break; |
| 103 | // case "clxx": | ||
| 104 | // form = require("@/views/djbworkflow/djbBook/components/clxx.vue"); | ||
| 105 | // break; | ||
| 106 | // case "spyj": | ||
| 107 | // form = require("@/views/djbworkflow/djbBook/components/spyj.vue"); | ||
| 108 | // break; | ||
| 109 | // case "slxx": | ||
| 110 | // form = require("@/views/djbworkflow/djbBook/slxx.vue"); | ||
| 111 | // break; | ||
| 103 | case "clxx": | 112 | case "clxx": |
| 104 | form = require("@/views/djbworkflow/djbBook/clxx.vue"); | 113 | form = require("@/views/djbworkflow/djbBook/clxx.vue"); |
| 105 | break; | 114 | break; |
| 106 | case "spyj": | 115 | case "spyj": |
| 107 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 116 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); |
| 108 | break; | 117 | break; |
| 118 | |||
| 109 | // case "clxx": | 119 | // case "clxx": |
| 110 | // form = require("@/views/djbworkflow/components/clxxUnify.vue"); | 120 | // form = require("@/views/djbworkflow/components/clxxUnify.vue"); |
| 111 | // break; | 121 | // break; | ... | ... |
| ... | @@ -101,26 +101,57 @@ export default { | ... | @@ -101,26 +101,57 @@ export default { |
| 101 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) | 101 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) |
| 102 | break; | 102 | break; |
| 103 | case "B5": | 103 | case "B5": |
| 104 | // this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { | 104 | const h = this.$createElement; |
| 105 | // bsmSlsq: this.bsmSlsq, | 105 | this.$msgbox({ |
| 106 | // entryType: '1' | 106 | title: '消息', |
| 107 | // }, '65%', true) | 107 | message: h('p', null, [ |
| 108 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 108 | h('span', null, '内容可以是 '), |
| 109 | h('i', { style: 'color: teal' }, 'VNode') | ||
| 110 | ]), | ||
| 111 | showCancelButton: true, | ||
| 109 | confirmButtonText: '确定', | 112 | confirmButtonText: '确定', |
| 110 | cancelButtonText: '取消', | 113 | cancelButtonText: '取消', |
| 111 | type: 'warning' | 114 | beforeClose: (action, instance, done) => { |
| 112 | }).then(() => { | 115 | if (action === 'confirm') { |
| 116 | instance.confirmButtonLoading = true; | ||
| 117 | instance.confirmButtonText = '执行中...'; | ||
| 118 | setTimeout(() => { | ||
| 119 | done(); | ||
| 120 | setTimeout(() => { | ||
| 121 | instance.confirmButtonLoading = false; | ||
| 122 | }, 300); | ||
| 123 | }, 3000); | ||
| 124 | } else { | ||
| 125 | done(); | ||
| 126 | } | ||
| 127 | } | ||
| 128 | }).then(action => { | ||
| 113 | this.addRepairRecord() | 129 | this.addRepairRecord() |
| 114 | this.$message({ | 130 | this.$message({ |
| 115 | type: 'success', | ||
| 116 | message: '补录成功!' | ||
| 117 | }); | ||
| 118 | }).catch(() => { | ||
| 119 | this.$message({ | ||
| 120 | type: 'info', | 131 | type: 'info', |
| 121 | message: '取消编辑' | 132 | message: 'action: ' + action |
| 122 | }); | 133 | }); |
| 123 | }); | 134 | }); |
| 135 | // this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { | ||
| 136 | // bsmSlsq: this.bsmSlsq, | ||
| 137 | // entryType: '1' | ||
| 138 | // }, '65%', true) | ||
| 139 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 140 | // confirmButtonText: '确定', | ||
| 141 | // cancelButtonText: '取消', | ||
| 142 | // type: 'warning' | ||
| 143 | // }).then(() => { | ||
| 144 | // this.addRepairRecord() | ||
| 145 | // this.$message({ | ||
| 146 | // type: 'success', | ||
| 147 | // message: '补录成功!' | ||
| 148 | // }); | ||
| 149 | // }).catch(() => { | ||
| 150 | // this.$message({ | ||
| 151 | // type: 'info', | ||
| 152 | // message: '取消编辑' | ||
| 153 | // }); | ||
| 154 | // }); | ||
| 124 | 155 | ||
| 125 | break; | 156 | break; |
| 126 | case "B6": | 157 | case "B6": | ... | ... |
| ... | @@ -79,7 +79,10 @@ import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | ... | @@ -79,7 +79,10 @@ import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 79 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 79 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
| 80 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 80 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
| 81 | // 登记簿数据信息 | 81 | // 登记簿数据信息 |
| 82 | import { addRepairRecord } from "@/api/djbbl.js" | 82 | import { addRepairRecord } from "@/api/djbbl.js" |
| 83 | // 获取权利类型数组 | ||
| 84 | import { getQllxByBdcdyid } from "@/api/djbbl.js" | ||
| 85 | |||
| 83 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 86 | import { getBdcqljqtsx } from "@/api/registerBook.js"; |
| 84 | export default { | 87 | export default { |
| 85 | components: { | 88 | components: { |
| ... | @@ -101,6 +104,8 @@ export default { | ... | @@ -101,6 +104,8 @@ export default { |
| 101 | qllx: this.$route.query.qllx, | 104 | qllx: this.$route.query.qllx, |
| 102 | //设置那个表单选中 | 105 | //设置那个表单选中 |
| 103 | tabName: "", | 106 | tabName: "", |
| 107 | // 权利类型数组 | ||
| 108 | qllxlist:[], | ||
| 104 | //表单集合 | 109 | //表单集合 |
| 105 | tabList: [], | 110 | tabList: [], |
| 106 | //选择加载哪一个组件 | 111 | //选择加载哪一个组件 |
| ... | @@ -119,14 +124,24 @@ export default { | ... | @@ -119,14 +124,24 @@ export default { |
| 119 | }; | 124 | }; |
| 120 | }, | 125 | }, |
| 121 | mounted() { | 126 | mounted() { |
| 127 | |||
| 122 | }, | 128 | }, |
| 123 | 129 | ||
| 124 | methods: { | 130 | methods: { |
| 131 | getQllxByBdcdyid(){ | ||
| 132 | console.log("this.currentSelectProps.bdcdyid",this.currentSelectProps.bdcdyid); | ||
| 133 | getQllxByBdcdyid({bdcdyid:this.currentSelectProps.bdcdyid}).then((res) => { | ||
| 134 | if (res.code === 200) { | ||
| 135 | console.log("Qllxlist",res); | ||
| 136 | |||
| 137 | } | ||
| 138 | }); | ||
| 139 | }, | ||
| 125 | // 获取右侧选项卡 | 140 | // 获取右侧选项卡 |
| 126 | getCurrentSelectProps (val) { | 141 | getCurrentSelectProps (val) { |
| 127 | this.currentSelectProps = val | 142 | this.currentSelectProps = val |
| 128 | if(this.currentSelectProps.bsmRepair){ | 143 | if(this.currentSelectProps.bsmRepair){ |
| 129 | this.tabset() | 144 | this.tabset(val) |
| 130 | }else{ | 145 | }else{ |
| 131 | this.getdjblist() | 146 | this.getdjblist() |
| 132 | } | 147 | } |
| ... | @@ -141,7 +156,9 @@ export default { | ... | @@ -141,7 +156,9 @@ export default { |
| 141 | if (res.code === 200) { | 156 | if (res.code === 200) { |
| 142 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 157 | this.treedata = loadTreeData(res.result, this.bdcdyh); |
| 143 | this.$nextTick(function () { | 158 | this.$nextTick(function () { |
| 159 | console.log("this.currentSelectProps.qllx",this.currentSelectProps); | ||
| 144 | this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | 160 | this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); |
| 161 | console.log("this.defaultNode",this.defaultNode); | ||
| 145 | this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 | 162 | this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 |
| 146 | }); | 163 | }); |
| 147 | } | 164 | } |
| ... | @@ -155,15 +172,16 @@ export default { | ... | @@ -155,15 +172,16 @@ export default { |
| 155 | arr[index].value=item.id | 172 | arr[index].value=item.id |
| 156 | }) | 173 | }) |
| 157 | this.tabList=this.tabdata | 174 | this.tabList=this.tabdata |
| 175 | this.getQllxByBdcdyid() | ||
| 158 | }, 200) | 176 | }, 200) |
| 159 | 177 | ||
| 160 | }, | 178 | }, |
| 161 | 179 | ||
| 162 | tabset(){ | 180 | tabset(val){ |
| 163 | this.tabName = ''; | 181 | this.tabName = ''; |
| 164 | this.tabList = [ | 182 | this.tabList = [ |
| 165 | { | 183 | { |
| 166 | name: "受理信息", | 184 | name:val.qllxmc+ "补录信息", |
| 167 | value: "slxx", | 185 | value: "slxx", |
| 168 | sort: 1, | 186 | sort: 1, |
| 169 | }, | 187 | }, |
| ... | @@ -185,10 +203,6 @@ export default { | ... | @@ -185,10 +203,6 @@ export default { |
| 185 | 203 | ||
| 186 | }, | 204 | }, |
| 187 | 205 | ||
| 188 | // stepForm(index){ | ||
| 189 | // console.log(index); | ||
| 190 | // }, | ||
| 191 | |||
| 192 | //右侧表单选项卡事件 | 206 | //右侧表单选项卡事件 |
| 193 | beforeLeave (activeName, oldActiveName) { | 207 | beforeLeave (activeName, oldActiveName) { |
| 194 | if (activeName && activeName != 0) this.getFromRouter(activeName) | 208 | if (activeName && activeName != 0) this.getFromRouter(activeName) |
| ... | @@ -206,6 +220,7 @@ export default { | ... | @@ -206,6 +220,7 @@ export default { |
| 206 | 220 | ||
| 207 | // 增加补录记录 | 221 | // 增加补录记录 |
| 208 | addRepairRecord(row){ | 222 | addRepairRecord(row){ |
| 223 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
| 209 | let from={ | 224 | let from={ |
| 210 | bsmQlxx:"", | 225 | bsmQlxx:"", |
| 211 | bsmSlsq:this.bsmSlsq, | 226 | bsmSlsq:this.bsmSlsq, |
| ... | @@ -216,6 +231,7 @@ export default { | ... | @@ -216,6 +231,7 @@ export default { |
| 216 | if(row){ | 231 | if(row){ |
| 217 | from.bsmQlxx=row.bsmQlxx | 232 | from.bsmQlxx=row.bsmQlxx |
| 218 | from.operate="U" | 233 | from.operate="U" |
| 234 | from.qllx=row.qllx | ||
| 219 | } | 235 | } |
| 220 | 236 | ||
| 221 | addRepairRecord(from).then((res) => { | 237 | addRepairRecord(from).then((res) => { | ... | ... |
| ... | @@ -30,6 +30,10 @@ class data extends filter { | ... | @@ -30,6 +30,10 @@ class data extends filter { |
| 30 | label: "权属状态", | 30 | label: "权属状态", |
| 31 | }, | 31 | }, |
| 32 | { | 32 | { |
| 33 | prop: "sjlx", | ||
| 34 | label: "数据类型", | ||
| 35 | }, | ||
| 36 | { | ||
| 33 | prop: "qllxmc", | 37 | prop: "qllxmc", |
| 34 | label: "权利类型", | 38 | label: "权利类型", |
| 35 | }, | 39 | }, |
| ... | @@ -78,8 +82,8 @@ class data extends filter { | ... | @@ -78,8 +82,8 @@ class data extends filter { |
| 78 | label: "证件号", | 82 | label: "证件号", |
| 79 | }, | 83 | }, |
| 80 | { | 84 | { |
| 81 | prop: "mj", | 85 | prop: "mjmc", |
| 82 | label: "使用权面积(m²)", | 86 | label: "使用权面积", |
| 83 | }, | 87 | }, |
| 84 | { | 88 | { |
| 85 | prop: "qlxzmc", | 89 | prop: "qlxzmc", |
| ... | @@ -136,6 +140,10 @@ class data extends filter { | ... | @@ -136,6 +140,10 @@ class data extends filter { |
| 136 | label: "权属状态", | 140 | label: "权属状态", |
| 137 | }, | 141 | }, |
| 138 | { | 142 | { |
| 143 | prop: "sjlx", | ||
| 144 | label: "数据类型", | ||
| 145 | }, | ||
| 146 | { | ||
| 139 | prop: "qllxmc", | 147 | prop: "qllxmc", |
| 140 | label: "权利类型", | 148 | label: "权利类型", |
| 141 | }, | 149 | }, |
| ... | @@ -271,6 +279,10 @@ class data extends filter { | ... | @@ -271,6 +279,10 @@ class data extends filter { |
| 271 | label: "权属状态", | 279 | label: "权属状态", |
| 272 | }, | 280 | }, |
| 273 | { | 281 | { |
| 282 | prop: "sjlx", | ||
| 283 | label: "数据类型", | ||
| 284 | }, | ||
| 285 | { | ||
| 274 | prop: "qllxmc", | 286 | prop: "qllxmc", |
| 275 | label: "权利类型", | 287 | label: "权利类型", |
| 276 | }, | 288 | }, |
| ... | @@ -397,6 +409,10 @@ class data extends filter { | ... | @@ -397,6 +409,10 @@ class data extends filter { |
| 397 | label: "权属状态", | 409 | label: "权属状态", |
| 398 | }, | 410 | }, |
| 399 | { | 411 | { |
| 412 | prop: "sjlx", | ||
| 413 | label: "数据类型", | ||
| 414 | }, | ||
| 415 | { | ||
| 400 | prop: "dybdclx", | 416 | prop: "dybdclx", |
| 401 | label: "抵押不动产类型", | 417 | label: "抵押不动产类型", |
| 402 | }, | 418 | }, |
| ... | @@ -553,6 +569,10 @@ class data extends filter { | ... | @@ -553,6 +569,10 @@ class data extends filter { |
| 553 | label: "权属状态", | 569 | label: "权属状态", |
| 554 | }, | 570 | }, |
| 555 | { | 571 | { |
| 572 | prop: "sjlx", | ||
| 573 | label: "数据类型", | ||
| 574 | }, | ||
| 575 | { | ||
| 556 | prop: "djlxmc", | 576 | prop: "djlxmc", |
| 557 | label: "登记类型", | 577 | label: "登记类型", |
| 558 | }, | 578 | }, |
| ... | @@ -643,6 +663,10 @@ class data extends filter { | ... | @@ -643,6 +663,10 @@ class data extends filter { |
| 643 | label: "权属状态", | 663 | label: "权属状态", |
| 644 | }, | 664 | }, |
| 645 | { | 665 | { |
| 666 | prop: "sjlx", | ||
| 667 | label: "数据类型", | ||
| 668 | }, | ||
| 669 | { | ||
| 646 | prop: "ygdjzl", | 670 | prop: "ygdjzl", |
| 647 | label: "预告登记种类", | 671 | label: "预告登记种类", |
| 648 | }, | 672 | }, |
| ... | @@ -765,6 +789,10 @@ class data extends filter { | ... | @@ -765,6 +789,10 @@ class data extends filter { |
| 765 | label: "权属状态", | 789 | label: "权属状态", |
| 766 | }, | 790 | }, |
| 767 | { | 791 | { |
| 792 | prop: "sjlx", | ||
| 793 | label: "数据类型", | ||
| 794 | }, | ||
| 795 | { | ||
| 768 | prop: "cflxmc", | 796 | prop: "cflxmc", |
| 769 | label: "查封类型", | 797 | label: "查封类型", |
| 770 | }, | 798 | }, |
| ... | @@ -868,6 +896,10 @@ class data extends filter { | ... | @@ -868,6 +896,10 @@ class data extends filter { |
| 868 | ], | 896 | ], |
| 869 | YYDJ: [ | 897 | YYDJ: [ |
| 870 | { | 898 | { |
| 899 | prop: "sjlx", | ||
| 900 | label: "数据类型", | ||
| 901 | }, | ||
| 902 | { | ||
| 871 | prop: "qszt", | 903 | prop: "qszt", |
| 872 | label: "权属状态", | 904 | label: "权属状态", |
| 873 | }, | 905 | }, | ... | ... |
| ... | @@ -100,7 +100,6 @@ | ... | @@ -100,7 +100,6 @@ |
| 100 | }, | 100 | }, |
| 101 | methods: { | 101 | methods: { |
| 102 | queryClick () { | 102 | queryClick () { |
| 103 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 104 | this.$startLoading(); | 103 | this.$startLoading(); |
| 105 | selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { | 104 | selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 106 | this.$endLoading(); | 105 | this.$endLoading(); | ... | ... |
| ... | @@ -171,7 +171,6 @@ | ... | @@ -171,7 +171,6 @@ |
| 171 | }, | 171 | }, |
| 172 | methods: { | 172 | methods: { |
| 173 | queryClick () { | 173 | queryClick () { |
| 174 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 175 | this.$startLoading(); | 174 | this.$startLoading(); |
| 176 | if (!this.isJump) { | 175 | if (!this.isJump) { |
| 177 | //从业务办理进入 | 176 | //从业务办理进入 | ... | ... |
| ... | @@ -70,7 +70,6 @@ | ... | @@ -70,7 +70,6 @@ |
| 70 | }, | 70 | }, |
| 71 | methods: { | 71 | methods: { |
| 72 | queryClick () { | 72 | queryClick () { |
| 73 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 74 | this.$startLoading(); | 73 | this.$startLoading(); |
| 75 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 74 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 76 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 75 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -98,7 +98,6 @@ | ... | @@ -98,7 +98,6 @@ |
| 98 | methods: { | 98 | methods: { |
| 99 | //默认加载表格信息 | 99 | //默认加载表格信息 |
| 100 | queryClick () { | 100 | queryClick () { |
| 101 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 102 | this.$startLoading(); | 101 | this.$startLoading(); |
| 103 | this.queryForm.bsmSqyw = this.bsmSqyw; | 102 | this.queryForm.bsmSqyw = this.bsmSqyw; |
| 104 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 103 | selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -56,8 +56,8 @@ | ... | @@ -56,8 +56,8 @@ |
| 56 | import store from '@/store/index.js' | 56 | import store from '@/store/index.js' |
| 57 | import table from "@/utils/mixin/table"; | 57 | import table from "@/utils/mixin/table"; |
| 58 | import { datas, sendThis } from "../javascript/selectDjbbl.js"; | 58 | import { datas, sendThis } from "../javascript/selectDjbbl.js"; |
| 59 | import { getDjbBysearch } from "@/api/zhcx.js"; | 59 | import { selectRepairQlxx } from "@/api/selectQlxx.js"; |
| 60 | import jump from "../components/mixin/jump"; | 60 | import jump from "../components/mixin/djbbljump"; |
| 61 | export default { | 61 | export default { |
| 62 | name: "djbcx", | 62 | name: "djbcx", |
| 63 | mixins: [table, jump], | 63 | mixins: [table, jump], |
| ... | @@ -100,7 +100,7 @@ | ... | @@ -100,7 +100,7 @@ |
| 100 | // 初始化数据 | 100 | // 初始化数据 |
| 101 | queryClick () { | 101 | queryClick () { |
| 102 | this.$startLoading() | 102 | this.$startLoading() |
| 103 | getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { | 103 | selectRepairQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 104 | this.$endLoading() | 104 | this.$endLoading() |
| 105 | if (res.code === 200) { | 105 | if (res.code === 200) { |
| 106 | let { total, records } = res.result; | 106 | let { total, records } = res.result; |
| ... | @@ -140,7 +140,6 @@ | ... | @@ -140,7 +140,6 @@ |
| 140 | this.$message.error("请至少选择一条数据"); | 140 | this.$message.error("请至少选择一条数据"); |
| 141 | return; | 141 | return; |
| 142 | } | 142 | } |
| 143 | console.log("this.sqywInfo", this.sqywInfo, this.sqywInfo.nodetype == "djqx"); | ||
| 144 | let from = { | 143 | let from = { |
| 145 | bsmSqyw: this.bsmSqyw, | 144 | bsmSqyw: this.bsmSqyw, |
| 146 | bdcdysz: this.bdcdysz, | 145 | bdcdysz: this.bdcdysz, | ... | ... |
| ... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
| 75 | }, | 75 | }, |
| 76 | methods: { | 76 | methods: { |
| 77 | queryClick () { | 77 | queryClick () { |
| 78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 79 | this.$startLoading(); | 78 | this.$startLoading(); |
| 80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 81 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
| 75 | }, | 75 | }, |
| 76 | methods: { | 76 | methods: { |
| 77 | queryClick () { | 77 | queryClick () { |
| 78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 79 | this.$startLoading(); | 78 | this.$startLoading(); |
| 80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 81 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -83,7 +83,6 @@ | ... | @@ -83,7 +83,6 @@ |
| 83 | }, | 83 | }, |
| 84 | methods: { | 84 | methods: { |
| 85 | queryClick () { | 85 | queryClick () { |
| 86 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 87 | this.$startLoading(); | 86 | this.$startLoading(); |
| 88 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 87 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 89 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 88 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -79,7 +79,6 @@ | ... | @@ -79,7 +79,6 @@ |
| 79 | }, | 79 | }, |
| 80 | methods: { | 80 | methods: { |
| 81 | queryClick () { | 81 | queryClick () { |
| 82 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 83 | this.$startLoading(); | 82 | this.$startLoading(); |
| 84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 83 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 85 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 84 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
| 75 | }, | 75 | }, |
| 76 | methods: { | 76 | methods: { |
| 77 | queryClick () { | 77 | queryClick () { |
| 78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 79 | this.$startLoading(); | 78 | this.$startLoading(); |
| 80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 81 | selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -75,7 +75,6 @@ | ... | @@ -75,7 +75,6 @@ |
| 75 | }, | 75 | }, |
| 76 | methods: { | 76 | methods: { |
| 77 | queryClick () { | 77 | queryClick () { |
| 78 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 79 | this.$startLoading(); | 78 | this.$startLoading(); |
| 80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 79 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 81 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { | 80 | selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { | ... | ... |
| ... | @@ -29,7 +29,18 @@ | ... | @@ -29,7 +29,18 @@ |
| 29 | </ul> | 29 | </ul> |
| 30 | </div> | 30 | </div> |
| 31 | <!-- 一并申请 --> | 31 | <!-- 一并申请 --> |
| 32 | <div v-if="selectType == 'together'" class="right-title">一并申请</div> | 32 | <div v-if="selectType == 'together'" class="right-situation el-card"> |
| 33 | <div class="right-title">一并申请</div> | ||
| 34 | <ul> | ||
| 35 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index" | ||
| 36 | @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)"> | ||
| 37 | <dt>{{ item.nodename }}</dt> | ||
| 38 | <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)"> | ||
| 39 | <i class="el-icon-star-off"></i> | ||
| 40 | </p> | ||
| 41 | </li> | ||
| 42 | </ul> | ||
| 43 | </div> | ||
| 33 | <!-- 登记簿补录 --> | 44 | <!-- 登记簿补录 --> |
| 34 | <div v-if="selectType == 'amend'" class="right-situation el-card"> | 45 | <div v-if="selectType == 'amend'" class="right-situation el-card"> |
| 35 | <div class="right-title">登记簿补录</div> | 46 | <div class="right-title">登记簿补录</div> |
| ... | @@ -80,7 +91,7 @@ | ... | @@ -80,7 +91,7 @@ |
| 80 | </div> | 91 | </div> |
| 81 | </template> | 92 | </template> |
| 82 | <script> | 93 | <script> |
| 83 | import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" | 94 | import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz,getTogetherBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" |
| 84 | export default { | 95 | export default { |
| 85 | data () { | 96 | data () { |
| 86 | return { | 97 | return { |
| ... | @@ -130,13 +141,20 @@ | ... | @@ -130,13 +141,20 @@ |
| 130 | console.log("item", item); | 141 | console.log("item", item); |
| 131 | this.btnDisabled = true; | 142 | this.btnDisabled = true; |
| 132 | this.selectType = item.type; | 143 | this.selectType = item.type; |
| 133 | console.log("this.sqywQllxList", this.sqywQllxList); | ||
| 134 | this.sqywQllxList.forEach(item => { | 144 | this.sqywQllxList.forEach(item => { |
| 135 | if (item.check) item.check = false; | 145 | if (item.check) item.check = false; |
| 136 | }); | 146 | }); |
| 137 | if (this.selectType == 'amend') { | 147 | if (this.selectType == 'amend') { |
| 138 | this.getRepairBiz(); | 148 | this.getRepairBiz(); |
| 139 | } | 149 | } |
| 150 | if (this.selectType == 'together') { | ||
| 151 | getTogetherBiz().then(res => { | ||
| 152 | if (res) { | ||
| 153 | console.log("res", res); | ||
| 154 | this.djqxList = res.result; | ||
| 155 | } | ||
| 156 | }) | ||
| 157 | } | ||
| 140 | }, | 158 | }, |
| 141 | //权利类型菜单事件 | 159 | //权利类型菜单事件 |
| 142 | qllxClick (index) { | 160 | qllxClick (index) { | ... | ... |
| ... | @@ -113,22 +113,22 @@ export default { | ... | @@ -113,22 +113,22 @@ export default { |
| 113 | bsm: '' | 113 | bsm: '' |
| 114 | }, '85%') | 114 | }, '85%') |
| 115 | }, | 115 | }, |
| 116 | ywhClick (item) { | 116 | // ywhClick (item) { |
| 117 | const { href } = this.$router.resolve( | 117 | // const { href } = this.$router.resolve( |
| 118 | "/djbworkFrame?bdcdyid=" + | 118 | // "/djbworkFrame?bdcdyid=" + |
| 119 | item.bdcdyid+ | 119 | // item.bdcdyid+ |
| 120 | "&bdcdyh=" + | 120 | // "&bdcdyh=" + |
| 121 | item.bdcdyh+ | 121 | // item.bdcdyh+ |
| 122 | "&qllx="+ | 122 | // "&qllx="+ |
| 123 | item.qllx+ | 123 | // item.qllx+ |
| 124 | "&bsmQlxx="+ | 124 | // "&bsmQlxx="+ |
| 125 | item.bsmQlxx+ | 125 | // item.bsmQlxx+ |
| 126 | "&viewtype=1" | 126 | // "&viewtype=1" |
| 127 | ); | 127 | // ); |
| 128 | localStorage.setItem('ywbl', JSON.stringify(item)); | 128 | // localStorage.setItem('ywbl', JSON.stringify(item)); |
| 129 | window.open(href, `urlname${item.bdcdyid}`); | 129 | // window.open(href, `urlname${item.bdcdyid}`); |
| 130 | 130 | ||
| 131 | }, | 131 | // }, |
| 132 | } | 132 | } |
| 133 | } | 133 | } |
| 134 | </script> | 134 | </script> | ... | ... |
| ... | @@ -23,6 +23,19 @@ class data extends filter { | ... | @@ -23,6 +23,19 @@ class data extends filter { |
| 23 | } | 23 | } |
| 24 | }, | 24 | }, |
| 25 | { | 25 | { |
| 26 | label: "数据类型", | ||
| 27 | width: '80', | ||
| 28 | render: (h, scope) => { | ||
| 29 | return ( | ||
| 30 | <div> | ||
| 31 | <span v-show={scope.row.sjlx == 1} >系统数据</span> | ||
| 32 | <span v-show={scope.row.sjlx == 2} >存量数据</span> | ||
| 33 | <span v-show={scope.row.sjlx == 3} >补录数据</span> | ||
| 34 | </div> | ||
| 35 | ) | ||
| 36 | } | ||
| 37 | }, | ||
| 38 | { | ||
| 26 | label: "权属状态", | 39 | label: "权属状态", |
| 27 | width: '80', | 40 | width: '80', |
| 28 | render: (h, scope) => { | 41 | render: (h, scope) => { |
| ... | @@ -54,13 +67,14 @@ class data extends filter { | ... | @@ -54,13 +67,14 @@ class data extends filter { |
| 54 | prop: "ywh", | 67 | prop: "ywh", |
| 55 | label: "业务号", | 68 | label: "业务号", |
| 56 | width: '110', | 69 | width: '110', |
| 57 | render: (h, scope) => { | 70 | // render: (h, scope) => { |
| 58 | return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> | 71 | // return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> |
| 59 | } | 72 | // } |
| 60 | }, | 73 | }, |
| 61 | { | 74 | { |
| 62 | prop: "qllxmc", | 75 | prop: "qllxmc", |
| 63 | label: "权利类型", | 76 | label: "权利类型", |
| 77 | width: '140', | ||
| 64 | }, | 78 | }, |
| 65 | { | 79 | { |
| 66 | prop: "djlxmc", | 80 | prop: "djlxmc", | ... | ... |
-
Please register or sign in to post a comment