--no commit message
Showing
18 changed files
with
132 additions
and
2689 deletions
| 1 | <template> | ||
| 2 | <div class="bdcqldjml"> | ||
| 3 | <table class="mlTable"> | ||
| 4 | <tr> | ||
| 5 | <th colspan="5" class="title">不动产权利登记目录</th> | ||
| 6 | </tr> | ||
| 7 | <tr> | ||
| 8 | <td>序号</td> | ||
| 9 | <td>不动产单元号</td> | ||
| 10 | <td>不动产类型</td> | ||
| 11 | <td>所在本数</td> | ||
| 12 | <td>备注</td> | ||
| 13 | </tr> | ||
| 14 | <tr v-for="(item, index) in bdcqlml" :key="index"> | ||
| 15 | <td>{{ index + 1 }}</td> | ||
| 16 | <td>{{ item.bdcdyh }}</td> | ||
| 17 | <td>{{ item.bdclx }}</td> | ||
| 18 | <td>{{ item.szbs }}</td> | ||
| 19 | <td>{{ item.bz }}</td> | ||
| 20 | </tr> | ||
| 21 | </table> | ||
| 22 | </div> | ||
| 23 | </template> | ||
| 24 | |||
| 25 | <script> | ||
| 26 | import { getBdcqldjmlByBdcdyid } from "@/api/registerBook.js"; | ||
| 27 | export default { | ||
| 28 | data() { | ||
| 29 | return { | ||
| 30 | bdcqlml: [], | ||
| 31 | propsParam: this.$attrs, | ||
| 32 | }; | ||
| 33 | }, | ||
| 34 | mounted() { | ||
| 35 | getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 36 | if (res.code === 200) { | ||
| 37 | this.bdcqlml = res.result; | ||
| 38 | } | ||
| 39 | }); | ||
| 40 | }, | ||
| 41 | }; | ||
| 42 | </script> | ||
| 43 | |||
| 44 | <style lang="scss" scoped> | ||
| 45 | .bdcqldjml { | ||
| 46 | width: 100%; | ||
| 47 | height: 100%; | ||
| 48 | background: #fff; | ||
| 49 | overflow-y: scroll; | ||
| 50 | .mlTable { | ||
| 51 | width: 90%; | ||
| 52 | margin: 0 auto; | ||
| 53 | color: #333; | ||
| 54 | border-spacing: 1px; | ||
| 55 | background-color: #333; | ||
| 56 | |||
| 57 | .title { | ||
| 58 | font-size: 20px; | ||
| 59 | line-height: 60px; | ||
| 60 | font-family: serif; | ||
| 61 | position: relative; | ||
| 62 | } | ||
| 63 | |||
| 64 | td, | ||
| 65 | th { | ||
| 66 | background-color: white; | ||
| 67 | line-height: 30px; | ||
| 68 | padding: 0 4px; | ||
| 69 | text-align: center; | ||
| 70 | } | ||
| 71 | } | ||
| 72 | } | ||
| 73 | </style> |
| 1 | <template> | ||
| 2 | <div class="bdcqljqtsx"> | ||
| 3 | <div class="content"> | ||
| 4 | <div class="title">不动产权利及其他事项<br />登记信息</div> | ||
| 5 | <div> | ||
| 6 | 不动产单元号: | ||
| 7 | <div class="underline">{{ propsParam.bdcdyh }}</div> | ||
| 8 | </div> | ||
| 9 | <br /><br /><br /> | ||
| 10 | <div> | ||
| 11 | <div class="underline">{{ qlxxList.ztqlmc }}</div> | ||
| 12 | 登记 共 | ||
| 13 | <div class="underline">{{ qlxxList.ztql.total }}</div> | ||
| 14 | 条 | ||
| 15 | </div> | ||
| 16 | <br /><br /> | ||
| 17 | <div> | ||
| 18 | 抵押权登记 共 | ||
| 19 | <div class="underline">{{ qlxxList.diyaq.total }}</div> | ||
| 20 | 条 | ||
| 21 | </div> | ||
| 22 | <br /> | ||
| 23 | <div> | ||
| 24 | 地役权登记 共 | ||
| 25 | <div class="underline">{{ qlxxList.diyiq.total }}</div> | ||
| 26 | 条 | ||
| 27 | </div> | ||
| 28 | <br /> | ||
| 29 | <div> | ||
| 30 | 预告登记 共 | ||
| 31 | <div class="underline">{{ qlxxList.ygdj.total }}</div> | ||
| 32 | 条 | ||
| 33 | </div> | ||
| 34 | <br /> | ||
| 35 | <div> | ||
| 36 | 异议登记 共 | ||
| 37 | <div class="underline">{{ qlxxList.yydj.total }}</div> | ||
| 38 | 条 | ||
| 39 | </div> | ||
| 40 | <br /> | ||
| 41 | <div> | ||
| 42 | 查封登记 共 | ||
| 43 | <div class="underline">{{ qlxxList.cfdj.total }}</div> | ||
| 44 | 条 | ||
| 45 | </div> | ||
| 46 | <br /> | ||
| 47 | </div> | ||
| 48 | </div> | ||
| 49 | </template> | ||
| 50 | |||
| 51 | <script> | ||
| 52 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | ||
| 53 | export default { | ||
| 54 | name: "bdcqljqtsx", | ||
| 55 | data() { | ||
| 56 | return { | ||
| 57 | //传递参数 | ||
| 58 | propsParam: this.$attrs, | ||
| 59 | qlxxList: "", | ||
| 60 | }; | ||
| 61 | }, | ||
| 62 | mounted() { | ||
| 63 | getBdcqljqtsx({ | ||
| 64 | bdcdyid: this.propsParam.bdcdyid, | ||
| 65 | bdcdyh: this.propsParam.bdcdyh, | ||
| 66 | }).then((res) => { | ||
| 67 | if (res.code === 200) { | ||
| 68 | this.qlxxList = res.result; | ||
| 69 | } | ||
| 70 | }); | ||
| 71 | }, | ||
| 72 | }; | ||
| 73 | </script> | ||
| 74 | |||
| 75 | <style lang="scss" scoped> | ||
| 76 | .bdcqljqtsx { | ||
| 77 | width: 100%; | ||
| 78 | height: 100%; | ||
| 79 | background: #fff; | ||
| 80 | |||
| 81 | .content { | ||
| 82 | width: 50%; | ||
| 83 | height: 100%; | ||
| 84 | margin: 0 auto; | ||
| 85 | text-align: right; | ||
| 86 | color: #333; | ||
| 87 | font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif; | ||
| 88 | font-weight: 700; | ||
| 89 | font-size: 18px; | ||
| 90 | line-height: 16px; | ||
| 91 | |||
| 92 | .title { | ||
| 93 | font-size: 32px; | ||
| 94 | text-align: center; | ||
| 95 | padding: 40px 0; | ||
| 96 | line-height: 34px; | ||
| 97 | } | ||
| 98 | |||
| 99 | .underline { | ||
| 100 | font-size: 14px; | ||
| 101 | font-weight: normal; | ||
| 102 | text-decoration: underline; | ||
| 103 | display: inline-block; | ||
| 104 | } | ||
| 105 | } | ||
| 106 | } | ||
| 107 | </style> |
| 1 | <!-- | ||
| 2 | * @Description :查封登记信息 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-13 13:56:45 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <table class="xxTable"> | ||
| 19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 20 | <td> | ||
| 21 | {{ item.label }} | ||
| 22 | </td> | ||
| 23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 24 | row.qszt == '2' ? 'lishi' : '', | ||
| 25 | row.qszt == '0' ? 'linshi' : '', | ||
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 27 | ]"> | ||
| 28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 31 | </div> | ||
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | ||
| 36 | {{ getQsztName(row[item.prop]) }} | ||
| 37 | </span> | ||
| 38 | |||
| 39 | <span v-else> {{ row[item.prop] }}</span> | ||
| 40 | </td> | ||
| 41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 42 | </tr> | ||
| 43 | </table> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </template> | ||
| 48 | |||
| 49 | <script> | ||
| 50 | import { getCfdjList } from "@/api/registerBook.js"; | ||
| 51 | import { datas } from "./qlxxFormData.js"; | ||
| 52 | export default { | ||
| 53 | data () { | ||
| 54 | return { | ||
| 55 | title: "查封登记信息", | ||
| 56 | qsztList: datas.columns().qsztList, | ||
| 57 | checkList: datas.columns().checkList, | ||
| 58 | //传递参数 | ||
| 59 | propsParam: this.$attrs, | ||
| 60 | //列表数据 | ||
| 61 | tableData: [], | ||
| 62 | //空列值个数 | ||
| 63 | emptycolNum: datas.columns().emptycolNum, | ||
| 64 | //列名称对象 | ||
| 65 | columns: datas.columns().CFDJ, | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | created () { | ||
| 69 | this.loadData(); | ||
| 70 | }, | ||
| 71 | methods: { | ||
| 72 | loadData () { | ||
| 73 | getCfdjList({ | ||
| 74 | bdcdyid: this.propsParam.bdcdyid, | ||
| 75 | qllx: this.propsParam.qllx, | ||
| 76 | qszt: this.checkList, | ||
| 77 | }).then((res) => { | ||
| 78 | if (res.code === 200) { | ||
| 79 | this.tableData = res.result; | ||
| 80 | this.tableData.forEach((item, index) => { | ||
| 81 | if (item.sfbxf == '1') { | ||
| 82 | item.zxywh = ''; | ||
| 83 | item.zxdbr = ''; | ||
| 84 | item.zxsj = ''; | ||
| 85 | } | ||
| 86 | }) | ||
| 87 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 88 | this.emptycolNum = | ||
| 89 | datas.columns().emptycolNum - this.tableData.length; | ||
| 90 | } else { | ||
| 91 | this.emptycolNum = 0; | ||
| 92 | } | ||
| 93 | } | ||
| 94 | }); | ||
| 95 | }, | ||
| 96 | checkChange () { | ||
| 97 | if (this.checkList.length === 0) { | ||
| 98 | this.tableData = []; | ||
| 99 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 100 | } else { | ||
| 101 | this.loadData(); | ||
| 102 | } | ||
| 103 | }, | ||
| 104 | getQsztName (code) { | ||
| 105 | let name = ""; | ||
| 106 | for (let item of this.qsztList) { | ||
| 107 | if (item.value == code) { | ||
| 108 | name = item.label; | ||
| 109 | break; | ||
| 110 | } | ||
| 111 | } | ||
| 112 | return name; | ||
| 113 | }, | ||
| 114 | // 编辑 | ||
| 115 | editDialog(row){ | ||
| 116 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 117 | confirmButtonText: '确定', | ||
| 118 | cancelButtonText: '取消', | ||
| 119 | type: 'warning' | ||
| 120 | }).then(() => { | ||
| 121 | this.$parent.addRepairRecord(row) | ||
| 122 | |||
| 123 | this.$message({ | ||
| 124 | type: 'success', | ||
| 125 | message: '补录成功!' | ||
| 126 | }); | ||
| 127 | }).catch(() => { | ||
| 128 | this.$message({ | ||
| 129 | type: 'info', | ||
| 130 | message: '取消编辑' | ||
| 131 | }); | ||
| 132 | }); | ||
| 133 | |||
| 134 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 135 | // datalist:this.columns, | ||
| 136 | // data: row, | ||
| 137 | |||
| 138 | // }) | ||
| 139 | |||
| 140 | }, | ||
| 141 | // 删除 | ||
| 142 | deleteDialog(row){ | ||
| 143 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 144 | confirmButtonText: '确定', | ||
| 145 | cancelButtonText: '取消', | ||
| 146 | type: 'warning' | ||
| 147 | }).then(() => { | ||
| 148 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 149 | // deleteClmx(bsmClmx).then(res => { | ||
| 150 | // if (res.code == 200) { | ||
| 151 | // that.$emit('updateList', res.result) | ||
| 152 | // that.$message({ | ||
| 153 | // message: '删除成功!', | ||
| 154 | // type: 'success' | ||
| 155 | // }) | ||
| 156 | // } | ||
| 157 | // }) | ||
| 158 | this.$message({ | ||
| 159 | type: 'success', | ||
| 160 | message: '删除成功!' | ||
| 161 | }); | ||
| 162 | }).catch(() => { | ||
| 163 | this.$message({ | ||
| 164 | type: 'info', | ||
| 165 | message: '已取消删除' | ||
| 166 | }); | ||
| 167 | }); | ||
| 168 | |||
| 169 | } | ||
| 170 | }, | ||
| 171 | }; | ||
| 172 | </script> | ||
| 173 | |||
| 174 | <style lang="scss" scoped> | ||
| 175 | @import "./qlxxCommon.scss"; | ||
| 176 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="120px" | 16 | label-width="127px"> |
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 20 | 补录信息 | 19 | 补录信息 |
| ... | @@ -38,7 +37,7 @@ | ... | @@ -38,7 +37,7 @@ |
| 38 | </el-col> | 37 | </el-col> |
| 39 | </el-row> | 38 | </el-row> |
| 40 | <div class="slxx_title title-block"> | 39 | <div class="slxx_title title-block"> |
| 41 | 房地产权（独幢、层、套、间房屋） | 40 | 房地产权（独幢、层、套、间房屋） |
| 42 | <div class="triangle"></div> | 41 | <div class="triangle"></div> |
| 43 | </div> | 42 | </div> |
| 44 | <el-row :gutter="10"> | 43 | <el-row :gutter="10"> |
| ... | @@ -52,7 +51,7 @@ | ... | @@ -52,7 +51,7 @@ |
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 51 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 53 | </el-form-item> | 52 | </el-form-item> |
| 54 | </el-col> | 53 | </el-col> |
| 55 | <el-col :span="8"> | 54 | <el-col :span="8"> |
| 56 | <el-form-item label="上手业务号："> | 55 | <el-form-item label="上手业务号："> |
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | 56 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> |
| 58 | </el-form-item> | 57 | </el-form-item> |
| ... | @@ -66,10 +65,10 @@ | ... | @@ -66,10 +65,10 @@ |
| 66 | </el-col> | 65 | </el-col> |
| 67 | <el-col :span="8"> | 66 | <el-col :span="8"> |
| 68 | <el-form-item label="登记类型："> | 67 | <el-form-item label="登记类型："> |
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | 68 | <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"> | 69 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 71 | </el-option> | 70 | </el-option> |
| 72 | </el-select> | 71 | </el-select> |
| 73 | </el-form-item> | 72 | </el-form-item> |
| 74 | </el-col> | 73 | </el-col> |
| 75 | <el-col :span="8"> | 74 | <el-col :span="8"> |
| ... | @@ -77,82 +76,71 @@ | ... | @@ -77,82 +76,71 @@ |
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
| 78 | </el-form-item> | 77 | </el-form-item> |
| 79 | </el-col> | 78 | </el-col> |
| 80 | <el-col :span="8"> | 79 | <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 81 | <el-form-item label="土地使用权人："> | 80 | <el-form-item label="土地使用权人："> |
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 81 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> |
| 83 | </el-form-item> | 82 | </el-form-item> |
| 84 | </el-col> | 83 | </el-col> |
| 85 | <el-col :span="8"> | 84 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 86 | <el-form-item label="独用土地面积："> | 85 | <el-form-item label="独用土地面积："> |
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | 86 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> |
| 88 | </el-form-item> | 87 | </el-form-item> |
| 89 | </el-col> | 88 | </el-col> |
| 90 | <el-col :span="8"> | 89 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 91 | <el-form-item label="分摊土地面积："> | 90 | <el-form-item label="分摊土地面积："> |
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | 91 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> |
| 93 | </el-form-item> | 92 | </el-form-item> |
| 94 | </el-col> | 93 | </el-col> |
| 95 | <el-col :span="8"> | 94 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 96 | <el-form-item label="土地用途："> | 95 | <el-form-item label="土地性质：" style="margin-bottom:3px"> |
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 96 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" |
| 98 | </el-form-item> | 97 | :normalizer="normalizer" |
| 99 | </el-col> | 98 | :show-count="true" :options="dictData['A45']" /> |
| 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> | 99 | </el-form-item> |
| 114 | </el-col> | 100 | </el-col> |
| 115 | <el-col :span="8"> | 101 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 116 | <el-form-item label="房地产交易价格："> | 102 | <el-form-item label="房地产交易价格："> |
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | 103 | <div style="display:flex"> |
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | 104 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> |
| 105 | <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"> | 106 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 120 | </el-option> | 107 | </el-option> |
| 121 | </el-select> | 108 | </el-select> |
| 109 | </div> | ||
| 122 | </el-form-item> | 110 | </el-form-item> |
| 123 | </el-col> | 111 | </el-col> |
| 124 | <el-col :span="8"> | 112 | <el-col :span="8"> |
| 125 | <el-form-item label="规划用途："> | 113 | <el-form-item label="规划用途："> |
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 114 | <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"> | 115 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 128 | </el-option> | 116 | </el-option> |
| 129 | </el-select> | 117 | </el-select> |
| 130 | </el-form-item> | 118 | </el-form-item> |
| 131 | </el-col> | 119 | </el-col> |
| 132 | <el-col :span="8"> | 120 | <el-col :span="8"> |
| 133 | <el-form-item label="批准用途："> | 121 | <el-form-item label="批准用途："> |
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | 122 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> |
| 135 | </el-form-item> | 123 | </el-form-item> |
| 136 | </el-col> | 124 | </el-col> |
| 137 | <el-col :span="8"> | 125 | <el-col :span="8"> |
| 138 | <el-form-item label="实际用途："> | 126 | <el-form-item label="实际用途："> |
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | 127 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> |
| 140 | </el-form-item> | 128 | </el-form-item> |
| 141 | </el-col> | 129 | </el-col> |
| 142 | <el-col :span="8"> | 130 | <el-col :span="8"> |
| 143 | <el-form-item label="房屋性质："> | 131 | <el-form-item label="房屋性质："> |
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | 132 | <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"> | 133 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 146 | </el-option> | 134 | </el-option> |
| 147 | </el-select> | 135 | </el-select> |
| 148 | </el-form-item> | 136 | </el-form-item> |
| 149 | </el-col> | 137 | </el-col> |
| 150 | <el-col :span="8"> | 138 | <el-col :span="8"> |
| 151 | <el-form-item label="房屋结构："> | 139 | <el-form-item label="房屋结构："> |
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 140 | <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"> | 141 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 154 | </el-option> | 142 | </el-option> |
| 155 | </el-select> | 143 | </el-select> |
| 156 | </el-form-item> | 144 | </el-form-item> |
| 157 | </el-col> | 145 | </el-col> |
| 158 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| ... | @@ -175,7 +163,7 @@ | ... | @@ -175,7 +163,7 @@ |
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | 163 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
| 176 | </el-form-item> | 164 | </el-form-item> |
| 177 | </el-col> | 165 | </el-col> |
| 178 | <el-col :span="8"> | 166 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 179 | <el-form-item label="分摊建筑面积："> | 167 | <el-form-item label="分摊建筑面积："> |
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | 168 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
| 181 | </el-form-item> | 169 | </el-form-item> |
| ... | @@ -184,7 +172,7 @@ | ... | @@ -184,7 +172,7 @@ |
| 184 | <el-form-item label="竣工时间："> | 172 | <el-form-item label="竣工时间："> |
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | 173 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> |
| 186 | </el-form-item> | 174 | </el-form-item> |
| 187 | </el-col> | 175 | </el-col> --> |
| 188 | 176 | ||
| 189 | <el-col :span="8"> | 177 | <el-col :span="8"> |
| 190 | <el-form-item label="不动产权证号："> | 178 | <el-form-item label="不动产权证号："> |
| ... | @@ -212,30 +200,14 @@ | ... | @@ -212,30 +200,14 @@ |
| 212 | </el-form-item> | 200 | </el-form-item> |
| 213 | </el-col> | 201 | </el-col> |
| 214 | </el-row> | 202 | </el-row> |
| 215 | <el-row> | 203 | <!-- <el-row> |
| 216 | <el-col :span="24"> | 204 | <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="附记："> | 205 | <el-form-item label="附记："> |
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 206 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> |
| 226 | </el-form-item> | 207 | </el-form-item> |
| 227 | </el-col> | 208 | </el-col> |
| 228 | </el-row> | 209 | </el-row> --> |
| 229 | <div class="slxx_title title-block"> | 210 | |
| 230 | 土地用途 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <tdytTable | ||
| 234 | :tableData="ruleForm.tdxxList" | ||
| 235 | @upDateQlrxxList="upDateQlrxxList" | ||
| 236 | :viewtype="$route.query.viewtype" | ||
| 237 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 238 | /> | ||
| 239 | <div class="slxx_title title-block"> | 211 | <div class="slxx_title title-block"> |
| 240 | 权利人信息 | 212 | 权利人信息 |
| 241 | <div class="triangle"></div> | 213 | <div class="triangle"></div> |
| ... | @@ -245,8 +217,7 @@ | ... | @@ -245,8 +217,7 @@ |
| 245 | <el-form-item label="共有方式："> | 217 | <el-form-item label="共有方式："> |
| 246 | <el-radio-group | 218 | <el-radio-group |
| 247 | :disabled="$route.query.viewtype == 0" | 219 | :disabled="$route.query.viewtype == 0" |
| 248 | v-model="ruleForm.qlxx.gyqk" | 220 | v-model="ruleForm.qlxx.gyqk"> |
| 249 | > | ||
| 250 | <el-radio label="0">单独所有</el-radio> | 221 | <el-radio label="0">单独所有</el-radio> |
| 251 | <el-radio label="1">共同共有</el-radio> | 222 | <el-radio label="1">共同共有</el-radio> |
| 252 | <el-radio label="2">按份所有</el-radio> | 223 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -272,12 +243,11 @@ | ... | @@ -272,12 +243,11 @@ |
| 272 | </el-col> | 243 | </el-col> |
| 273 | </el-row> | 244 | </el-row> |
| 274 | <qlrCommonTable | 245 | <qlrCommonTable |
| 275 | :tableData="ruleForm.qlrList" | 246 | :tableData="ruleForm.qlrData" |
| 276 | @upDateQlrxxList="upDateQlrxxList" | 247 | @upDateQlrxxList="upDateQlrxxList" |
| 277 | :key="key" | 248 | :key="key" |
| 278 | :viewtype="$route.query.viewtype" | 249 | :viewtype="$route.query.viewtype" |
| 279 | :gyfs="ruleForm.qlxx.gyfs" | 250 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 280 | /> | ||
| 281 | 251 | ||
| 282 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 252 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
| 283 | <div class="slxx_title title-block"> | 253 | <div class="slxx_title title-block"> |
| ... | @@ -289,8 +259,7 @@ | ... | @@ -289,8 +259,7 @@ |
| 289 | :tableData="ruleForm.ywrList" | 259 | :tableData="ruleForm.ywrList" |
| 290 | :key="key" | 260 | :key="key" |
| 291 | @upDateQlrxxList="upDateYwrxxList" | 261 | @upDateQlrxxList="upDateYwrxxList" |
| 292 | :viewtype="$route.query.viewtype" | 262 | :viewtype="$route.query.viewtype" /> |
| 293 | /> | ||
| 294 | </div> | 263 | </div> |
| 295 | </div> | 264 | </div> |
| 296 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 265 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> |
| ... | @@ -303,8 +272,7 @@ | ... | @@ -303,8 +272,7 @@ |
| 303 | </template> | 272 | </template> |
| 304 | <script> | 273 | <script> |
| 305 | import { mapGetters } from "vuex"; | 274 | import { mapGetters } from "vuex"; |
| 306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 275 | import { init,save } from "@/api/djbbl.js"; |
| 307 | import { init } from "@/api/djbbl.js"; | ||
| 308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 276 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 277 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 310 | export default { | 278 | export default { |
| ... | @@ -332,27 +300,27 @@ export default { | ... | @@ -332,27 +300,27 @@ export default { |
| 332 | mounted() {}, | 300 | mounted() {}, |
| 333 | methods: { | 301 | methods: { |
| 334 | loadData() { | 302 | loadData() { |
| 335 | console.log("建设用地使用权"); | 303 | console.log("建设用地使用权",this.propsParam); |
| 336 | init(this.propsParam.bsmRepair).then((res) => { | 304 | init(this.propsParam.bsmRepair).then((res) => { |
| 337 | if (res.code == 200) { | 305 | if (res.code == 200) { |
| 338 | |||
| 339 | this.ruleForm = res.result; | 306 | this.ruleForm = res.result; |
| 340 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 307 | console.log("this.ruleForm",this.ruleForm); |
| 341 | this.isShow = true; | 308 | this.isShow = true; |
| 342 | // this.tableData = res.result; | ||
| 343 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 344 | // this.emptycolNum = | ||
| 345 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 346 | // } else { | ||
| 347 | // this.emptycolNum = 0; | ||
| 348 | // } | ||
| 349 | } | 309 | } |
| 350 | }); | 310 | }); |
| 351 | }, | 311 | }, |
| 312 | // 更新土地用途信息 | ||
| 313 | upDateTdytxxList(val) { | ||
| 314 | console.log("VAL",val); | ||
| 315 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 316 | this.key++; | ||
| 317 | }, | ||
| 352 | // 更新权利人信息 | 318 | // 更新权利人信息 |
| 353 | upDateQlrxxList(val) { | 319 | upDateQlrxxList(val) { |
| 354 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 320 | console.log("val",val); |
| 355 | this.czrOptions = this.ruleForm.qlrList; | 321 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 322 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | ||
| 323 | this.czrOptions = this.ruleForm.qlrData; | ||
| 356 | this.key++; | 324 | this.key++; |
| 357 | }, | 325 | }, |
| 358 | // 更新义务人信息 | 326 | // 更新义务人信息 |
| ... | @@ -361,7 +329,8 @@ export default { | ... | @@ -361,7 +329,8 @@ export default { |
| 361 | this.key++; | 329 | this.key++; |
| 362 | }, | 330 | }, |
| 363 | onSubmit() { | 331 | onSubmit() { |
| 364 | if (this.ruleForm.qlrList.length == 0) { | 332 | console.log("this.ruleForm大信息",this.ruleForm); |
| 333 | if (this.ruleForm.qlrData.length == 0) { | ||
| 365 | this.$message({ | 334 | this.$message({ |
| 366 | showClose: true, | 335 | showClose: true, |
| 367 | message: "请确认权利人信息", | 336 | message: "请确认权利人信息", |
| ... | @@ -371,7 +340,7 @@ export default { | ... | @@ -371,7 +340,7 @@ export default { |
| 371 | } | 340 | } |
| 372 | 341 | ||
| 373 | if (this.ruleForm.qlxx.gyfs == "0") { | 342 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 374 | if (this.ruleForm.qlrList.length > 1) { | 343 | if (this.ruleForm.qlrData.length > 1) { |
| 375 | this.$message({ | 344 | this.$message({ |
| 376 | showClose: true, | 345 | showClose: true, |
| 377 | message: "共有方式：单独所有，权利人只能是一个人", | 346 | message: "共有方式：单独所有，权利人只能是一个人", |
| ... | @@ -379,17 +348,17 @@ export default { | ... | @@ -379,17 +348,17 @@ export default { |
| 379 | }); | 348 | }); |
| 380 | return false; | 349 | return false; |
| 381 | } | 350 | } |
| 382 | this.ruleForm.qlrList[0].sfczr = "1"; | 351 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 383 | } | 352 | } |
| 384 | if (this.ruleForm.qlxx.gyfs == "1") { | 353 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 385 | //是否分别持证 | 354 | //是否分别持证 |
| 386 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 355 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 387 | //是 | 356 | //是 |
| 388 | this.ruleForm.qlrList.forEach((item, index) => { | 357 | this.ruleForm.qlrData.forEach((item, index) => { |
| 389 | item.sfczr = "1"; | 358 | item.sfczr = "1"; |
| 390 | }); | 359 | }); |
| 391 | } else { | 360 | } else { |
| 392 | this.ruleForm.qlrList.forEach((item, index) => { | 361 | this.ruleForm.qlrData.forEach((item, index) => { |
| 393 | if (item.zjh == this.ruleForm.czr) { | 362 | if (item.zjh == this.ruleForm.czr) { |
| 394 | item.sfczr = "1"; | 363 | item.sfczr = "1"; |
| 395 | } else { | 364 | } else { |
| ... | @@ -398,7 +367,7 @@ export default { | ... | @@ -398,7 +367,7 @@ export default { |
| 398 | }); | 367 | }); |
| 399 | } | 368 | } |
| 400 | } | 369 | } |
| 401 | saveData(this.ruleForm).then((res) => { | 370 | save(this.ruleForm).then((res) => { |
| 402 | if (res.code === 200) { | 371 | if (res.code === 200) { |
| 403 | this.$message({ | 372 | this.$message({ |
| 404 | showClose: true, | 373 | showClose: true, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="120px" | 16 | label-width="127px"> |
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 20 | 补录信息 | 19 | 补录信息 |
| ... | @@ -38,7 +37,7 @@ | ... | @@ -38,7 +37,7 @@ |
| 38 | </el-col> | 37 | </el-col> |
| 39 | </el-row> | 38 | </el-row> |
| 40 | <div class="slxx_title title-block"> | 39 | <div class="slxx_title title-block"> |
| 41 | 房地产权（独幢、层、套、间房屋） | 40 | 房地产权（独幢、层、套、间房屋） |
| 42 | <div class="triangle"></div> | 41 | <div class="triangle"></div> |
| 43 | </div> | 42 | </div> |
| 44 | <el-row :gutter="10"> | 43 | <el-row :gutter="10"> |
| ... | @@ -52,7 +51,7 @@ | ... | @@ -52,7 +51,7 @@ |
| 52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 51 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 53 | </el-form-item> | 52 | </el-form-item> |
| 54 | </el-col> | 53 | </el-col> |
| 55 | <el-col :span="8"> | 54 | <el-col :span="8"> |
| 56 | <el-form-item label="上手业务号："> | 55 | <el-form-item label="上手业务号："> |
| 57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | 56 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> |
| 58 | </el-form-item> | 57 | </el-form-item> |
| ... | @@ -66,10 +65,10 @@ | ... | @@ -66,10 +65,10 @@ |
| 66 | </el-col> | 65 | </el-col> |
| 67 | <el-col :span="8"> | 66 | <el-col :span="8"> |
| 68 | <el-form-item label="登记类型："> | 67 | <el-form-item label="登记类型："> |
| 69 | <el-select v-model="ruleForm.qlxx.djlx"> | 68 | <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"> | 69 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 71 | </el-option> | 70 | </el-option> |
| 72 | </el-select> | 71 | </el-select> |
| 73 | </el-form-item> | 72 | </el-form-item> |
| 74 | </el-col> | 73 | </el-col> |
| 75 | <el-col :span="8"> | 74 | <el-col :span="8"> |
| ... | @@ -77,82 +76,71 @@ | ... | @@ -77,82 +76,71 @@ |
| 77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
| 78 | </el-form-item> | 77 | </el-form-item> |
| 79 | </el-col> | 78 | </el-col> |
| 80 | <el-col :span="8"> | 79 | <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 81 | <el-form-item label="土地使用权人："> | 80 | <el-form-item label="土地使用权人："> |
| 82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 81 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> |
| 83 | </el-form-item> | 82 | </el-form-item> |
| 84 | </el-col> | 83 | </el-col> |
| 85 | <el-col :span="8"> | 84 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 86 | <el-form-item label="独用土地面积："> | 85 | <el-form-item label="独用土地面积："> |
| 87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | 86 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> |
| 88 | </el-form-item> | 87 | </el-form-item> |
| 89 | </el-col> | 88 | </el-col> |
| 90 | <el-col :span="8"> | 89 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 91 | <el-form-item label="分摊土地面积："> | 90 | <el-form-item label="分摊土地面积："> |
| 92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | 91 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> |
| 93 | </el-form-item> | 92 | </el-form-item> |
| 94 | </el-col> | 93 | </el-col> |
| 95 | <el-col :span="8"> | 94 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 96 | <el-form-item label="土地用途："> | 95 | <el-form-item label="土地性质：" style="margin-bottom:3px"> |
| 97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 96 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" |
| 98 | </el-form-item> | 97 | :normalizer="normalizer" |
| 99 | </el-col> | 98 | :show-count="true" :options="dictData['A45']" /> |
| 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> | 99 | </el-form-item> |
| 114 | </el-col> | 100 | </el-col> |
| 115 | <el-col :span="8"> | 101 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 116 | <el-form-item label="房地产交易价格："> | 102 | <el-form-item label="房地产交易价格："> |
| 117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | 103 | <div style="display:flex"> |
| 118 | <el-select v-model="ruleForm.fdcq2.jedw"> | 104 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> |
| 105 | <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"> | 106 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 120 | </el-option> | 107 | </el-option> |
| 121 | </el-select> | 108 | </el-select> |
| 109 | </div> | ||
| 122 | </el-form-item> | 110 | </el-form-item> |
| 123 | </el-col> | 111 | </el-col> |
| 124 | <el-col :span="8"> | 112 | <el-col :span="8"> |
| 125 | <el-form-item label="规划用途："> | 113 | <el-form-item label="规划用途："> |
| 126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 114 | <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"> | 115 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 128 | </el-option> | 116 | </el-option> |
| 129 | </el-select> | 117 | </el-select> |
| 130 | </el-form-item> | 118 | </el-form-item> |
| 131 | </el-col> | 119 | </el-col> |
| 132 | <el-col :span="8"> | 120 | <el-col :span="8"> |
| 133 | <el-form-item label="批准用途："> | 121 | <el-form-item label="批准用途："> |
| 134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | 122 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> |
| 135 | </el-form-item> | 123 | </el-form-item> |
| 136 | </el-col> | 124 | </el-col> |
| 137 | <el-col :span="8"> | 125 | <el-col :span="8"> |
| 138 | <el-form-item label="实际用途："> | 126 | <el-form-item label="实际用途："> |
| 139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | 127 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> |
| 140 | </el-form-item> | 128 | </el-form-item> |
| 141 | </el-col> | 129 | </el-col> |
| 142 | <el-col :span="8"> | 130 | <el-col :span="8"> |
| 143 | <el-form-item label="房屋性质："> | 131 | <el-form-item label="房屋性质："> |
| 144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | 132 | <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"> | 133 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 146 | </el-option> | 134 | </el-option> |
| 147 | </el-select> | 135 | </el-select> |
| 148 | </el-form-item> | 136 | </el-form-item> |
| 149 | </el-col> | 137 | </el-col> |
| 150 | <el-col :span="8"> | 138 | <el-col :span="8"> |
| 151 | <el-form-item label="房屋结构："> | 139 | <el-form-item label="房屋结构："> |
| 152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 140 | <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"> | 141 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 154 | </el-option> | 142 | </el-option> |
| 155 | </el-select> | 143 | </el-select> |
| 156 | </el-form-item> | 144 | </el-form-item> |
| 157 | </el-col> | 145 | </el-col> |
| 158 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| ... | @@ -175,7 +163,7 @@ | ... | @@ -175,7 +163,7 @@ |
| 175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | 163 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
| 176 | </el-form-item> | 164 | </el-form-item> |
| 177 | </el-col> | 165 | </el-col> |
| 178 | <el-col :span="8"> | 166 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 179 | <el-form-item label="分摊建筑面积："> | 167 | <el-form-item label="分摊建筑面积："> |
| 180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | 168 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
| 181 | </el-form-item> | 169 | </el-form-item> |
| ... | @@ -184,7 +172,7 @@ | ... | @@ -184,7 +172,7 @@ |
| 184 | <el-form-item label="竣工时间："> | 172 | <el-form-item label="竣工时间："> |
| 185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | 173 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> |
| 186 | </el-form-item> | 174 | </el-form-item> |
| 187 | </el-col> | 175 | </el-col> --> |
| 188 | 176 | ||
| 189 | <el-col :span="8"> | 177 | <el-col :span="8"> |
| 190 | <el-form-item label="不动产权证号："> | 178 | <el-form-item label="不动产权证号："> |
| ... | @@ -212,30 +200,14 @@ | ... | @@ -212,30 +200,14 @@ |
| 212 | </el-form-item> | 200 | </el-form-item> |
| 213 | </el-col> | 201 | </el-col> |
| 214 | </el-row> | 202 | </el-row> |
| 215 | <el-row> | 203 | <!-- <el-row> |
| 216 | <el-col :span="24"> | 204 | <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="附记："> | 205 | <el-form-item label="附记："> |
| 225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 206 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> |
| 226 | </el-form-item> | 207 | </el-form-item> |
| 227 | </el-col> | 208 | </el-col> |
| 228 | </el-row> | 209 | </el-row> --> |
| 229 | <div class="slxx_title title-block"> | 210 | |
| 230 | 土地用途 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <tdytTable | ||
| 234 | :tableData="ruleForm.tdxxList" | ||
| 235 | @upDateQlrxxList="upDateQlrxxList" | ||
| 236 | :viewtype="$route.query.viewtype" | ||
| 237 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 238 | /> | ||
| 239 | <div class="slxx_title title-block"> | 211 | <div class="slxx_title title-block"> |
| 240 | 权利人信息 | 212 | 权利人信息 |
| 241 | <div class="triangle"></div> | 213 | <div class="triangle"></div> |
| ... | @@ -245,8 +217,7 @@ | ... | @@ -245,8 +217,7 @@ |
| 245 | <el-form-item label="共有方式："> | 217 | <el-form-item label="共有方式："> |
| 246 | <el-radio-group | 218 | <el-radio-group |
| 247 | :disabled="$route.query.viewtype == 0" | 219 | :disabled="$route.query.viewtype == 0" |
| 248 | v-model="ruleForm.qlxx.gyqk" | 220 | v-model="ruleForm.qlxx.gyqk"> |
| 249 | > | ||
| 250 | <el-radio label="0">单独所有</el-radio> | 221 | <el-radio label="0">单独所有</el-radio> |
| 251 | <el-radio label="1">共同共有</el-radio> | 222 | <el-radio label="1">共同共有</el-radio> |
| 252 | <el-radio label="2">按份所有</el-radio> | 223 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -272,12 +243,11 @@ | ... | @@ -272,12 +243,11 @@ |
| 272 | </el-col> | 243 | </el-col> |
| 273 | </el-row> | 244 | </el-row> |
| 274 | <qlrCommonTable | 245 | <qlrCommonTable |
| 275 | :tableData="ruleForm.qlrList" | 246 | :tableData="ruleForm.qlrData" |
| 276 | @upDateQlrxxList="upDateQlrxxList" | 247 | @upDateQlrxxList="upDateQlrxxList" |
| 277 | :key="key" | 248 | :key="key" |
| 278 | :viewtype="$route.query.viewtype" | 249 | :viewtype="$route.query.viewtype" |
| 279 | :gyfs="ruleForm.qlxx.gyfs" | 250 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 280 | /> | ||
| 281 | 251 | ||
| 282 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 252 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
| 283 | <div class="slxx_title title-block"> | 253 | <div class="slxx_title title-block"> |
| ... | @@ -289,8 +259,7 @@ | ... | @@ -289,8 +259,7 @@ |
| 289 | :tableData="ruleForm.ywrList" | 259 | :tableData="ruleForm.ywrList" |
| 290 | :key="key" | 260 | :key="key" |
| 291 | @upDateQlrxxList="upDateYwrxxList" | 261 | @upDateQlrxxList="upDateYwrxxList" |
| 292 | :viewtype="$route.query.viewtype" | 262 | :viewtype="$route.query.viewtype" /> |
| 293 | /> | ||
| 294 | </div> | 263 | </div> |
| 295 | </div> | 264 | </div> |
| 296 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 265 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> |
| ... | @@ -303,8 +272,7 @@ | ... | @@ -303,8 +272,7 @@ |
| 303 | </template> | 272 | </template> |
| 304 | <script> | 273 | <script> |
| 305 | import { mapGetters } from "vuex"; | 274 | import { mapGetters } from "vuex"; |
| 306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 275 | import { init,save } from "@/api/djbbl.js"; |
| 307 | import { init } from "@/api/djbbl.js"; | ||
| 308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 276 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 277 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 310 | export default { | 278 | export default { |
| ... | @@ -332,26 +300,27 @@ export default { | ... | @@ -332,26 +300,27 @@ export default { |
| 332 | mounted() {}, | 300 | mounted() {}, |
| 333 | methods: { | 301 | methods: { |
| 334 | loadData() { | 302 | loadData() { |
| 303 | console.log("预告登记",this.propsParam); | ||
| 335 | init(this.propsParam.bsmRepair).then((res) => { | 304 | init(this.propsParam.bsmRepair).then((res) => { |
| 336 | if (res.code == 200) { | 305 | if (res.code == 200) { |
| 337 | |||
| 338 | this.ruleForm = res.result; | 306 | this.ruleForm = res.result; |
| 339 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 307 | console.log("this.ruleForm",this.ruleForm); |
| 340 | this.isShow = true; | 308 | this.isShow = true; |
| 341 | // this.tableData = res.result; | ||
| 342 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 343 | // this.emptycolNum = | ||
| 344 | // datas.columns().emptycolNum - this.tableData.length; | ||
| 345 | // } else { | ||
| 346 | // this.emptycolNum = 0; | ||
| 347 | // } | ||
| 348 | } | 309 | } |
| 349 | }); | 310 | }); |
| 350 | }, | 311 | }, |
| 312 | // 更新土地用途信息 | ||
| 313 | upDateTdytxxList(val) { | ||
| 314 | console.log("VAL",val); | ||
| 315 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 316 | this.key++; | ||
| 317 | }, | ||
| 351 | // 更新权利人信息 | 318 | // 更新权利人信息 |
| 352 | upDateQlrxxList(val) { | 319 | upDateQlrxxList(val) { |
| 353 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 320 | console.log("val",val); |
| 354 | this.czrOptions = this.ruleForm.qlrList; | 321 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 322 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | ||
| 323 | this.czrOptions = this.ruleForm.qlrData; | ||
| 355 | this.key++; | 324 | this.key++; |
| 356 | }, | 325 | }, |
| 357 | // 更新义务人信息 | 326 | // 更新义务人信息 |
| ... | @@ -360,7 +329,8 @@ export default { | ... | @@ -360,7 +329,8 @@ export default { |
| 360 | this.key++; | 329 | this.key++; |
| 361 | }, | 330 | }, |
| 362 | onSubmit() { | 331 | onSubmit() { |
| 363 | if (this.ruleForm.qlrList.length == 0) { | 332 | console.log("this.ruleForm大信息",this.ruleForm); |
| 333 | if (this.ruleForm.qlrData.length == 0) { | ||
| 364 | this.$message({ | 334 | this.$message({ |
| 365 | showClose: true, | 335 | showClose: true, |
| 366 | message: "请确认权利人信息", | 336 | message: "请确认权利人信息", |
| ... | @@ -370,7 +340,7 @@ export default { | ... | @@ -370,7 +340,7 @@ export default { |
| 370 | } | 340 | } |
| 371 | 341 | ||
| 372 | if (this.ruleForm.qlxx.gyfs == "0") { | 342 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 373 | if (this.ruleForm.qlrList.length > 1) { | 343 | if (this.ruleForm.qlrData.length > 1) { |
| 374 | this.$message({ | 344 | this.$message({ |
| 375 | showClose: true, | 345 | showClose: true, |
| 376 | message: "共有方式：单独所有，权利人只能是一个人", | 346 | message: "共有方式：单独所有，权利人只能是一个人", |
| ... | @@ -378,17 +348,17 @@ export default { | ... | @@ -378,17 +348,17 @@ export default { |
| 378 | }); | 348 | }); |
| 379 | return false; | 349 | return false; |
| 380 | } | 350 | } |
| 381 | this.ruleForm.qlrList[0].sfczr = "1"; | 351 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 382 | } | 352 | } |
| 383 | if (this.ruleForm.qlxx.gyfs == "1") { | 353 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 384 | //是否分别持证 | 354 | //是否分别持证 |
| 385 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 355 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 386 | //是 | 356 | //是 |
| 387 | this.ruleForm.qlrList.forEach((item, index) => { | 357 | this.ruleForm.qlrData.forEach((item, index) => { |
| 388 | item.sfczr = "1"; | 358 | item.sfczr = "1"; |
| 389 | }); | 359 | }); |
| 390 | } else { | 360 | } else { |
| 391 | this.ruleForm.qlrList.forEach((item, index) => { | 361 | this.ruleForm.qlrData.forEach((item, index) => { |
| 392 | if (item.zjh == this.ruleForm.czr) { | 362 | if (item.zjh == this.ruleForm.czr) { |
| 393 | item.sfczr = "1"; | 363 | item.sfczr = "1"; |
| 394 | } else { | 364 | } else { |
| ... | @@ -397,7 +367,7 @@ export default { | ... | @@ -397,7 +367,7 @@ export default { |
| 397 | }); | 367 | }); |
| 398 | } | 368 | } |
| 399 | } | 369 | } |
| 400 | saveData(this.ruleForm).then((res) => { | 370 | save(this.ruleForm).then((res) => { |
| 401 | if (res.code === 200) { | 371 | if (res.code === 200) { |
| 402 | this.$message({ | 372 | this.$message({ |
| 403 | showClose: true, | 373 | showClose: true, | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description :抵押权登记信息 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-13 13:56:37 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <table class="xxTable"> | ||
| 19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 20 | <td> | ||
| 21 | {{ item.label }} | ||
| 22 | </td> | ||
| 23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 24 | row.qszt == '2' ? 'lishi' : '', | ||
| 25 | row.qszt == '0' ? 'linshi' : '', | ||
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 27 | ]"> | ||
| 28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 31 | </div> | ||
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | ||
| 36 | {{ getQsztName(row[item.prop]) }} | ||
| 37 | </span> | ||
| 38 | |||
| 39 | <span v-else> {{ row[item.prop] }}</span> | ||
| 40 | </td> | ||
| 41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 42 | </tr> | ||
| 43 | </table> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </template> | ||
| 48 | |||
| 49 | <script> | ||
| 50 | import { getDiyaqList } from "@/api/registerBook.js"; | ||
| 51 | import { datas } from "./qlxxFormData.js"; | ||
| 52 | export default { | ||
| 53 | data () { | ||
| 54 | return { | ||
| 55 | title: "抵押权登记信息", | ||
| 56 | qsztList: datas.columns().qsztList, | ||
| 57 | checkList: datas.columns().checkList, | ||
| 58 | //传递参数 | ||
| 59 | propsParam: this.$attrs, | ||
| 60 | //列表数据 | ||
| 61 | tableData: [], | ||
| 62 | //空列值个数 | ||
| 63 | emptycolNum: datas.columns().emptycolNum, | ||
| 64 | //列名称对象 | ||
| 65 | columns: datas.columns().DYAQ, | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | created () { | ||
| 69 | this.loadData(); | ||
| 70 | }, | ||
| 71 | methods: { | ||
| 72 | loadData () { | ||
| 73 | getDiyaqList({ | ||
| 74 | bdcdyid: this.propsParam.bdcdyid, | ||
| 75 | qllx: this.propsParam.qllx, | ||
| 76 | qszt: this.checkList, | ||
| 77 | }).then((res) => { | ||
| 78 | if (res.code === 200) { | ||
| 79 | this.tableData = res.result; | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 81 | this.emptycolNum = | ||
| 82 | datas.columns().emptycolNum - this.tableData.length; | ||
| 83 | } else { | ||
| 84 | this.emptycolNum = 0; | ||
| 85 | } | ||
| 86 | } | ||
| 87 | }); | ||
| 88 | }, | ||
| 89 | checkChange () { | ||
| 90 | if (this.checkList.length === 0) { | ||
| 91 | this.tableData = []; | ||
| 92 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 93 | } else { | ||
| 94 | this.loadData(); | ||
| 95 | } | ||
| 96 | }, | ||
| 97 | getQsztName (code) { | ||
| 98 | let name = ""; | ||
| 99 | for (let item of this.qsztList) { | ||
| 100 | if (item.value == code) { | ||
| 101 | name = item.label; | ||
| 102 | break; | ||
| 103 | } | ||
| 104 | } | ||
| 105 | return name; | ||
| 106 | }, | ||
| 107 | // 编辑 | ||
| 108 | editDialog(row){ | ||
| 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 110 | confirmButtonText: '确定', | ||
| 111 | cancelButtonText: '取消', | ||
| 112 | type: 'warning' | ||
| 113 | }).then(() => { | ||
| 114 | this.$parent.addRepairRecord(row) | ||
| 115 | |||
| 116 | this.$message({ | ||
| 117 | type: 'success', | ||
| 118 | message: '补录成功!' | ||
| 119 | }); | ||
| 120 | }).catch(() => { | ||
| 121 | this.$message({ | ||
| 122 | type: 'info', | ||
| 123 | message: '取消编辑' | ||
| 124 | }); | ||
| 125 | }); | ||
| 126 | |||
| 127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 128 | // datalist:this.columns, | ||
| 129 | // data: row, | ||
| 130 | |||
| 131 | // }) | ||
| 132 | |||
| 133 | }, | ||
| 134 | // 删除 | ||
| 135 | deleteDialog(row){ | ||
| 136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 137 | confirmButtonText: '确定', | ||
| 138 | cancelButtonText: '取消', | ||
| 139 | type: 'warning' | ||
| 140 | }).then(() => { | ||
| 141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 142 | // deleteClmx(bsmClmx).then(res => { | ||
| 143 | // if (res.code == 200) { | ||
| 144 | // that.$emit('updateList', res.result) | ||
| 145 | // that.$message({ | ||
| 146 | // message: '删除成功!', | ||
| 147 | // type: 'success' | ||
| 148 | // }) | ||
| 149 | // } | ||
| 150 | // }) | ||
| 151 | this.$message({ | ||
| 152 | type: 'success', | ||
| 153 | message: '删除成功!' | ||
| 154 | }); | ||
| 155 | }).catch(() => { | ||
| 156 | this.$message({ | ||
| 157 | type: 'info', | ||
| 158 | message: '已取消删除' | ||
| 159 | }); | ||
| 160 | }); | ||
| 161 | |||
| 162 | } | ||
| 163 | }, | ||
| 164 | }; | ||
| 165 | </script> | ||
| 166 | |||
| 167 | <style lang="scss" scoped> | ||
| 168 | @import "./qlxxCommon.scss"; | ||
| 169 | </style> |
| 1 | <!-- | ||
| 2 | * @Description : 地役权登记信息 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-08 08:46:10 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <table class="xxTable"> | ||
| 19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 20 | <td> | ||
| 21 | {{ item.label }} | ||
| 22 | </td> | ||
| 23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 24 | row.qszt == '2' ? 'lishi' : '', | ||
| 25 | row.qszt == '0' ? 'linshi' : '', | ||
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 27 | ]"> | ||
| 28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 31 | </div> | ||
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | ||
| 36 | {{ getQsztName(row[item.prop]) }} | ||
| 37 | </span> | ||
| 38 | |||
| 39 | <span v-else> {{ row[item.prop] }}</span> | ||
| 40 | </td> | ||
| 41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 42 | </tr> | ||
| 43 | </table> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </template> | ||
| 48 | |||
| 49 | <script> | ||
| 50 | import { getDiyiqList } from "@/api/registerBook.js"; | ||
| 51 | import { datas } from "./qlxxFormData.js"; | ||
| 52 | export default { | ||
| 53 | data () { | ||
| 54 | return { | ||
| 55 | title: "地役权登记信息", | ||
| 56 | qsztList: datas.columns().qsztList, | ||
| 57 | checkList: datas.columns().checkList, | ||
| 58 | //传递参数 | ||
| 59 | propsParam: this.$attrs, | ||
| 60 | //列表数据 | ||
| 61 | tableData: [], | ||
| 62 | //空列值个数 | ||
| 63 | emptycolNum: datas.columns().emptycolNum, | ||
| 64 | //列名称对象 | ||
| 65 | columns: datas.columns().DYIQ, | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | created () { | ||
| 69 | this.loadData(); | ||
| 70 | }, | ||
| 71 | methods: { | ||
| 72 | loadData () { | ||
| 73 | getDiyiqList({ | ||
| 74 | bdcdyid: this.propsParam.bdcdyid, | ||
| 75 | qllx: this.propsParam.qllx, | ||
| 76 | qszt: this.checkList, | ||
| 77 | }).then((res) => { | ||
| 78 | if (res.code === 200) { | ||
| 79 | this.tableData = res.result; | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 81 | this.emptycolNum = | ||
| 82 | datas.columns().emptycolNum - this.tableData.length; | ||
| 83 | } else { | ||
| 84 | this.emptycolNum = 0; | ||
| 85 | } | ||
| 86 | } | ||
| 87 | }); | ||
| 88 | }, | ||
| 89 | checkChange () { | ||
| 90 | if (this.checkList.length === 0) { | ||
| 91 | this.tableData = []; | ||
| 92 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 93 | } else { | ||
| 94 | this.loadData(); | ||
| 95 | } | ||
| 96 | }, | ||
| 97 | getQsztName (code) { | ||
| 98 | let name = ""; | ||
| 99 | for (let item of this.qsztList) { | ||
| 100 | if (item.value == code) { | ||
| 101 | name = item.label; | ||
| 102 | break; | ||
| 103 | } | ||
| 104 | } | ||
| 105 | return name; | ||
| 106 | }, | ||
| 107 | // 编辑 | ||
| 108 | editDialog(row){ | ||
| 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 110 | confirmButtonText: '确定', | ||
| 111 | cancelButtonText: '取消', | ||
| 112 | type: 'warning' | ||
| 113 | }).then(() => { | ||
| 114 | this.$parent.addRepairRecord(row) | ||
| 115 | |||
| 116 | this.$message({ | ||
| 117 | type: 'success', | ||
| 118 | message: '补录成功!' | ||
| 119 | }); | ||
| 120 | }).catch(() => { | ||
| 121 | this.$message({ | ||
| 122 | type: 'info', | ||
| 123 | message: '取消编辑' | ||
| 124 | }); | ||
| 125 | }); | ||
| 126 | |||
| 127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 128 | // datalist:this.columns, | ||
| 129 | // data: row, | ||
| 130 | |||
| 131 | // }) | ||
| 132 | |||
| 133 | }, | ||
| 134 | // 删除 | ||
| 135 | deleteDialog(row){ | ||
| 136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 137 | confirmButtonText: '确定', | ||
| 138 | cancelButtonText: '取消', | ||
| 139 | type: 'warning' | ||
| 140 | }).then(() => { | ||
| 141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 142 | // deleteClmx(bsmClmx).then(res => { | ||
| 143 | // if (res.code == 200) { | ||
| 144 | // that.$emit('updateList', res.result) | ||
| 145 | // that.$message({ | ||
| 146 | // message: '删除成功!', | ||
| 147 | // type: 'success' | ||
| 148 | // }) | ||
| 149 | // } | ||
| 150 | // }) | ||
| 151 | this.$message({ | ||
| 152 | type: 'success', | ||
| 153 | message: '删除成功!' | ||
| 154 | }); | ||
| 155 | }).catch(() => { | ||
| 156 | this.$message({ | ||
| 157 | type: 'info', | ||
| 158 | message: '已取消删除' | ||
| 159 | }); | ||
| 160 | }); | ||
| 161 | |||
| 162 | } | ||
| 163 | }, | ||
| 164 | }; | ||
| 165 | </script> | ||
| 166 | |||
| 167 | <style lang="scss" scoped> | ||
| 168 | @import "./qlxxCommon.scss"; | ||
| 169 | </style> |
| 1 | <template> | ||
| 2 | <div class="djbfm"> | ||
| 3 | <br /><br /> | ||
| 4 | <p> | ||
| 5 | <font>{{ info.sheng }}</font> | ||
| 6 | 省 (区、市) | ||
| 7 | <font>{{ info.shi }}</font> | ||
| 8 | 市 (区) | ||
| 9 | <font>{{ info.xian }}</font> | ||
| 10 | 区 (县、市) | ||
| 11 | </p> | ||
| 12 | <p> | ||
| 13 | <font>{{ info.jdh }}</font> | ||
| 14 | 街道 (乡、镇) | ||
| 15 | <font>{{ info.jfh }}</font> | ||
| 16 | 街坊 (村) | ||
| 17 | <font>{{ info.zh }}</font> | ||
| 18 | 组 | ||
| 19 | </p> | ||
| 20 | <div class="title">不动产登记簿</div> | ||
| 21 | <br /> | ||
| 22 | <p> | ||
| 23 | 宗地/宗海号: | ||
| 24 | <font>{{ info.zddm }}</font> | ||
| 25 | </p> | ||
| 26 | <div class="bottom"> | ||
| 27 | <p> | ||
| 28 | 登记机构: | ||
| 29 | <font>{{ info.djjg }}</font> | ||
| 30 | </p> | ||
| 31 | </div> | ||
| 32 | </div> | ||
| 33 | </template> | ||
| 34 | |||
| 35 | <script> | ||
| 36 | import { getDjbfm } from "@/api/registerBook.js"; | ||
| 37 | |||
| 38 | export default { | ||
| 39 | data () { | ||
| 40 | return { | ||
| 41 | //传递参数 | ||
| 42 | propsParam: this.$attrs, | ||
| 43 | info: {}, | ||
| 44 | }; | ||
| 45 | }, | ||
| 46 | mounted () { | ||
| 47 | this.loadData(); | ||
| 48 | }, | ||
| 49 | methods: { | ||
| 50 | loadData () { | ||
| 51 | getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 52 | if (res.code === 200) { | ||
| 53 | this.info = res.result; | ||
| 54 | } | ||
| 55 | }); | ||
| 56 | }, | ||
| 57 | }, | ||
| 58 | }; | ||
| 59 | </script> | ||
| 60 | |||
| 61 | <style lang="scss" scoped> | ||
| 62 | .djbfm { | ||
| 63 | width: 100%; | ||
| 64 | height: 100%; | ||
| 65 | background: #fff; | ||
| 66 | border-right: 1px solid #ccc; | ||
| 67 | line-height: 45px; | ||
| 68 | text-align: center; | ||
| 69 | font-size: 18px; | ||
| 70 | font-family: serif; | ||
| 71 | position: relative; | ||
| 72 | |||
| 73 | font { | ||
| 74 | border-bottom: 1px solid #000; | ||
| 75 | display: inline-block; | ||
| 76 | padding: 0 15px; | ||
| 77 | line-height: 16px; | ||
| 78 | } | ||
| 79 | |||
| 80 | .title { | ||
| 81 | height: 40%; | ||
| 82 | display: flex; | ||
| 83 | font-size: 38px; | ||
| 84 | color: #000; | ||
| 85 | justify-content: center; | ||
| 86 | align-items: center; | ||
| 87 | } | ||
| 88 | |||
| 89 | .bottom { | ||
| 90 | position: absolute; | ||
| 91 | bottom: 0px; | ||
| 92 | text-align: center; | ||
| 93 | width: 100%; | ||
| 94 | left: 0; | ||
| 95 | height: 100px; | ||
| 96 | line-height: 100px; | ||
| 97 | |||
| 98 | p { | ||
| 99 | font-size: 28px; | ||
| 100 | } | ||
| 101 | |||
| 102 | font { | ||
| 103 | font-size: 24px; | ||
| 104 | line-height: 24px; | ||
| 105 | } | ||
| 106 | } | ||
| 107 | } | ||
| 108 | </style> |
| 1 | <!-- | ||
| 2 | * @Description : 房地产权1 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-16 10:23:27 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <!-- 固定前三个 --> | ||
| 19 | <table class="xxTable"> | ||
| 20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 21 | <td> | ||
| 22 | {{ item.label }} | ||
| 23 | </td> | ||
| 24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 25 | row.qszt == '2' ? 'lishi' : '', | ||
| 26 | row.qszt == '0' ? 'linshi' : '', | ||
| 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 29 | ]"> | ||
| 30 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 32 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 33 | </div> | ||
| 34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 35 | 正在办理 | ||
| 36 | </div> | ||
| 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 38 | 有效 | ||
| 39 | </div> | ||
| 40 | <span v-if="item.prop == 'qszt'"> | ||
| 41 | {{ getQsztName(row[item.prop]) }} | ||
| 42 | </span> | ||
| 43 | |||
| 44 | <span v-else> {{ row[item.prop] }}</span> | ||
| 45 | </td> | ||
| 46 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 47 | </tr> | ||
| 48 | </table> | ||
| 49 | </div> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | </template> | ||
| 53 | |||
| 54 | <script> | ||
| 55 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
| 56 | import { datas } from "./qlxxFormData.js"; | ||
| 57 | export default { | ||
| 58 | data () { | ||
| 59 | return { | ||
| 60 | title: "建设用地使用权、宅基地使用权登记信息", | ||
| 61 | qsztList: datas.columns().qsztList, | ||
| 62 | checkList: datas.columns().checkList, | ||
| 63 | //传递参数 | ||
| 64 | propsParam: this.$attrs, | ||
| 65 | //列表数据 | ||
| 66 | tableData: [], | ||
| 67 | //空列值个数 | ||
| 68 | emptycolNum: datas.columns().emptycolNum, | ||
| 69 | //列名称对象 | ||
| 70 | columns: datas.columns().JSYDSYQ, | ||
| 71 | }; | ||
| 72 | }, | ||
| 73 | created () { | ||
| 74 | this.loadData(); | ||
| 75 | }, | ||
| 76 | methods: { | ||
| 77 | loadData () { | ||
| 78 | getJsydsyqList({ | ||
| 79 | bdcdyid: this.propsParam.bdcdyid, | ||
| 80 | qllx: this.propsParam.qllx, | ||
| 81 | qszt: this.checkList, | ||
| 82 | }).then((res) => { | ||
| 83 | if (res.code === 200) { | ||
| 84 | this.tableData = res.result; | ||
| 85 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 86 | this.emptycolNum = | ||
| 87 | datas.columns().emptycolNum - this.tableData.length; | ||
| 88 | } else { | ||
| 89 | this.emptycolNum = 0; | ||
| 90 | } | ||
| 91 | } | ||
| 92 | }); | ||
| 93 | }, | ||
| 94 | checkChange () { | ||
| 95 | if (this.checkList.length === 0) { | ||
| 96 | this.tableData = []; | ||
| 97 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 98 | } else { | ||
| 99 | this.loadData(); | ||
| 100 | } | ||
| 101 | }, | ||
| 102 | getQsztName (code) { | ||
| 103 | let name = ""; | ||
| 104 | for (let item of this.qsztList) { | ||
| 105 | if (item.value == code) { | ||
| 106 | name = item.label; | ||
| 107 | break; | ||
| 108 | } | ||
| 109 | } | ||
| 110 | return name; | ||
| 111 | }, | ||
| 112 | // 编辑 | ||
| 113 | editDialog(row){ | ||
| 114 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 115 | // confirmButtonText: '确定', | ||
| 116 | // cancelButtonText: '取消', | ||
| 117 | // type: 'warning' | ||
| 118 | // }).then(() => { | ||
| 119 | this.$parent.addRepairRecord(row) | ||
| 120 | // this.$message({ | ||
| 121 | // type: 'success', | ||
| 122 | // message: '补录成功!' | ||
| 123 | // }); | ||
| 124 | // }).catch(() => { | ||
| 125 | // this.$message({ | ||
| 126 | // type: 'info', | ||
| 127 | // message: '取消编辑' | ||
| 128 | // }); | ||
| 129 | // }); | ||
| 130 | |||
| 131 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 132 | // datalist:this.columns, | ||
| 133 | // data: row, | ||
| 134 | |||
| 135 | // }) | ||
| 136 | |||
| 137 | }, | ||
| 138 | // 删除 | ||
| 139 | deleteDialog(row){ | ||
| 140 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 141 | confirmButtonText: '确定', | ||
| 142 | cancelButtonText: '取消', | ||
| 143 | type: 'warning' | ||
| 144 | }).then(() => { | ||
| 145 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 146 | // deleteClmx(bsmClmx).then(res => { | ||
| 147 | // if (res.code == 200) { | ||
| 148 | // that.$emit('updateList', res.result) | ||
| 149 | // that.$message({ | ||
| 150 | // message: '删除成功!', | ||
| 151 | // type: 'success' | ||
| 152 | // }) | ||
| 153 | // } | ||
| 154 | // }) | ||
| 155 | this.$message({ | ||
| 156 | type: 'success', | ||
| 157 | message: '删除成功!' | ||
| 158 | }); | ||
| 159 | }).catch(() => { | ||
| 160 | this.$message({ | ||
| 161 | type: 'info', | ||
| 162 | message: '已取消删除' | ||
| 163 | }); | ||
| 164 | }); | ||
| 165 | |||
| 166 | } | ||
| 167 | }, | ||
| 168 | }; | ||
| 169 | </script> | ||
| 170 | |||
| 171 | <style lang="scss" scoped> | ||
| 172 | @import "./qlxxCommon.scss"; | ||
| 173 | </style> |
| 1 | <!-- | ||
| 2 | * @Description : 房地产权2 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime: 2023-06-20 09:59:18 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <table class="xxTable"> | ||
| 19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 20 | <td> | ||
| 21 | {{ item.label }} | ||
| 22 | </td> | ||
| 23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 24 | row.qszt == '2' ? 'lishi' : '', | ||
| 25 | row.qszt == '0' ? 'linshi' : '', | ||
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 27 | ]"> | ||
| 28 | <div class="setbut" v-if="item.prop == 'cz'&&item.sjlx !='系统数据'"> | ||
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 31 | </div> | ||
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | ||
| 36 | {{ getQsztName(row[item.prop]) }} | ||
| 37 | </span> | ||
| 38 | |||
| 39 | <span v-else> {{ row[item.prop] }}</span> | ||
| 40 | </td> | ||
| 41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 42 | </tr> | ||
| 43 | </table> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </template> | ||
| 48 | |||
| 49 | <script> | ||
| 50 | import { getFdcq2List } from "@/api/registerBook.js"; | ||
| 51 | import { datas } from "./qlxxFormData.js"; | ||
| 52 | export default { | ||
| 53 | data () { | ||
| 54 | return { | ||
| 55 | title: "房地产权登记信息（独幢、层、套、间房屋）", | ||
| 56 | qsztList: datas.columns().qsztList, | ||
| 57 | checkList: datas.columns().checkList, | ||
| 58 | //传递参数 | ||
| 59 | propsParam: this.$attrs, | ||
| 60 | //列表数据 | ||
| 61 | tableData: [], | ||
| 62 | //空列值个数 | ||
| 63 | emptycolNum: datas.columns().emptycolNum, | ||
| 64 | //列名称对象 | ||
| 65 | columns: datas.columns().FDCQ2, | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | created () { | ||
| 69 | this.loadData(); | ||
| 70 | }, | ||
| 71 | methods: { | ||
| 72 | loadData () { | ||
| 73 | getFdcq2List({ | ||
| 74 | bdcdyid: this.propsParam.bdcdyid, | ||
| 75 | qllx: this.propsParam.qllx, | ||
| 76 | qszt: this.checkList, | ||
| 77 | }).then((res) => { | ||
| 78 | if (res.code === 200) { | ||
| 79 | this.tableData = res.result; | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 81 | this.emptycolNum = | ||
| 82 | datas.columns().emptycolNum - this.tableData.length; | ||
| 83 | } else { | ||
| 84 | this.emptycolNum = 0; | ||
| 85 | } | ||
| 86 | } | ||
| 87 | }); | ||
| 88 | }, | ||
| 89 | checkChange () { | ||
| 90 | if (this.checkList.length === 0) { | ||
| 91 | this.tableData = []; | ||
| 92 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 93 | } else { | ||
| 94 | this.loadData(); | ||
| 95 | } | ||
| 96 | }, | ||
| 97 | getQsztName (code) { | ||
| 98 | let name = ""; | ||
| 99 | for (let item of this.qsztList) { | ||
| 100 | if (item.value == code) { | ||
| 101 | name = item.label; | ||
| 102 | break; | ||
| 103 | } | ||
| 104 | } | ||
| 105 | return name; | ||
| 106 | }, | ||
| 107 | |||
| 108 | // 编辑 | ||
| 109 | editDialog (row) { | ||
| 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 111 | confirmButtonText: '确定', | ||
| 112 | cancelButtonText: '取消', | ||
| 113 | type: 'warning' | ||
| 114 | }).then(() => { | ||
| 115 | this.$parent.addRepairRecord(row) | ||
| 116 | |||
| 117 | this.$message({ | ||
| 118 | type: 'success', | ||
| 119 | message: '补录成功!' | ||
| 120 | }); | ||
| 121 | }).catch(() => { | ||
| 122 | this.$message({ | ||
| 123 | type: 'info', | ||
| 124 | message: '取消编辑' | ||
| 125 | }); | ||
| 126 | }); | ||
| 127 | |||
| 128 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 129 | // datalist:this.columns, | ||
| 130 | // data: row, | ||
| 131 | |||
| 132 | // }) | ||
| 133 | |||
| 134 | }, | ||
| 135 | // 删除 | ||
| 136 | deleteDialog (row) { | ||
| 137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 138 | confirmButtonText: '确定', | ||
| 139 | cancelButtonText: '取消', | ||
| 140 | type: 'warning' | ||
| 141 | }).then(() => { | ||
| 142 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 143 | // deleteClmx(bsmClmx).then(res => { | ||
| 144 | // if (res.code == 200) { | ||
| 145 | // that.$emit('updateList', res.result) | ||
| 146 | // that.$message({ | ||
| 147 | // message: '删除成功!', | ||
| 148 | // type: 'success' | ||
| 149 | // }) | ||
| 150 | // } | ||
| 151 | // }) | ||
| 152 | this.$message({ | ||
| 153 | type: 'success', | ||
| 154 | message: '删除成功!' | ||
| 155 | }); | ||
| 156 | }).catch(() => { | ||
| 157 | this.$message({ | ||
| 158 | type: 'info', | ||
| 159 | message: '已取消删除' | ||
| 160 | }); | ||
| 161 | }); | ||
| 162 | |||
| 163 | } | ||
| 164 | |||
| 165 | }, | ||
| 166 | }; | ||
| 167 | </script> | ||
| 168 | |||
| 169 | <style lang="scss" scoped> | ||
| 170 | @import "./qlxxCommon.scss"; | ||
| 171 | </style> |
| 1 | <!-- | ||
| 2 | * @Description :国有建设用地使用权 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-16 10:23:54 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <!-- 固定前三个 --> | ||
| 19 | <table class="xxTable"> | ||
| 20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 21 | <td> | ||
| 22 | {{ item.label }} | ||
| 23 | </td> | ||
| 24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 25 | row.qszt == '2' ? 'lishi' : '', | ||
| 26 | row.qszt == '0' ? 'linshi' : '', | ||
| 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 29 | ]" | ||
| 30 | > | ||
| 31 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 32 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 33 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 34 | </div> | ||
| 35 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 36 | 正在办理 | ||
| 37 | </div> | ||
| 38 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 39 | 有效 | ||
| 40 | </div> | ||
| 41 | <span v-if="item.prop == 'qszt'"> | ||
| 42 | {{ getQsztName(row[item.prop]) }} | ||
| 43 | </span> | ||
| 44 | |||
| 45 | <span v-else> {{ row[item.prop] }}</span> | ||
| 46 | </td> | ||
| 47 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 48 | </tr> | ||
| 49 | </table> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | </div> | ||
| 53 | </template> | ||
| 54 | |||
| 55 | <script> | ||
| 56 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
| 57 | import { datas } from "./qlxxFormData.js"; | ||
| 58 | |||
| 59 | export default { | ||
| 60 | data () { | ||
| 61 | return { | ||
| 62 | title: "建设用地使用权、宅基地使用权登记信息", | ||
| 63 | qsztList: datas.columns().qsztList, | ||
| 64 | checkList: datas.columns().checkList, | ||
| 65 | //传递参数 | ||
| 66 | propsParam: this.$attrs, | ||
| 67 | //列表数据 | ||
| 68 | tableData: [], | ||
| 69 | //空列值个数 | ||
| 70 | emptycolNum: datas.columns().emptycolNum, | ||
| 71 | //列名称对象 | ||
| 72 | columns: datas.columns().JSYDSYQ, | ||
| 73 | }; | ||
| 74 | }, | ||
| 75 | created () { | ||
| 76 | this.loadData(); | ||
| 77 | }, | ||
| 78 | methods: { | ||
| 79 | loadData () { | ||
| 80 | console.log(" this.propsParam", this.propsParam); | ||
| 81 | getJsydsyqList({ | ||
| 82 | bdcdyid: this.propsParam.bdcdyid, | ||
| 83 | qllx: this.propsParam.qllx, | ||
| 84 | qszt: this.checkList, | ||
| 85 | }).then((res) => { | ||
| 86 | if (res.code === 200) { | ||
| 87 | this.tableData = res.result; | ||
| 88 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 89 | this.emptycolNum = | ||
| 90 | datas.columns().emptycolNum - this.tableData.length; | ||
| 91 | } else { | ||
| 92 | this.emptycolNum = 0; | ||
| 93 | } | ||
| 94 | } | ||
| 95 | }); | ||
| 96 | |||
| 97 | }, | ||
| 98 | checkChange () { | ||
| 99 | if (this.checkList.length === 0) { | ||
| 100 | this.tableData = []; | ||
| 101 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 102 | } else { | ||
| 103 | this.loadData(); | ||
| 104 | } | ||
| 105 | }, | ||
| 106 | getQsztName (code) { | ||
| 107 | let name = ""; | ||
| 108 | for (let item of this.qsztList) { | ||
| 109 | if (item.value == code) { | ||
| 110 | name = item.label; | ||
| 111 | break; | ||
| 112 | } | ||
| 113 | } | ||
| 114 | return name; | ||
| 115 | }, | ||
| 116 | // 编辑 | ||
| 117 | editDialog(row){ | ||
| 118 | // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 119 | // confirmButtonText: '确定', | ||
| 120 | // cancelButtonText: '取消', | ||
| 121 | // type: 'warning' | ||
| 122 | // }).then(() => { | ||
| 123 | this.$parent.addRepairRecord(row) | ||
| 124 | |||
| 125 | // this.$message({ | ||
| 126 | // type: 'success', | ||
| 127 | // message: '补录成功!' | ||
| 128 | // }); | ||
| 129 | // }).catch(() => { | ||
| 130 | // this.$message({ | ||
| 131 | // type: 'info', | ||
| 132 | // message: '取消编辑' | ||
| 133 | // }); | ||
| 134 | // }); | ||
| 135 | |||
| 136 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 137 | // datalist:this.columns, | ||
| 138 | // data: row, | ||
| 139 | |||
| 140 | // }) | ||
| 141 | |||
| 142 | }, | ||
| 143 | // 删除 | ||
| 144 | deleteDialog(row){ | ||
| 145 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 146 | confirmButtonText: '确定', | ||
| 147 | cancelButtonText: '取消', | ||
| 148 | type: 'warning' | ||
| 149 | }).then(() => { | ||
| 150 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 151 | // deleteClmx(bsmClmx).then(res => { | ||
| 152 | // if (res.code == 200) { | ||
| 153 | // that.$emit('updateList', res.result) | ||
| 154 | // that.$message({ | ||
| 155 | // message: '删除成功!', | ||
| 156 | // type: 'success' | ||
| 157 | // }) | ||
| 158 | // } | ||
| 159 | // }) | ||
| 160 | this.$message({ | ||
| 161 | type: 'success', | ||
| 162 | message: '删除成功!' | ||
| 163 | }); | ||
| 164 | }).catch(() => { | ||
| 165 | this.$message({ | ||
| 166 | type: 'info', | ||
| 167 | message: '已取消删除' | ||
| 168 | }); | ||
| 169 | }); | ||
| 170 | |||
| 171 | } | ||
| 172 | }, | ||
| 173 | }; | ||
| 174 | </script> | ||
| 175 | |||
| 176 | <style lang="scss" scoped> | ||
| 177 | @import "./qlxxCommon.scss"; | ||
| 178 | </style> |
| 1 | <!-- | ||
| 2 | * @Description :用地 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-02 14:43:11 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox"> | ||
| 18 | <!-- 固定前三个 --> | ||
| 19 | <table class="xxTable"> | ||
| 20 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | ||
| 21 | <td> | ||
| 22 | {{ item.label }} | ||
| 23 | </td> | ||
| 24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 25 | row.qszt == '2' ? 'lishi' : '', | ||
| 26 | row.qszt == '0' ? 'linshi' : '', | ||
| 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 29 | ]"> | ||
| 30 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 32 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 33 | </div> | ||
| 34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 35 | 正在办理 | ||
| 36 | </div> | ||
| 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 38 | 有效 | ||
| 39 | </div> | ||
| 40 | <span v-if="item.prop == 'qszt'"> | ||
| 41 | {{ getQsztName(row[item.prop]) }} | ||
| 42 | </span> | ||
| 43 | |||
| 44 | <span v-else> {{ row[item.prop] }}</span> | ||
| 45 | </td> | ||
| 46 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 47 | </tr> | ||
| 48 | </table> | ||
| 49 | |||
| 50 | <table class="xxTable rollTable"> | ||
| 51 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
| 52 | <td> | ||
| 53 | {{ item.label }} | ||
| 54 | </td> | ||
| 55 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 56 | row.qszt == '2' ? 'lishi' : '', | ||
| 57 | row.qszt == '0' ? 'linshi' : '', | ||
| 58 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 59 | ]"> | ||
| 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 61 | 正在办理 | ||
| 62 | </div> | ||
| 63 | <span v-if="item.prop == 'qszt'"> | ||
| 64 | {{ getQsztName(row[item.prop]) }} | ||
| 65 | </span> | ||
| 66 | |||
| 67 | <span v-else> {{ row[item.prop] }}</span> | ||
| 68 | </td> | ||
| 69 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 70 | </tr> | ||
| 71 | </table> | ||
| 72 | </div> | ||
| 73 | </div> | ||
| 74 | </div> | ||
| 75 | </template> | ||
| 76 | |||
| 77 | <script> | ||
| 78 | import { getNydsyqList } from "@/api/registerBook.js"; | ||
| 79 | import { datas } from "./qlxxFormData.js"; | ||
| 80 | export default { | ||
| 81 | data () { | ||
| 82 | return { | ||
| 83 | title: "农用地使用权登记信息", | ||
| 84 | qsztList: datas.columns().qsztList, | ||
| 85 | checkList: datas.columns().checkList, | ||
| 86 | //传递参数 | ||
| 87 | propsParam: this.$attrs, | ||
| 88 | //列表数据 | ||
| 89 | tableData: [], | ||
| 90 | //空列值个数 | ||
| 91 | emptycolNum: datas.columns().emptycolNum, | ||
| 92 | //列名称对象 | ||
| 93 | columns: datas.columns().NYDSYQ, | ||
| 94 | }; | ||
| 95 | }, | ||
| 96 | created () { | ||
| 97 | var qllx = this.$route.query.sqywbm.substr(0, 3) | ||
| 98 | if (qllx == 'A09') { | ||
| 99 | this.title = '土地经营权登记信息' | ||
| 100 | } else { | ||
| 101 | this.title = '农用地使用权登记信息' | ||
| 102 | } | ||
| 103 | this.loadData(); | ||
| 104 | }, | ||
| 105 | methods: { | ||
| 106 | loadData () { | ||
| 107 | getNydsyqList({ | ||
| 108 | bdcdyid: this.propsParam.bdcdyid, | ||
| 109 | qllx: this.propsParam.qllx, | ||
| 110 | qszt: this.checkList, | ||
| 111 | }).then((res) => { | ||
| 112 | if (res.code === 200) { | ||
| 113 | this.tableData = res.result; | ||
| 114 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 115 | this.emptycolNum = | ||
| 116 | datas.columns().emptycolNum - this.tableData.length; | ||
| 117 | } else { | ||
| 118 | this.emptycolNum = 0; | ||
| 119 | } | ||
| 120 | } | ||
| 121 | }); | ||
| 122 | }, | ||
| 123 | checkChange () { | ||
| 124 | if (this.checkList.length === 0) { | ||
| 125 | this.tableData = []; | ||
| 126 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 127 | } else { | ||
| 128 | this.loadData(); | ||
| 129 | } | ||
| 130 | }, | ||
| 131 | getQsztName (code) { | ||
| 132 | let name = ""; | ||
| 133 | for (let item of this.qsztList) { | ||
| 134 | if (item.value == code) { | ||
| 135 | name = item.label; | ||
| 136 | break; | ||
| 137 | } | ||
| 138 | } | ||
| 139 | return name; | ||
| 140 | }, | ||
| 141 | // 编辑 | ||
| 142 | editDialog(row){ | ||
| 143 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 144 | confirmButtonText: '确定', | ||
| 145 | cancelButtonText: '取消', | ||
| 146 | type: 'warning' | ||
| 147 | }).then(() => { | ||
| 148 | this.$parent.addRepairRecord(row) | ||
| 149 | |||
| 150 | this.$message({ | ||
| 151 | type: 'success', | ||
| 152 | message: '补录成功!' | ||
| 153 | }); | ||
| 154 | }).catch(() => { | ||
| 155 | this.$message({ | ||
| 156 | type: 'info', | ||
| 157 | message: '取消编辑' | ||
| 158 | }); | ||
| 159 | }); | ||
| 160 | |||
| 161 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 162 | // datalist:this.columns, | ||
| 163 | // data: row, | ||
| 164 | |||
| 165 | // }) | ||
| 166 | |||
| 167 | }, | ||
| 168 | // 删除 | ||
| 169 | deleteDialog(row){ | ||
| 170 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 171 | confirmButtonText: '确定', | ||
| 172 | cancelButtonText: '取消', | ||
| 173 | type: 'warning' | ||
| 174 | }).then(() => { | ||
| 175 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 176 | // deleteClmx(bsmClmx).then(res => { | ||
| 177 | // if (res.code == 200) { | ||
| 178 | // that.$emit('updateList', res.result) | ||
| 179 | // that.$message({ | ||
| 180 | // message: '删除成功!', | ||
| 181 | // type: 'success' | ||
| 182 | // }) | ||
| 183 | // } | ||
| 184 | // }) | ||
| 185 | this.$message({ | ||
| 186 | type: 'success', | ||
| 187 | message: '删除成功!' | ||
| 188 | }); | ||
| 189 | }).catch(() => { | ||
| 190 | this.$message({ | ||
| 191 | type: 'info', | ||
| 192 | message: '已取消删除' | ||
| 193 | }); | ||
| 194 | }); | ||
| 195 | |||
| 196 | } | ||
| 197 | }, | ||
| 198 | }; | ||
| 199 | </script> | ||
| 200 | |||
| 201 | <style lang="scss" scoped> | ||
| 202 | @import "./qlxxCommon.scss"; | ||
| 203 | </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> |
| ... | @@ -95,7 +95,7 @@ | ... | @@ -95,7 +95,7 @@ |
| 95 | let that = this | 95 | let that = this |
| 96 | this.$startLoading() | 96 | this.$startLoading() |
| 97 | var formdata = new FormData(); | 97 | var formdata = new FormData(); |
| 98 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | 98 | formdata.append("bsmBusiness", this.propsParam.bsmRepair); |
| 99 | formdata.append("bestepid", this.$route.query.bestepid); | 99 | formdata.append("bestepid", this.$route.query.bestepid); |
| 100 | formdata.append("ableOperation", this.ableOperation) | 100 | formdata.append("ableOperation", this.ableOperation) |
| 101 | getSpyjList(formdata).then((res) => { | 101 | getSpyjList(formdata).then((res) => { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description :预告登记 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-15 13:50:25 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <table class="xxTable"> | ||
| 19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 20 | <td> | ||
| 21 | {{ item.label }} | ||
| 22 | </td> | ||
| 23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 24 | row.qszt == '2' ? 'lishi' : '', | ||
| 25 | row.qszt == '0' ? 'linshi' : '', | ||
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 27 | ]"> | ||
| 28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 31 | </div> | ||
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | ||
| 36 | {{ getQsztName(row[item.prop]) }} | ||
| 37 | </span> | ||
| 38 | |||
| 39 | <span v-else> {{ row[item.prop] }}</span> | ||
| 40 | </td> | ||
| 41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 42 | </tr> | ||
| 43 | </table> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </template> | ||
| 48 | |||
| 49 | <script> | ||
| 50 | import { getYgdjList } from "@/api/registerBook.js"; | ||
| 51 | import { datas } from "./qlxxFormData.js"; | ||
| 52 | export default { | ||
| 53 | data () { | ||
| 54 | return { | ||
| 55 | title: "预告登记信息", | ||
| 56 | qsztList: datas.columns().qsztList, | ||
| 57 | checkList: datas.columns().checkList, | ||
| 58 | //传递参数 | ||
| 59 | propsParam: this.$attrs, | ||
| 60 | //列表数据 | ||
| 61 | tableData: [], | ||
| 62 | //空列值个数 | ||
| 63 | emptycolNum: datas.columns().emptycolNum, | ||
| 64 | //列名称对象 | ||
| 65 | columns: datas.columns().YGDJ, | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | created () { | ||
| 69 | this.loadData(); | ||
| 70 | }, | ||
| 71 | methods: { | ||
| 72 | loadData () { | ||
| 73 | getYgdjList({ | ||
| 74 | bdcdyid: this.propsParam.bdcdyid, | ||
| 75 | qllx: this.propsParam.qllx, | ||
| 76 | qszt: this.checkList, | ||
| 77 | }).then((res) => { | ||
| 78 | if (res.code === 200) { | ||
| 79 | this.tableData = res.result; | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 81 | this.emptycolNum = | ||
| 82 | datas.columns().emptycolNum - this.tableData.length; | ||
| 83 | } else { | ||
| 84 | this.emptycolNum = 0; | ||
| 85 | } | ||
| 86 | } | ||
| 87 | }); | ||
| 88 | }, | ||
| 89 | checkChange () { | ||
| 90 | if (this.checkList.length === 0) { | ||
| 91 | this.tableData = []; | ||
| 92 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 93 | } else { | ||
| 94 | this.loadData(); | ||
| 95 | } | ||
| 96 | }, | ||
| 97 | getQsztName (code) { | ||
| 98 | let name = ""; | ||
| 99 | for (let item of this.qsztList) { | ||
| 100 | if (item.value == code) { | ||
| 101 | name = item.label; | ||
| 102 | break; | ||
| 103 | } | ||
| 104 | } | ||
| 105 | return name; | ||
| 106 | }, | ||
| 107 | // 编辑 | ||
| 108 | editDialog(row){ | ||
| 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 110 | confirmButtonText: '确定', | ||
| 111 | cancelButtonText: '取消', | ||
| 112 | type: 'warning' | ||
| 113 | }).then(() => { | ||
| 114 | this.$parent.addRepairRecord(row) | ||
| 115 | |||
| 116 | this.$message({ | ||
| 117 | type: 'success', | ||
| 118 | message: '补录成功!' | ||
| 119 | }); | ||
| 120 | }).catch(() => { | ||
| 121 | this.$message({ | ||
| 122 | type: 'info', | ||
| 123 | message: '取消编辑' | ||
| 124 | }); | ||
| 125 | }); | ||
| 126 | |||
| 127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 128 | // datalist:this.columns, | ||
| 129 | // data: row, | ||
| 130 | |||
| 131 | // }) | ||
| 132 | |||
| 133 | }, | ||
| 134 | // 删除 | ||
| 135 | deleteDialog(row){ | ||
| 136 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 137 | confirmButtonText: '确定', | ||
| 138 | cancelButtonText: '取消', | ||
| 139 | type: 'warning' | ||
| 140 | }).then(() => { | ||
| 141 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 142 | // deleteClmx(bsmClmx).then(res => { | ||
| 143 | // if (res.code == 200) { | ||
| 144 | // that.$emit('updateList', res.result) | ||
| 145 | // that.$message({ | ||
| 146 | // message: '删除成功!', | ||
| 147 | // type: 'success' | ||
| 148 | // }) | ||
| 149 | // } | ||
| 150 | // }) | ||
| 151 | this.$message({ | ||
| 152 | type: 'success', | ||
| 153 | message: '删除成功!' | ||
| 154 | }); | ||
| 155 | }).catch(() => { | ||
| 156 | this.$message({ | ||
| 157 | type: 'info', | ||
| 158 | message: '已取消删除' | ||
| 159 | }); | ||
| 160 | }); | ||
| 161 | |||
| 162 | } | ||
| 163 | }, | ||
| 164 | }; | ||
| 165 | </script> | ||
| 166 | |||
| 167 | <style lang="scss" scoped> | ||
| 168 | @import "./qlxxCommon.scss"; | ||
| 169 | </style> |
| 1 | <!-- | ||
| 2 | * @Description :异议登记 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-15 13:50:58 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable"> | ||
| 8 | <div class="tableBox"> | ||
| 9 | <div class="title"> | ||
| 10 | {{ title }} | ||
| 11 | <div class="checkbox"> | ||
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 13 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | ||
| 14 | </el-checkbox-group> | ||
| 15 | </div> | ||
| 16 | </div> | ||
| 17 | <div class="xxTableBox rollTable"> | ||
| 18 | <table class="xxTable"> | ||
| 19 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 20 | <td> | ||
| 21 | {{ item.label }} | ||
| 22 | </td> | ||
| 23 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 24 | row.qszt == '2' ? 'lishi' : '', | ||
| 25 | row.qszt == '0' ? 'linshi' : '', | ||
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 27 | ]"> | ||
| 28 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | ||
| 31 | </div> | ||
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | ||
| 36 | {{ getQsztName(row[item.prop]) }} | ||
| 37 | </span> | ||
| 38 | |||
| 39 | <span v-else> {{ row[item.prop] }}</span> | ||
| 40 | </td> | ||
| 41 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 42 | </tr> | ||
| 43 | </table> | ||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </template> | ||
| 48 | |||
| 49 | <script> | ||
| 50 | import { getYydjList } from "@/api/registerBook.js"; | ||
| 51 | import { datas } from "./qlxxFormData.js"; | ||
| 52 | export default { | ||
| 53 | data () { | ||
| 54 | return { | ||
| 55 | title: "异议登记信息", | ||
| 56 | qsztList: datas.columns().qsztList, | ||
| 57 | checkList: datas.columns().checkList, | ||
| 58 | //传递参数 | ||
| 59 | propsParam: this.$attrs, | ||
| 60 | //列表数据 | ||
| 61 | tableData: [], | ||
| 62 | //空列值个数 | ||
| 63 | emptycolNum: datas.columns().emptycolNum, | ||
| 64 | //列名称对象 | ||
| 65 | columns: datas.columns().YYDJ, | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | created () { | ||
| 69 | console.log("异议登记"); | ||
| 70 | this.loadData(); | ||
| 71 | }, | ||
| 72 | methods: { | ||
| 73 | loadData () { | ||
| 74 | getYydjList({ | ||
| 75 | bdcdyid: this.propsParam.bdcdyid, | ||
| 76 | qllx: this.propsParam.qllx, | ||
| 77 | qszt: this.checkList, | ||
| 78 | }).then((res) => { | ||
| 79 | if (res.code === 200) { | ||
| 80 | this.tableData = res.result; | ||
| 81 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 82 | this.emptycolNum = | ||
| 83 | datas.columns().emptycolNum - this.tableData.length; | ||
| 84 | } else { | ||
| 85 | this.emptycolNum = 0; | ||
| 86 | } | ||
| 87 | } | ||
| 88 | }); | ||
| 89 | }, | ||
| 90 | checkChange () { | ||
| 91 | if (this.checkList.length === 0) { | ||
| 92 | this.tableData = []; | ||
| 93 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 94 | } else { | ||
| 95 | this.loadData(); | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | getQsztName (code) { | ||
| 99 | let name = ""; | ||
| 100 | for (let item of this.qsztList) { | ||
| 101 | if (item.value == code) { | ||
| 102 | name = item.label; | ||
| 103 | break; | ||
| 104 | } | ||
| 105 | } | ||
| 106 | return name; | ||
| 107 | }, | ||
| 108 | // 编辑 | ||
| 109 | editDialog(row){ | ||
| 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 111 | confirmButtonText: '确定', | ||
| 112 | cancelButtonText: '取消', | ||
| 113 | type: 'warning' | ||
| 114 | }).then(() => { | ||
| 115 | this.$parent.addRepairRecord(row) | ||
| 116 | |||
| 117 | this.$message({ | ||
| 118 | type: 'success', | ||
| 119 | message: '补录成功!' | ||
| 120 | }); | ||
| 121 | }).catch(() => { | ||
| 122 | this.$message({ | ||
| 123 | type: 'info', | ||
| 124 | message: '取消编辑' | ||
| 125 | }); | ||
| 126 | }); | ||
| 127 | |||
| 128 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 129 | // datalist:this.columns, | ||
| 130 | // data: row, | ||
| 131 | |||
| 132 | // }) | ||
| 133 | |||
| 134 | }, | ||
| 135 | // 删除 | ||
| 136 | deleteDialog(row){ | ||
| 137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 138 | confirmButtonText: '确定', | ||
| 139 | cancelButtonText: '取消', | ||
| 140 | type: 'warning' | ||
| 141 | }).then(() => { | ||
| 142 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 143 | // deleteClmx(bsmClmx).then(res => { | ||
| 144 | // if (res.code == 200) { | ||
| 145 | // that.$emit('updateList', res.result) | ||
| 146 | // that.$message({ | ||
| 147 | // message: '删除成功!', | ||
| 148 | // type: 'success' | ||
| 149 | // }) | ||
| 150 | // } | ||
| 151 | // }) | ||
| 152 | this.$message({ | ||
| 153 | type: 'success', | ||
| 154 | message: '删除成功!' | ||
| 155 | }); | ||
| 156 | }).catch(() => { | ||
| 157 | this.$message({ | ||
| 158 | type: 'info', | ||
| 159 | message: '已取消删除' | ||
| 160 | }); | ||
| 161 | }); | ||
| 162 | |||
| 163 | } | ||
| 164 | }, | ||
| 165 | }; | ||
| 166 | </script> | ||
| 167 | |||
| 168 | <style lang="scss" scoped> | ||
| 169 | @import "./qlxxCommon.scss"; | ||
| 170 | </style> |
| 1 | <!-- | ||
| 2 | * @Description :宗地基本信息 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime : 2023-06-15 13:57:20 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="tableDivCss"> | ||
| 8 | <table cellpadding="0" cellspacing="0" class="tableCss"> | ||
| 9 | <tr> | ||
| 10 | <th colspan="5" class="title">宗地基本信息</th> | ||
| 11 | </tr> | ||
| 12 | <tr> | ||
| 13 | <td>单位</td> | ||
| 14 | <td colspan="4">{{ zdjbxx.mjdw | dictionary('A7') }}</td> | ||
| 15 | </tr> | ||
| 16 | <tr> | ||
| 17 | <td>不动产类型</td> | ||
| 18 | <td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td> | ||
| 19 | </tr> | ||
| 20 | <tr> | ||
| 21 | <td>坐落</td> | ||
| 22 | <td colspan="4">{{ zdjbxx.zl }}</td> | ||
| 23 | </tr> | ||
| 24 | <tr> | ||
| 25 | <td rowspan="8">土地状况</td> | ||
| 26 | </tr> | ||
| 27 | <tr> | ||
| 28 | <td style="width:15%">宗地面积</td> | ||
| 29 | <td style="width:30%">{{ zdjbxx.zdmj }}m²</td> | ||
| 30 | <td style="width:15%">用途</td> | ||
| 31 | <td style="width:30%">{{ zdjbxx.ghytmc }}</td> | ||
| 32 | </tr> | ||
| 33 | <tr> | ||
| 34 | <td>等级</td> | ||
| 35 | <td>{{ zdjbxx.djmc }}</td> | ||
| 36 | <td>价格</td> | ||
| 37 | <td>{{ zdjbxx.jg }}</td> | ||
| 38 | </tr> | ||
| 39 | <tr> | ||
| 40 | <td>权利类型</td> | ||
| 41 | <td>{{ zdjbxx.qllxmc }}</td> | ||
| 42 | <td>权利性质</td> | ||
| 43 | <td>{{ zdjbxx.qlxzmc }}</td> | ||
| 44 | </tr> | ||
| 45 | <tr> | ||
| 46 | <td>权利设定方式</td> | ||
| 47 | <td>{{zdjbxx.qlsdfs | dictionary('A10')}}</td> | ||
| 48 | <td>容积率</td> | ||
| 49 | <td>{{ zdjbxx.rjl }}</td> | ||
| 50 | </tr> | ||
| 51 | <tr> | ||
| 52 | <td>建筑密度</td> | ||
| 53 | <td>{{ zdjbxx.jzmd }}</td> | ||
| 54 | <td>建筑限高</td> | ||
| 55 | <td>{{ zdjbxx.jzxg }}</td> | ||
| 56 | </tr> | ||
| 57 | <tr> | ||
| 58 | <td>图幅号</td> | ||
| 59 | <td>{{ zdjbxx.tfh }}</td> | ||
| 60 | <td>地籍号</td> | ||
| 61 | <td>{{ zdjbxx.djh }}</td> | ||
| 62 | </tr> | ||
| 63 | <tr> | ||
| 64 | <td>档案号</td> | ||
| 65 | <td>{{ zdjbxx.dah }}</td> | ||
| 66 | <td>地块代码</td> | ||
| 67 | <td>{{ zdjbxx.dkdm }}</td> | ||
| 68 | </tr> | ||
| 69 | <tr> | ||
| 70 | <td rowspan="5">宗地四至</td> | ||
| 71 | </tr> | ||
| 72 | |||
| 73 | <tr> | ||
| 74 | <td>东</td> | ||
| 75 | <td colspan="3">{{ zdjbxx.zdszd }}</td> | ||
| 76 | </tr> | ||
| 77 | <tr> | ||
| 78 | <td>南</td> | ||
| 79 | <td colspan="3">{{ zdjbxx.zdszn }}</td> | ||
| 80 | </tr> | ||
| 81 | <tr> | ||
| 82 | <td>西</td> | ||
| 83 | <td colspan="3">{{ zdjbxx.zdszx }}</td> | ||
| 84 | </tr> | ||
| 85 | <tr> | ||
| 86 | <td>北</td> | ||
| 87 | <td colspan="3">{{ zdjbxx.zdszb }}</td> | ||
| 88 | </tr> | ||
| 89 | <tr> | ||
| 90 | <td>登记时间</td> | ||
| 91 | <td colspan="2">{{ zdjbxx.bz }}</td> | ||
| 92 | <td>登簿人</td> | ||
| 93 | <td>{{ zdjbxx.bz }}</td> | ||
| 94 | </tr> | ||
| 95 | |||
| 96 | <tr> | ||
| 97 | <td>附记</td> | ||
| 98 | <td colspan="4">{{ zdjbxx.fj }}</td> | ||
| 99 | </tr> | ||
| 100 | <!-- <tr> | ||
| 101 | <td>状态</td> | ||
| 102 | <td colspan="2">{{ zdjbxx.zt }}</td> | ||
| 103 | <td>区县代码</td> | ||
| 104 | <td>{{ zdjbxx.qxdm }}</td> | ||
| 105 | </tr> --> | ||
| 106 | <tr v-if="showGroup"> | ||
| 107 | <td rowspan="4">变化情况</td> | ||
| 108 | |||
| 109 | <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> | ||
| 110 | <tr v-for="(item, index) in bhqkColumns" :key="index"> | ||
| 111 | <td class="bhqkTh">{{ item.label }}</td> | ||
| 112 | </tr> | ||
| 113 | </table> --> | ||
| 114 | |||
| 115 | </tr> | ||
| 116 | |||
| 117 | <tr v-if="showGroup"> | ||
| 118 | <td>变化原因</td> | ||
| 119 | <td>变化内容</td> | ||
| 120 | <td>登记时间</td> | ||
| 121 | <td>登簿人</td> | ||
| 122 | </tr> | ||
| 123 | <!-- <tr > | ||
| 124 | <td>{{ zdbhqks[0].bhyy }}</td> | ||
| 125 | <td>{{ zdbhqks[0].bhnr }}</td> | ||
| 126 | <td>{{ zdbhqks[0].djsj }}</td> | ||
| 127 | <td>{{ zdbhqks[0].dbr }}</td> | ||
| 128 | </tr> --> | ||
| 129 | |||
| 130 | </table> | ||
| 131 | </div> | ||
| 132 | </template> | ||
| 133 | |||
| 134 | <script> | ||
| 135 | import store from '@/store/index.js' | ||
| 136 | import { getZdjjxxBybdcdyid } from "@/api/registerBook.js"; | ||
| 137 | |||
| 138 | export default { | ||
| 139 | data () { | ||
| 140 | return { | ||
| 141 | bhqkColumns: [ | ||
| 142 | { | ||
| 143 | prop: "ssywh", | ||
| 144 | label: "上手业务号", | ||
| 145 | }, | ||
| 146 | { | ||
| 147 | prop: "zddm", | ||
| 148 | label: "宗地代码", | ||
| 149 | }, | ||
| 150 | { | ||
| 151 | prop: "bhqzddm", | ||
| 152 | label: "变化前宗地代码", | ||
| 153 | }, | ||
| 154 | { | ||
| 155 | prop: "bhnr", | ||
| 156 | label: "变化内容", | ||
| 157 | }, | ||
| 158 | { | ||
| 159 | prop: "bhyy", | ||
| 160 | label: "变化原因", | ||
| 161 | }, | ||
| 162 | { | ||
| 163 | prop: "djsj", | ||
| 164 | label: "登记时间", | ||
| 165 | }, | ||
| 166 | { | ||
| 167 | prop: "dbr", | ||
| 168 | label: "登簿人", | ||
| 169 | }, | ||
| 170 | { | ||
| 171 | prop: "fj", | ||
| 172 | label: "附记", | ||
| 173 | }, | ||
| 174 | ], | ||
| 175 | bhqkTableWidth: 745, | ||
| 176 | zdjbxx: {}, | ||
| 177 | zdbhqks: [], | ||
| 178 | propsParam: this.$attrs, | ||
| 179 | showGroup: false, | ||
| 180 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"] | ||
| 181 | } | ||
| 182 | }, | ||
| 183 | filters: { | ||
| 184 | dictionary: function (value, param) { | ||
| 185 | const foundItem = store.getters.dictData[param].find(item => item.dcode === String(value)) | ||
| 186 | if (foundItem) { | ||
| 187 | return foundItem.dname | ||
| 188 | } | ||
| 189 | } | ||
| 190 | }, | ||
| 191 | created () { | ||
| 192 | this.loadData() | ||
| 193 | }, | ||
| 194 | methods: { | ||
| 195 | loadData () { | ||
| 196 | console.log("this.$attrs", this.$attrs); | ||
| 197 | console.log("this.propsParam", this.propsParam); | ||
| 198 | if (this.propsParam.bsmSldy) { | ||
| 199 | console.log("宗地基本信息"); | ||
| 200 | } else { | ||
| 201 | console.log("登记簿里宗地基本信息"); | ||
| 202 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 203 | if (res.code === 200) { | ||
| 204 | this.zdjbxx = res.result.zdjbxx; | ||
| 205 | this.zdbhqks = res.result.zdbhqkList; | ||
| 206 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | ||
| 207 | this.showGroup = true; | ||
| 208 | } | ||
| 209 | } | ||
| 210 | }) | ||
| 211 | } | ||
| 212 | |||
| 213 | } | ||
| 214 | } | ||
| 215 | } | ||
| 216 | </script> | ||
| 217 | <style lang="scss" scoped> | ||
| 218 | @import "~@/styles/tablecss.scss"; | ||
| 219 | </style> |
| ... | @@ -63,7 +63,7 @@ export function getForm(tabName) { | ... | @@ -63,7 +63,7 @@ export function getForm(tabName) { |
| 63 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); | 63 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); |
| 64 | break; | 64 | break; |
| 65 | case "clxx": | 65 | case "clxx": |
| 66 | form = require("@/views/djbworkflow/djbBook/clxx.vue"); | 66 | form = require("@/views/workflow/components/clxx/clxxUnify.vue"); |
| 67 | break; | 67 | break; |
| 68 | case "spyj": | 68 | case "spyj": |
| 69 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 69 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | ... | ... |
-
Please register or sign in to post a comment