--no commit message
Showing
38 changed files
with
5977 additions
and
1102 deletions
| ... | @@ -66,6 +66,14 @@ export const constantRoutes = [ | ... | @@ -66,6 +66,14 @@ export const constantRoutes = [ |
| 66 | hidden: true, | 66 | hidden: true, |
| 67 | meta: { title: '发起申请' } | 67 | meta: { title: '发起申请' } |
| 68 | }, | 68 | }, |
| 69 | // 打印登记簿 | ||
| 70 | { | ||
| 71 | path: '/printdjb', | ||
| 72 | component: () => import('@/views/printdjb/printdjb.vue'), | ||
| 73 | name: 'printdjb', | ||
| 74 | hidden: true, | ||
| 75 | meta: { title: '打印登记簿' } | ||
| 76 | }, | ||
| 69 | { | 77 | { |
| 70 | path: '/', | 78 | path: '/', |
| 71 | component: Layout, | 79 | component: Layout, | ... | ... |
src/views/printdjb/components/bdcqljqtsx.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-19 09:52:07 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="bdcqljqtsx"> | ||
| 8 | <div class="content" v-if="qlxxList.ztqlmc"> | ||
| 9 | <div class="title">不动产权利及其他事项<br />登记信息</div> | ||
| 10 | <div> | ||
| 11 | 不动产单元号: | ||
| 12 | <div class="underline">{{ bdcdyh }}</div> | ||
| 13 | </div> | ||
| 14 | <br /><br /><br /> | ||
| 15 | <div> | ||
| 16 | <div class="underline">{{ qlxxList.ztqlmc }}</div> | ||
| 17 | 登记 共 | ||
| 18 | <div class="underline">{{ qlxxList.ztql.total }}</div> | ||
| 19 | 条 | ||
| 20 | </div> | ||
| 21 | <br /><br /> | ||
| 22 | <div> | ||
| 23 | 抵押权登记 共 | ||
| 24 | <div class="underline">{{ qlxxList.diyaq.total }}</div> | ||
| 25 | 条 | ||
| 26 | </div> | ||
| 27 | <br /> | ||
| 28 | <div> | ||
| 29 | 地役权登记 共 | ||
| 30 | <div class="underline">{{ qlxxList.diyiq.total }}</div> | ||
| 31 | 条 | ||
| 32 | </div> | ||
| 33 | <br /> | ||
| 34 | <div> | ||
| 35 | 预告登记 共 | ||
| 36 | <div class="underline">{{ qlxxList.ygdj.total }}</div> | ||
| 37 | 条 | ||
| 38 | </div> | ||
| 39 | <br /> | ||
| 40 | <div> | ||
| 41 | 异议登记 共 | ||
| 42 | <div class="underline">{{ qlxxList.yydj.total }}</div> | ||
| 43 | 条 | ||
| 44 | </div> | ||
| 45 | <br /> | ||
| 46 | <div> | ||
| 47 | 查封登记 共 | ||
| 48 | <div class="underline">{{ qlxxList.cfdj.total }}</div> | ||
| 49 | 条 | ||
| 50 | </div> | ||
| 51 | <br /> | ||
| 52 | </div> | ||
| 53 | </div> | ||
| 54 | </template> | ||
| 55 | |||
| 56 | <script> | ||
| 57 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | ||
| 58 | export default { | ||
| 59 | name: "bdcqljqtsx", | ||
| 60 | data () { | ||
| 61 | return { | ||
| 62 | //传递参数 | ||
| 63 | //传递参数 | ||
| 64 | bdcdyid: this.$route.query.bdcdyid, | ||
| 65 | qllx: this.$route.query.qllx, | ||
| 66 | qlxxList: "", | ||
| 67 | }; | ||
| 68 | }, | ||
| 69 | mounted () { | ||
| 70 | getBdcqljqtsx({ | ||
| 71 | bdcdyid: this.bdcdyid, | ||
| 72 | bdcdyh: this.bdcdyh, | ||
| 73 | }).then((res) => { | ||
| 74 | if (res.code === 200) { | ||
| 75 | this.qlxxList = res.result; | ||
| 76 | } | ||
| 77 | }); | ||
| 78 | }, | ||
| 79 | }; | ||
| 80 | </script> | ||
| 81 | |||
| 82 | <style lang="scss" scoped> | ||
| 83 | .bdcqljqtsx { | ||
| 84 | width: 100%; | ||
| 85 | height: 100%; | ||
| 86 | background: #fff; | ||
| 87 | |||
| 88 | .content { | ||
| 89 | width: 50%; | ||
| 90 | height: 100%; | ||
| 91 | margin: 0 auto; | ||
| 92 | text-align: right; | ||
| 93 | color: #333; | ||
| 94 | font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif; | ||
| 95 | font-weight: 700; | ||
| 96 | font-size: 18px; | ||
| 97 | line-height: 16px; | ||
| 98 | |||
| 99 | .title { | ||
| 100 | font-size: 32px; | ||
| 101 | text-align: center; | ||
| 102 | padding: 40px 0; | ||
| 103 | line-height: 34px; | ||
| 104 | } | ||
| 105 | |||
| 106 | .underline { | ||
| 107 | font-size: 14px; | ||
| 108 | font-weight: normal; | ||
| 109 | text-decoration: underline; | ||
| 110 | display: inline-block; | ||
| 111 | } | ||
| 112 | } | ||
| 113 | } | ||
| 114 | </style> |
src/views/printdjb/components/cfdj.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-25 17:06:44 | ||
| 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 | ||
| 14 | v-for="item in qsztList" | ||
| 15 | :key="item.value" | ||
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | ||
| 17 | </el-checkbox-group> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | <div class="xxTableBox rollTable"> | ||
| 21 | <table class="xxTable"> | ||
| 22 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 23 | <td>{{ item.label }}</td> | ||
| 24 | <td | ||
| 25 | v-for="(row, index) in tableData" | ||
| 26 | :key="index" | ||
| 27 | :class="[ | ||
| 28 | row.qszt == '2' ? 'lishi' : '', | ||
| 29 | row.qszt == '0' ? 'linshi' : '', | ||
| 30 | row.qlzt == '4' ? 'linshi' : '', | ||
| 31 | |||
| 32 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 33 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 34 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 35 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 36 | ]"> | ||
| 37 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 38 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 39 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 42 | 有效 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 45 | 正在补录 | ||
| 46 | </div> | ||
| 47 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 48 | 正在申请 | ||
| 49 | </div> | ||
| 50 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 51 | 正在注销 | ||
| 52 | </div> | ||
| 53 | |||
| 54 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 55 | <span v-if="item.prop == 'qszt'"> | ||
| 56 | {{ getQsztName(row[item.prop]) }} | ||
| 57 | </span> | ||
| 58 | <span v-else>{{ row[item.prop] }}</span> | ||
| 59 | </p> | ||
| 60 | |||
| 61 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 62 | <span class="ellipsis-line"> | ||
| 63 | {{ row[item.prop] }} | ||
| 64 | </span> | ||
| 65 | </el-tooltip> | ||
| 66 | </td> | ||
| 67 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 68 | </tr> | ||
| 69 | </table> | ||
| 70 | </div> | ||
| 71 | </div> | ||
| 72 | </div> | ||
| 73 | </template> | ||
| 74 | |||
| 75 | <script> | ||
| 76 | import { datas } from "./qlxxFormData.js"; | ||
| 77 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 78 | import { getCfdjList } from "@/api/djbDetail.js"; | ||
| 79 | export default { | ||
| 80 | data () { | ||
| 81 | return { | ||
| 82 | title: "查封登记信息", | ||
| 83 | qsztList: datas.columns().qsztList, | ||
| 84 | checkList: datas.columns().checkList, | ||
| 85 | //传递参数 | ||
| 86 | bdcdyid: this.$route.query.bdcdyid, | ||
| 87 | qllx: this.$route.query.qllx, | ||
| 88 | //列表数据 | ||
| 89 | tableData: [], | ||
| 90 | //空列值个数 | ||
| 91 | emptycolNum: datas.columns().emptycolNum, | ||
| 92 | //列名称对象 | ||
| 93 | columns: datas.columns().CFDJ, | ||
| 94 | }; | ||
| 95 | }, | ||
| 96 | created () { | ||
| 97 | this.loadData(); | ||
| 98 | }, | ||
| 99 | methods: { | ||
| 100 | /** | ||
| 101 | * @description: loadData | ||
| 102 | * @author: renchao | ||
| 103 | */ | ||
| 104 | loadData () { | ||
| 105 | if (this.$parent.addRepairRecord) { | ||
| 106 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 107 | } | ||
| 108 | getCfdjList({ | ||
| 109 | bdcdyid: this.bdcdyid, | ||
| 110 | qllx: this.qllx, | ||
| 111 | qszt: this.checkList, | ||
| 112 | }).then((res) => { | ||
| 113 | if (res.code === 200) { | ||
| 114 | this.tableData = res.result; | ||
| 115 | this.tableData.forEach(item => { | ||
| 116 | item.sjlx = getSjlx(item.sjlx) | ||
| 117 | }) | ||
| 118 | this.tableData.forEach((item, index) => { | ||
| 119 | if (item.sfbxf == "1") { | ||
| 120 | item.zxywh = ""; | ||
| 121 | item.zxdbr = ""; | ||
| 122 | item.zxsj = ""; | ||
| 123 | } | ||
| 124 | }); | ||
| 125 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 126 | this.emptycolNum = | ||
| 127 | datas.columns().emptycolNum - this.tableData.length; | ||
| 128 | } else { | ||
| 129 | this.emptycolNum = 0; | ||
| 130 | } | ||
| 131 | } | ||
| 132 | }); | ||
| 133 | }, | ||
| 134 | /** | ||
| 135 | * @description: checkChange | ||
| 136 | * @author: renchao | ||
| 137 | */ | ||
| 138 | checkChange () { | ||
| 139 | if (this.checkList.length === 0) { | ||
| 140 | this.tableData = []; | ||
| 141 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 142 | } else { | ||
| 143 | this.loadData(); | ||
| 144 | } | ||
| 145 | }, | ||
| 146 | /** | ||
| 147 | * @description: getQsztName | ||
| 148 | * @author: renchao | ||
| 149 | */ | ||
| 150 | getQsztName (code) { | ||
| 151 | let name = ""; | ||
| 152 | for (let item of this.qsztList) { | ||
| 153 | if (item.value == code) { | ||
| 154 | name = item.label; | ||
| 155 | break; | ||
| 156 | } | ||
| 157 | } | ||
| 158 | return name; | ||
| 159 | }, | ||
| 160 | // 新增一条补录信息 | ||
| 161 | /** | ||
| 162 | * @description: 新增一条补录信息 | ||
| 163 | * @param {*} row | ||
| 164 | * @param {*} del | ||
| 165 | * @author: renchao | ||
| 166 | */ | ||
| 167 | editDialog (row, del) { | ||
| 168 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 169 | confirmButtonText: "确定", | ||
| 170 | cancelButtonText: "取消", | ||
| 171 | type: "warning", | ||
| 172 | }) | ||
| 173 | .then(() => { | ||
| 174 | this.$parent.addRepairRecord(row, del); | ||
| 175 | |||
| 176 | this.$message({ | ||
| 177 | type: "success", | ||
| 178 | message: "补录成功!", | ||
| 179 | }); | ||
| 180 | }) | ||
| 181 | .catch(() => { | ||
| 182 | this.$message({ | ||
| 183 | type: "info", | ||
| 184 | message: "取消编辑", | ||
| 185 | }); | ||
| 186 | }); | ||
| 187 | }, | ||
| 188 | }, | ||
| 189 | }; | ||
| 190 | </script> | ||
| 191 | |||
| 192 | <style lang="scss" scoped> | ||
| 193 | @import "./qlxxCommon.scss"; | ||
| 194 | </style> |
src/views/printdjb/components/diyaq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | ||
| 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 | ||
| 14 | v-for="item in qsztList" | ||
| 15 | :key="item.value" | ||
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | ||
| 17 | </el-checkbox-group> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | <div class="xxTableBox rollTable"> | ||
| 21 | <table class="xxTable"> | ||
| 22 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 23 | <td> | ||
| 24 | {{ item.label }} | ||
| 25 | </td> | ||
| 26 | <td | ||
| 27 | v-for="(row, index) in tableData" | ||
| 28 | :key="index" | ||
| 29 | :class="[ | ||
| 30 | row.qszt == '2' ? 'lishi' : '', | ||
| 31 | row.qszt == '0' ? 'linshi' : '', | ||
| 32 | row.qlzt == '4' ? 'linshi' : '', | ||
| 33 | |||
| 34 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 35 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 36 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 37 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 38 | ]"> | ||
| 39 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 40 | <el-button | ||
| 41 | type="text" | ||
| 42 | icon="el-icon-edit-outline" | ||
| 43 | @click="editDialog(row)">编辑</el-button> | ||
| 44 | <el-button | ||
| 45 | type="text" | ||
| 46 | icon="el-icon-edit-outline" | ||
| 47 | @click="editDialog(row, 'D')">删除</el-button> | ||
| 48 | </div> | ||
| 49 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 50 | 有效 | ||
| 51 | </div> | ||
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 53 | 正在补录 | ||
| 54 | </div> | ||
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 56 | 正在申请 | ||
| 57 | </div> | ||
| 58 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 59 | 正在注销 | ||
| 60 | </div> | ||
| 61 | |||
| 62 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 63 | <span v-if="item.prop == 'qszt'"> | ||
| 64 | {{ getQsztName(row[item.prop]) }} | ||
| 65 | </span> | ||
| 66 | <span v-else>{{ row[item.prop] }}</span> | ||
| 67 | </p> | ||
| 68 | |||
| 69 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 70 | <span class="ellipsis-line"> | ||
| 71 | {{ row[item.prop] }} | ||
| 72 | </span> | ||
| 73 | </el-tooltip> | ||
| 74 | </td> | ||
| 75 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 76 | </tr> | ||
| 77 | </table> | ||
| 78 | </div> | ||
| 79 | </div> | ||
| 80 | </div> | ||
| 81 | </template> | ||
| 82 | |||
| 83 | <script> | ||
| 84 | import { datas } from "./qlxxFormData.js"; | ||
| 85 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | ||
| 86 | import { getDiyaqList } from "@/api/djbDetail.js"; | ||
| 87 | export default { | ||
| 88 | data () { | ||
| 89 | return { | ||
| 90 | title: "抵押权登记信息", | ||
| 91 | qsztList: datas.columns().qsztList, | ||
| 92 | checkList: datas.columns().checkList, | ||
| 93 | //传递参数 | ||
| 94 | bdcdyid: this.$route.query.bdcdyid, | ||
| 95 | qllx: this.$route.query.qllx, | ||
| 96 | //列表数据 | ||
| 97 | tableData: [], | ||
| 98 | //空列值个数 | ||
| 99 | emptycolNum: datas.columns().emptycolNum, | ||
| 100 | //列名称对象 | ||
| 101 | columns: datas.columns().DYAQ, | ||
| 102 | }; | ||
| 103 | }, | ||
| 104 | created () { | ||
| 105 | this.loadData(); | ||
| 106 | }, | ||
| 107 | methods: { | ||
| 108 | /** | ||
| 109 | * @description: loadData | ||
| 110 | * @author: renchao | ||
| 111 | */ | ||
| 112 | loadData () { | ||
| 113 | if (this.$parent.addRepairRecord) { | ||
| 114 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 115 | } | ||
| 116 | getDiyaqList({ | ||
| 117 | bdcdyid: this.bdcdyid, | ||
| 118 | qllx: this.qllx, | ||
| 119 | qszt: this.checkList, | ||
| 120 | }).then((res) => { | ||
| 121 | if (res.code === 200) { | ||
| 122 | this.tableData = res.result; | ||
| 123 | this.tableData.forEach((item) => { | ||
| 124 | item.sjlx = getSjlx(item.sjlx); | ||
| 125 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
| 126 | }); | ||
| 127 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 128 | this.emptycolNum = | ||
| 129 | datas.columns().emptycolNum - this.tableData.length; | ||
| 130 | } else { | ||
| 131 | this.emptycolNum = 0; | ||
| 132 | } | ||
| 133 | } | ||
| 134 | }); | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: checkChange | ||
| 138 | * @author: renchao | ||
| 139 | */ | ||
| 140 | checkChange () { | ||
| 141 | if (this.checkList.length === 0) { | ||
| 142 | this.tableData = []; | ||
| 143 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 144 | } else { | ||
| 145 | this.loadData(); | ||
| 146 | } | ||
| 147 | }, | ||
| 148 | /** | ||
| 149 | * @description: getQsztName | ||
| 150 | * @param {*} code | ||
| 151 | * @author: renchao | ||
| 152 | */ | ||
| 153 | getQsztName (code) { | ||
| 154 | let name = ""; | ||
| 155 | for (let item of this.qsztList) { | ||
| 156 | if (item.value == code) { | ||
| 157 | name = item.label; | ||
| 158 | break; | ||
| 159 | } | ||
| 160 | } | ||
| 161 | return name; | ||
| 162 | }, | ||
| 163 | // 新增一条补录信息 | ||
| 164 | /** | ||
| 165 | * @description: 新增一条补录信息 | ||
| 166 | * @param {*} row | ||
| 167 | * @param {*} del | ||
| 168 | * @author: renchao | ||
| 169 | */ | ||
| 170 | editDialog (row, del) { | ||
| 171 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 172 | confirmButtonText: "确定", | ||
| 173 | cancelButtonText: "取消", | ||
| 174 | type: "warning", | ||
| 175 | }) | ||
| 176 | .then(() => { | ||
| 177 | this.$parent.addRepairRecord(row, del); | ||
| 178 | this.$message({ | ||
| 179 | type: "success", | ||
| 180 | message: "补录成功!", | ||
| 181 | }); | ||
| 182 | }) | ||
| 183 | .catch(() => { | ||
| 184 | this.$message({ | ||
| 185 | type: "info", | ||
| 186 | message: "取消编辑", | ||
| 187 | }); | ||
| 188 | }); | ||
| 189 | }, | ||
| 190 | }, | ||
| 191 | }; | ||
| 192 | </script> | ||
| 193 | |||
| 194 | <style lang="scss" scoped> | ||
| 195 | @import "./qlxxCommon.scss"; | ||
| 196 | </style> |
src/views/printdjb/components/diyiq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-25 17:12:43 | ||
| 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 | ||
| 14 | v-for="item in qsztList" | ||
| 15 | :key="item.value" | ||
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | ||
| 17 | </el-checkbox-group> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | <div class="xxTableBox rollTable"> | ||
| 21 | <table class="xxTable"> | ||
| 22 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 23 | <td> | ||
| 24 | {{ item.label }} | ||
| 25 | </td> | ||
| 26 | <td | ||
| 27 | v-for="(row, index) in tableData" | ||
| 28 | :key="index" | ||
| 29 | :class="[ | ||
| 30 | row.qszt == '2' ? 'lishi' : '', | ||
| 31 | row.qszt == '0' ? 'linshi' : '', | ||
| 32 | row.qlzt == '4' ? 'linshi' : '', | ||
| 33 | |||
| 34 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 35 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 36 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 37 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 38 | ]"> | ||
| 39 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 40 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 41 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 42 | </div> | ||
| 43 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 44 | 有效 | ||
| 45 | </div> | ||
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 47 | 正在补录 | ||
| 48 | </div> | ||
| 49 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 50 | 正在申请 | ||
| 51 | </div> | ||
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 53 | 正在注销 | ||
| 54 | </div> | ||
| 55 | |||
| 56 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 57 | <span v-if="item.prop == 'qszt'"> | ||
| 58 | {{ getQsztName(row[item.prop]) }} | ||
| 59 | </span> | ||
| 60 | <span v-else>{{ row[item.prop] }}</span> | ||
| 61 | </p> | ||
| 62 | |||
| 63 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 64 | <span class="ellipsis-line"> | ||
| 65 | {{ row[item.prop] }} | ||
| 66 | </span> | ||
| 67 | </el-tooltip> | ||
| 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 { datas } from "./qlxxFormData.js"; | ||
| 79 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | ||
| 80 | import { getDiyiqList } from "@/api/djbDetail.js"; | ||
| 81 | export default { | ||
| 82 | data () { | ||
| 83 | return { | ||
| 84 | title: "地役权登记信息", | ||
| 85 | qsztList: datas.columns().qsztList, | ||
| 86 | checkList: datas.columns().checkList, | ||
| 87 | //传递参数 | ||
| 88 | bdcdyid: this.$route.query.bdcdyid, | ||
| 89 | qllx: this.$route.query.qllx, | ||
| 90 | //列表数据 | ||
| 91 | tableData: [], | ||
| 92 | //空列值个数 | ||
| 93 | emptycolNum: datas.columns().emptycolNum, | ||
| 94 | //列名称对象 | ||
| 95 | columns: datas.columns().DYIQ, | ||
| 96 | }; | ||
| 97 | }, | ||
| 98 | created () { | ||
| 99 | this.loadData(); | ||
| 100 | }, | ||
| 101 | methods: { | ||
| 102 | /** | ||
| 103 | * @description: loadData | ||
| 104 | * @author: renchao | ||
| 105 | */ | ||
| 106 | loadData () { | ||
| 107 | if (this.$parent.addRepairRecord) { | ||
| 108 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 109 | } | ||
| 110 | getDiyiqList({ | ||
| 111 | bdcdyid: this.bdcdyid, | ||
| 112 | qllx: this.qllx, | ||
| 113 | qszt: this.checkList, | ||
| 114 | }).then((res) => { | ||
| 115 | if (res.code === 200) { | ||
| 116 | this.tableData = res.result; | ||
| 117 | this.tableData.forEach((item) => { | ||
| 118 | item.sjlx = getSjlx(item.sjlx); | ||
| 119 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
| 120 | }); | ||
| 121 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 122 | this.emptycolNum = | ||
| 123 | datas.columns().emptycolNum - this.tableData.length; | ||
| 124 | } else { | ||
| 125 | this.emptycolNum = 0; | ||
| 126 | } | ||
| 127 | } | ||
| 128 | }); | ||
| 129 | }, | ||
| 130 | /** | ||
| 131 | * @description: checkChange | ||
| 132 | * @author: renchao | ||
| 133 | */ | ||
| 134 | checkChange () { | ||
| 135 | if (this.checkList.length === 0) { | ||
| 136 | this.tableData = []; | ||
| 137 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 138 | } else { | ||
| 139 | this.loadData(); | ||
| 140 | } | ||
| 141 | }, | ||
| 142 | /** | ||
| 143 | * @description: getQsztName | ||
| 144 | * @param {*} code | ||
| 145 | * @author: renchao | ||
| 146 | */ | ||
| 147 | getQsztName (code) { | ||
| 148 | let name = ""; | ||
| 149 | for (let item of this.qsztList) { | ||
| 150 | if (item.value == code) { | ||
| 151 | name = item.label; | ||
| 152 | break; | ||
| 153 | } | ||
| 154 | } | ||
| 155 | return name; | ||
| 156 | }, | ||
| 157 | // 新增一条补录信息 | ||
| 158 | /** | ||
| 159 | * @description: 新增一条补录信息 | ||
| 160 | * @param {*} row | ||
| 161 | * @param {*} del | ||
| 162 | * @author: renchao | ||
| 163 | */ | ||
| 164 | editDialog (row, del) { | ||
| 165 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 166 | confirmButtonText: "确定", | ||
| 167 | cancelButtonText: "取消", | ||
| 168 | type: "warning", | ||
| 169 | }) | ||
| 170 | .then(() => { | ||
| 171 | this.$parent.addRepairRecord(row, del); | ||
| 172 | |||
| 173 | this.$message({ | ||
| 174 | type: "success", | ||
| 175 | message: "补录成功!", | ||
| 176 | }); | ||
| 177 | }) | ||
| 178 | .catch(() => { | ||
| 179 | this.$message({ | ||
| 180 | type: "info", | ||
| 181 | message: "取消编辑", | ||
| 182 | }); | ||
| 183 | }); | ||
| 184 | }, | ||
| 185 | }, | ||
| 186 | }; | ||
| 187 | </script> | ||
| 188 | |||
| 189 | <style lang="scss" scoped> | ||
| 190 | @import "./qlxxCommon.scss"; | ||
| 191 | </style> |
src/views/printdjb/components/djbfm.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-19 09:52:42 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djbfm"> | ||
| 8 | <br /><br /> | ||
| 9 | <p> | ||
| 10 | <font>{{ info.sheng }}</font> | ||
| 11 | 省 (区、市) | ||
| 12 | <font>{{ info.shi }}</font> | ||
| 13 | 市 (区) | ||
| 14 | <font>{{ info.xian }}</font> | ||
| 15 | 区 (县、市) | ||
| 16 | </p> | ||
| 17 | <p> | ||
| 18 | <font>{{ info.jdh }}</font> | ||
| 19 | 街道 (乡、镇) | ||
| 20 | <font>{{ info.jfh }}</font> | ||
| 21 | 街坊 (村) | ||
| 22 | <font>{{ info.zh }}</font> | ||
| 23 | 组 | ||
| 24 | </p> | ||
| 25 | <div class="title">不动产登记簿</div> | ||
| 26 | <br /> | ||
| 27 | <p> | ||
| 28 | 宗地/宗海号: | ||
| 29 | <font>{{ info.zddm }}</font> | ||
| 30 | </p> | ||
| 31 | <div class="bottom"> | ||
| 32 | <p> | ||
| 33 | 登记机构: | ||
| 34 | <font>{{ info.djjg }}</font> | ||
| 35 | </p> | ||
| 36 | </div> | ||
| 37 | </div> | ||
| 38 | </template> | ||
| 39 | |||
| 40 | <script> | ||
| 41 | import { getDjbfm } from "@/api/djbDetail.js"; | ||
| 42 | |||
| 43 | export default { | ||
| 44 | data () { | ||
| 45 | return { | ||
| 46 | //传递参数 | ||
| 47 | bdcdyid: this.$route.query.bdcdyid, | ||
| 48 | info: {}, | ||
| 49 | }; | ||
| 50 | }, | ||
| 51 | mounted () { | ||
| 52 | this.loadData(); | ||
| 53 | }, | ||
| 54 | methods: { | ||
| 55 | /** | ||
| 56 | * @description: loadData | ||
| 57 | * @author: renchao | ||
| 58 | */ | ||
| 59 | loadData () { | ||
| 60 | getDjbfm({ bdcdyid: this.bdcdyid }).then((res) => { | ||
| 61 | if (res.code === 200) { | ||
| 62 | this.info = res.result; | ||
| 63 | } | ||
| 64 | }); | ||
| 65 | }, | ||
| 66 | }, | ||
| 67 | }; | ||
| 68 | </script> | ||
| 69 | |||
| 70 | <style lang="scss" scoped> | ||
| 71 | .djbfm { | ||
| 72 | width: 100%; | ||
| 73 | height: 100%; | ||
| 74 | background: #fff; | ||
| 75 | line-height: 45px; | ||
| 76 | text-align: center; | ||
| 77 | font-size: 18px; | ||
| 78 | font-family: serif; | ||
| 79 | position: relative; | ||
| 80 | |||
| 81 | font { | ||
| 82 | border-bottom: 1px solid #000; | ||
| 83 | display: inline-block; | ||
| 84 | padding: 0 15px; | ||
| 85 | line-height: 16px; | ||
| 86 | } | ||
| 87 | |||
| 88 | .title { | ||
| 89 | height: 40%; | ||
| 90 | display: flex; | ||
| 91 | font-size: 38px; | ||
| 92 | color: #000; | ||
| 93 | justify-content: center; | ||
| 94 | align-items: center; | ||
| 95 | } | ||
| 96 | |||
| 97 | .bottom { | ||
| 98 | position: absolute; | ||
| 99 | bottom: 0px; | ||
| 100 | text-align: center; | ||
| 101 | width: 100%; | ||
| 102 | left: 0; | ||
| 103 | height: 100px; | ||
| 104 | line-height: 100px; | ||
| 105 | |||
| 106 | p { | ||
| 107 | font-size: 28px; | ||
| 108 | } | ||
| 109 | |||
| 110 | font { | ||
| 111 | font-size: 24px; | ||
| 112 | line-height: 24px; | ||
| 113 | } | ||
| 114 | } | ||
| 115 | } | ||
| 116 | </style> |
src/views/printdjb/components/fdcq1.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="all"> | ||
| 3 | <div class="tbalede"> | ||
| 4 | <div class="title"> | ||
| 5 | {{ title }} | ||
| 6 | </div> | ||
| 7 | <table class="xxTable"> | ||
| 8 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 9 | <td> | ||
| 10 | {{ item.label }} | ||
| 11 | </td> | ||
| 12 | <td v-for="(row, index) in tableData" :key="index"> | ||
| 13 | <span> | ||
| 14 | {{ getQsztName(row[item.prop]) }} | ||
| 15 | </span> | ||
| 16 | <span v-if="['djyy','fj'].includes(item.prop)"> | ||
| 17 | {{ row[item.prop] }} | ||
| 18 | </span> | ||
| 19 | |||
| 20 | <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> | ||
| 21 | {{ row[item.prop] }} | ||
| 22 | </span> | ||
| 23 | <div v-if="judge(item.label)"> | ||
| 24 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | ||
| 25 | {{ label[item.prop] }} | ||
| 26 | </div> | ||
| 27 | </div> | ||
| 28 | </td> | ||
| 29 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 30 | </tr> | ||
| 31 | </table> | ||
| 32 | </div> | ||
| 33 | <div class="tbalede"> | ||
| 34 | <div class="title"> | ||
| 35 | {{ title }} | ||
| 36 | </div> | ||
| 37 | <table class="xxTable"> | ||
| 38 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 39 | <td> | ||
| 40 | {{ item.label }} | ||
| 41 | </td> | ||
| 42 | <td v-for="(row, index) in tableData" :key="index"> | ||
| 43 | <span class="ooo" v-if="item.prop == 'qszt'"> | ||
| 44 | {{ getQsztName(row[item.prop]) }} | ||
| 45 | </span> | ||
| 46 | |||
| 47 | <el-tooltip v-if="['djyy','fj'].includes(item.prop)" > | ||
| 48 | <span> | ||
| 49 | {{ row[item.prop] }} | ||
| 50 | </span> | ||
| 51 | </el-tooltip> | ||
| 52 | |||
| 53 | <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> | ||
| 54 | {{ row[item.prop] }} | ||
| 55 | </span> | ||
| 56 | <div v-if="judge(item.label)"> | ||
| 57 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | ||
| 58 | {{ label[item.prop] }} | ||
| 59 | </div> | ||
| 60 | </div> | ||
| 61 | </td> | ||
| 62 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 63 | </tr> | ||
| 64 | </table> | ||
| 65 | </div> | ||
| 66 | </div> | ||
| 67 | </template> | ||
| 68 | |||
| 69 | <script> | ||
| 70 | import { datas } from "./qlxxFormData.js"; | ||
| 71 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 72 | import { getFdcq1List } from "@/api/djbDetail.js"; | ||
| 73 | export default { | ||
| 74 | data () { | ||
| 75 | return { | ||
| 76 | title: "房地产权登记信息（多幢）", | ||
| 77 | qsztList: datas.columns().qsztList, | ||
| 78 | checkList: datas.columns().checkList, | ||
| 79 | //传递参数 | ||
| 80 | bdcdyid: this.$route.query.bdcdyid, | ||
| 81 | qllx: this.$route.query.qllx, | ||
| 82 | //列表数据 | ||
| 83 | tableData: [], | ||
| 84 | //空列值个数 | ||
| 85 | emptycolNum: datas.columns().emptycolNum, | ||
| 86 | //列名称对象 | ||
| 87 | columns: datas.columns().FDCQ1, | ||
| 88 | }; | ||
| 89 | }, | ||
| 90 | created () { | ||
| 91 | this.loadData(); | ||
| 92 | }, | ||
| 93 | methods: { | ||
| 94 | /** | ||
| 95 | * @description: loadData | ||
| 96 | * @author: renchao | ||
| 97 | */ | ||
| 98 | loadData () { | ||
| 99 | if (this.$parent.addRepairRecord) { | ||
| 100 | this.columns.unshift({ | ||
| 101 | prop: "cz", | ||
| 102 | label: "操作" | ||
| 103 | }) | ||
| 104 | } | ||
| 105 | getFdcq1List({ | ||
| 106 | bdcdyid: this.bdcdyid, | ||
| 107 | qllx: this.qllx, | ||
| 108 | qszt: this.checkList, | ||
| 109 | }).then((res) => { | ||
| 110 | if (res.code === 200) { | ||
| 111 | this.tableData = res.result; | ||
| 112 | this.tableData.forEach(item => { | ||
| 113 | this.tableData.push(item) | ||
| 114 | item.sjlx = getSjlx(item.sjlx) | ||
| 115 | |||
| 116 | }) | ||
| 117 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 118 | this.emptycolNum = | ||
| 119 | datas.columns().emptycolNum - this.tableData.length; | ||
| 120 | } else { | ||
| 121 | this.emptycolNum = 0; | ||
| 122 | } | ||
| 123 | } | ||
| 124 | }); | ||
| 125 | }, | ||
| 126 | /** | ||
| 127 | * @description: checkChange | ||
| 128 | * @author: renchao | ||
| 129 | */ | ||
| 130 | checkChange () { | ||
| 131 | if (this.checkList.length === 0) { | ||
| 132 | this.tableData = []; | ||
| 133 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 134 | } else { | ||
| 135 | this.loadData(); | ||
| 136 | } | ||
| 137 | }, | ||
| 138 | /** | ||
| 139 | * @description: getQsztName | ||
| 140 | * @param {*} code | ||
| 141 | * @author: renchao | ||
| 142 | */ | ||
| 143 | getQsztName (code) { | ||
| 144 | let name = ""; | ||
| 145 | for (let item of this.qsztList) { | ||
| 146 | if (item.value == code) { | ||
| 147 | name = item.label; | ||
| 148 | break; | ||
| 149 | } | ||
| 150 | } | ||
| 151 | return name; | ||
| 152 | }, | ||
| 153 | /** | ||
| 154 | * @description: judge | ||
| 155 | * @param {*} lable | ||
| 156 | * @author: renchao | ||
| 157 | */ | ||
| 158 | judge (label) { | ||
| 159 | if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) { | ||
| 160 | return true | ||
| 161 | } else { | ||
| 162 | return false | ||
| 163 | } | ||
| 164 | }, | ||
| 165 | // 新增一条补录信息 | ||
| 166 | /** | ||
| 167 | * @description: 新增一条补录信息 | ||
| 168 | * @param {*} row | ||
| 169 | * @param {*} del | ||
| 170 | * @author: renchao | ||
| 171 | */ | ||
| 172 | editDialog (row, del) { | ||
| 173 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 174 | confirmButtonText: '确定', | ||
| 175 | cancelButtonText: '取消', | ||
| 176 | type: 'warning' | ||
| 177 | }).then(() => { | ||
| 178 | this.$parent.addRepairRecord(row, del) | ||
| 179 | |||
| 180 | this.$message({ | ||
| 181 | type: 'success', | ||
| 182 | message: '补录成功!' | ||
| 183 | }); | ||
| 184 | }).catch(() => { | ||
| 185 | this.$message({ | ||
| 186 | type: 'info', | ||
| 187 | message: '取消编辑' | ||
| 188 | }); | ||
| 189 | }); | ||
| 190 | |||
| 191 | }, | ||
| 192 | }, | ||
| 193 | }; | ||
| 194 | </script> | ||
| 195 | |||
| 196 | <style lang="scss" scoped> | ||
| 197 | .all { | ||
| 198 | width: 794px; | ||
| 199 | height: 100%; | ||
| 200 | margin: auto; | ||
| 201 | background-color: rgb(255, 255, 255); | ||
| 202 | overflow: hidden | ||
| 203 | } | ||
| 204 | .tbalede { | ||
| 205 | width: 794px; | ||
| 206 | height: 1123px; | ||
| 207 | margin: auto; | ||
| 208 | .title { | ||
| 209 | width: 100%; | ||
| 210 | font-weight: 700; | ||
| 211 | font-size: 16px; | ||
| 212 | text-align: center; | ||
| 213 | height: 62px; | ||
| 214 | line-height: 62px; | ||
| 215 | position: relative; | ||
| 216 | margin: 0 3px; | ||
| 217 | } | ||
| 218 | } | ||
| 219 | .top { | ||
| 220 | width: 80%; | ||
| 221 | height: 100px; | ||
| 222 | margin: auto; | ||
| 223 | display: flex; | ||
| 224 | position: relative; | ||
| 225 | } | ||
| 226 | p { | ||
| 227 | position: absolute; | ||
| 228 | bottom: 10px; | ||
| 229 | right: 10px; | ||
| 230 | } | ||
| 231 | table { | ||
| 232 | width: 80%; | ||
| 233 | border: 1px solid black; | ||
| 234 | margin: 0 auto; | ||
| 235 | border-collapse: collapse; | ||
| 236 | } | ||
| 237 | .head { | ||
| 238 | font-size: 20px; | ||
| 239 | width: 100%; | ||
| 240 | height: 40px; | ||
| 241 | margin: auto; | ||
| 242 | } | ||
| 243 | .dyh { | ||
| 244 | padding: 10px; | ||
| 245 | font-size: 12px; | ||
| 246 | text-align: left; | ||
| 247 | } | ||
| 248 | |||
| 249 | |||
| 250 | .content { | ||
| 251 | height: 40px; | ||
| 252 | } | ||
| 253 | .slash-wrap { | ||
| 254 | position: relative; | ||
| 255 | box-sizing: border-box; | ||
| 256 | width: 150px; | ||
| 257 | height: 40px; | ||
| 258 | } | ||
| 259 | /* 斜线 */ | ||
| 260 | .slash1 { | ||
| 261 | position: absolute; | ||
| 262 | display: block; | ||
| 263 | top: 0; | ||
| 264 | left: 0; | ||
| 265 | width: 133px; | ||
| 266 | height: 1px; | ||
| 267 | background-color: #949393; | ||
| 268 | transform: rotate(17.93010235415598deg); | ||
| 269 | transform-origin: top left; | ||
| 270 | } | ||
| 271 | /* 左下角文字 */ | ||
| 272 | .left { | ||
| 273 | position: absolute; | ||
| 274 | left: 30px; | ||
| 275 | bottom: 5px; | ||
| 276 | } | ||
| 277 | |||
| 278 | /* 右上角文字 */ | ||
| 279 | .mid { | ||
| 280 | position: absolute; | ||
| 281 | /* 右上角 right:0; top: 0; */ | ||
| 282 | right: 29px; | ||
| 283 | top: 4px; | ||
| 284 | } | ||
| 285 | .xxTable { | ||
| 286 | width: 100%; | ||
| 287 | border-collapse: collapse; | ||
| 288 | |||
| 289 | |||
| 290 | |||
| 291 | tr td { | ||
| 292 | border: 2px solid rgb(227, 226, 226); | ||
| 293 | text-align: center; | ||
| 294 | height: 40px; | ||
| 295 | font-size: 13px; | ||
| 296 | // flex: 1; | ||
| 297 | // display: flex; | ||
| 298 | // align-items: center; | ||
| 299 | // justify-content: center; | ||
| 300 | min-width: 80px; | ||
| 301 | z-index: 1; | ||
| 302 | .ooo{ | ||
| 303 | width: 190px!important; | ||
| 304 | |||
| 305 | } | ||
| 306 | } | ||
| 307 | td:first-child{ | ||
| 308 | flex: inherit !important; | ||
| 309 | // width: 200px !important; | ||
| 310 | min-width: 180px !important; | ||
| 311 | } | ||
| 312 | |||
| 313 | } | ||
| 314 | .ellipsis-line { | ||
| 315 | display: inline-block; | ||
| 316 | width: 300px; | ||
| 317 | height: 100px!important; | ||
| 318 | line-height: 20px!important; | ||
| 319 | word-break: break-all; | ||
| 320 | text-overflow: ellipsis; | ||
| 321 | overflow: hidden; | ||
| 322 | } | ||
| 323 | </style> |
src/views/printdjb/components/fdcq2.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-25 17:17:06 | ||
| 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 | ||
| 14 | v-for="item in qsztList" | ||
| 15 | :key="item.value" | ||
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | ||
| 17 | </el-checkbox-group> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | <div class="xxTableBox rollTable"> | ||
| 21 | <table class="xxTable"> | ||
| 22 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 23 | <td> | ||
| 24 | {{ item.label }} | ||
| 25 | </td> | ||
| 26 | <td | ||
| 27 | v-for="(row, index) in tableData" | ||
| 28 | :key="index" | ||
| 29 | :class="[ | ||
| 30 | row.qszt == '2' ? 'lishi' : '', | ||
| 31 | row.qszt == '0' ? 'linshi' : '', | ||
| 32 | row.qlzt == '4' ? 'linshi' : '', | ||
| 33 | |||
| 34 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 35 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 36 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 37 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 38 | ]"> | ||
| 39 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 40 | <el-button | ||
| 41 | type="text" | ||
| 42 | icon="el-icon-edit-outline" | ||
| 43 | @click="editDialog(row)">编辑</el-button> | ||
| 44 | <el-button | ||
| 45 | type="text" | ||
| 46 | icon="el-icon-edit-outline" | ||
| 47 | @click="editDialog(row, 'D')">删除</el-button> | ||
| 48 | </div> | ||
| 49 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 50 | 有效 | ||
| 51 | </div> | ||
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 53 | 正在补录 | ||
| 54 | </div> | ||
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 56 | 正在申请 | ||
| 57 | </div> | ||
| 58 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 59 | 正在注销 | ||
| 60 | </div> | ||
| 61 | |||
| 62 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 63 | <span v-if="item.prop == 'qszt'"> | ||
| 64 | {{ getQsztName(row[item.prop]) }} | ||
| 65 | </span> | ||
| 66 | <span v-else>{{ row[item.prop] }}</span> | ||
| 67 | </p> | ||
| 68 | |||
| 69 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 70 | <span class="ellipsis-line"> | ||
| 71 | {{ row[item.prop] }} | ||
| 72 | </span> | ||
| 73 | </el-tooltip> | ||
| 74 | |||
| 75 | </td> | ||
| 76 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 77 | </tr> | ||
| 78 | </table> | ||
| 79 | </div> | ||
| 80 | </div> | ||
| 81 | </div> | ||
| 82 | </template> | ||
| 83 | |||
| 84 | <script> | ||
| 85 | import { datas } from "./qlxxFormData.js"; | ||
| 86 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 87 | import { getFdcq2List } from "@/api/djbDetail.js"; | ||
| 88 | export default { | ||
| 89 | data () { | ||
| 90 | return { | ||
| 91 | title: "房地产权登记信息（独幢、层、套、间房屋）", | ||
| 92 | qsztList: datas.columns().qsztList, | ||
| 93 | checkList: datas.columns().checkList, | ||
| 94 | //传递参数 | ||
| 95 | bdcdyid: this.$route.query.bdcdyid, | ||
| 96 | qllx: this.$route.query.qllx, | ||
| 97 | //列表数据 | ||
| 98 | tableData: [], | ||
| 99 | //空列值个数 | ||
| 100 | emptycolNum: datas.columns().emptycolNum, | ||
| 101 | //列名称对象 | ||
| 102 | columns: datas.columns().FDCQ2, | ||
| 103 | }; | ||
| 104 | }, | ||
| 105 | created () { | ||
| 106 | this.loadData(); | ||
| 107 | }, | ||
| 108 | methods: { | ||
| 109 | /** | ||
| 110 | * @description: loadData | ||
| 111 | * @author: renchao | ||
| 112 | */ | ||
| 113 | loadData () { | ||
| 114 | if (this.$parent.addRepairRecord) { | ||
| 115 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 116 | } | ||
| 117 | getFdcq2List({ | ||
| 118 | bdcdyid: this.bdcdyid, | ||
| 119 | qllx: this.qllx, | ||
| 120 | qszt: this.checkList, | ||
| 121 | }).then((res) => { | ||
| 122 | if (res.code === 200) { | ||
| 123 | this.tableData = res.result; | ||
| 124 | this.tableData.forEach((item) => { | ||
| 125 | item.sjlx = getSjlx(item.sjlx); | ||
| 126 | }); | ||
| 127 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 128 | this.emptycolNum = | ||
| 129 | datas.columns().emptycolNum - this.tableData.length; | ||
| 130 | } else { | ||
| 131 | this.emptycolNum = 0; | ||
| 132 | } | ||
| 133 | } | ||
| 134 | }); | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: checkChange | ||
| 138 | * @author: renchao | ||
| 139 | */ | ||
| 140 | checkChange () { | ||
| 141 | if (this.checkList.length === 0) { | ||
| 142 | this.tableData = []; | ||
| 143 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 144 | } else { | ||
| 145 | this.loadData(); | ||
| 146 | } | ||
| 147 | }, | ||
| 148 | /** | ||
| 149 | * @description: getQsztName | ||
| 150 | * @param {*} code | ||
| 151 | * @author: renchao | ||
| 152 | */ | ||
| 153 | getQsztName (code) { | ||
| 154 | let name = ""; | ||
| 155 | for (let item of this.qsztList) { | ||
| 156 | if (item.value == code) { | ||
| 157 | name = item.label; | ||
| 158 | break; | ||
| 159 | } | ||
| 160 | } | ||
| 161 | return name; | ||
| 162 | }, | ||
| 163 | // 新增一条补录信息 | ||
| 164 | /** | ||
| 165 | * @description: 新增一条补录信息 | ||
| 166 | * @param {*} row | ||
| 167 | * @param {*} del | ||
| 168 | * @author: renchao | ||
| 169 | */ | ||
| 170 | editDialog (row, del) { | ||
| 171 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 172 | confirmButtonText: "确定", | ||
| 173 | cancelButtonText: "取消", | ||
| 174 | type: "warning", | ||
| 175 | }) | ||
| 176 | .then(() => { | ||
| 177 | this.$parent.addRepairRecord(row, del); | ||
| 178 | }) | ||
| 179 | .catch(() => { | ||
| 180 | this.$message({ | ||
| 181 | type: "info", | ||
| 182 | message: "取消", | ||
| 183 | }); | ||
| 184 | }); | ||
| 185 | }, | ||
| 186 | }, | ||
| 187 | }; | ||
| 188 | </script> | ||
| 189 | |||
| 190 | <style lang="scss" scoped> | ||
| 191 | @import "./qlxxCommon.scss"; | ||
| 192 | </style> |
src/views/printdjb/components/jsydsyq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-24 16:15:01 | ||
| 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 | row.qlzt == '4' ? 'linshi' : '', | ||
| 28 | |||
| 29 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 32 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 33 | ]"> | ||
| 34 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 36 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 37 | </div> | ||
| 38 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 39 | 有效 | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 42 | 正在补录 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 45 | 正在申请 | ||
| 46 | </div> | ||
| 47 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 48 | 正在注销 | ||
| 49 | </div> | ||
| 50 | |||
| 51 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 52 | <span v-if="item.prop == 'qszt'"> | ||
| 53 | {{ getQsztName(row[item.prop]) }} | ||
| 54 | </span> | ||
| 55 | <span v-else>{{ row[item.prop] }}</span> | ||
| 56 | </p> | ||
| 57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 58 | <span class="ellipsis-line"> | ||
| 59 | {{ row[item.prop] }} | ||
| 60 | </span> | ||
| 61 | </el-tooltip> | ||
| 62 | </td> | ||
| 63 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 64 | </tr> | ||
| 65 | </table> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | </div> | ||
| 69 | </template> | ||
| 70 | |||
| 71 | <script> | ||
| 72 | import { datas } from "./qlxxFormData.js"; | ||
| 73 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 74 | import { getJsydsyqList } from "@/api/djbDetail.js"; | ||
| 75 | export default { | ||
| 76 | data () { | ||
| 77 | return { | ||
| 78 | title: "建设用地使用权、宅基地使用权登记信息", | ||
| 79 | qsztList: datas.columns().qsztList, | ||
| 80 | checkList: datas.columns().checkList, | ||
| 81 | //传递参数 | ||
| 82 | bdcdyid: this.$route.query.bdcdyid, | ||
| 83 | qllx: this.$route.query.qllx, | ||
| 84 | //列表数据 | ||
| 85 | tableData: [], | ||
| 86 | //空列值个数 | ||
| 87 | emptycolNum: datas.columns().emptycolNum, | ||
| 88 | //列名称对象 | ||
| 89 | columns: datas.columns().JSYDSYQ, | ||
| 90 | }; | ||
| 91 | }, | ||
| 92 | created () { | ||
| 93 | this.loadData(); | ||
| 94 | }, | ||
| 95 | methods: { | ||
| 96 | /** | ||
| 97 | * @description: loadData | ||
| 98 | * @author: renchao | ||
| 99 | */ | ||
| 100 | loadData () { | ||
| 101 | |||
| 102 | if (this.$parent.addRepairRecord) { | ||
| 103 | this.columns.unshift({ | ||
| 104 | prop: "cz", | ||
| 105 | label: "操作" | ||
| 106 | }) | ||
| 107 | } | ||
| 108 | getJsydsyqList({ | ||
| 109 | bdcdyid: this.bdcdyid, | ||
| 110 | qllx: this.qllx, | ||
| 111 | qszt: this.checkList, | ||
| 112 | }).then((res) => { | ||
| 113 | if (res.code === 200) { | ||
| 114 | this.tableData = res.result; | ||
| 115 | this.tableData.forEach(item => { | ||
| 116 | item.sjlx = getSjlx(item.sjlx) | ||
| 117 | }) | ||
| 118 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 119 | this.emptycolNum = | ||
| 120 | datas.columns().emptycolNum - this.tableData.length; | ||
| 121 | } else { | ||
| 122 | this.emptycolNum = 0; | ||
| 123 | } | ||
| 124 | } | ||
| 125 | }); | ||
| 126 | }, | ||
| 127 | /** | ||
| 128 | * @description: checkChange | ||
| 129 | * @author: renchao | ||
| 130 | */ | ||
| 131 | checkChange () { | ||
| 132 | if (this.checkList.length === 0) { | ||
| 133 | this.tableData = []; | ||
| 134 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 135 | } else { | ||
| 136 | this.loadData(); | ||
| 137 | } | ||
| 138 | }, | ||
| 139 | /** | ||
| 140 | * @description: getQsztName | ||
| 141 | * @param {*} code | ||
| 142 | * @author: renchao | ||
| 143 | */ | ||
| 144 | getQsztName (code) { | ||
| 145 | let name = ""; | ||
| 146 | for (let item of this.qsztList) { | ||
| 147 | if (item.value == code) { | ||
| 148 | name = item.label; | ||
| 149 | break; | ||
| 150 | } | ||
| 151 | } | ||
| 152 | return name; | ||
| 153 | }, | ||
| 154 | // 新增一条补录信息 | ||
| 155 | /** | ||
| 156 | * @description: 新增一条补录信息 | ||
| 157 | * @param {*} row | ||
| 158 | * @param {*} del | ||
| 159 | * @author: renchao | ||
| 160 | */ | ||
| 161 | editDialog (row, del) { | ||
| 162 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 163 | confirmButtonText: '确定', | ||
| 164 | cancelButtonText: '取消', | ||
| 165 | type: 'warning' | ||
| 166 | }).then(() => { | ||
| 167 | this.$parent.addRepairRecord(row, del) | ||
| 168 | |||
| 169 | this.$message({ | ||
| 170 | type: 'success', | ||
| 171 | message: '补录成功!' | ||
| 172 | }); | ||
| 173 | }).catch(() => { | ||
| 174 | this.$message({ | ||
| 175 | type: 'info', | ||
| 176 | message: '取消编辑' | ||
| 177 | }); | ||
| 178 | }); | ||
| 179 | |||
| 180 | }, | ||
| 181 | }, | ||
| 182 | }; | ||
| 183 | </script> | ||
| 184 | |||
| 185 | <style lang="scss" scoped> | ||
| 186 | @import "./qlxxCommon.scss"; | ||
| 187 | </style> |
src/views/printdjb/components/ldsyq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-25 17:16:32 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="all"> | ||
| 8 | <div class="tbalede"> | ||
| 9 | <table class="xxTable"> | ||
| 10 | <tr> | ||
| 11 | <th colspan="5" class="head"> {{ title }}</th> | ||
| 12 | </tr> | ||
| 13 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 14 | <td> | ||
| 15 | {{ item.label }} | ||
| 16 | </td> | ||
| 17 | <td | ||
| 18 | v-for="(row, index) in tableData" | ||
| 19 | :key="index"> | ||
| 20 | <span> | ||
| 21 | {{ getQsztName(row[item.prop]) }} | ||
| 22 | </span> | ||
| 23 | |||
| 24 | <span> | ||
| 25 | {{ row[item.prop] }} | ||
| 26 | </span> | ||
| 27 | |||
| 28 | </td> | ||
| 29 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 30 | </tr> | ||
| 31 | </table> | ||
| 32 | </div> | ||
| 33 | </div> | ||
| 34 | </template> | ||
| 35 | |||
| 36 | <script> | ||
| 37 | import { datas } from "./qlxxFormData.js"; | ||
| 38 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | ||
| 39 | import { getLqList } from "@/api/djbDetail.js"; | ||
| 40 | export default { | ||
| 41 | data () { | ||
| 42 | return { | ||
| 43 | title: "林权登记信息", | ||
| 44 | qsztList: datas.columns().qsztList, | ||
| 45 | checkList: datas.columns().checkList, | ||
| 46 | //传递参数 | ||
| 47 | bdcdyid: this.$route.query.bdcdyid, | ||
| 48 | qllx: this.$route.query.qllx, | ||
| 49 | //列表数据 | ||
| 50 | tableData: [], | ||
| 51 | //空列值个数 | ||
| 52 | emptycolNum: datas.columns().emptycolNum, | ||
| 53 | //列名称对象 | ||
| 54 | columns: datas.columns().LDSYQ, | ||
| 55 | }; | ||
| 56 | }, | ||
| 57 | created () { | ||
| 58 | this.loadData(); | ||
| 59 | }, | ||
| 60 | methods: { | ||
| 61 | /** | ||
| 62 | * @description: loadData | ||
| 63 | * @author: renchao | ||
| 64 | */ | ||
| 65 | loadData () { | ||
| 66 | if (this.$parent.addRepairRecord) { | ||
| 67 | this.columns.unshift({ | ||
| 68 | prop: "cz", | ||
| 69 | label: "操作", | ||
| 70 | }); | ||
| 71 | } | ||
| 72 | getLqList({ | ||
| 73 | bdcdyid: this.bdcdyid, | ||
| 74 | qllx: this.qllx, | ||
| 75 | qszt: this.checkList, | ||
| 76 | }).then((res) => { | ||
| 77 | if (res.code === 200) { | ||
| 78 | this.tableData = res.result; | ||
| 79 | this.tableData.forEach((item) => { | ||
| 80 | item.sjlx = getSjlx(item.sjlx); | ||
| 81 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45') | ||
| 82 | item.lz = getDictLeabel(item.lz, 'A26') | ||
| 83 | item.qy = getDictLeabel(item.qy, 'A52') | ||
| 84 | }); | ||
| 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 | /** | ||
| 95 | * @description: checkChange | ||
| 96 | * @author: renchao | ||
| 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 | /** | ||
| 107 | * @description: getQsztName | ||
| 108 | * @param {*} code | ||
| 109 | * @author: renchao | ||
| 110 | */ | ||
| 111 | getQsztName (code) { | ||
| 112 | let name = ""; | ||
| 113 | for (let item of this.qsztList) { | ||
| 114 | if (item.value == code) { | ||
| 115 | name = item.label; | ||
| 116 | break; | ||
| 117 | } | ||
| 118 | } | ||
| 119 | return name; | ||
| 120 | }, | ||
| 121 | // 新增一条补录信息 | ||
| 122 | /** | ||
| 123 | * @description: 新增一条补录信息 | ||
| 124 | * @param {*} row | ||
| 125 | * @param {*} del | ||
| 126 | * @author: renchao | ||
| 127 | */ | ||
| 128 | editDialog (row, del) { | ||
| 129 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 130 | confirmButtonText: "确定", | ||
| 131 | cancelButtonText: "取消", | ||
| 132 | type: "warning", | ||
| 133 | }) | ||
| 134 | .then(() => { | ||
| 135 | this.$parent.addRepairRecord(row, del); | ||
| 136 | |||
| 137 | this.$message({ | ||
| 138 | type: "success", | ||
| 139 | message: "补录成功!", | ||
| 140 | }); | ||
| 141 | }) | ||
| 142 | .catch(() => { | ||
| 143 | this.$message({ | ||
| 144 | type: "info", | ||
| 145 | message: "取消编辑", | ||
| 146 | }); | ||
| 147 | }); | ||
| 148 | }, | ||
| 149 | }, | ||
| 150 | }; | ||
| 151 | </script> | ||
| 152 | |||
| 153 | <style lang="scss" scoped> | ||
| 154 | .all { | ||
| 155 | width: 794px; | ||
| 156 | height: 100%; | ||
| 157 | margin: auto; | ||
| 158 | background-color: rgb(255, 255, 255); | ||
| 159 | } | ||
| 160 | .tbalede { | ||
| 161 | width: 794px; | ||
| 162 | height: 1123px; | ||
| 163 | margin: auto; | ||
| 164 | } | ||
| 165 | .top { | ||
| 166 | width: 80%; | ||
| 167 | height: 100px; | ||
| 168 | margin: auto; | ||
| 169 | display: flex; | ||
| 170 | position: relative; | ||
| 171 | } | ||
| 172 | p { | ||
| 173 | position: absolute; | ||
| 174 | bottom: 10px; | ||
| 175 | right: 10px; | ||
| 176 | } | ||
| 177 | table { | ||
| 178 | width: 80%; | ||
| 179 | border: 1px solid black; | ||
| 180 | margin: 0 auto; | ||
| 181 | border-collapse: collapse; | ||
| 182 | } | ||
| 183 | .head { | ||
| 184 | font-size: 20px; | ||
| 185 | width: 100%; | ||
| 186 | height: 40px; | ||
| 187 | margin: auto; | ||
| 188 | } | ||
| 189 | .dyh { | ||
| 190 | padding: 10px; | ||
| 191 | font-size: 12px; | ||
| 192 | text-align: left; | ||
| 193 | } | ||
| 194 | |||
| 195 | |||
| 196 | .content { | ||
| 197 | height: 40px; | ||
| 198 | } | ||
| 199 | .slash-wrap { | ||
| 200 | position: relative; | ||
| 201 | box-sizing: border-box; | ||
| 202 | width: 150px; | ||
| 203 | height: 40px; | ||
| 204 | } | ||
| 205 | /* 斜线 */ | ||
| 206 | .slash1 { | ||
| 207 | position: absolute; | ||
| 208 | display: block; | ||
| 209 | top: 0; | ||
| 210 | left: 0; | ||
| 211 | width: 133px; | ||
| 212 | height: 1px; | ||
| 213 | background-color: #949393; | ||
| 214 | transform: rotate(17.93010235415598deg); | ||
| 215 | transform-origin: top left; | ||
| 216 | } | ||
| 217 | /* 左下角文字 */ | ||
| 218 | .left { | ||
| 219 | position: absolute; | ||
| 220 | left: 30px; | ||
| 221 | bottom: 5px; | ||
| 222 | } | ||
| 223 | |||
| 224 | /* 右上角文字 */ | ||
| 225 | .mid { | ||
| 226 | position: absolute; | ||
| 227 | /* 右上角 right:0; top: 0; */ | ||
| 228 | right: 29px; | ||
| 229 | top: 4px; | ||
| 230 | } | ||
| 231 | .xxTable { | ||
| 232 | width: 100%; | ||
| 233 | border-collapse: collapse; | ||
| 234 | table-layout:fixed; | ||
| 235 | |||
| 236 | |||
| 237 | td { | ||
| 238 | border: 1px solid rgb(0, 0, 0); | ||
| 239 | text-align: center; | ||
| 240 | height: 40px; | ||
| 241 | width: 80px!important; | ||
| 242 | word-wrap:break-word | ||
| 243 | } | ||
| 244 | td:first-child{ | ||
| 245 | min-width: 180px !important; | ||
| 246 | } | ||
| 247 | |||
| 248 | } | ||
| 249 | .ellipsis-line { | ||
| 250 | display: inline-block; | ||
| 251 | width: 300px; | ||
| 252 | height: 100px!important; | ||
| 253 | line-height: 20px!important; | ||
| 254 | word-break: break-all; | ||
| 255 | text-overflow: ellipsis; | ||
| 256 | overflow: hidden; | ||
| 257 | } | ||
| 258 | </style> |
src/views/printdjb/components/nydsyq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-25 17:19:17 | ||
| 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 | row.qlzt == '4' ? 'linshi' : '', | ||
| 28 | |||
| 29 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 32 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 33 | ]"> | ||
| 34 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 36 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 37 | </div> | ||
| 38 | <div class="icon" v-if="row.qlzt == '1'"> | ||
| 39 | 有效 | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="row.qlzt == '2'"> | ||
| 42 | 正在补录 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="row.qlzt == '3'"> | ||
| 45 | 正在申请 | ||
| 46 | </div> | ||
| 47 | <div class="icon" v-if="row.qlzt == '4'"> | ||
| 48 | 正在注销 | ||
| 49 | </div> | ||
| 50 | |||
| 51 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 52 | <span v-if="item.prop == 'qszt'"> | ||
| 53 | {{ getQsztName(row[item.prop]) }} | ||
| 54 | </span> | ||
| 55 | <span v-else>{{ row[item.prop] }}</span> | ||
| 56 | </p> | ||
| 57 | |||
| 58 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 59 | <span class="ellipsis-line"> | ||
| 60 | {{ row[item.prop] }} | ||
| 61 | </span> | ||
| 62 | </el-tooltip> | ||
| 63 | |||
| 64 | </td> | ||
| 65 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 66 | </tr> | ||
| 67 | </table> | ||
| 68 | |||
| 69 | <table class="xxTable rollTable"> | ||
| 70 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
| 71 | <td> | ||
| 72 | {{ item.label }} | ||
| 73 | </td> | ||
| 74 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 75 | row.qszt == '2' ? 'lishi' : '', | ||
| 76 | row.qszt == '0' ? 'linshi' : '', | ||
| 77 | row.qlzt == '4' ? 'linshi' : '', | ||
| 78 | |||
| 79 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 80 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 81 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 82 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 83 | ]"> | ||
| 84 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 85 | 有效 | ||
| 86 | </div> | ||
| 87 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 88 | 正在补录 | ||
| 89 | </div> | ||
| 90 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 91 | 正在申请 | ||
| 92 | </div> | ||
| 93 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 94 | 正在注销 | ||
| 95 | </div> | ||
| 96 | |||
| 97 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 98 | <span v-if="item.prop == 'qszt'"> | ||
| 99 | {{ getQsztName(row[item.prop]) }} | ||
| 100 | </span> | ||
| 101 | <span v-else>{{ row[item.prop] }}</span> | ||
| 102 | </p> | ||
| 103 | |||
| 104 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 105 | <span class="ellipsis-line"> | ||
| 106 | {{ row[item.prop] }} | ||
| 107 | </span> | ||
| 108 | </el-tooltip> | ||
| 109 | </td> | ||
| 110 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 111 | </tr> | ||
| 112 | </table> | ||
| 113 | </div> | ||
| 114 | </div> | ||
| 115 | </div> | ||
| 116 | </template> | ||
| 117 | |||
| 118 | <script> | ||
| 119 | import { datas } from "./qlxxFormData.js"; | ||
| 120 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 121 | import { getNydsyqList } from "@/api/djbDetail.js"; | ||
| 122 | export default { | ||
| 123 | data () { | ||
| 124 | return { | ||
| 125 | title: "农用地使用权登记信息", | ||
| 126 | qsztList: datas.columns().qsztList, | ||
| 127 | checkList: datas.columns().checkList, | ||
| 128 | //传递参数 | ||
| 129 | bdcdyid: this.$route.query.bdcdyid, | ||
| 130 | qllx: this.$route.query.qllx, | ||
| 131 | //列表数据 | ||
| 132 | tableData: [], | ||
| 133 | //空列值个数 | ||
| 134 | emptycolNum: datas.columns().emptycolNum, | ||
| 135 | //列名称对象 | ||
| 136 | columns: datas.columns().NYDSYQ, | ||
| 137 | }; | ||
| 138 | }, | ||
| 139 | created () { | ||
| 140 | var qllx = this.$route.query.sqywbm.substr(0, 3) | ||
| 141 | if (qllx == 'A09') { | ||
| 142 | this.title = '土地经营权登记信息' | ||
| 143 | } else { | ||
| 144 | this.title = '农用地使用权登记信息' | ||
| 145 | } | ||
| 146 | this.loadData(); | ||
| 147 | }, | ||
| 148 | methods: { | ||
| 149 | /** | ||
| 150 | * @description: loadData | ||
| 151 | * @author: renchao | ||
| 152 | */ | ||
| 153 | loadData () { | ||
| 154 | if (this.$parent.addRepairRecord) { | ||
| 155 | this.columns.unshift({ | ||
| 156 | prop: "cz", | ||
| 157 | label: "操作" | ||
| 158 | }) | ||
| 159 | } | ||
| 160 | getNydsyqList({ | ||
| 161 | bdcdyid: this.bdcdyid, | ||
| 162 | qllx: this.qllx, | ||
| 163 | qszt: this.checkList, | ||
| 164 | }).then((res) => { | ||
| 165 | if (res.code === 200) { | ||
| 166 | this.tableData = res.result; | ||
| 167 | this.tableData.forEach(item => { | ||
| 168 | item.sjlx = getSjlx(item.sjlx) | ||
| 169 | }) | ||
| 170 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 171 | this.emptycolNum = | ||
| 172 | datas.columns().emptycolNum - this.tableData.length; | ||
| 173 | } else { | ||
| 174 | this.emptycolNum = 0; | ||
| 175 | } | ||
| 176 | } | ||
| 177 | }); | ||
| 178 | }, | ||
| 179 | /** | ||
| 180 | * @description: checkChange | ||
| 181 | * @author: renchao | ||
| 182 | */ | ||
| 183 | checkChange () { | ||
| 184 | if (this.checkList.length === 0) { | ||
| 185 | this.tableData = []; | ||
| 186 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 187 | } else { | ||
| 188 | this.loadData(); | ||
| 189 | } | ||
| 190 | }, | ||
| 191 | /** | ||
| 192 | * @description: getQsztName | ||
| 193 | * @author: renchao | ||
| 194 | */ | ||
| 195 | getQsztName (code) { | ||
| 196 | let name = ""; | ||
| 197 | for (let item of this.qsztList) { | ||
| 198 | if (item.value == code) { | ||
| 199 | name = item.label; | ||
| 200 | break; | ||
| 201 | } | ||
| 202 | } | ||
| 203 | return name; | ||
| 204 | }, | ||
| 205 | // 新增一条补录信息 | ||
| 206 | /** | ||
| 207 | * @description: 新增一条补录信息 | ||
| 208 | * @param {*} row | ||
| 209 | * @param {*} del | ||
| 210 | * @author: renchao | ||
| 211 | */ | ||
| 212 | editDialog (row, del) { | ||
| 213 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 214 | confirmButtonText: '确定', | ||
| 215 | cancelButtonText: '取消', | ||
| 216 | type: 'warning' | ||
| 217 | }).then(() => { | ||
| 218 | this.$parent.addRepairRecord(row, del) | ||
| 219 | |||
| 220 | this.$message({ | ||
| 221 | type: 'success', | ||
| 222 | message: '补录成功!' | ||
| 223 | }); | ||
| 224 | }).catch(() => { | ||
| 225 | this.$message({ | ||
| 226 | type: 'info', | ||
| 227 | message: '取消编辑' | ||
| 228 | }); | ||
| 229 | }); | ||
| 230 | |||
| 231 | }, | ||
| 232 | }, | ||
| 233 | }; | ||
| 234 | </script> | ||
| 235 | |||
| 236 | <style lang="scss" scoped> | ||
| 237 | @import "./qlxxCommon.scss"; | ||
| 238 | </style> |
| 1 | .djxxTable { | ||
| 2 | width: 100%; | ||
| 3 | height: 100%; | ||
| 4 | background: #fff; | ||
| 5 | color: #333; | ||
| 6 | |||
| 7 | .tableBox { | ||
| 8 | margin: 0 auto; | ||
| 9 | display: flex; | ||
| 10 | flex-wrap: wrap; | ||
| 11 | |||
| 12 | .title { | ||
| 13 | width: 100%; | ||
| 14 | font-weight: 700; | ||
| 15 | font-size: 16px; | ||
| 16 | text-align: center; | ||
| 17 | background: #e9e9e9; | ||
| 18 | height: 62px; | ||
| 19 | line-height: 62px; | ||
| 20 | position: relative; | ||
| 21 | margin: 0 3px; | ||
| 22 | |||
| 23 | .checkbox { | ||
| 24 | position: absolute; | ||
| 25 | right: 20px; | ||
| 26 | bottom: -16px; | ||
| 27 | height: 62px; | ||
| 28 | } | ||
| 29 | } | ||
| 30 | |||
| 31 | .xxTableBox { | ||
| 32 | overflow: scroll; | ||
| 33 | width: 100%; | ||
| 34 | } | ||
| 35 | |||
| 36 | .xxTable>tr:first-child th { | ||
| 37 | width: 140px; | ||
| 38 | } | ||
| 39 | |||
| 40 | .xxTable { | ||
| 41 | //border-spacing: 1px; | ||
| 42 | width: 100%; | ||
| 43 | border-collapse: collapse; | ||
| 44 | // table-layout: fixed; | ||
| 45 | |||
| 46 | tr { | ||
| 47 | box-sizing: border-box; | ||
| 48 | } | ||
| 49 | |||
| 50 | tr>th { | ||
| 51 | border: 1px solid #ccc; | ||
| 52 | background: #F2F2F2; | ||
| 53 | color: #333333; | ||
| 54 | font-size: 16px; | ||
| 55 | height: 40px; | ||
| 56 | } | ||
| 57 | |||
| 58 | tr:nth-child(1) { | ||
| 59 | position: sticky; | ||
| 60 | top: 0px; | ||
| 61 | z-index: 3; | ||
| 62 | margin-top: -2px; | ||
| 63 | &:after{ | ||
| 64 | content: ""; | ||
| 65 | display: inline-block; | ||
| 66 | width: 100%; | ||
| 67 | height: 2px; | ||
| 68 | background-color: rgb(227, 226, 226); | ||
| 69 | position: absolute; | ||
| 70 | bottom: -1px; | ||
| 71 | left: 0; | ||
| 72 | z-index: 3; | ||
| 73 | } | ||
| 74 | } | ||
| 75 | |||
| 76 | tr:nth-child(2) { | ||
| 77 | position: sticky; | ||
| 78 | top: 40px; | ||
| 79 | z-index: 3; | ||
| 80 | &:after{ | ||
| 81 | content: ""; | ||
| 82 | display: inline-block; | ||
| 83 | width: 100%; | ||
| 84 | height: 2px; | ||
| 85 | background-color: rgb(227, 226, 226); | ||
| 86 | position: absolute; | ||
| 87 | bottom: -1px; | ||
| 88 | left: 0; | ||
| 89 | z-index: 3; | ||
| 90 | } | ||
| 91 | } | ||
| 92 | |||
| 93 | tr:nth-child(3) { | ||
| 94 | position: sticky; | ||
| 95 | top: 80px; | ||
| 96 | z-index: 3; | ||
| 97 | box-shadow: 0px 15px 10px -15px #409EFF; | ||
| 98 | } | ||
| 99 | |||
| 100 | tr td:first-child { | ||
| 101 | position: sticky; | ||
| 102 | left: 0; | ||
| 103 | z-index: 2; | ||
| 104 | margin-left: -2px; | ||
| 105 | &:before{ | ||
| 106 | content: ""; | ||
| 107 | display: inline-block; | ||
| 108 | width: 2px; | ||
| 109 | height: 43px; | ||
| 110 | background-color: #e3e2e2; | ||
| 111 | position: absolute; | ||
| 112 | top: 0; | ||
| 113 | left: -2px; | ||
| 114 | z-index: 3; | ||
| 115 | } | ||
| 116 | &:after{ | ||
| 117 | content: ""; | ||
| 118 | display: inline-block; | ||
| 119 | width: 2px; | ||
| 120 | height: 43px; | ||
| 121 | background-color: #e3e2e2; | ||
| 122 | position: absolute; | ||
| 123 | top: 0; | ||
| 124 | right: -2px; | ||
| 125 | z-index: 3; | ||
| 126 | } | ||
| 127 | } | ||
| 128 | |||
| 129 | th.linshi, | ||
| 130 | th.xianshi { | ||
| 131 | background: #464c5b; | ||
| 132 | } | ||
| 133 | |||
| 134 | th.lishi { | ||
| 135 | background: rgba(70, 76, 91, 0.8); | ||
| 136 | } | ||
| 137 | |||
| 138 | .one th { | ||
| 139 | height: 25px; | ||
| 140 | font-size: 14px; | ||
| 141 | } | ||
| 142 | |||
| 143 | th.linshi { | ||
| 144 | color: #ff5100; | ||
| 145 | } | ||
| 146 | |||
| 147 | .two th { | ||
| 148 | height: 45px; | ||
| 149 | |||
| 150 | p:nth-child(2) { | ||
| 151 | font-size: 14px; | ||
| 152 | } | ||
| 153 | } | ||
| 154 | |||
| 155 | .linshiIcon { | ||
| 156 | position: relative; | ||
| 157 | |||
| 158 | .icon { | ||
| 159 | position: absolute; | ||
| 160 | top: 12px; | ||
| 161 | right: -5px; | ||
| 162 | transform: rotate(45deg); | ||
| 163 | color: #fff; | ||
| 164 | font-size: 12px; | ||
| 165 | z-index: 10; | ||
| 166 | } | ||
| 167 | } | ||
| 168 | |||
| 169 | .linshiIcon::after { | ||
| 170 | content: ""; | ||
| 171 | display: block; | ||
| 172 | width: 0; | ||
| 173 | height: 0; | ||
| 174 | border-width: 0px 0px 55px 55px; | ||
| 175 | border-style: none solid solid; | ||
| 176 | border-color: transparent transparent #ff5100; | ||
| 177 | position: absolute; | ||
| 178 | top: 0; | ||
| 179 | right: 0; | ||
| 180 | transform: rotate(-90deg); | ||
| 181 | } | ||
| 182 | |||
| 183 | .xianshiIcon { | ||
| 184 | position: relative; | ||
| 185 | |||
| 186 | .icon { | ||
| 187 | position: absolute; | ||
| 188 | top: 9px; | ||
| 189 | right: 5px; | ||
| 190 | transform: rotate(45deg); | ||
| 191 | color: #fff; | ||
| 192 | font-size: 12px; | ||
| 193 | z-index: 10; | ||
| 194 | } | ||
| 195 | } | ||
| 196 | |||
| 197 | .xianshiIcon::after { | ||
| 198 | content: ""; | ||
| 199 | display: block; | ||
| 200 | width: 0; | ||
| 201 | height: 0; | ||
| 202 | border-width: 0px 0px 55px 55px; | ||
| 203 | border-style: none solid solid; | ||
| 204 | border-color: transparent transparent #67C23A; | ||
| 205 | position: absolute; | ||
| 206 | top: 0; | ||
| 207 | right: 0; | ||
| 208 | transform: rotate(-90deg); | ||
| 209 | } | ||
| 210 | |||
| 211 | |||
| 212 | |||
| 213 | tr { | ||
| 214 | // display: flex; | ||
| 215 | } | ||
| 216 | |||
| 217 | tr td { | ||
| 218 | border: 2px solid rgb(227, 226, 226); | ||
| 219 | text-align: center; | ||
| 220 | height: 40px; | ||
| 221 | font-size: 13px; | ||
| 222 | width: 140px; | ||
| 223 | // flex: 1; | ||
| 224 | width: 100%; | ||
| 225 | // display: flex; | ||
| 226 | // align-items: center; | ||
| 227 | // justify-content: center; | ||
| 228 | min-width: 340px; | ||
| 229 | z-index: 1; | ||
| 230 | } | ||
| 231 | td:first-child{ | ||
| 232 | flex: inherit !important; | ||
| 233 | // width: 200px !important; | ||
| 234 | min-width: 180px !important; | ||
| 235 | } | ||
| 236 | >tr:nth-child(odd) td { | ||
| 237 | background: #f2f2f2; | ||
| 238 | } | ||
| 239 | |||
| 240 | >tr:nth-child(even) td { | ||
| 241 | background: #f9f9f9; | ||
| 242 | } | ||
| 243 | |||
| 244 | td.linshi { | ||
| 245 | color: #ff5100; | ||
| 246 | } | ||
| 247 | |||
| 248 | tr>td.lishi { | ||
| 249 | color: #7f7f7f; | ||
| 250 | } | ||
| 251 | } | ||
| 252 | |||
| 253 | .rollTable { | ||
| 254 | margin-top: -2px; | ||
| 255 | display: block; | ||
| 256 | height: calc(100vh - 185px); | ||
| 257 | overflow-y: scroll; | ||
| 258 | margin-left: 2px; | ||
| 259 | } | ||
| 260 | } | ||
| 261 | } |
| 1 | import filter from '@/utils/filter.js' | ||
| 2 | |||
| 3 | class data extends filter { | ||
| 4 | constructor() { | ||
| 5 | super() | ||
| 6 | } | ||
| 7 | columns() { | ||
| 8 | return { | ||
| 9 | //空列值个数 | ||
| 10 | emptycolNum: 3, | ||
| 11 | checkList: ["0", "1", "2"], | ||
| 12 | //权属状态集合 | ||
| 13 | qsztList: [ | ||
| 14 | { | ||
| 15 | value: "0", | ||
| 16 | label: "临时", | ||
| 17 | }, | ||
| 18 | { | ||
| 19 | value: "1", | ||
| 20 | label: "现势", | ||
| 21 | }, | ||
| 22 | { | ||
| 23 | value: "2", | ||
| 24 | label: "历史", | ||
| 25 | }, | ||
| 26 | ], | ||
| 27 | TDSYQ: [ | ||
| 28 | { | ||
| 29 | prop: "qszt", | ||
| 30 | label: "权属状态", | ||
| 31 | }, | ||
| 32 | { | ||
| 33 | prop: "sjlx", | ||
| 34 | label: "数据类型", | ||
| 35 | }, | ||
| 36 | { | ||
| 37 | prop: "qllxmc", | ||
| 38 | label: "权利类型", | ||
| 39 | }, | ||
| 40 | { | ||
| 41 | prop: "djlxmc", | ||
| 42 | label: "登记类型", | ||
| 43 | }, | ||
| 44 | { | ||
| 45 | prop: "ssywh", | ||
| 46 | label: "上手业务号", | ||
| 47 | }, | ||
| 48 | { | ||
| 49 | prop: "dah", | ||
| 50 | label: "档案号", | ||
| 51 | }, | ||
| 52 | { | ||
| 53 | prop: "ywh", | ||
| 54 | label: "业务号", | ||
| 55 | }, | ||
| 56 | { | ||
| 57 | prop: "bdcdyh", | ||
| 58 | label: "不动产单元号", | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | prop: "zl", | ||
| 62 | label: "坐落", | ||
| 63 | }, | ||
| 64 | { | ||
| 65 | prop: "gyqk", | ||
| 66 | label: "共有情况", | ||
| 67 | }, | ||
| 68 | { | ||
| 69 | prop: "qlrlx", | ||
| 70 | label: "权利人类型", | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | prop: "qlrmc", | ||
| 74 | label: "权利人", | ||
| 75 | }, | ||
| 76 | { | ||
| 77 | prop: "qlrzjzl", | ||
| 78 | label: "证件种类", | ||
| 79 | }, | ||
| 80 | { | ||
| 81 | prop: "qlrzjhm", | ||
| 82 | label: "证件号", | ||
| 83 | }, | ||
| 84 | { | ||
| 85 | prop: "ytmc", | ||
| 86 | label: "土地用途", | ||
| 87 | }, | ||
| 88 | { | ||
| 89 | prop: "mjdw", | ||
| 90 | label: "面积单位", | ||
| 91 | }, | ||
| 92 | { | ||
| 93 | prop: "gdmj", | ||
| 94 | label: "耕地面积", | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | prop: "ldmj", | ||
| 98 | label: "林地面积", | ||
| 99 | }, | ||
| 100 | { | ||
| 101 | prop: "cdmj", | ||
| 102 | label: "草地面积", | ||
| 103 | }, | ||
| 104 | { | ||
| 105 | prop: "qtnydmj", | ||
| 106 | label: "其他农用地面积", | ||
| 107 | }, | ||
| 108 | { | ||
| 109 | prop: "jsydmj", | ||
| 110 | label: "建设用地面积", | ||
| 111 | }, | ||
| 112 | { | ||
| 113 | prop: "wlydmj", | ||
| 114 | label: "未利用地面积", | ||
| 115 | }, | ||
| 116 | { | ||
| 117 | prop: "djyy", | ||
| 118 | label: "登记原因", | ||
| 119 | }, | ||
| 120 | { | ||
| 121 | prop: "bdcqzh", | ||
| 122 | label: "不动产权证号", | ||
| 123 | }, | ||
| 124 | { | ||
| 125 | prop: "djsj", | ||
| 126 | label: "登记时间", | ||
| 127 | }, | ||
| 128 | { | ||
| 129 | prop: "dbr", | ||
| 130 | label: "登簿人", | ||
| 131 | }, | ||
| 132 | { | ||
| 133 | prop: "fj", | ||
| 134 | label: "附记", | ||
| 135 | }, | ||
| 136 | ], | ||
| 137 | JSYDSYQ: [ | ||
| 138 | { | ||
| 139 | prop: "qszt", | ||
| 140 | label: "权属状态", | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: "sjlx", | ||
| 144 | label: "数据类型", | ||
| 145 | }, | ||
| 146 | { | ||
| 147 | prop: "qllxmc", | ||
| 148 | label: "权利类型", | ||
| 149 | }, | ||
| 150 | { | ||
| 151 | prop: "djlxmc", | ||
| 152 | label: "登记类型", | ||
| 153 | }, | ||
| 154 | { | ||
| 155 | prop: "ssywh", | ||
| 156 | label: "上手业务号", | ||
| 157 | }, | ||
| 158 | { | ||
| 159 | prop: "dah", | ||
| 160 | label: "档案号", | ||
| 161 | }, | ||
| 162 | { | ||
| 163 | prop: "ywh", | ||
| 164 | label: "业务号", | ||
| 165 | }, | ||
| 166 | { | ||
| 167 | prop: "bdcdyh", | ||
| 168 | label: "不动产单元号", | ||
| 169 | }, | ||
| 170 | { | ||
| 171 | prop: "zl", | ||
| 172 | label: "坐落", | ||
| 173 | }, | ||
| 174 | { | ||
| 175 | prop: "gyqk", | ||
| 176 | label: "共有情况", | ||
| 177 | }, | ||
| 178 | { | ||
| 179 | prop: "qlrlx", | ||
| 180 | label: "权利人类型", | ||
| 181 | }, | ||
| 182 | { | ||
| 183 | prop: "qlrmc", | ||
| 184 | label: "权利人", | ||
| 185 | }, | ||
| 186 | { | ||
| 187 | prop: "qlrzjzl", | ||
| 188 | label: "证件种类", | ||
| 189 | }, | ||
| 190 | { | ||
| 191 | prop: "qlrzjhm", | ||
| 192 | label: "证件号", | ||
| 193 | }, | ||
| 194 | { | ||
| 195 | prop: "mjmc", | ||
| 196 | label: "使用权面积", | ||
| 197 | }, | ||
| 198 | { | ||
| 199 | prop: "qlxzmc", | ||
| 200 | label: "权利性质", | ||
| 201 | }, | ||
| 202 | { | ||
| 203 | prop: "ytmc", | ||
| 204 | label: "土地用途", | ||
| 205 | }, | ||
| 206 | { | ||
| 207 | prop: "syqqzsj", | ||
| 208 | label: "使用权起止时间", | ||
| 209 | }, | ||
| 210 | // { | ||
| 211 | // prop: "syqjssj", | ||
| 212 | // label: "使用权结束时间", | ||
| 213 | // }, | ||
| 214 | // { | ||
| 215 | // prop: "tdsyqx", | ||
| 216 | // label: "土地使用期限", | ||
| 217 | // }, | ||
| 218 | { | ||
| 219 | prop: "tdsyqx", | ||
| 220 | label: "土地使用期限", | ||
| 221 | }, | ||
| 222 | { | ||
| 223 | prop: "qdjgmc", | ||
| 224 | label: "取得价格", | ||
| 225 | }, | ||
| 226 | { | ||
| 227 | prop: "djyy", | ||
| 228 | label: "登记原因", | ||
| 229 | }, | ||
| 230 | { | ||
| 231 | prop: "bdcqzh", | ||
| 232 | label: "不动产权证号", | ||
| 233 | }, | ||
| 234 | { | ||
| 235 | prop: "djsj", | ||
| 236 | label: "登记时间", | ||
| 237 | }, | ||
| 238 | { | ||
| 239 | prop: "dbr", | ||
| 240 | label: "登簿人", | ||
| 241 | }, | ||
| 242 | { | ||
| 243 | prop: "fj", | ||
| 244 | label: "附记", | ||
| 245 | }, | ||
| 246 | ], | ||
| 247 | FDCQ1: [ | ||
| 248 | { | ||
| 249 | prop: "qszt", | ||
| 250 | label: "权属状态", | ||
| 251 | }, | ||
| 252 | { | ||
| 253 | prop: "sjlx", | ||
| 254 | label: "数据类型", | ||
| 255 | }, | ||
| 256 | { | ||
| 257 | prop: "qllxmc", | ||
| 258 | label: "权利类型", | ||
| 259 | }, | ||
| 260 | { | ||
| 261 | prop: "djlxmc", | ||
| 262 | label: "登记类型", | ||
| 263 | }, | ||
| 264 | { | ||
| 265 | prop: "xmmc", | ||
| 266 | label: "项目名称", | ||
| 267 | }, | ||
| 268 | { | ||
| 269 | prop: "zh", | ||
| 270 | label: "幢号", | ||
| 271 | }, | ||
| 272 | |||
| 273 | { | ||
| 274 | prop: "zcs", | ||
| 275 | label: "总层数", | ||
| 276 | }, | ||
| 277 | { | ||
| 278 | prop: "ghyt", | ||
| 279 | label: "规划用途", | ||
| 280 | }, | ||
| 281 | { | ||
| 282 | prop: "ytmc", | ||
| 283 | label: "用途名称", | ||
| 284 | }, | ||
| 285 | { | ||
| 286 | prop: "pzyt", | ||
| 287 | label: "批准用途", | ||
| 288 | }, | ||
| 289 | { | ||
| 290 | prop: "sjyt", | ||
| 291 | label: "实际用途", | ||
| 292 | }, { | ||
| 293 | prop: "fwjg", | ||
| 294 | label: "房屋结构", | ||
| 295 | }, { | ||
| 296 | prop: "fwjgmc", | ||
| 297 | label: "房屋结构名称", | ||
| 298 | }, { | ||
| 299 | prop: "jzmj", | ||
| 300 | label: "建筑面积", | ||
| 301 | }, | ||
| 302 | { | ||
| 303 | prop: "jgsj", | ||
| 304 | label: "竣工时间", | ||
| 305 | }, { | ||
| 306 | prop: "zts", | ||
| 307 | label: "总套数", | ||
| 308 | }, | ||
| 309 | { | ||
| 310 | prop: "djyy", | ||
| 311 | label: "登记原因", | ||
| 312 | }, | ||
| 313 | { | ||
| 314 | prop: "bdcqzh", | ||
| 315 | label: "不动产权证号", | ||
| 316 | }, | ||
| 317 | { | ||
| 318 | prop: "djsj", | ||
| 319 | label: "登记时间", | ||
| 320 | }, | ||
| 321 | { | ||
| 322 | prop: "dbr", | ||
| 323 | label: "登簿人", | ||
| 324 | }, | ||
| 325 | { | ||
| 326 | prop: "fj", | ||
| 327 | label: "附记", | ||
| 328 | }, | ||
| 329 | ], | ||
| 330 | FDCQ2: [ | ||
| 331 | { | ||
| 332 | prop: "qszt", | ||
| 333 | label: "权属状态", | ||
| 334 | }, | ||
| 335 | { | ||
| 336 | prop: "sjlx", | ||
| 337 | label: "数据类型", | ||
| 338 | }, | ||
| 339 | { | ||
| 340 | prop: "qllxmc", | ||
| 341 | label: "权利类型", | ||
| 342 | }, | ||
| 343 | { | ||
| 344 | prop: "djlxmc", | ||
| 345 | label: "登记类型", | ||
| 346 | }, | ||
| 347 | { | ||
| 348 | prop: "ssywh", | ||
| 349 | label: "上手业务号", | ||
| 350 | }, | ||
| 351 | { | ||
| 352 | prop: "dah", | ||
| 353 | label: "档案号", | ||
| 354 | }, | ||
| 355 | { | ||
| 356 | prop: "ywh", | ||
| 357 | label: "业务号", | ||
| 358 | }, | ||
| 359 | { | ||
| 360 | prop: "bdcdyh", | ||
| 361 | label: "不动产单元号", | ||
| 362 | }, | ||
| 363 | { | ||
| 364 | prop: "zl", | ||
| 365 | label: "坐落", | ||
| 366 | }, | ||
| 367 | { | ||
| 368 | prop: "gyqk", | ||
| 369 | label: "共有情况", | ||
| 370 | }, | ||
| 371 | { | ||
| 372 | prop: "qlrlx", | ||
| 373 | label: "权利人类型", | ||
| 374 | }, | ||
| 375 | { | ||
| 376 | prop: "qlrmc", | ||
| 377 | label: "权利人", | ||
| 378 | }, | ||
| 379 | { | ||
| 380 | prop: "qlrzjzl", | ||
| 381 | label: "证件种类", | ||
| 382 | }, | ||
| 383 | { | ||
| 384 | prop: "qlrzjhm", | ||
| 385 | label: "证件号", | ||
| 386 | }, | ||
| 387 | { | ||
| 388 | prop: "tdsyqr", | ||
| 389 | label: "土地使用权人", | ||
| 390 | }, | ||
| 391 | { | ||
| 392 | prop: "dytdmj", | ||
| 393 | label: "独用土地面积(m²)", | ||
| 394 | }, | ||
| 395 | { | ||
| 396 | prop: "fttdmj", | ||
| 397 | label: "分摊土地面积(m²)", | ||
| 398 | }, | ||
| 399 | { | ||
| 400 | prop: "tdxzmc", | ||
| 401 | label: "土地性质", | ||
| 402 | }, | ||
| 403 | { | ||
| 404 | prop: "tdsyqzsj", | ||
| 405 | label: "使用权起止时间", | ||
| 406 | }, | ||
| 407 | { | ||
| 408 | prop: "qdjgmc", | ||
| 409 | label: "房地产交易价格", | ||
| 410 | }, | ||
| 411 | { | ||
| 412 | prop: "ytmc", | ||
| 413 | label: "房屋用途", | ||
| 414 | }, | ||
| 415 | { | ||
| 416 | prop: "fwxzmc", | ||
| 417 | label: "房屋性质", | ||
| 418 | }, | ||
| 419 | { | ||
| 420 | prop: "fwjgmc", | ||
| 421 | label: "房屋结构", | ||
| 422 | }, | ||
| 423 | { | ||
| 424 | prop: "szc", | ||
| 425 | label: "所在层", | ||
| 426 | }, | ||
| 427 | { | ||
| 428 | prop: "zcs", | ||
| 429 | label: "总层数", | ||
| 430 | }, | ||
| 431 | { | ||
| 432 | prop: "jzmj", | ||
| 433 | label: "建筑面积（m2）", | ||
| 434 | }, | ||
| 435 | { | ||
| 436 | prop: "zyjzmj", | ||
| 437 | label: "专有建筑面积（m2）", | ||
| 438 | }, | ||
| 439 | |||
| 440 | { | ||
| 441 | prop: "ftjzmj", | ||
| 442 | label: "分摊建筑面积（m2）", | ||
| 443 | }, | ||
| 444 | { | ||
| 445 | prop: "jgsj", | ||
| 446 | label: "竣工时间", | ||
| 447 | }, | ||
| 448 | { | ||
| 449 | prop: "djyy", | ||
| 450 | label: "登记原因", | ||
| 451 | }, | ||
| 452 | { | ||
| 453 | prop: "bdcqzh", | ||
| 454 | label: "不动产权证号", | ||
| 455 | }, | ||
| 456 | { | ||
| 457 | prop: "djsj", | ||
| 458 | label: "登记时间", | ||
| 459 | }, | ||
| 460 | { | ||
| 461 | prop: "dbr", | ||
| 462 | label: "登簿人", | ||
| 463 | }, | ||
| 464 | { | ||
| 465 | prop: "fj", | ||
| 466 | label: "附记", | ||
| 467 | }, | ||
| 468 | ], | ||
| 469 | NYDSYQ: [ | ||
| 470 | { | ||
| 471 | prop: "qszt", | ||
| 472 | label: "权属状态", | ||
| 473 | }, | ||
| 474 | { | ||
| 475 | prop: "sjlx", | ||
| 476 | label: "数据类型", | ||
| 477 | }, | ||
| 478 | { | ||
| 479 | prop: "qllxmc", | ||
| 480 | label: "权利类型", | ||
| 481 | }, | ||
| 482 | { | ||
| 483 | prop: "djlxmc", | ||
| 484 | label: "登记类型", | ||
| 485 | }, | ||
| 486 | { | ||
| 487 | prop: "ssywh", | ||
| 488 | label: "上手业务号", | ||
| 489 | }, | ||
| 490 | { | ||
| 491 | prop: "dah", | ||
| 492 | label: "档案号", | ||
| 493 | }, | ||
| 494 | { | ||
| 495 | prop: "ywh", | ||
| 496 | label: "业务号", | ||
| 497 | }, | ||
| 498 | { | ||
| 499 | prop: "bdcdyh", | ||
| 500 | label: "不动产单元号", | ||
| 501 | }, | ||
| 502 | { | ||
| 503 | prop: "zl", | ||
| 504 | label: "坐落", | ||
| 505 | }, | ||
| 506 | { | ||
| 507 | prop: "gyqk", | ||
| 508 | label: "共有情况", | ||
| 509 | }, | ||
| 510 | { | ||
| 511 | prop: "qlrlx", | ||
| 512 | label: "权利人类型", | ||
| 513 | }, | ||
| 514 | { | ||
| 515 | prop: "qlrmc", | ||
| 516 | label: "权利人", | ||
| 517 | }, | ||
| 518 | { | ||
| 519 | prop: "qlrzjzl", | ||
| 520 | label: "证件种类", | ||
| 521 | }, | ||
| 522 | { | ||
| 523 | prop: "qlrzjhm", | ||
| 524 | label: "证件号", | ||
| 525 | }, | ||
| 526 | { | ||
| 527 | prop: "mj", | ||
| 528 | label: "使用权面积(m²)", | ||
| 529 | }, | ||
| 530 | { | ||
| 531 | prop: "qlxzmc", | ||
| 532 | label: "权利性质", | ||
| 533 | }, | ||
| 534 | { | ||
| 535 | prop: "ytmc", | ||
| 536 | label: "土地用途", | ||
| 537 | }, | ||
| 538 | { | ||
| 539 | prop: "fbfdm", | ||
| 540 | label: "发包方代码", | ||
| 541 | }, | ||
| 542 | { | ||
| 543 | prop: "fbfmc", | ||
| 544 | label: "发包方名称", | ||
| 545 | }, | ||
| 546 | { | ||
| 547 | prop: "cbqzsj", | ||
| 548 | label: "承包起止时间", | ||
| 549 | }, | ||
| 550 | { | ||
| 551 | prop: "cbqx", | ||
| 552 | label: "承包期限", | ||
| 553 | }, | ||
| 554 | { | ||
| 555 | prop: "tdsyqxzmc", | ||
| 556 | label: "土地所有权性质", | ||
| 557 | }, | ||
| 558 | { | ||
| 559 | prop: "syttlxmc", | ||
| 560 | label: "水域滩涂类型", | ||
| 561 | }, | ||
| 562 | { | ||
| 563 | prop: "yzyfsmc", | ||
| 564 | label: "养殖业方式", | ||
| 565 | }, | ||
| 566 | { | ||
| 567 | prop: "cyzl", | ||
| 568 | label: "草原质量", | ||
| 569 | }, | ||
| 570 | { | ||
| 571 | prop: "syzcl", | ||
| 572 | label: "适宜载畜量", | ||
| 573 | }, | ||
| 574 | { | ||
| 575 | prop: "ydyhflmc", | ||
| 576 | label: "用地用海分类", | ||
| 577 | }, | ||
| 578 | { | ||
| 579 | prop: "djyy", | ||
| 580 | label: "登记原因", | ||
| 581 | }, | ||
| 582 | { | ||
| 583 | prop: "bdcqzh", | ||
| 584 | label: "不动产权证号", | ||
| 585 | }, | ||
| 586 | { | ||
| 587 | prop: "djsj", | ||
| 588 | label: "登记时间", | ||
| 589 | }, | ||
| 590 | { | ||
| 591 | prop: "dbr", | ||
| 592 | label: "登簿人", | ||
| 593 | }, | ||
| 594 | { | ||
| 595 | prop: "fj", | ||
| 596 | label: "附记", | ||
| 597 | }, | ||
| 598 | ], | ||
| 599 | DYAQ: [ | ||
| 600 | { | ||
| 601 | prop: "qszt", | ||
| 602 | label: "权属状态", | ||
| 603 | }, | ||
| 604 | { | ||
| 605 | prop: "sjlx", | ||
| 606 | label: "数据类型", | ||
| 607 | }, | ||
| 608 | { | ||
| 609 | prop: "dybdclx", | ||
| 610 | label: "抵押不动产类型", | ||
| 611 | render: (h, scope) => { | ||
| 612 | return ( | ||
| 613 | <div> | ||
| 614 | <span v-show={scope.row.dybdclx == '1'}>土地</span> | ||
| 615 | <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span> | ||
| 616 | <span v-show={scope.row.dybdclx == '3'}>林地和林木</span> | ||
| 617 | <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span> | ||
| 618 | <span v-show={scope.row.dybdclx == '5'}>海域</span> | ||
| 619 | <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span> | ||
| 620 | <span v-show={scope.row.dybdclx == '7'}>其它</span> | ||
| 621 | </div> | ||
| 622 | ) | ||
| 623 | } | ||
| 624 | }, | ||
| 625 | { | ||
| 626 | prop: "djlxmc", | ||
| 627 | label: "登记类型", | ||
| 628 | }, | ||
| 629 | { | ||
| 630 | prop: "ssywh", | ||
| 631 | label: "上手业务号", | ||
| 632 | }, | ||
| 633 | { | ||
| 634 | prop: "dah", | ||
| 635 | label: "档案号", | ||
| 636 | }, | ||
| 637 | { | ||
| 638 | prop: "ywh", | ||
| 639 | label: "业务号", | ||
| 640 | }, | ||
| 641 | { | ||
| 642 | prop: "bdcdyh", | ||
| 643 | label: "不动产单元号", | ||
| 644 | }, | ||
| 645 | { | ||
| 646 | prop: "zl", | ||
| 647 | label: "在建建筑物坐落", | ||
| 648 | }, | ||
| 649 | { | ||
| 650 | prop: "dyfsmc", | ||
| 651 | label: "抵押方式", | ||
| 652 | }, | ||
| 653 | { | ||
| 654 | prop: "qlrmc", | ||
| 655 | label: "抵押权人", | ||
| 656 | }, | ||
| 657 | { | ||
| 658 | prop: "qlrzjzl", | ||
| 659 | label: "抵押权人证件种类", | ||
| 660 | }, | ||
| 661 | { | ||
| 662 | prop: "qlrzjhm", | ||
| 663 | label: "抵押权人证件号", | ||
| 664 | }, | ||
| 665 | { | ||
| 666 | prop: "dyrlx", | ||
| 667 | label: "抵押人类型", | ||
| 668 | }, | ||
| 669 | { | ||
| 670 | prop: "ywrmc", | ||
| 671 | label: "抵押人", | ||
| 672 | }, | ||
| 673 | { | ||
| 674 | prop: "ywrzjzl", | ||
| 675 | label: "抵押人证件种类", | ||
| 676 | }, | ||
| 677 | { | ||
| 678 | prop: "ywrzjhm", | ||
| 679 | label: "抵押人证件号", | ||
| 680 | }, | ||
| 681 | |||
| 682 | { | ||
| 683 | prop: "sfygdj", | ||
| 684 | label: "是否预告登记", | ||
| 685 | }, | ||
| 686 | { | ||
| 687 | prop: "zjjzwdyfw", | ||
| 688 | label: "在建建筑物抵押范围", | ||
| 689 | }, | ||
| 690 | { | ||
| 691 | prop: "dymj", | ||
| 692 | label: "抵押面积", | ||
| 693 | }, | ||
| 694 | { | ||
| 695 | prop: "bdbzzqse", | ||
| 696 | label: "被担保主债权数额(万元)", | ||
| 697 | }, | ||
| 698 | { | ||
| 699 | prop: "dbfw", | ||
| 700 | label: "担保范围", | ||
| 701 | }, | ||
| 702 | { | ||
| 703 | prop: "zwlxqssj", | ||
| 704 | label: "债务履行起始时间", | ||
| 705 | }, | ||
| 706 | { | ||
| 707 | prop: "zwlxjssj", | ||
| 708 | label: "债务履行结束时间", | ||
| 709 | }, | ||
| 710 | { | ||
| 711 | prop: "zwlxqx", | ||
| 712 | label: "债务履行期限(债务确定期间)", | ||
| 713 | }, | ||
| 714 | { | ||
| 715 | prop: "zgzqqdsshse", | ||
| 716 | label: "最高债权确定事实和数额", | ||
| 717 | }, | ||
| 718 | { | ||
| 719 | prop: "sfczyd", | ||
| 720 | label: "是否存在禁止或限制转让抵押不动产的约定", | ||
| 721 | }, | ||
| 722 | { | ||
| 723 | prop: "djyy", | ||
| 724 | label: "登记原因", | ||
| 725 | }, | ||
| 726 | { | ||
| 727 | prop: "bdcqzh", | ||
| 728 | label: "不动产登记证明号", | ||
| 729 | }, | ||
| 730 | { | ||
| 731 | prop: "fj", | ||
| 732 | label: "附记", | ||
| 733 | }, | ||
| 734 | { | ||
| 735 | prop: "djsj", | ||
| 736 | label: "登记时间", | ||
| 737 | }, | ||
| 738 | { | ||
| 739 | prop: "dbr", | ||
| 740 | label: "登簿人", | ||
| 741 | }, | ||
| 742 | { | ||
| 743 | prop: "djjg", | ||
| 744 | label: "登记机构", | ||
| 745 | }, | ||
| 746 | { | ||
| 747 | prop: "zxywh", | ||
| 748 | label: "注销抵押业务号", | ||
| 749 | }, | ||
| 750 | { | ||
| 751 | prop: "zxdyyy", | ||
| 752 | label: "注销抵押原因", | ||
| 753 | }, | ||
| 754 | { | ||
| 755 | prop: "zxsj", | ||
| 756 | label: "注销登记时间", | ||
| 757 | }, | ||
| 758 | { | ||
| 759 | prop: "zxdbr", | ||
| 760 | label: "注销登簿人", | ||
| 761 | }, | ||
| 762 | |||
| 763 | ], | ||
| 764 | DYIQ: [ | ||
| 765 | { | ||
| 766 | prop: "qszt", | ||
| 767 | label: "权属状态", | ||
| 768 | }, | ||
| 769 | { | ||
| 770 | prop: "sjlx", | ||
| 771 | label: "数据类型", | ||
| 772 | }, | ||
| 773 | { | ||
| 774 | prop: "djlxmc", | ||
| 775 | label: "登记类型", | ||
| 776 | }, | ||
| 777 | { | ||
| 778 | prop: "ssywh", | ||
| 779 | label: "上手业务号", | ||
| 780 | }, | ||
| 781 | { | ||
| 782 | prop: "dah", | ||
| 783 | label: "档案号", | ||
| 784 | }, | ||
| 785 | { | ||
| 786 | prop: "ywh", | ||
| 787 | label: "业务号", | ||
| 788 | }, | ||
| 789 | { | ||
| 790 | prop: "gydbdcdyh", | ||
| 791 | label: "供役地不动产单元号", | ||
| 792 | }, | ||
| 793 | { | ||
| 794 | prop: "gydqlr", | ||
| 795 | label: "供役地权利人", | ||
| 796 | }, | ||
| 797 | { | ||
| 798 | prop: "gydqlrzjzl", | ||
| 799 | label: "供役地权利人证件种类", | ||
| 800 | }, | ||
| 801 | { | ||
| 802 | prop: "xydbdcdyh", | ||
| 803 | label: "需役地不动产单元号", | ||
| 804 | }, | ||
| 805 | { | ||
| 806 | prop: "xydzl", | ||
| 807 | label: "需役地坐落", | ||
| 808 | }, | ||
| 809 | { | ||
| 810 | prop: "xydqlr", | ||
| 811 | label: "需役地权利人", | ||
| 812 | }, | ||
| 813 | { | ||
| 814 | prop: "xydqlrzjzl", | ||
| 815 | label: "需役地权利人证件种类", | ||
| 816 | }, | ||
| 817 | { | ||
| 818 | prop: "xydzjh", | ||
| 819 | label: "需役地证件号", | ||
| 820 | }, | ||
| 821 | { | ||
| 822 | prop: "djyy", | ||
| 823 | label: "登记原因", | ||
| 824 | }, | ||
| 825 | { | ||
| 826 | prop: "dyqnr", | ||
| 827 | label: "地役权内容", | ||
| 828 | }, | ||
| 829 | { | ||
| 830 | prop: "qlqssj", | ||
| 831 | label: "权利起始时间", | ||
| 832 | }, | ||
| 833 | { | ||
| 834 | prop: "qljssj", | ||
| 835 | label: "权利结束时间", | ||
| 836 | }, | ||
| 837 | { | ||
| 838 | prop: "bdcdjzmh", | ||
| 839 | label: "不动产登记证明号", | ||
| 840 | }, | ||
| 841 | { | ||
| 842 | prop: "qxdm", | ||
| 843 | label: "区县代码", | ||
| 844 | }, | ||
| 845 | { | ||
| 846 | prop: "djjg", | ||
| 847 | label: "登记机构", | ||
| 848 | }, | ||
| 849 | { | ||
| 850 | prop: "dbr", | ||
| 851 | label: "登簿人", | ||
| 852 | }, | ||
| 853 | { | ||
| 854 | prop: "djsj", | ||
| 855 | label: "登记时间", | ||
| 856 | }, | ||
| 857 | ], | ||
| 858 | YGDJ: [ | ||
| 859 | { | ||
| 860 | prop: "qszt", | ||
| 861 | label: "权属状态", | ||
| 862 | }, | ||
| 863 | { | ||
| 864 | prop: "sjlx", | ||
| 865 | label: "数据类型", | ||
| 866 | }, | ||
| 867 | { | ||
| 868 | prop: "ygdjzlmc", | ||
| 869 | label: "预告登记种类", | ||
| 870 | }, | ||
| 871 | { | ||
| 872 | prop: "djlxmc", | ||
| 873 | label: "登记类型", | ||
| 874 | }, | ||
| 875 | { | ||
| 876 | prop: "ssywh", | ||
| 877 | label: "上手业务号", | ||
| 878 | }, | ||
| 879 | { | ||
| 880 | prop: "dah", | ||
| 881 | label: "档案号", | ||
| 882 | }, | ||
| 883 | { | ||
| 884 | prop: "ywh", | ||
| 885 | label: "业务号", | ||
| 886 | }, | ||
| 887 | { | ||
| 888 | prop: "bdcdyh", | ||
| 889 | label: "不动产单元号", | ||
| 890 | }, | ||
| 891 | { | ||
| 892 | prop: "zl", | ||
| 893 | label: "坐落", | ||
| 894 | }, | ||
| 895 | { | ||
| 896 | prop: "qlrmc", | ||
| 897 | label: "权利人", | ||
| 898 | }, | ||
| 899 | { | ||
| 900 | prop: "qlrzjzl", | ||
| 901 | label: "证件种类", | ||
| 902 | }, | ||
| 903 | { | ||
| 904 | prop: "qlrzjhm", | ||
| 905 | label: "证件号", | ||
| 906 | }, | ||
| 907 | { | ||
| 908 | prop: "ywrmc", | ||
| 909 | label: "义务人", | ||
| 910 | }, | ||
| 911 | { | ||
| 912 | prop: "ywrzjzl", | ||
| 913 | label: "证件种类", | ||
| 914 | }, | ||
| 915 | { | ||
| 916 | prop: "ywrzjhm", | ||
| 917 | label: "证件号", | ||
| 918 | }, | ||
| 919 | { | ||
| 920 | prop: "fwxzmc", | ||
| 921 | label: "房屋性质", | ||
| 922 | }, | ||
| 923 | { | ||
| 924 | prop: "fwjgmc", | ||
| 925 | label: "房屋结构", | ||
| 926 | }, | ||
| 927 | { | ||
| 928 | prop: "ytmc", | ||
| 929 | label: "房屋用途", | ||
| 930 | }, | ||
| 931 | { | ||
| 932 | prop: "szc", | ||
| 933 | label: "所在层", | ||
| 934 | }, | ||
| 935 | { | ||
| 936 | prop: "zcs", | ||
| 937 | label: "总层数", | ||
| 938 | }, | ||
| 939 | { | ||
| 940 | prop: "jzmj", | ||
| 941 | label: "建筑面积/抵押面积(㎡)", | ||
| 942 | }, | ||
| 943 | { | ||
| 944 | prop: "djyy", | ||
| 945 | label: "登记原因", | ||
| 946 | }, | ||
| 947 | { | ||
| 948 | prop: "fj", | ||
| 949 | label: "附记", | ||
| 950 | }, | ||
| 951 | { | ||
| 952 | prop: "qdjgmc", | ||
| 953 | label: "取得价格/被担保主债权数额", | ||
| 954 | }, | ||
| 955 | { | ||
| 956 | prop: "dbfw", | ||
| 957 | label: "担保范围", | ||
| 958 | }, | ||
| 959 | { | ||
| 960 | prop: "sfczyd", | ||
| 961 | label: "是否存在禁止或限制转让抵押不动产的约定", | ||
| 962 | }, | ||
| 963 | { | ||
| 964 | prop: "djsj", | ||
| 965 | label: "登记时间", | ||
| 966 | }, | ||
| 967 | { | ||
| 968 | prop: "bdcqzh", | ||
| 969 | label: "不动产登记证明号", | ||
| 970 | }, | ||
| 971 | { | ||
| 972 | prop: "dbr", | ||
| 973 | label: "登簿人", | ||
| 974 | }, | ||
| 975 | { | ||
| 976 | prop: "zxywh", | ||
| 977 | label: "注销预告业务号", | ||
| 978 | }, | ||
| 979 | { | ||
| 980 | prop: "zxyy", | ||
| 981 | label: "注销预告原因", | ||
| 982 | }, | ||
| 983 | { | ||
| 984 | prop: "zxsj", | ||
| 985 | label: "注销时间", | ||
| 986 | } | ||
| 987 | ], | ||
| 988 | CFDJ: [ | ||
| 989 | { | ||
| 990 | prop: "qszt", | ||
| 991 | label: "权属状态", | ||
| 992 | }, | ||
| 993 | { | ||
| 994 | prop: "sjlx", | ||
| 995 | label: "数据类型", | ||
| 996 | }, | ||
| 997 | { | ||
| 998 | prop: "cflxmc", | ||
| 999 | label: "查封类型", | ||
| 1000 | }, | ||
| 1001 | { | ||
| 1002 | prop: "ssywh", | ||
| 1003 | label: "上手业务号", | ||
| 1004 | }, | ||
| 1005 | { | ||
| 1006 | prop: "dah", | ||
| 1007 | label: "档案号", | ||
| 1008 | }, | ||
| 1009 | { | ||
| 1010 | prop: "ywh", | ||
| 1011 | label: "业务号", | ||
| 1012 | }, | ||
| 1013 | { | ||
| 1014 | prop: "bdcdyh", | ||
| 1015 | label: "不动产单元号", | ||
| 1016 | }, | ||
| 1017 | { | ||
| 1018 | prop: "zl", | ||
| 1019 | label: "坐落", | ||
| 1020 | }, | ||
| 1021 | { | ||
| 1022 | prop: "cfjg", | ||
| 1023 | label: "查封机关", | ||
| 1024 | }, | ||
| 1025 | { | ||
| 1026 | prop: "ywrmc", | ||
| 1027 | label: "被执行人", | ||
| 1028 | }, | ||
| 1029 | { | ||
| 1030 | prop: "ywrzjzl", | ||
| 1031 | label: "证件种类", | ||
| 1032 | }, | ||
| 1033 | { | ||
| 1034 | prop: "ywrzjhm", | ||
| 1035 | label: "证件号", | ||
| 1036 | }, | ||
| 1037 | |||
| 1038 | { | ||
| 1039 | prop: "cfwh", | ||
| 1040 | label: "查封文号", | ||
| 1041 | }, | ||
| 1042 | { | ||
| 1043 | prop: "cfwj", | ||
| 1044 | label: "查封文件", | ||
| 1045 | }, | ||
| 1046 | { | ||
| 1047 | prop: "cfqssj", | ||
| 1048 | label: "查封起始时间", | ||
| 1049 | }, | ||
| 1050 | { | ||
| 1051 | prop: "cfjssj", | ||
| 1052 | label: "查封结束时间", | ||
| 1053 | }, | ||
| 1054 | { | ||
| 1055 | prop: "cfqx", | ||
| 1056 | label: "查封期限", | ||
| 1057 | }, | ||
| 1058 | { | ||
| 1059 | prop: "cffw", | ||
| 1060 | label: "查封范围", | ||
| 1061 | }, | ||
| 1062 | { | ||
| 1063 | prop: "djjg", | ||
| 1064 | label: "登记机构", | ||
| 1065 | }, | ||
| 1066 | { | ||
| 1067 | prop: "dbr", | ||
| 1068 | label: "登簿人", | ||
| 1069 | }, | ||
| 1070 | { | ||
| 1071 | prop: "djsj", | ||
| 1072 | label: "登记时间", | ||
| 1073 | }, | ||
| 1074 | { | ||
| 1075 | prop: "zxywh", | ||
| 1076 | label: "解封业务号", | ||
| 1077 | }, | ||
| 1078 | { | ||
| 1079 | prop: "jfjg", | ||
| 1080 | label: "解封机关", | ||
| 1081 | }, | ||
| 1082 | { | ||
| 1083 | prop: "jfwh", | ||
| 1084 | label: "解封文号", | ||
| 1085 | }, | ||
| 1086 | { | ||
| 1087 | prop: "jfwj", | ||
| 1088 | label: "解封文件", | ||
| 1089 | }, | ||
| 1090 | { | ||
| 1091 | prop: "zxsj", | ||
| 1092 | label: "解封登记时间", | ||
| 1093 | }, | ||
| 1094 | { | ||
| 1095 | prop: "zxdbr", | ||
| 1096 | label: "解封登簿人", | ||
| 1097 | }, | ||
| 1098 | ], | ||
| 1099 | YYDJ: [ | ||
| 1100 | { | ||
| 1101 | prop: "sjlx", | ||
| 1102 | label: "数据类型", | ||
| 1103 | }, | ||
| 1104 | { | ||
| 1105 | prop: "qszt", | ||
| 1106 | label: "权属状态", | ||
| 1107 | }, | ||
| 1108 | { | ||
| 1109 | prop: "qllxmc", | ||
| 1110 | label: "权利类型", | ||
| 1111 | }, | ||
| 1112 | { | ||
| 1113 | prop: "djlxmc", | ||
| 1114 | label: "登记类型", | ||
| 1115 | }, | ||
| 1116 | { | ||
| 1117 | prop: "ssywh", | ||
| 1118 | label: "上手业务号", | ||
| 1119 | }, | ||
| 1120 | { | ||
| 1121 | prop: "dah", | ||
| 1122 | label: "档案号", | ||
| 1123 | }, | ||
| 1124 | { | ||
| 1125 | prop: "ywh", | ||
| 1126 | label: "业务号", | ||
| 1127 | }, | ||
| 1128 | { | ||
| 1129 | prop: "bdcdyh", | ||
| 1130 | label: "不动产单元号", | ||
| 1131 | }, | ||
| 1132 | { | ||
| 1133 | prop: "zl", | ||
| 1134 | label: "坐落", | ||
| 1135 | }, | ||
| 1136 | { | ||
| 1137 | prop: "yyr", | ||
| 1138 | label: "异议人", | ||
| 1139 | }, | ||
| 1140 | { | ||
| 1141 | prop: "zjzl", | ||
| 1142 | label: "证件种类", | ||
| 1143 | }, | ||
| 1144 | { | ||
| 1145 | prop: "zjh", | ||
| 1146 | label: "证件号", | ||
| 1147 | }, | ||
| 1148 | { | ||
| 1149 | prop: "yysx", | ||
| 1150 | label: "异议事项", | ||
| 1151 | }, | ||
| 1152 | { | ||
| 1153 | prop: "bdcdjzmh", | ||
| 1154 | label: "不动产登记证明号", | ||
| 1155 | }, | ||
| 1156 | { | ||
| 1157 | prop: "djjg", | ||
| 1158 | label: "登记机构", | ||
| 1159 | }, | ||
| 1160 | { | ||
| 1161 | prop: "dbr", | ||
| 1162 | label: "登簿人", | ||
| 1163 | }, | ||
| 1164 | { | ||
| 1165 | prop: "djsj", | ||
| 1166 | label: "登记时间", | ||
| 1167 | }, | ||
| 1168 | { | ||
| 1169 | prop: "zxyyywh", | ||
| 1170 | label: "注销异议业务号", | ||
| 1171 | }, | ||
| 1172 | { | ||
| 1173 | prop: "zxyyyy", | ||
| 1174 | label: "注销异议原因", | ||
| 1175 | }, | ||
| 1176 | { | ||
| 1177 | prop: "zxyydbr", | ||
| 1178 | label: "注销异议登簿人", | ||
| 1179 | }, | ||
| 1180 | { | ||
| 1181 | prop: "zxyydjsj", | ||
| 1182 | label: "注销异议登记时间", | ||
| 1183 | }, | ||
| 1184 | ], | ||
| 1185 | LDSYQ: [ | ||
| 1186 | { | ||
| 1187 | prop: "ywh", | ||
| 1188 | label: "业务号", | ||
| 1189 | }, | ||
| 1190 | { | ||
| 1191 | prop: "sjlx", | ||
| 1192 | label: "数据类型", | ||
| 1193 | }, | ||
| 1194 | { | ||
| 1195 | prop: "qllxmc", | ||
| 1196 | label: "权利类型", | ||
| 1197 | }, | ||
| 1198 | { | ||
| 1199 | prop: "djlxmc", | ||
| 1200 | label: "登记类型", | ||
| 1201 | }, | ||
| 1202 | { | ||
| 1203 | prop: "ssywh", | ||
| 1204 | label: "上手业务号", | ||
| 1205 | }, | ||
| 1206 | |||
| 1207 | { | ||
| 1208 | prop: "bdcdyh", | ||
| 1209 | label: "不动产单元号", | ||
| 1210 | }, | ||
| 1211 | { | ||
| 1212 | prop: "zl", | ||
| 1213 | label: "坐落", | ||
| 1214 | }, | ||
| 1215 | { | ||
| 1216 | prop: "gyqk", | ||
| 1217 | label: "共有情况", | ||
| 1218 | }, | ||
| 1219 | { | ||
| 1220 | prop: "qlrzjzl", | ||
| 1221 | label: "证件种类", | ||
| 1222 | }, | ||
| 1223 | { | ||
| 1224 | prop: "qlrzjhm", | ||
| 1225 | label: "证件号", | ||
| 1226 | }, | ||
| 1227 | { | ||
| 1228 | prop: "ldsyqxz", | ||
| 1229 | label: "林地所有权性质", | ||
| 1230 | }, | ||
| 1231 | { | ||
| 1232 | prop: "fbf", | ||
| 1233 | label: "发包方", | ||
| 1234 | }, | ||
| 1235 | { | ||
| 1236 | prop: "fbfdm", | ||
| 1237 | label: "发包方代码", | ||
| 1238 | }, | ||
| 1239 | { | ||
| 1240 | prop: "syqmj", | ||
| 1241 | label: "使用权面积", | ||
| 1242 | }, | ||
| 1243 | { | ||
| 1244 | prop: "sllb", | ||
| 1245 | label: "森林类别", | ||
| 1246 | }, | ||
| 1247 | { | ||
| 1248 | prop: "zylz", | ||
| 1249 | label: "主要树种", | ||
| 1250 | }, | ||
| 1251 | { | ||
| 1252 | prop: "zs", | ||
| 1253 | label: "株数", | ||
| 1254 | }, | ||
| 1255 | { | ||
| 1256 | prop: "lz", | ||
| 1257 | label: "林种", | ||
| 1258 | }, | ||
| 1259 | { | ||
| 1260 | prop: "qy", | ||
| 1261 | label: "起源", | ||
| 1262 | }, | ||
| 1263 | { | ||
| 1264 | prop: "zlnd", | ||
| 1265 | label: "造林年度", | ||
| 1266 | }, | ||
| 1267 | { | ||
| 1268 | prop: "lb", | ||
| 1269 | label: "林班", | ||
| 1270 | }, | ||
| 1271 | { | ||
| 1272 | prop: "xb", | ||
| 1273 | label: "小班", | ||
| 1274 | }, | ||
| 1275 | { | ||
| 1276 | prop: "xdm", | ||
| 1277 | label: "小地名", | ||
| 1278 | }, | ||
| 1279 | { | ||
| 1280 | prop: "djjg", | ||
| 1281 | label: "登记机构", | ||
| 1282 | }, | ||
| 1283 | { | ||
| 1284 | prop: "dbr", | ||
| 1285 | label: "登簿人", | ||
| 1286 | }, | ||
| 1287 | { | ||
| 1288 | prop: "djsj", | ||
| 1289 | label: "登记时间", | ||
| 1290 | }, | ||
| 1291 | ] | ||
| 1292 | } | ||
| 1293 | } | ||
| 1294 | |||
| 1295 | |||
| 1296 | } | ||
| 1297 | |||
| 1298 | let datas = new data() | ||
| 1299 | |||
| 1300 | export { | ||
| 1301 | datas | ||
| 1302 | } |
src/views/printdjb/components/ygdj.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-25 17:14:29 | ||
| 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 | row.qlzt == '4' ? 'linshi' : '', | ||
| 27 | |||
| 28 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 29 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 32 | ]"> | ||
| 33 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 36 | </div> | ||
| 37 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 38 | 有效 | ||
| 39 | </div> | ||
| 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 41 | 正在补录 | ||
| 42 | </div> | ||
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 44 | 正在申请 | ||
| 45 | </div> | ||
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 47 | 正在注销 | ||
| 48 | </div> | ||
| 49 | |||
| 50 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 51 | <span v-if="item.prop == 'qszt'"> | ||
| 52 | {{ getQsztName(row[item.prop]) }} | ||
| 53 | </span> | ||
| 54 | <span v-else>{{ row[item.prop] }}</span> | ||
| 55 | </p> | ||
| 56 | |||
| 57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 58 | <span class="ellipsis-line"> | ||
| 59 | {{ row[item.prop] }} | ||
| 60 | </span> | ||
| 61 | </el-tooltip> | ||
| 62 | </td> | ||
| 63 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 64 | </tr> | ||
| 65 | </table> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | </div> | ||
| 69 | </template> | ||
| 70 | |||
| 71 | <script> | ||
| 72 | import { datas } from "./qlxxFormData.js"; | ||
| 73 | import { getYgdjList } from "@/api/djbDetail.js"; | ||
| 74 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | ||
| 75 | export default { | ||
| 76 | data () { | ||
| 77 | return { | ||
| 78 | bdcdyid: this.$route.query.bdcdyid, | ||
| 79 | qllx: this.$route.query.qllx, | ||
| 80 | title: "预告登记信息", | ||
| 81 | qsztList: datas.columns().qsztList, | ||
| 82 | checkList: datas.columns().checkList, | ||
| 83 | //列表数据 | ||
| 84 | tableData: [], | ||
| 85 | //空列值个数 | ||
| 86 | emptycolNum: datas.columns().emptycolNum, | ||
| 87 | //列名称对象 | ||
| 88 | columns: datas.columns().YGDJ, | ||
| 89 | }; | ||
| 90 | }, | ||
| 91 | created () { | ||
| 92 | this.loadData(); | ||
| 93 | }, | ||
| 94 | methods: { | ||
| 95 | /** | ||
| 96 | * @description: loadData | ||
| 97 | * @author: renchao | ||
| 98 | */ | ||
| 99 | loadData () { | ||
| 100 | // 判断是否在登记簿补录调的子页面 | ||
| 101 | if (this.$parent.addRepairRecord) { | ||
| 102 | this.columns.unshift({ | ||
| 103 | prop: "cz", | ||
| 104 | label: "操作" | ||
| 105 | }) | ||
| 106 | } | ||
| 107 | getYgdjList({ | ||
| 108 | bdcdyid: this.bdcdyid, | ||
| 109 | qllx: this.qllx, | ||
| 110 | qszt: this.checkList, | ||
| 111 | }).then((res) => { | ||
| 112 | if (res.code === 200) { | ||
| 113 | this.tableData = res.result; | ||
| 114 | this.tableData.forEach((item) => { | ||
| 115 | item.sjlx = getSjlx(item.sjlx); | ||
| 116 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
| 117 | }); | ||
| 118 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 119 | this.emptycolNum = | ||
| 120 | datas.columns().emptycolNum - this.tableData.length; | ||
| 121 | } else { | ||
| 122 | this.emptycolNum = 0; | ||
| 123 | } | ||
| 124 | } | ||
| 125 | }); | ||
| 126 | }, | ||
| 127 | /** | ||
| 128 | * @description: checkChange | ||
| 129 | * @author: renchao | ||
| 130 | */ | ||
| 131 | checkChange () { | ||
| 132 | if (this.checkList.length === 0) { | ||
| 133 | this.tableData = []; | ||
| 134 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 135 | } else { | ||
| 136 | this.loadData(); | ||
| 137 | } | ||
| 138 | }, | ||
| 139 | /** | ||
| 140 | * @description: getQsztName | ||
| 141 | * @param {*} code | ||
| 142 | * @author: renchao | ||
| 143 | */ | ||
| 144 | getQsztName (code) { | ||
| 145 | let name = ""; | ||
| 146 | for (let item of this.qsztList) { | ||
| 147 | if (item.value == code) { | ||
| 148 | name = item.label; | ||
| 149 | break; | ||
| 150 | } | ||
| 151 | } | ||
| 152 | return name; | ||
| 153 | }, | ||
| 154 | // 新增一条补录信息 | ||
| 155 | /** | ||
| 156 | * @description: 新增一条补录信息 | ||
| 157 | * @param {*} row | ||
| 158 | * @param {*} del | ||
| 159 | * @author: renchao | ||
| 160 | */ | ||
| 161 | editDialog (row, del) { | ||
| 162 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 163 | confirmButtonText: '确定', | ||
| 164 | cancelButtonText: '取消', | ||
| 165 | type: 'warning' | ||
| 166 | }).then(() => { | ||
| 167 | this.$parent.addRepairRecord(row, del) | ||
| 168 | |||
| 169 | this.$message({ | ||
| 170 | type: 'success', | ||
| 171 | message: '补录成功!' | ||
| 172 | }); | ||
| 173 | }).catch(() => { | ||
| 174 | this.$message({ | ||
| 175 | type: 'info', | ||
| 176 | message: '取消编辑' | ||
| 177 | }); | ||
| 178 | }); | ||
| 179 | |||
| 180 | }, | ||
| 181 | }, | ||
| 182 | }; | ||
| 183 | </script> | ||
| 184 | |||
| 185 | <style lang="scss" scoped> | ||
| 186 | @import "./qlxxCommon.scss"; | ||
| 187 | </style> |
src/views/printdjb/components/yydj.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-24 16:15: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 | row.qlzt == '4' ? 'linshi' : '', | ||
| 27 | |||
| 28 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 29 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 32 | ]"> | ||
| 33 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 36 | </div> | ||
| 37 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 38 | 有效 | ||
| 39 | </div> | ||
| 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 41 | 正在补录 | ||
| 42 | </div> | ||
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 44 | 正在申请 | ||
| 45 | </div> | ||
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 47 | 正在注销 | ||
| 48 | </div> | ||
| 49 | |||
| 50 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 51 | <span v-if="item.prop == 'qszt'"> | ||
| 52 | {{ getQsztName(row[item.prop]) }} | ||
| 53 | </span> | ||
| 54 | <span v-else>{{ row[item.prop] }}</span> | ||
| 55 | </p> | ||
| 56 | |||
| 57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 58 | <span class="ellipsis-line"> | ||
| 59 | {{ row[item.prop] }} | ||
| 60 | </span> | ||
| 61 | </el-tooltip> | ||
| 62 | </td> | ||
| 63 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 64 | </tr> | ||
| 65 | </table> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | </div> | ||
| 69 | </template> | ||
| 70 | |||
| 71 | <script> | ||
| 72 | import { datas } from "./qlxxFormData.js"; | ||
| 73 | import { getYydjList } from "@/api/djbDetail.js"; | ||
| 74 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | ||
| 75 | export default { | ||
| 76 | data () { | ||
| 77 | return { | ||
| 78 | title: "异议登记信息", | ||
| 79 | qsztList: datas.columns().qsztList, | ||
| 80 | checkList: datas.columns().checkList, | ||
| 81 | //传递参数 | ||
| 82 | bdcdyid: this.$route.query.bdcdyid, | ||
| 83 | qllx: this.$route.query.qllx, | ||
| 84 | //列表数据 | ||
| 85 | tableData: [], | ||
| 86 | //空列值个数 | ||
| 87 | emptycolNum: datas.columns().emptycolNum, | ||
| 88 | //列名称对象 | ||
| 89 | columns: datas.columns().YYDJ, | ||
| 90 | }; | ||
| 91 | }, | ||
| 92 | created () { | ||
| 93 | this.loadData(); | ||
| 94 | }, | ||
| 95 | methods: { | ||
| 96 | /** | ||
| 97 | * @description: loadData | ||
| 98 | * @author: renchao | ||
| 99 | */ | ||
| 100 | loadData () { | ||
| 101 | if (this.$parent.addRepairRecord) { | ||
| 102 | this.columns.unshift({ | ||
| 103 | prop: "cz", | ||
| 104 | label: "操作" | ||
| 105 | }) | ||
| 106 | } | ||
| 107 | getYydjList({ | ||
| 108 | bdcdyid: this.bdcdyid, | ||
| 109 | qllx: this.qllx, | ||
| 110 | qszt: this.checkList, | ||
| 111 | }).then((res) => { | ||
| 112 | if (res.code === 200) { | ||
| 113 | this.tableData = res.result; | ||
| 114 | this.tableData.forEach((item) => { | ||
| 115 | item.sjlx = getSjlx(item.sjlx); | ||
| 116 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
| 117 | }); | ||
| 118 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 119 | this.emptycolNum = | ||
| 120 | datas.columns().emptycolNum - this.tableData.length; | ||
| 121 | } else { | ||
| 122 | this.emptycolNum = 0; | ||
| 123 | } | ||
| 124 | } | ||
| 125 | }); | ||
| 126 | }, | ||
| 127 | /** | ||
| 128 | * @description: checkChange | ||
| 129 | * @author: renchao | ||
| 130 | */ | ||
| 131 | checkChange () { | ||
| 132 | if (this.checkList.length === 0) { | ||
| 133 | this.tableData = []; | ||
| 134 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 135 | } else { | ||
| 136 | this.loadData(); | ||
| 137 | } | ||
| 138 | }, | ||
| 139 | /** | ||
| 140 | * @description: getQsztName | ||
| 141 | * @param {*} code | ||
| 142 | * @author: renchao | ||
| 143 | */ | ||
| 144 | getQsztName (code) { | ||
| 145 | let name = ""; | ||
| 146 | for (let item of this.qsztList) { | ||
| 147 | if (item.value == code) { | ||
| 148 | name = item.label; | ||
| 149 | break; | ||
| 150 | } | ||
| 151 | } | ||
| 152 | return name; | ||
| 153 | }, | ||
| 154 | // 新增一条补录信息 | ||
| 155 | /** | ||
| 156 | * @description: 新增一条补录信息 | ||
| 157 | * @param {*} row | ||
| 158 | * @param {*} del | ||
| 159 | * @author: renchao | ||
| 160 | */ | ||
| 161 | editDialog (row, del) { | ||
| 162 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 163 | confirmButtonText: '确定', | ||
| 164 | cancelButtonText: '取消', | ||
| 165 | type: 'warning' | ||
| 166 | }).then(() => { | ||
| 167 | this.$parent.addRepairRecord(row, del) | ||
| 168 | |||
| 169 | this.$message({ | ||
| 170 | type: 'success', | ||
| 171 | message: '补录成功!' | ||
| 172 | }); | ||
| 173 | }).catch(() => { | ||
| 174 | this.$message({ | ||
| 175 | type: 'info', | ||
| 176 | message: '取消编辑' | ||
| 177 | }); | ||
| 178 | }); | ||
| 179 | |||
| 180 | }, | ||
| 181 | }, | ||
| 182 | }; | ||
| 183 | </script> | ||
| 184 | |||
| 185 | <style lang="scss" scoped> | ||
| 186 | @import "./qlxxCommon.scss"; | ||
| 187 | </style> |
src/views/printdjb/components/zdjbxx.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description :宗地基本信息 | ||
| 3 | * @Autor : miaofang | ||
| 4 | * @LastEditTime: 2023-08-04 10:06:45 | ||
| 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.yt | dicyt("tdyt") }}</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="4">{{ zdjbxx.fj }}</td> | ||
| 92 | </tr> | ||
| 93 | <tr v-if="showGroup"> | ||
| 94 | <td rowspan="4">变化情况</td> | ||
| 95 | </tr> | ||
| 96 | |||
| 97 | <tr v-if="showGroup"> | ||
| 98 | <td>变化原因</td> | ||
| 99 | <td>变化内容</td> | ||
| 100 | <td>登记时间</td> | ||
| 101 | <td>登簿人</td> | ||
| 102 | </tr> | ||
| 103 | <!-- <tr > | ||
| 104 | <td>{{ zdbhqks[0].bhyy }}</td> | ||
| 105 | <td>{{ zdbhqks[0].bhnr }}</td> | ||
| 106 | <td>{{ zdbhqks[0].djsj }}</td> | ||
| 107 | <td>{{ zdbhqks[0].dbr }}</td> | ||
| 108 | </tr> --> | ||
| 109 | </table> | ||
| 110 | </div> | ||
| 111 | </template> | ||
| 112 | |||
| 113 | <script> | ||
| 114 | import store from "@/store/index.js"; | ||
| 115 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; | ||
| 116 | |||
| 117 | export default { | ||
| 118 | data () { | ||
| 119 | return { | ||
| 120 | bdcdyid: this.$route.query.bdcdyid, | ||
| 121 | bhqkColumns: [ | ||
| 122 | { | ||
| 123 | prop: "ssywh", | ||
| 124 | label: "上手业务号", | ||
| 125 | }, | ||
| 126 | { | ||
| 127 | prop: "zddm", | ||
| 128 | label: "宗地代码", | ||
| 129 | }, | ||
| 130 | { | ||
| 131 | prop: "bhqzddm", | ||
| 132 | label: "变化前宗地代码", | ||
| 133 | }, | ||
| 134 | { | ||
| 135 | prop: "bhnr", | ||
| 136 | label: "变化内容", | ||
| 137 | }, | ||
| 138 | { | ||
| 139 | prop: "bhyy", | ||
| 140 | label: "变化原因", | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: "djsj", | ||
| 144 | label: "登记时间", | ||
| 145 | }, | ||
| 146 | { | ||
| 147 | prop: "dbr", | ||
| 148 | label: "登簿人", | ||
| 149 | }, | ||
| 150 | { | ||
| 151 | prop: "fj", | ||
| 152 | label: "附记", | ||
| 153 | }, | ||
| 154 | ], | ||
| 155 | bhqkTableWidth: 745, | ||
| 156 | zdjbxx: {}, | ||
| 157 | zdbhqks: [], | ||
| 158 | propsParam: this.$attrs, | ||
| 159 | showGroup: false, | ||
| 160 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], | ||
| 161 | foundItemaa: {}, | ||
| 162 | foundItemaaa: {}, | ||
| 163 | }; | ||
| 164 | }, | ||
| 165 | filters: { | ||
| 166 | dictionary: function (value, param) { | ||
| 167 | const foundItem = store.getters.dictData[param].find( | ||
| 168 | (item) => item.dcode === String(value) | ||
| 169 | ); | ||
| 170 | if (foundItem) { | ||
| 171 | return foundItem.dname; | ||
| 172 | } | ||
| 173 | }, | ||
| 174 | dicyt: function (value, param) { | ||
| 175 | const res = store.getters.dictData[param].filter((item) => { | ||
| 176 | if (item.dcode === String(value)) { | ||
| 177 | return item; | ||
| 178 | } else { | ||
| 179 | if (item.children.length) { | ||
| 180 | const res2 = item.children.filter((items) => { | ||
| 181 | if (items.dcode === String(value)) { | ||
| 182 | return items; | ||
| 183 | } | ||
| 184 | }); | ||
| 185 | if (res2.length) { | ||
| 186 | return res2; | ||
| 187 | |||
| 188 | } | ||
| 189 | |||
| 190 | } | ||
| 191 | } | ||
| 192 | }); | ||
| 193 | if (res[0]) { | ||
| 194 | return res[0].dname | ||
| 195 | } | ||
| 196 | }, | ||
| 197 | }, | ||
| 198 | created () { | ||
| 199 | this.loadData(); | ||
| 200 | }, | ||
| 201 | methods: { | ||
| 202 | /** | ||
| 203 | * @description: loadData | ||
| 204 | * @author: renchao | ||
| 205 | */ | ||
| 206 | loadData () { | ||
| 207 | getZdjjxxBybdcdyid({ bdcdyid: this.bdcdyid }).then((res) => { | ||
| 208 | if (res.code === 200) { | ||
| 209 | this.zdjbxx = res.result.zdjbxx; | ||
| 210 | this.zdbhqks = res.result.zdbhqkList; | ||
| 211 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | ||
| 212 | this.showGroup = true; | ||
| 213 | } | ||
| 214 | } | ||
| 215 | }); | ||
| 216 | }, | ||
| 217 | }, | ||
| 218 | }; | ||
| 219 | </script> | ||
| 220 | <style lang="scss" scoped> | ||
| 221 | @import "~@/styles/tablecss.scss"; | ||
| 222 | .tableDivCss{ | ||
| 223 | width: 100%; | ||
| 224 | height: 100%; | ||
| 225 | background-color: rgb(255, 255, 255); | ||
| 226 | |||
| 227 | } | ||
| 228 | </style> |
src/views/printdjb/printdjb.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-23 15:57:40 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="all"> | ||
| 8 | <!-- <el-button v-if="isshow" @click="printdjb" class="printdjb" | ||
| 9 | >开始打印</el-button> --> | ||
| 10 | <component | ||
| 11 | :is="currentTabComponent" | ||
| 12 | class="tab" | ||
| 13 | ></component> | ||
| 14 | </div> | ||
| 15 | </template> | ||
| 16 | |||
| 17 | <script> | ||
| 18 | import djbfm from "./components/djbfm.vue"; | ||
| 19 | import zdjbxx from "./components/zdjbxx.vue"; | ||
| 20 | import fdcq1 from "./components/fdcq1.vue"; | ||
| 21 | import fdcq2 from "./components/fdcq2.vue"; | ||
| 22 | import jsydsyq from "./components/jsydsyq.vue"; | ||
| 23 | import ldsyq from "./components/ldsyq.vue"; | ||
| 24 | import nydsyq from "./components/nydsyq.vue"; | ||
| 25 | import yydj from "./components/yydj.vue"; | ||
| 26 | import ygdj from "./components/ygdj.vue"; | ||
| 27 | import cfdj from "./components/cfdj.vue"; | ||
| 28 | import diyiq from "./components/diyiq.vue"; | ||
| 29 | import diyaq from "./components/diyaq.vue"; | ||
| 30 | import bdcqljqtsx from "./components/bdcqljqtsx.vue"; | ||
| 31 | |||
| 32 | export default { | ||
| 33 | components: { | ||
| 34 | djbfm, | ||
| 35 | zdjbxx, | ||
| 36 | fdcq1, | ||
| 37 | fdcq2, | ||
| 38 | jsydsyq, | ||
| 39 | ldsyq, | ||
| 40 | nydsyq, | ||
| 41 | yydj, | ||
| 42 | cfdj, | ||
| 43 | diyiq, | ||
| 44 | diyaq, | ||
| 45 | ygdj, | ||
| 46 | bdcqljqtsx | ||
| 47 | // currentTab:this.$route.query.content, | ||
| 48 | }, | ||
| 49 | data() { | ||
| 50 | return { | ||
| 51 | isshow: true, | ||
| 52 | }; | ||
| 53 | }, | ||
| 54 | computed: { | ||
| 55 | |||
| 56 | currentTabComponent() { | ||
| 57 | return this.$route.query.content | ||
| 58 | } | ||
| 59 | }, | ||
| 60 | mounted() { | ||
| 61 | this.currentTab=this.$route.query.content | ||
| 62 | this.printdjb() | ||
| 63 | }, | ||
| 64 | methods: { | ||
| 65 | printdjb() { | ||
| 66 | this.isshow = false; | ||
| 67 | setTimeout(() => { | ||
| 68 | window.print(); | ||
| 69 | }, 200); | ||
| 70 | }, | ||
| 71 | }, | ||
| 72 | }; | ||
| 73 | </script> | ||
| 74 | <style scoped lang="scss"> | ||
| 75 | |||
| 76 | |||
| 77 | /* 斜线 */ | ||
| 78 | .slash1 { | ||
| 79 | position: absolute; | ||
| 80 | display: block; | ||
| 81 | top: 0; | ||
| 82 | left: 0; | ||
| 83 | width: 133px; | ||
| 84 | height: 1px; | ||
| 85 | background-color: #949393; | ||
| 86 | transform: rotate(17.93010235415598deg); | ||
| 87 | transform-origin: top left; | ||
| 88 | } | ||
| 89 | /* 左下角文字 */ | ||
| 90 | .left { | ||
| 91 | position: absolute; | ||
| 92 | left: 30px; | ||
| 93 | bottom: 5px; | ||
| 94 | } | ||
| 95 | |||
| 96 | /* 右上角文字 */ | ||
| 97 | .mid { | ||
| 98 | position: absolute; | ||
| 99 | /* 右上角 right:0; top: 0; */ | ||
| 100 | right: 29px; | ||
| 101 | top: 4px; | ||
| 102 | } | ||
| 103 | </style> |
| ... | @@ -6,6 +6,7 @@ | ... | @@ -6,6 +6,7 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <div class="bdcqljqtsx"> | 7 | <div class="bdcqljqtsx"> |
| 8 | <div class="content" v-if="qlxxList.ztqlmc"> | 8 | <div class="content" v-if="qlxxList.ztqlmc"> |
| 9 | <el-button class="print" @click="print">打印</el-button> | ||
| 9 | <div class="title">不动产权利及其他事项<br />登记信息</div> | 10 | <div class="title">不动产权利及其他事项<br />登记信息</div> |
| 10 | <div> | 11 | <div> |
| 11 | 不动产单元号: | 12 | 不动产单元号: |
| ... | @@ -74,6 +75,15 @@ | ... | @@ -74,6 +75,15 @@ |
| 74 | } | 75 | } |
| 75 | }); | 76 | }); |
| 76 | }, | 77 | }, |
| 78 | methods: { | ||
| 79 | print() { | ||
| 80 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 81 | window.open( | ||
| 82 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`, | ||
| 83 | `printdjb` | ||
| 84 | ); | ||
| 85 | }, | ||
| 86 | } | ||
| 77 | }; | 87 | }; |
| 78 | </script> | 88 | </script> |
| 79 | 89 | ||
| ... | @@ -82,7 +92,14 @@ | ... | @@ -82,7 +92,14 @@ |
| 82 | width: 100%; | 92 | width: 100%; |
| 83 | height: 100%; | 93 | height: 100%; |
| 84 | background: #fff; | 94 | background: #fff; |
| 85 | 95 | position: relative; | |
| 96 | .print { | ||
| 97 | // background-color: #0079fe; | ||
| 98 | z-index: 10; | ||
| 99 | position: absolute; | ||
| 100 | left: 11px; | ||
| 101 | top: 5px; | ||
| 102 | } | ||
| 86 | .content { | 103 | .content { |
| 87 | width: 50%; | 104 | width: 50%; |
| 88 | height: 100%; | 105 | height: 100%; |
| ... | @@ -94,6 +111,7 @@ | ... | @@ -94,6 +111,7 @@ |
| 94 | font-size: 18px; | 111 | font-size: 18px; |
| 95 | line-height: 16px; | 112 | line-height: 16px; |
| 96 | 113 | ||
| 114 | |||
| 97 | .title { | 115 | .title { |
| 98 | font-size: 32px; | 116 | font-size: 32px; |
| 99 | text-align: center; | 117 | text-align: center; | ... | ... |
| ... | @@ -8,12 +8,15 @@ | ... | @@ -8,12 +8,15 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 13 | <el-checkbox | 14 | <el-checkbox |
| 14 | v-for="item in qsztList" | 15 | v-for="item in qsztList" |
| 15 | :key="item.value" | 16 | :key="item.value" |
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | 17 | :label="item.value" |
| 18 | >{{ item.label }}</el-checkbox | ||
| 19 | > | ||
| 17 | </el-checkbox-group> | 20 | </el-checkbox-group> |
| 18 | </div> | 21 | </div> |
| 19 | </div> | 22 | </div> |
| ... | @@ -25,20 +28,34 @@ | ... | @@ -25,20 +28,34 @@ |
| 25 | v-for="(row, index) in tableData" | 28 | v-for="(row, index) in tableData" |
| 26 | :key="index" | 29 | :key="index" |
| 27 | :class="[ | 30 | :class="[ |
| 28 | row.qszt == '2' ? 'lishi' : '', | 31 | row.qszt == '2' ? 'lishi' : '', |
| 29 | row.qszt == '0' ? 'linshi' : '', | 32 | row.qszt == '0' ? 'linshi' : '', |
| 30 | row.qlzt == '4' ? 'linshi' : '', | 33 | row.qlzt == '4' ? 'linshi' : '', |
| 31 | 34 | ||
| 32 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 35 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 33 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 36 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 34 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 37 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 35 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 38 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 36 | ]"> | 39 | ]" |
| 37 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 40 | > |
| 38 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 41 | <div |
| 39 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 42 | class="setbut" |
| 43 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 44 | > | ||
| 45 | <el-button | ||
| 46 | type="text" | ||
| 47 | icon="el-icon-edit-outline" | ||
| 48 | @click="editDialog(row)" | ||
| 49 | >编辑</el-button | ||
| 50 | > | ||
| 51 | <el-button | ||
| 52 | type="text" | ||
| 53 | icon="el-icon-edit-outline" | ||
| 54 | @click="editDialog(row, 'D')" | ||
| 55 | >删除</el-button | ||
| 56 | > | ||
| 40 | </div> | 57 | </div> |
| 41 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 58 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 42 | 有效 | 59 | 有效 |
| 43 | </div> | 60 | </div> |
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 61 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -51,14 +68,20 @@ | ... | @@ -51,14 +68,20 @@ |
| 51 | 正在注销 | 68 | 正在注销 |
| 52 | </div> | 69 | </div> |
| 53 | 70 | ||
| 54 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 71 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 55 | <span v-if="item.prop == 'qszt'"> | 72 | <span v-if="item.prop == 'qszt'"> |
| 56 | {{ getQsztName(row[item.prop]) }} | 73 | {{ getQsztName(row[item.prop]) }} |
| 57 | </span> | 74 | </span> |
| 58 | <span v-else>{{ row[item.prop] }}</span> | 75 | <span v-else>{{ row[item.prop] }}</span> |
| 59 | </p> | 76 | </p> |
| 60 | 77 | ||
| 61 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 78 | <el-tooltip |
| 79 | v-else | ||
| 80 | effect="dark" | ||
| 81 | :content="row[item.prop]" | ||
| 82 | placement="top" | ||
| 83 | popper-class="tooltip-width" | ||
| 84 | > | ||
| 62 | <span class="ellipsis-line"> | 85 | <span class="ellipsis-line"> |
| 63 | {{ row[item.prop] }} | 86 | {{ row[item.prop] }} |
| 64 | </span> | 87 | </span> |
| ... | @@ -73,121 +96,138 @@ | ... | @@ -73,121 +96,138 @@ |
| 73 | </template> | 96 | </template> |
| 74 | 97 | ||
| 75 | <script> | 98 | <script> |
| 76 | import { datas } from "./qlxxFormData.js"; | 99 | import { datas } from "./qlxxFormData.js"; |
| 77 | import { getSjlx } from "@/utils/dictionary.js"; | 100 | import { getSjlx } from "@/utils/dictionary.js"; |
| 78 | import { getCfdjList } from "@/api/djbDetail.js"; | 101 | import { getCfdjList } from "@/api/djbDetail.js"; |
| 79 | export default { | 102 | export default { |
| 80 | data () { | 103 | data() { |
| 81 | return { | 104 | return { |
| 82 | title: "查封登记信息", | 105 | title: "查封登记信息", |
| 83 | qsztList: datas.columns().qsztList, | 106 | qsztList: datas.columns().qsztList, |
| 84 | checkList: datas.columns().checkList, | 107 | checkList: datas.columns().checkList, |
| 85 | //传递参数 | 108 | //传递参数 |
| 86 | propsParam: this.$attrs, | 109 | propsParam: this.$attrs, |
| 87 | //列表数据 | 110 | //列表数据 |
| 88 | tableData: [], | 111 | tableData: [], |
| 89 | //空列值个数 | 112 | //空列值个数 |
| 90 | emptycolNum: datas.columns().emptycolNum, | 113 | emptycolNum: datas.columns().emptycolNum, |
| 91 | //列名称对象 | 114 | //列名称对象 |
| 92 | columns: datas.columns().CFDJ, | 115 | columns: datas.columns().CFDJ, |
| 93 | }; | 116 | }; |
| 94 | }, | 117 | }, |
| 95 | created () { | 118 | created() { |
| 96 | this.loadData(); | 119 | this.loadData(); |
| 97 | }, | 120 | }, |
| 98 | methods: { | 121 | methods: { |
| 99 | /** | 122 | /** |
| 100 | * @description: loadData | 123 | * @description: loadData |
| 101 | * @author: renchao | 124 | * @author: renchao |
| 102 | */ | 125 | */ |
| 103 | loadData () { | 126 | loadData() { |
| 104 | if (this.$parent.addRepairRecord) { | 127 | if (this.$parent.addRepairRecord) { |
| 105 | this.columns.unshift({ prop: "cz", label: "操作" }); | 128 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 106 | } | 129 | } |
| 107 | getCfdjList({ | 130 | getCfdjList({ |
| 108 | bdcdyid: this.propsParam.bdcdyid, | 131 | bdcdyid: this.propsParam.bdcdyid, |
| 109 | qllx: this.propsParam.qllx, | 132 | qllx: this.propsParam.qllx, |
| 110 | qszt: this.checkList, | 133 | qszt: this.checkList, |
| 111 | }).then((res) => { | 134 | }).then((res) => { |
| 112 | if (res.code === 200) { | 135 | if (res.code === 200) { |
| 113 | this.tableData = res.result; | 136 | this.tableData = res.result; |
| 114 | this.tableData.forEach(item => { | 137 | this.tableData.forEach((item) => { |
| 115 | item.sjlx = getSjlx(item.sjlx) | 138 | item.sjlx = getSjlx(item.sjlx); |
| 116 | }) | 139 | }); |
| 117 | this.tableData.forEach((item, index) => { | 140 | this.tableData.forEach((item, index) => { |
| 118 | if (item.sfbxf == "1") { | 141 | if (item.sfbxf == "1") { |
| 119 | item.zxywh = ""; | 142 | item.zxywh = ""; |
| 120 | item.zxdbr = ""; | 143 | item.zxdbr = ""; |
| 121 | item.zxsj = ""; | 144 | item.zxsj = ""; |
| 122 | } | ||
| 123 | }); | ||
| 124 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 125 | this.emptycolNum = | ||
| 126 | datas.columns().emptycolNum - this.tableData.length; | ||
| 127 | } else { | ||
| 128 | this.emptycolNum = 0; | ||
| 129 | } | 145 | } |
| 146 | }); | ||
| 147 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 148 | this.emptycolNum = | ||
| 149 | datas.columns().emptycolNum - this.tableData.length; | ||
| 150 | } else { | ||
| 151 | this.emptycolNum = 0; | ||
| 130 | } | 152 | } |
| 131 | }); | ||
| 132 | }, | ||
| 133 | /** | ||
| 134 | * @description: checkChange | ||
| 135 | * @author: renchao | ||
| 136 | */ | ||
| 137 | checkChange () { | ||
| 138 | if (this.checkList.length === 0) { | ||
| 139 | this.tableData = []; | ||
| 140 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 141 | } else { | ||
| 142 | this.loadData(); | ||
| 143 | } | 153 | } |
| 144 | }, | 154 | }); |
| 145 | /** | 155 | }, |
| 146 | * @description: getQsztName | 156 | /** |
| 147 | * @author: renchao | 157 | * @description: checkChange |
| 148 | */ | 158 | * @author: renchao |
| 149 | getQsztName (code) { | 159 | */ |
| 150 | let name = ""; | 160 | checkChange() { |
| 151 | for (let item of this.qsztList) { | 161 | if (this.checkList.length === 0) { |
| 152 | if (item.value == code) { | 162 | this.tableData = []; |
| 153 | name = item.label; | 163 | this.emptycolNum = datas.columns().emptycolNum; |
| 154 | break; | 164 | } else { |
| 155 | } | 165 | this.loadData(); |
| 166 | } | ||
| 167 | }, | ||
| 168 | /** | ||
| 169 | * @description: getQsztName | ||
| 170 | * @author: renchao | ||
| 171 | */ | ||
| 172 | getQsztName(code) { | ||
| 173 | let name = ""; | ||
| 174 | for (let item of this.qsztList) { | ||
| 175 | if (item.value == code) { | ||
| 176 | name = item.label; | ||
| 177 | break; | ||
| 156 | } | 178 | } |
| 157 | return name; | 179 | } |
| 158 | }, | 180 | return name; |
| 159 | // 新增一条补录信息 | 181 | }, |
| 160 | /** | 182 | // 新增一条补录信息 |
| 161 | * @description: 新增一条补录信息 | 183 | /** |
| 162 | * @param {*} row | 184 | * @description: 新增一条补录信息 |
| 163 | * @param {*} del | 185 | * @param {*} row |
| 164 | * @author: renchao | 186 | * @param {*} del |
| 165 | */ | 187 | * @author: renchao |
| 166 | editDialog (row, del) { | 188 | */ |
| 167 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 189 | editDialog(row, del) { |
| 168 | confirmButtonText: "确定", | 190 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 169 | cancelButtonText: "取消", | 191 | confirmButtonText: "确定", |
| 170 | type: "warning", | 192 | cancelButtonText: "取消", |
| 171 | }) | 193 | type: "warning", |
| 172 | .then(() => { | 194 | }) |
| 173 | this.$parent.addRepairRecord(row, del); | 195 | .then(() => { |
| 196 | this.$parent.addRepairRecord(row, del); | ||
| 174 | 197 | ||
| 175 | this.$message({ | 198 | this.$message({ |
| 176 | type: "success", | 199 | type: "success", |
| 177 | message: "补录成功!", | 200 | message: "补录成功!", |
| 178 | }); | ||
| 179 | }) | ||
| 180 | .catch(() => { | ||
| 181 | this.$message({ | ||
| 182 | type: "info", | ||
| 183 | message: "取消编辑", | ||
| 184 | }); | ||
| 185 | }); | 201 | }); |
| 186 | }, | 202 | }) |
| 203 | .catch(() => { | ||
| 204 | this.$message({ | ||
| 205 | type: "info", | ||
| 206 | message: "取消编辑", | ||
| 207 | }); | ||
| 208 | }); | ||
| 209 | }, | ||
| 210 | print() { | ||
| 211 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 212 | window.open( | ||
| 213 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`, | ||
| 214 | `printdjb` | ||
| 215 | ); | ||
| 187 | }, | 216 | }, |
| 188 | }; | 217 | }, |
| 218 | }; | ||
| 189 | </script> | 219 | </script> |
| 190 | 220 | ||
| 191 | <style lang="scss" scoped> | 221 | <style lang="scss" scoped> |
| 192 | @import "./qlxxCommon.scss"; | 222 | @import "./qlxxCommon.scss"; |
| 223 | .title { | ||
| 224 | position: relative; | ||
| 225 | .print { | ||
| 226 | // background-color: #0079fe; | ||
| 227 | z-index: 10; | ||
| 228 | position: absolute; | ||
| 229 | left: 11px; | ||
| 230 | top: 5px; | ||
| 231 | } | ||
| 232 | } | ||
| 193 | </style> | 233 | </style> | ... | ... |
| ... | @@ -8,12 +8,15 @@ | ... | @@ -8,12 +8,15 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 13 | <el-checkbox | 14 | <el-checkbox |
| 14 | v-for="item in qsztList" | 15 | v-for="item in qsztList" |
| 15 | :key="item.value" | 16 | :key="item.value" |
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | 17 | :label="item.value" |
| 18 | >{{ item.label }}</el-checkbox | ||
| 19 | > | ||
| 17 | </el-checkbox-group> | 20 | </el-checkbox-group> |
| 18 | </div> | 21 | </div> |
| 19 | </div> | 22 | </div> |
| ... | @@ -35,18 +38,26 @@ | ... | @@ -35,18 +38,26 @@ |
| 35 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 36 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 37 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 40 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 38 | ]"> | 41 | ]" |
| 39 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 42 | > |
| 43 | <div | ||
| 44 | class="setbut" | ||
| 45 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 46 | > | ||
| 40 | <el-button | 47 | <el-button |
| 41 | type="text" | 48 | type="text" |
| 42 | icon="el-icon-edit-outline" | 49 | icon="el-icon-edit-outline" |
| 43 | @click="editDialog(row)">编辑</el-button> | 50 | @click="editDialog(row)" |
| 51 | >编辑</el-button | ||
| 52 | > | ||
| 44 | <el-button | 53 | <el-button |
| 45 | type="text" | 54 | type="text" |
| 46 | icon="el-icon-edit-outline" | 55 | icon="el-icon-edit-outline" |
| 47 | @click="editDialog(row, 'D')">删除</el-button> | 56 | @click="editDialog(row, 'D')" |
| 57 | >删除</el-button | ||
| 58 | > | ||
| 48 | </div> | 59 | </div> |
| 49 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 50 | 有效 | 61 | 有效 |
| 51 | </div> | 62 | </div> |
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 63 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -59,14 +70,20 @@ | ... | @@ -59,14 +70,20 @@ |
| 59 | 正在注销 | 70 | 正在注销 |
| 60 | </div> | 71 | </div> |
| 61 | 72 | ||
| 62 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 73 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 63 | <span v-if="item.prop == 'qszt'"> | 74 | <span v-if="item.prop == 'qszt'"> |
| 64 | {{ getQsztName(row[item.prop]) }} | 75 | {{ getQsztName(row[item.prop]) }} |
| 65 | </span> | 76 | </span> |
| 66 | <span v-else>{{ row[item.prop] }}</span> | 77 | <span v-else>{{ row[item.prop] }}</span> |
| 67 | </p> | 78 | </p> |
| 68 | 79 | ||
| 69 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 80 | <el-tooltip |
| 81 | v-else | ||
| 82 | effect="dark" | ||
| 83 | :content="row[item.prop]" | ||
| 84 | placement="top" | ||
| 85 | popper-class="tooltip-width" | ||
| 86 | > | ||
| 70 | <span class="ellipsis-line"> | 87 | <span class="ellipsis-line"> |
| 71 | {{ row[item.prop] }} | 88 | {{ row[item.prop] }} |
| 72 | </span> | 89 | </span> |
| ... | @@ -81,115 +98,132 @@ | ... | @@ -81,115 +98,132 @@ |
| 81 | </template> | 98 | </template> |
| 82 | 99 | ||
| 83 | <script> | 100 | <script> |
| 84 | import { datas } from "./qlxxFormData.js"; | 101 | import { datas } from "./qlxxFormData.js"; |
| 85 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 102 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 86 | import { getDiyaqList } from "@/api/djbDetail.js"; | 103 | import { getDiyaqList } from "@/api/djbDetail.js"; |
| 87 | export default { | 104 | export default { |
| 88 | data () { | 105 | data() { |
| 89 | return { | 106 | return { |
| 90 | title: "抵押权登记信息", | 107 | title: "抵押权登记信息", |
| 91 | qsztList: datas.columns().qsztList, | 108 | qsztList: datas.columns().qsztList, |
| 92 | checkList: datas.columns().checkList, | 109 | checkList: datas.columns().checkList, |
| 93 | //传递参数 | 110 | //传递参数 |
| 94 | propsParam: this.$attrs, | 111 | propsParam: this.$attrs, |
| 95 | //列表数据 | 112 | //列表数据 |
| 96 | tableData: [], | 113 | tableData: [], |
| 97 | //空列值个数 | 114 | //空列值个数 |
| 98 | emptycolNum: datas.columns().emptycolNum, | 115 | emptycolNum: datas.columns().emptycolNum, |
| 99 | //列名称对象 | 116 | //列名称对象 |
| 100 | columns: datas.columns().DYAQ, | 117 | columns: datas.columns().DYAQ, |
| 101 | }; | 118 | }; |
| 102 | }, | 119 | }, |
| 103 | created () { | 120 | created() { |
| 104 | this.loadData(); | 121 | this.loadData(); |
| 105 | }, | 122 | }, |
| 106 | methods: { | 123 | methods: { |
| 107 | /** | 124 | /** |
| 108 | * @description: loadData | 125 | * @description: loadData |
| 109 | * @author: renchao | 126 | * @author: renchao |
| 110 | */ | 127 | */ |
| 111 | loadData () { | 128 | loadData() { |
| 112 | if (this.$parent.addRepairRecord) { | 129 | if (this.$parent.addRepairRecord) { |
| 113 | this.columns.unshift({ prop: "cz", label: "操作" }); | 130 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 114 | } | 131 | } |
| 115 | getDiyaqList({ | 132 | getDiyaqList({ |
| 116 | bdcdyid: this.propsParam.bdcdyid, | 133 | bdcdyid: this.propsParam.bdcdyid, |
| 117 | qllx: this.propsParam.qllx, | 134 | qllx: this.propsParam.qllx, |
| 118 | qszt: this.checkList, | 135 | qszt: this.checkList, |
| 119 | }).then((res) => { | 136 | }).then((res) => { |
| 120 | if (res.code === 200) { | 137 | if (res.code === 200) { |
| 121 | this.tableData = res.result; | 138 | this.tableData = res.result; |
| 122 | this.tableData.forEach((item) => { | 139 | this.tableData.forEach((item) => { |
| 123 | item.sjlx = getSjlx(item.sjlx); | 140 | item.sjlx = getSjlx(item.sjlx); |
| 124 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | 141 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); |
| 125 | }); | 142 | }); |
| 126 | if (this.tableData.length < datas.columns().emptycolNum) { | 143 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 127 | this.emptycolNum = | 144 | this.emptycolNum = |
| 128 | datas.columns().emptycolNum - this.tableData.length; | 145 | datas.columns().emptycolNum - this.tableData.length; |
| 129 | } else { | 146 | } else { |
| 130 | this.emptycolNum = 0; | 147 | this.emptycolNum = 0; |
| 131 | } | ||
| 132 | } | 148 | } |
| 133 | }); | ||
| 134 | }, | ||
| 135 | /** | ||
| 136 | * @description: checkChange | ||
| 137 | * @author: renchao | ||
| 138 | */ | ||
| 139 | checkChange () { | ||
| 140 | if (this.checkList.length === 0) { | ||
| 141 | this.tableData = []; | ||
| 142 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 143 | } else { | ||
| 144 | this.loadData(); | ||
| 145 | } | 149 | } |
| 146 | }, | 150 | }); |
| 147 | /** | 151 | }, |
| 148 | * @description: getQsztName | 152 | /** |
| 149 | * @param {*} code | 153 | * @description: checkChange |
| 150 | * @author: renchao | 154 | * @author: renchao |
| 151 | */ | 155 | */ |
| 152 | getQsztName (code) { | 156 | checkChange() { |
| 153 | let name = ""; | 157 | if (this.checkList.length === 0) { |
| 154 | for (let item of this.qsztList) { | 158 | this.tableData = []; |
| 155 | if (item.value == code) { | 159 | this.emptycolNum = datas.columns().emptycolNum; |
| 156 | name = item.label; | 160 | } else { |
| 157 | break; | 161 | this.loadData(); |
| 158 | } | 162 | } |
| 163 | }, | ||
| 164 | /** | ||
| 165 | * @description: getQsztName | ||
| 166 | * @param {*} code | ||
| 167 | * @author: renchao | ||
| 168 | */ | ||
| 169 | getQsztName(code) { | ||
| 170 | let name = ""; | ||
| 171 | for (let item of this.qsztList) { | ||
| 172 | if (item.value == code) { | ||
| 173 | name = item.label; | ||
| 174 | break; | ||
| 159 | } | 175 | } |
| 160 | return name; | 176 | } |
| 161 | }, | 177 | return name; |
| 162 | // 新增一条补录信息 | 178 | }, |
| 163 | /** | 179 | // 新增一条补录信息 |
| 164 | * @description: 新增一条补录信息 | 180 | /** |
| 165 | * @param {*} row | 181 | * @description: 新增一条补录信息 |
| 166 | * @param {*} del | 182 | * @param {*} row |
| 167 | * @author: renchao | 183 | * @param {*} del |
| 168 | */ | 184 | * @author: renchao |
| 169 | editDialog (row, del) { | 185 | */ |
| 170 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 186 | editDialog(row, del) { |
| 171 | confirmButtonText: "确定", | 187 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 172 | cancelButtonText: "取消", | 188 | confirmButtonText: "确定", |
| 173 | type: "warning", | 189 | cancelButtonText: "取消", |
| 190 | type: "warning", | ||
| 191 | }) | ||
| 192 | .then(() => { | ||
| 193 | this.$parent.addRepairRecord(row, del); | ||
| 194 | this.$message({ | ||
| 195 | type: "success", | ||
| 196 | message: "补录成功!", | ||
| 197 | }); | ||
| 174 | }) | 198 | }) |
| 175 | .then(() => { | 199 | .catch(() => { |
| 176 | this.$parent.addRepairRecord(row, del); | 200 | this.$message({ |
| 177 | this.$message({ | 201 | type: "info", |
| 178 | type: "success", | 202 | message: "取消编辑", |
| 179 | message: "补录成功!", | ||
| 180 | }); | ||
| 181 | }) | ||
| 182 | .catch(() => { | ||
| 183 | this.$message({ | ||
| 184 | type: "info", | ||
| 185 | message: "取消编辑", | ||
| 186 | }); | ||
| 187 | }); | 203 | }); |
| 188 | }, | 204 | }); |
| 205 | }, | ||
| 206 | print() { | ||
| 207 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 208 | window.open( | ||
| 209 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`, | ||
| 210 | `printdjb` | ||
| 211 | ); | ||
| 189 | }, | 212 | }, |
| 190 | }; | 213 | }, |
| 214 | }; | ||
| 191 | </script> | 215 | </script> |
| 192 | 216 | ||
| 193 | <style lang="scss" scoped> | 217 | <style lang="scss" scoped> |
| 194 | @import "./qlxxCommon.scss"; | 218 | @import "./qlxxCommon.scss"; |
| 219 | .title { | ||
| 220 | position: relative; | ||
| 221 | .print { | ||
| 222 | // background-color: #0079fe; | ||
| 223 | z-index: 10; | ||
| 224 | position: absolute; | ||
| 225 | left: 11px; | ||
| 226 | top: 5px; | ||
| 227 | } | ||
| 228 | } | ||
| 195 | </style> | 229 | </style> | ... | ... |
| ... | @@ -8,12 +8,15 @@ | ... | @@ -8,12 +8,15 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 13 | <el-checkbox | 14 | <el-checkbox |
| 14 | v-for="item in qsztList" | 15 | v-for="item in qsztList" |
| 15 | :key="item.value" | 16 | :key="item.value" |
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | 17 | :label="item.value" |
| 18 | >{{ item.label }}</el-checkbox | ||
| 19 | > | ||
| 17 | </el-checkbox-group> | 20 | </el-checkbox-group> |
| 18 | </div> | 21 | </div> |
| 19 | </div> | 22 | </div> |
| ... | @@ -27,20 +30,34 @@ | ... | @@ -27,20 +30,34 @@ |
| 27 | v-for="(row, index) in tableData" | 30 | v-for="(row, index) in tableData" |
| 28 | :key="index" | 31 | :key="index" |
| 29 | :class="[ | 32 | :class="[ |
| 30 | row.qszt == '2' ? 'lishi' : '', | 33 | row.qszt == '2' ? 'lishi' : '', |
| 31 | row.qszt == '0' ? 'linshi' : '', | 34 | row.qszt == '0' ? 'linshi' : '', |
| 32 | row.qlzt == '4' ? 'linshi' : '', | 35 | row.qlzt == '4' ? 'linshi' : '', |
| 33 | 36 | ||
| 34 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 37 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 35 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 36 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 37 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 40 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 38 | ]"> | 41 | ]" |
| 39 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 42 | > |
| 40 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 43 | <div |
| 41 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 44 | class="setbut" |
| 45 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 46 | > | ||
| 47 | <el-button | ||
| 48 | type="text" | ||
| 49 | icon="el-icon-edit-outline" | ||
| 50 | @click="editDialog(row)" | ||
| 51 | >编辑</el-button | ||
| 52 | > | ||
| 53 | <el-button | ||
| 54 | type="text" | ||
| 55 | icon="el-icon-edit-outline" | ||
| 56 | @click="editDialog(row, 'D')" | ||
| 57 | >删除</el-button | ||
| 58 | > | ||
| 42 | </div> | 59 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 44 | 有效 | 61 | 有效 |
| 45 | </div> | 62 | </div> |
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 63 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -53,14 +70,20 @@ | ... | @@ -53,14 +70,20 @@ |
| 53 | 正在注销 | 70 | 正在注销 |
| 54 | </div> | 71 | </div> |
| 55 | 72 | ||
| 56 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 73 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 57 | <span v-if="item.prop == 'qszt'"> | 74 | <span v-if="item.prop == 'qszt'"> |
| 58 | {{ getQsztName(row[item.prop]) }} | 75 | {{ getQsztName(row[item.prop]) }} |
| 59 | </span> | 76 | </span> |
| 60 | <span v-else>{{ row[item.prop] }}</span> | 77 | <span v-else>{{ row[item.prop] }}</span> |
| 61 | </p> | 78 | </p> |
| 62 | 79 | ||
| 63 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 80 | <el-tooltip |
| 81 | v-else | ||
| 82 | effect="dark" | ||
| 83 | :content="row[item.prop]" | ||
| 84 | placement="top" | ||
| 85 | popper-class="tooltip-width" | ||
| 86 | > | ||
| 64 | <span class="ellipsis-line"> | 87 | <span class="ellipsis-line"> |
| 65 | {{ row[item.prop] }} | 88 | {{ row[item.prop] }} |
| 66 | </span> | 89 | </span> |
| ... | @@ -75,116 +98,133 @@ | ... | @@ -75,116 +98,133 @@ |
| 75 | </template> | 98 | </template> |
| 76 | 99 | ||
| 77 | <script> | 100 | <script> |
| 78 | import { datas } from "./qlxxFormData.js"; | 101 | import { datas } from "./qlxxFormData.js"; |
| 79 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 102 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 80 | import { getDiyiqList } from "@/api/djbDetail.js"; | 103 | import { getDiyiqList } from "@/api/djbDetail.js"; |
| 81 | export default { | 104 | export default { |
| 82 | data () { | 105 | data() { |
| 83 | return { | 106 | return { |
| 84 | title: "地役权登记信息", | 107 | title: "地役权登记信息", |
| 85 | qsztList: datas.columns().qsztList, | 108 | qsztList: datas.columns().qsztList, |
| 86 | checkList: datas.columns().checkList, | 109 | checkList: datas.columns().checkList, |
| 87 | //传递参数 | 110 | //传递参数 |
| 88 | propsParam: this.$attrs, | 111 | propsParam: this.$attrs, |
| 89 | //列表数据 | 112 | //列表数据 |
| 90 | tableData: [], | 113 | tableData: [], |
| 91 | //空列值个数 | 114 | //空列值个数 |
| 92 | emptycolNum: datas.columns().emptycolNum, | 115 | emptycolNum: datas.columns().emptycolNum, |
| 93 | //列名称对象 | 116 | //列名称对象 |
| 94 | columns: datas.columns().DYIQ, | 117 | columns: datas.columns().DYIQ, |
| 95 | }; | 118 | }; |
| 96 | }, | 119 | }, |
| 97 | created () { | 120 | created() { |
| 98 | this.loadData(); | 121 | this.loadData(); |
| 99 | }, | 122 | }, |
| 100 | methods: { | 123 | methods: { |
| 101 | /** | 124 | /** |
| 102 | * @description: loadData | 125 | * @description: loadData |
| 103 | * @author: renchao | 126 | * @author: renchao |
| 104 | */ | 127 | */ |
| 105 | loadData () { | 128 | loadData() { |
| 106 | if (this.$parent.addRepairRecord) { | 129 | if (this.$parent.addRepairRecord) { |
| 107 | this.columns.unshift({ prop: "cz", label: "操作" }); | 130 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 108 | } | 131 | } |
| 109 | getDiyiqList({ | 132 | getDiyiqList({ |
| 110 | bdcdyid: this.propsParam.bdcdyid, | 133 | bdcdyid: this.propsParam.bdcdyid, |
| 111 | qllx: this.propsParam.qllx, | 134 | qllx: this.propsParam.qllx, |
| 112 | qszt: this.checkList, | 135 | qszt: this.checkList, |
| 113 | }).then((res) => { | 136 | }).then((res) => { |
| 114 | if (res.code === 200) { | 137 | if (res.code === 200) { |
| 115 | this.tableData = res.result; | 138 | this.tableData = res.result; |
| 116 | this.tableData.forEach((item) => { | 139 | this.tableData.forEach((item) => { |
| 117 | item.sjlx = getSjlx(item.sjlx); | 140 | item.sjlx = getSjlx(item.sjlx); |
| 118 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | 141 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); |
| 119 | }); | 142 | }); |
| 120 | if (this.tableData.length < datas.columns().emptycolNum) { | 143 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 121 | this.emptycolNum = | 144 | this.emptycolNum = |
| 122 | datas.columns().emptycolNum - this.tableData.length; | 145 | datas.columns().emptycolNum - this.tableData.length; |
| 123 | } else { | 146 | } else { |
| 124 | this.emptycolNum = 0; | 147 | this.emptycolNum = 0; |
| 125 | } | ||
| 126 | } | 148 | } |
| 127 | }); | ||
| 128 | }, | ||
| 129 | /** | ||
| 130 | * @description: checkChange | ||
| 131 | * @author: renchao | ||
| 132 | */ | ||
| 133 | checkChange () { | ||
| 134 | if (this.checkList.length === 0) { | ||
| 135 | this.tableData = []; | ||
| 136 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 137 | } else { | ||
| 138 | this.loadData(); | ||
| 139 | } | 149 | } |
| 140 | }, | 150 | }); |
| 141 | /** | 151 | }, |
| 142 | * @description: getQsztName | 152 | /** |
| 143 | * @param {*} code | 153 | * @description: checkChange |
| 144 | * @author: renchao | 154 | * @author: renchao |
| 145 | */ | 155 | */ |
| 146 | getQsztName (code) { | 156 | checkChange() { |
| 147 | let name = ""; | 157 | if (this.checkList.length === 0) { |
| 148 | for (let item of this.qsztList) { | 158 | this.tableData = []; |
| 149 | if (item.value == code) { | 159 | this.emptycolNum = datas.columns().emptycolNum; |
| 150 | name = item.label; | 160 | } else { |
| 151 | break; | 161 | this.loadData(); |
| 152 | } | 162 | } |
| 163 | }, | ||
| 164 | /** | ||
| 165 | * @description: getQsztName | ||
| 166 | * @param {*} code | ||
| 167 | * @author: renchao | ||
| 168 | */ | ||
| 169 | getQsztName(code) { | ||
| 170 | let name = ""; | ||
| 171 | for (let item of this.qsztList) { | ||
| 172 | if (item.value == code) { | ||
| 173 | name = item.label; | ||
| 174 | break; | ||
| 153 | } | 175 | } |
| 154 | return name; | 176 | } |
| 155 | }, | 177 | return name; |
| 156 | // 新增一条补录信息 | 178 | }, |
| 157 | /** | 179 | // 新增一条补录信息 |
| 158 | * @description: 新增一条补录信息 | 180 | /** |
| 159 | * @param {*} row | 181 | * @description: 新增一条补录信息 |
| 160 | * @param {*} del | 182 | * @param {*} row |
| 161 | * @author: renchao | 183 | * @param {*} del |
| 162 | */ | 184 | * @author: renchao |
| 163 | editDialog (row, del) { | 185 | */ |
| 164 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 186 | editDialog(row, del) { |
| 165 | confirmButtonText: "确定", | 187 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 166 | cancelButtonText: "取消", | 188 | confirmButtonText: "确定", |
| 167 | type: "warning", | 189 | cancelButtonText: "取消", |
| 168 | }) | 190 | type: "warning", |
| 169 | .then(() => { | 191 | }) |
| 170 | this.$parent.addRepairRecord(row, del); | 192 | .then(() => { |
| 193 | this.$parent.addRepairRecord(row, del); | ||
| 171 | 194 | ||
| 172 | this.$message({ | 195 | this.$message({ |
| 173 | type: "success", | 196 | type: "success", |
| 174 | message: "补录成功!", | 197 | message: "补录成功!", |
| 175 | }); | ||
| 176 | }) | ||
| 177 | .catch(() => { | ||
| 178 | this.$message({ | ||
| 179 | type: "info", | ||
| 180 | message: "取消编辑", | ||
| 181 | }); | ||
| 182 | }); | 198 | }); |
| 183 | }, | 199 | }) |
| 200 | .catch(() => { | ||
| 201 | this.$message({ | ||
| 202 | type: "info", | ||
| 203 | message: "取消编辑", | ||
| 204 | }); | ||
| 205 | }); | ||
| 206 | }, | ||
| 207 | print() { | ||
| 208 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 209 | window.open( | ||
| 210 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`, | ||
| 211 | `printdjb` | ||
| 212 | ); | ||
| 184 | }, | 213 | }, |
| 185 | }; | 214 | }, |
| 215 | }; | ||
| 186 | </script> | 216 | </script> |
| 187 | 217 | ||
| 188 | <style lang="scss" scoped> | 218 | <style lang="scss" scoped> |
| 189 | @import "./qlxxCommon.scss"; | 219 | @import "./qlxxCommon.scss"; |
| 220 | .title { | ||
| 221 | position: relative; | ||
| 222 | .print { | ||
| 223 | // background-color: #0079fe; | ||
| 224 | z-index: 10; | ||
| 225 | position: absolute; | ||
| 226 | left: 11px; | ||
| 227 | top: 5px; | ||
| 228 | } | ||
| 229 | } | ||
| 190 | </style> | 230 | </style> | ... | ... |
| ... | @@ -16,7 +16,7 @@ | ... | @@ -16,7 +16,7 @@ |
| 16 | node-key="id" | 16 | node-key="id" |
| 17 | :default-checked-keys="[showTab]"> | 17 | :default-checked-keys="[showTab]"> |
| 18 | </el-tree> | 18 | </el-tree> |
| 19 | <el-collapse v-model="activeName" accordion> | 19 | <el-collapse v-model="activeName" accordion @change="handleChange"> |
| 20 | <el-collapse-item | 20 | <el-collapse-item |
| 21 | class="sfqqq" | 21 | class="sfqqq" |
| 22 | ref="sfq" | 22 | ref="sfq" |
| ... | @@ -149,8 +149,6 @@ | ... | @@ -149,8 +149,6 @@ |
| 149 | this.iskey = index | 149 | this.iskey = index |
| 150 | } | 150 | } |
| 151 | }) | 151 | }) |
| 152 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
| 153 | // this.loadComponent(this.defaultNode.form); | ||
| 154 | 152 | ||
| 155 | this.setstyle(0, 0, this.iskey); | 153 | this.setstyle(0, 0, this.iskey); |
| 156 | 154 | ||
| ... | @@ -215,11 +213,11 @@ | ... | @@ -215,11 +213,11 @@ |
| 215 | this.currentSelectProps.bdcdyid = data.bdcdyid; | 213 | this.currentSelectProps.bdcdyid = data.bdcdyid; |
| 216 | this.loadComponent(data.form); | 214 | this.loadComponent(data.form); |
| 217 | } else { | 215 | } else { |
| 218 | let newindex = this.sfqdata.findIndex((item) => { | 216 | this.loadComponent(data.form); |
| 217 | let newindex = this.sfqdata.findIndex((item) => { | ||
| 219 | return item.bdcdyid == data.bdcdyid; | 218 | return item.bdcdyid == data.bdcdyid; |
| 220 | }); | 219 | }); |
| 221 | this.setstyle(newindex, index, this.iskey); | 220 | this.setstyle(newindex, index); |
| 222 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
| 223 | } | 221 | } |
| 224 | 222 | ||
| 225 | }, | 223 | }, | ... | ... |
| ... | @@ -6,6 +6,7 @@ | ... | @@ -6,6 +6,7 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djbfm"> | 7 | <div class="djbfm"> |
| 8 | <br /><br /> | 8 | <br /><br /> |
| 9 | <el-button class="print" @click="print">打印</el-button> | ||
| 9 | <p> | 10 | <p> |
| 10 | <font>{{ info.sheng }}</font> | 11 | <font>{{ info.sheng }}</font> |
| 11 | 省 (区、市) | 12 | 省 (区、市) |
| ... | @@ -63,6 +64,10 @@ | ... | @@ -63,6 +64,10 @@ |
| 63 | } | 64 | } |
| 64 | }); | 65 | }); |
| 65 | }, | 66 | }, |
| 67 | print(){ | ||
| 68 | console.log("this.propsParam.bdcdyid ",this.propsParam); | ||
| 69 | window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `printdjb`); | ||
| 70 | } | ||
| 66 | }, | 71 | }, |
| 67 | }; | 72 | }; |
| 68 | </script> | 73 | </script> |
| ... | @@ -78,7 +83,15 @@ | ... | @@ -78,7 +83,15 @@ |
| 78 | font-size: 18px; | 83 | font-size: 18px; |
| 79 | font-family: serif; | 84 | font-family: serif; |
| 80 | position: relative; | 85 | position: relative; |
| 86 | .print{ | ||
| 87 | // background-color: #0079fe; | ||
| 88 | z-index: 10; | ||
| 89 | position: absolute; | ||
| 90 | left: 11px; | ||
| 91 | top: 5px; | ||
| 92 | |||
| 81 | 93 | ||
| 94 | } | ||
| 82 | font { | 95 | font { |
| 83 | border-bottom: 1px solid #000; | 96 | border-bottom: 1px solid #000; |
| 84 | display: inline-block; | 97 | display: inline-block; | ... | ... |
| ... | @@ -3,34 +3,61 @@ | ... | @@ -3,34 +3,61 @@ |
| 3 | <div class="tableBox"> | 3 | <div class="tableBox"> |
| 4 | <div class="title"> | 4 | <div class="title"> |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <el-button class="print" @click="print">打印</el-button> | ||
| 6 | <div class="checkbox"> | 7 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 8 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 9 | <el-checkbox |
| 10 | v-for="item in qsztList" | ||
| 11 | :key="item.value" | ||
| 12 | :label="item.value" | ||
| 13 | >{{ item.label }}</el-checkbox | ||
| 14 | > | ||
| 9 | </el-checkbox-group> | 15 | </el-checkbox-group> |
| 10 | </div> | 16 | </div> |
| 11 | </div> | 17 | </div> |
| 12 | <div class="xxTableBox rollTable"> | 18 | <div class="xxTableBox rollTable"> |
| 13 | <!-- 固定前三个 --> | 19 | <!-- 固定前三个 --> |
| 14 | <table class="xxTable"> | 20 | <table class="xxTable"> |
| 15 | <tr v-for="(item, colindex) in columns" :class="judge(item.label) ? 'cols':''" :key="colindex"> | 21 | <tr |
| 22 | v-for="(item, colindex) in columns" | ||
| 23 | :class="judge(item.label) ? 'cols' : ''" | ||
| 24 | :key="colindex" | ||
| 25 | > | ||
| 16 | <td> | 26 | <td> |
| 17 | {{ item.label }} | 27 | {{ item.label }} |
| 18 | </td> | 28 | </td> |
| 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 29 | <td |
| 20 | row.qszt == '2' ? 'lishi' : '', | 30 | v-for="(row, index) in tableData" |
| 21 | row.qszt == '0' ? 'linshi' : '', | 31 | :key="index" |
| 22 | row.qlzt == '4' ? 'linshi' : '', | 32 | :class="[ |
| 33 | row.qszt == '2' ? 'lishi' : '', | ||
| 34 | row.qszt == '0' ? 'linshi' : '', | ||
| 35 | row.qlzt == '4' ? 'linshi' : '', | ||
| 23 | 36 | ||
| 24 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 37 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 25 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 26 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 27 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 40 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 28 | ]"> | 41 | ]" |
| 29 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 42 | > |
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 43 | <div |
| 31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 44 | class="setbut" |
| 45 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 46 | > | ||
| 47 | <el-button | ||
| 48 | type="text" | ||
| 49 | icon="el-icon-edit-outline" | ||
| 50 | @click="editDialog(row)" | ||
| 51 | >编辑</el-button | ||
| 52 | > | ||
| 53 | <el-button | ||
| 54 | type="text" | ||
| 55 | icon="el-icon-edit-outline" | ||
| 56 | @click="editDialog(row, 'D')" | ||
| 57 | >删除</el-button | ||
| 58 | > | ||
| 32 | </div> | 59 | </div> |
| 33 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 34 | 有效 | 61 | 有效 |
| 35 | </div> | 62 | </div> |
| 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 63 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -46,17 +73,33 @@ | ... | @@ -46,17 +73,33 @@ |
| 46 | {{ getQsztName(row[item.prop]) }} | 73 | {{ getQsztName(row[item.prop]) }} |
| 47 | </span> | 74 | </span> |
| 48 | 75 | ||
| 49 | <el-tooltip v-if="['djyy','fj'].includes(item.prop)" effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 76 | <el-tooltip |
| 77 | v-if="['djyy', 'fj'].includes(item.prop)" | ||
| 78 | effect="dark" | ||
| 79 | :content="row[item.prop]" | ||
| 80 | placement="top" | ||
| 81 | popper-class="tooltip-width" | ||
| 82 | > | ||
| 50 | <span class="ellipsis-line"> | 83 | <span class="ellipsis-line"> |
| 51 | {{ row[item.prop] }} | 84 | {{ row[item.prop] }} |
| 52 | </span> | 85 | </span> |
| 53 | </el-tooltip> | 86 | </el-tooltip> |
| 54 | 87 | ||
| 55 | <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> | 88 | <span |
| 89 | v-if=" | ||
| 90 | item.prop !== 'qszt' && | ||
| 91 | item.prop !== 'djyy' && | ||
| 92 | item.prop !== 'fj' && | ||
| 93 | !judge(item.label) | ||
| 94 | " | ||
| 95 | > | ||
| 56 | {{ row[item.prop] }} | 96 | {{ row[item.prop] }} |
| 57 | </span> | 97 | </span> |
| 58 | <div class="many" v-if="judge(item.label)"> | 98 | <div class="many" v-if="judge(item.label)"> |
| 59 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | 99 | <div |
| 100 | v-for="(label, index) in row.djQlxxFdcqxmDoList" | ||
| 101 | :key="index" | ||
| 102 | > | ||
| 60 | {{ label[item.prop] }} | 103 | {{ label[item.prop] }} |
| 61 | </div> | 104 | </div> |
| 62 | </div> | 105 | </div> |
| ... | @@ -70,148 +113,170 @@ | ... | @@ -70,148 +113,170 @@ |
| 70 | </template> | 113 | </template> |
| 71 | 114 | ||
| 72 | <script> | 115 | <script> |
| 73 | import { datas } from "./qlxxFormData.js"; | 116 | import { datas } from "./qlxxFormData.js"; |
| 74 | import { getSjlx } from "@/utils/dictionary.js"; | 117 | import { getSjlx } from "@/utils/dictionary.js"; |
| 75 | import { getFdcq1List } from "@/api/djbDetail.js"; | 118 | import { getFdcq1List } from "@/api/djbDetail.js"; |
| 76 | export default { | 119 | export default { |
| 77 | data () { | 120 | data() { |
| 78 | return { | 121 | return { |
| 79 | title: "房地产权登记信息（多幢）", | 122 | title: "房地产权登记信息（多幢）", |
| 80 | qsztList: datas.columns().qsztList, | 123 | qsztList: datas.columns().qsztList, |
| 81 | checkList: datas.columns().checkList, | 124 | checkList: datas.columns().checkList, |
| 82 | //传递参数 | 125 | //传递参数 |
| 83 | propsParam: this.$attrs, | 126 | propsParam: this.$attrs, |
| 84 | //列表数据 | 127 | //列表数据 |
| 85 | tableData: [], | 128 | tableData: [], |
| 86 | //空列值个数 | 129 | //空列值个数 |
| 87 | emptycolNum: datas.columns().emptycolNum, | 130 | emptycolNum: datas.columns().emptycolNum, |
| 88 | //列名称对象 | 131 | //列名称对象 |
| 89 | columns: datas.columns().FDCQ1, | 132 | columns: datas.columns().FDCQ1, |
| 90 | }; | 133 | }; |
| 91 | }, | 134 | }, |
| 92 | created () { | 135 | created() { |
| 93 | this.loadData(); | 136 | this.loadData(); |
| 94 | }, | 137 | }, |
| 95 | methods: { | 138 | methods: { |
| 96 | /** | 139 | /** |
| 97 | * @description: loadData | 140 | * @description: loadData |
| 98 | * @author: renchao | 141 | * @author: renchao |
| 99 | */ | 142 | */ |
| 100 | loadData () { | 143 | loadData() { |
| 101 | if (this.$parent.addRepairRecord) { | 144 | if (this.$parent.addRepairRecord) { |
| 102 | this.columns.unshift({ | 145 | this.columns.unshift({ |
| 103 | prop: "cz", | 146 | prop: "cz", |
| 104 | label: "操作" | 147 | label: "操作", |
| 105 | }) | ||
| 106 | } | ||
| 107 | getFdcq1List({ | ||
| 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 | this.tableData.forEach(item => { | ||
| 115 | item.sjlx = getSjlx(item.sjlx) | ||
| 116 | }) | ||
| 117 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 118 | this.emptycolNum = | ||
| 119 | datas.columns().emptycolNum - this.tableData.length; | ||
| 120 | } else { | ||
| 121 | this.emptycolNum = 0; | ||
| 122 | } | ||
| 123 | } | ||
| 124 | }); | 148 | }); |
| 125 | }, | 149 | } |
| 126 | /** | 150 | getFdcq1List({ |
| 127 | * @description: checkChange | 151 | bdcdyid: this.propsParam.bdcdyid, |
| 128 | * @author: renchao | 152 | qllx: this.propsParam.qllx, |
| 129 | */ | 153 | qszt: this.checkList, |
| 130 | checkChange () { | 154 | }).then((res) => { |
| 131 | if (this.checkList.length === 0) { | 155 | if (res.code === 200) { |
| 132 | this.tableData = []; | 156 | this.tableData = res.result; |
| 133 | this.emptycolNum = datas.columns().emptycolNum; | 157 | this.tableData.forEach((item) => { |
| 134 | } else { | 158 | item.sjlx = getSjlx(item.sjlx); |
| 135 | this.loadData(); | 159 | }); |
| 136 | } | 160 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 137 | }, | 161 | this.emptycolNum = |
| 138 | /** | 162 | datas.columns().emptycolNum - this.tableData.length; |
| 139 | * @description: getQsztName | 163 | } else { |
| 140 | * @param {*} code | 164 | this.emptycolNum = 0; |
| 141 | * @author: renchao | ||
| 142 | */ | ||
| 143 | getQsztName (code) { | ||
| 144 | let name = ""; | ||
| 145 | for (let item of this.qsztList) { | ||
| 146 | if (item.value == code) { | ||
| 147 | name = item.label; | ||
| 148 | break; | ||
| 149 | } | 165 | } |
| 150 | } | 166 | } |
| 151 | return name; | 167 | }); |
| 152 | }, | 168 | }, |
| 153 | /** | 169 | /** |
| 154 | * @description: judge | 170 | * @description: checkChange |
| 155 | * @param {*} lable | 171 | * @author: renchao |
| 156 | * @author: renchao | 172 | */ |
| 157 | */ | 173 | checkChange() { |
| 158 | judge (label) { | 174 | if (this.checkList.length === 0) { |
| 159 | if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) { | 175 | this.tableData = []; |
| 160 | return true | 176 | this.emptycolNum = datas.columns().emptycolNum; |
| 161 | } else { | 177 | } else { |
| 162 | return false | 178 | this.loadData(); |
| 179 | } | ||
| 180 | }, | ||
| 181 | /** | ||
| 182 | * @description: getQsztName | ||
| 183 | * @param {*} code | ||
| 184 | * @author: renchao | ||
| 185 | */ | ||
| 186 | getQsztName(code) { | ||
| 187 | let name = ""; | ||
| 188 | for (let item of this.qsztList) { | ||
| 189 | if (item.value == code) { | ||
| 190 | name = item.label; | ||
| 191 | break; | ||
| 163 | } | 192 | } |
| 164 | }, | 193 | } |
| 165 | // 新增一条补录信息 | 194 | return name; |
| 166 | /** | 195 | }, |
| 167 | * @description: 新增一条补录信息 | 196 | /** |
| 168 | * @param {*} row | 197 | * @description: judge |
| 169 | * @param {*} del | 198 | * @param {*} lable |
| 170 | * @author: renchao | 199 | * @author: renchao |
| 171 | */ | 200 | */ |
| 172 | editDialog (row, del) { | 201 | judge(label) { |
| 173 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 202 | if ( |
| 174 | confirmButtonText: '确定', | 203 | "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf( |
| 175 | cancelButtonText: '取消', | 204 | label |
| 176 | type: 'warning' | 205 | ) > -1 |
| 177 | }).then(() => { | 206 | ) { |
| 178 | this.$parent.addRepairRecord(row, del) | 207 | return true; |
| 208 | } else { | ||
| 209 | return false; | ||
| 210 | } | ||
| 211 | }, | ||
| 212 | // 新增一条补录信息 | ||
| 213 | /** | ||
| 214 | * @description: 新增一条补录信息 | ||
| 215 | * @param {*} row | ||
| 216 | * @param {*} del | ||
| 217 | * @author: renchao | ||
| 218 | */ | ||
| 219 | editDialog(row, del) { | ||
| 220 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 221 | confirmButtonText: "确定", | ||
| 222 | cancelButtonText: "取消", | ||
| 223 | type: "warning", | ||
| 224 | }) | ||
| 225 | .then(() => { | ||
| 226 | this.$parent.addRepairRecord(row, del); | ||
| 179 | 227 | ||
| 180 | this.$message({ | 228 | this.$message({ |
| 181 | type: 'success', | 229 | type: "success", |
| 182 | message: '补录成功!' | 230 | message: "补录成功!", |
| 183 | }); | 231 | }); |
| 184 | }).catch(() => { | 232 | }) |
| 233 | .catch(() => { | ||
| 185 | this.$message({ | 234 | this.$message({ |
| 186 | type: 'info', | 235 | type: "info", |
| 187 | message: '取消编辑' | 236 | message: "取消编辑", |
| 188 | }); | 237 | }); |
| 189 | }); | 238 | }); |
| 190 | |||
| 191 | }, | ||
| 192 | }, | 239 | }, |
| 193 | }; | 240 | print() { |
| 241 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 242 | window.open( | ||
| 243 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`, | ||
| 244 | `printdjb` | ||
| 245 | ); | ||
| 246 | }, | ||
| 247 | }, | ||
| 248 | }; | ||
| 194 | </script> | 249 | </script> |
| 195 | 250 | ||
| 196 | <style lang="scss" scoped> | 251 | <style lang="scss" scoped> |
| 197 | @import "./qlxxCommon.scss"; | 252 | @import "./qlxxCommon.scss"; |
| 198 | .cols { | 253 | .cols { |
| 199 | td { | 254 | td { |
| 200 | .many { | 255 | .many { |
| 201 | width: 100%; | 256 | width: 100%; |
| 202 | height: 100%; | 257 | height: 100%; |
| 203 | display: flex; | 258 | display: flex; |
| 204 | flex-direction: row; | 259 | flex-direction: row; |
| 205 | div { | 260 | div { |
| 206 | flex: 1; | 261 | flex: 1; |
| 207 | border-right: 2px solid #e3e2e2; | 262 | border-right: 2px solid #e3e2e2; |
| 208 | line-height: 40px; | 263 | line-height: 40px; |
| 209 | overflow: unset; | 264 | overflow: unset; |
| 210 | } | 265 | } |
| 211 | div:last-child { | 266 | div:last-child { |
| 212 | border: 0; | 267 | border: 0; |
| 213 | } | ||
| 214 | } | 268 | } |
| 215 | } | 269 | } |
| 216 | } | 270 | } |
| 271 | } | ||
| 272 | .title { | ||
| 273 | position: relative; | ||
| 274 | .print { | ||
| 275 | // background-color: #0079fe; | ||
| 276 | z-index: 10; | ||
| 277 | position: absolute; | ||
| 278 | left: 11px; | ||
| 279 | top: 5px; | ||
| 280 | } | ||
| 281 | } | ||
| 217 | </style> | 282 | </style> | ... | ... |
| ... | @@ -8,12 +8,15 @@ | ... | @@ -8,12 +8,15 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 13 | <el-checkbox | 14 | <el-checkbox |
| 14 | v-for="item in qsztList" | 15 | v-for="item in qsztList" |
| 15 | :key="item.value" | 16 | :key="item.value" |
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | 17 | :label="item.value" |
| 18 | >{{ item.label }}</el-checkbox | ||
| 19 | > | ||
| 17 | </el-checkbox-group> | 20 | </el-checkbox-group> |
| 18 | </div> | 21 | </div> |
| 19 | </div> | 22 | </div> |
| ... | @@ -34,19 +37,27 @@ | ... | @@ -34,19 +37,27 @@ |
| 34 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 37 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 35 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 36 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 37 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 40 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 38 | ]"> | 41 | ]" |
| 39 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 42 | > |
| 43 | <div | ||
| 44 | class="setbut" | ||
| 45 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 46 | > | ||
| 40 | <el-button | 47 | <el-button |
| 41 | type="text" | 48 | type="text" |
| 42 | icon="el-icon-edit-outline" | 49 | icon="el-icon-edit-outline" |
| 43 | @click="editDialog(row)">编辑</el-button> | 50 | @click="editDialog(row)" |
| 51 | >编辑</el-button | ||
| 52 | > | ||
| 44 | <el-button | 53 | <el-button |
| 45 | type="text" | 54 | type="text" |
| 46 | icon="el-icon-edit-outline" | 55 | icon="el-icon-edit-outline" |
| 47 | @click="editDialog(row, 'D')">删除</el-button> | 56 | @click="editDialog(row, 'D')" |
| 57 | >删除</el-button | ||
| 58 | > | ||
| 48 | </div> | 59 | </div> |
| 49 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 50 | 有效 | 61 | 有效 |
| 51 | </div> | 62 | </div> |
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 63 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -59,19 +70,24 @@ | ... | @@ -59,19 +70,24 @@ |
| 59 | 正在注销 | 70 | 正在注销 |
| 60 | </div> | 71 | </div> |
| 61 | 72 | ||
| 62 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 73 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 63 | <span v-if="item.prop == 'qszt'"> | 74 | <span v-if="item.prop == 'qszt'"> |
| 64 | {{ getQsztName(row[item.prop]) }} | 75 | {{ getQsztName(row[item.prop]) }} |
| 65 | </span> | 76 | </span> |
| 66 | <span v-else>{{ row[item.prop] }}</span> | 77 | <span v-else>{{ row[item.prop] }}</span> |
| 67 | </p> | 78 | </p> |
| 68 | 79 | ||
| 69 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 80 | <el-tooltip |
| 81 | v-else | ||
| 82 | effect="dark" | ||
| 83 | :content="row[item.prop]" | ||
| 84 | placement="top" | ||
| 85 | popper-class="tooltip-width" | ||
| 86 | > | ||
| 70 | <span class="ellipsis-line"> | 87 | <span class="ellipsis-line"> |
| 71 | {{ row[item.prop] }} | 88 | {{ row[item.prop] }} |
| 72 | </span> | 89 | </span> |
| 73 | </el-tooltip> | 90 | </el-tooltip> |
| 74 | |||
| 75 | </td> | 91 | </td> |
| 76 | <td v-for="count in emptycolNum" :key="~count"></td> | 92 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 77 | </tr> | 93 | </tr> |
| ... | @@ -82,110 +98,127 @@ | ... | @@ -82,110 +98,127 @@ |
| 82 | </template> | 98 | </template> |
| 83 | 99 | ||
| 84 | <script> | 100 | <script> |
| 85 | import { datas } from "./qlxxFormData.js"; | 101 | import { datas } from "./qlxxFormData.js"; |
| 86 | import { getSjlx } from "@/utils/dictionary.js"; | 102 | import { getSjlx } from "@/utils/dictionary.js"; |
| 87 | import { getFdcq2List } from "@/api/djbDetail.js"; | 103 | import { getFdcq2List } from "@/api/djbDetail.js"; |
| 88 | export default { | 104 | export default { |
| 89 | data () { | 105 | data() { |
| 90 | return { | 106 | return { |
| 91 | title: "房地产权登记信息（独幢、层、套、间房屋）", | 107 | title: "房地产权登记信息（独幢、层、套、间房屋）", |
| 92 | qsztList: datas.columns().qsztList, | 108 | qsztList: datas.columns().qsztList, |
| 93 | checkList: datas.columns().checkList, | 109 | checkList: datas.columns().checkList, |
| 94 | //传递参数 | 110 | //传递参数 |
| 95 | propsParam: this.$attrs, | 111 | propsParam: this.$attrs, |
| 96 | //列表数据 | 112 | //列表数据 |
| 97 | tableData: [], | 113 | tableData: [], |
| 98 | //空列值个数 | 114 | //空列值个数 |
| 99 | emptycolNum: datas.columns().emptycolNum, | 115 | emptycolNum: datas.columns().emptycolNum, |
| 100 | //列名称对象 | 116 | //列名称对象 |
| 101 | columns: datas.columns().FDCQ2, | 117 | columns: datas.columns().FDCQ2, |
| 102 | }; | 118 | }; |
| 103 | }, | 119 | }, |
| 104 | created () { | 120 | created() { |
| 105 | this.loadData(); | 121 | this.loadData(); |
| 106 | }, | 122 | }, |
| 107 | methods: { | 123 | methods: { |
| 108 | /** | 124 | /** |
| 109 | * @description: loadData | 125 | * @description: loadData |
| 110 | * @author: renchao | 126 | * @author: renchao |
| 111 | */ | 127 | */ |
| 112 | loadData () { | 128 | loadData() { |
| 113 | if (this.$parent.addRepairRecord) { | 129 | if (this.$parent.addRepairRecord) { |
| 114 | this.columns.unshift({ prop: "cz", label: "操作" }); | 130 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 115 | } | 131 | } |
| 116 | getFdcq2List({ | 132 | getFdcq2List({ |
| 117 | bdcdyid: this.propsParam.bdcdyid, | 133 | bdcdyid: this.propsParam.bdcdyid, |
| 118 | qllx: this.propsParam.qllx, | 134 | qllx: this.propsParam.qllx, |
| 119 | qszt: this.checkList, | 135 | qszt: this.checkList, |
| 120 | }).then((res) => { | 136 | }).then((res) => { |
| 121 | if (res.code === 200) { | 137 | if (res.code === 200) { |
| 122 | this.tableData = res.result; | 138 | this.tableData = res.result; |
| 123 | this.tableData.forEach((item) => { | 139 | this.tableData.forEach((item) => { |
| 124 | item.sjlx = getSjlx(item.sjlx); | 140 | item.sjlx = getSjlx(item.sjlx); |
| 125 | }); | 141 | }); |
| 126 | if (this.tableData.length < datas.columns().emptycolNum) { | 142 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 127 | this.emptycolNum = | 143 | this.emptycolNum = |
| 128 | datas.columns().emptycolNum - this.tableData.length; | 144 | datas.columns().emptycolNum - this.tableData.length; |
| 129 | } else { | 145 | } else { |
| 130 | this.emptycolNum = 0; | 146 | this.emptycolNum = 0; |
| 131 | } | ||
| 132 | } | 147 | } |
| 133 | }); | ||
| 134 | }, | ||
| 135 | /** | ||
| 136 | * @description: checkChange | ||
| 137 | * @author: renchao | ||
| 138 | */ | ||
| 139 | checkChange () { | ||
| 140 | if (this.checkList.length === 0) { | ||
| 141 | this.tableData = []; | ||
| 142 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 143 | } else { | ||
| 144 | this.loadData(); | ||
| 145 | } | 148 | } |
| 146 | }, | 149 | }); |
| 147 | /** | 150 | }, |
| 148 | * @description: getQsztName | 151 | /** |
| 149 | * @param {*} code | 152 | * @description: checkChange |
| 150 | * @author: renchao | 153 | * @author: renchao |
| 151 | */ | 154 | */ |
| 152 | getQsztName (code) { | 155 | checkChange() { |
| 153 | let name = ""; | 156 | if (this.checkList.length === 0) { |
| 154 | for (let item of this.qsztList) { | 157 | this.tableData = []; |
| 155 | if (item.value == code) { | 158 | this.emptycolNum = datas.columns().emptycolNum; |
| 156 | name = item.label; | 159 | } else { |
| 157 | break; | 160 | this.loadData(); |
| 158 | } | 161 | } |
| 162 | }, | ||
| 163 | /** | ||
| 164 | * @description: getQsztName | ||
| 165 | * @param {*} code | ||
| 166 | * @author: renchao | ||
| 167 | */ | ||
| 168 | getQsztName(code) { | ||
| 169 | let name = ""; | ||
| 170 | for (let item of this.qsztList) { | ||
| 171 | if (item.value == code) { | ||
| 172 | name = item.label; | ||
| 173 | break; | ||
| 159 | } | 174 | } |
| 160 | return name; | 175 | } |
| 161 | }, | 176 | return name; |
| 162 | // 新增一条补录信息 | 177 | }, |
| 163 | /** | 178 | // 新增一条补录信息 |
| 164 | * @description: 新增一条补录信息 | 179 | /** |
| 165 | * @param {*} row | 180 | * @description: 新增一条补录信息 |
| 166 | * @param {*} del | 181 | * @param {*} row |
| 167 | * @author: renchao | 182 | * @param {*} del |
| 168 | */ | 183 | * @author: renchao |
| 169 | editDialog (row, del) { | 184 | */ |
| 170 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 185 | editDialog(row, del) { |
| 171 | confirmButtonText: "确定", | 186 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 172 | cancelButtonText: "取消", | 187 | confirmButtonText: "确定", |
| 173 | type: "warning", | 188 | cancelButtonText: "取消", |
| 189 | type: "warning", | ||
| 190 | }) | ||
| 191 | .then(() => { | ||
| 192 | this.$parent.addRepairRecord(row, del); | ||
| 174 | }) | 193 | }) |
| 175 | .then(() => { | 194 | .catch(() => { |
| 176 | this.$parent.addRepairRecord(row, del); | 195 | this.$message({ |
| 177 | }) | 196 | type: "info", |
| 178 | .catch(() => { | 197 | message: "取消", |
| 179 | this.$message({ | ||
| 180 | type: "info", | ||
| 181 | message: "取消", | ||
| 182 | }); | ||
| 183 | }); | 198 | }); |
| 184 | }, | 199 | }); |
| 200 | }, | ||
| 201 | print() { | ||
| 202 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 203 | window.open( | ||
| 204 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`, | ||
| 205 | `printdjb` | ||
| 206 | ); | ||
| 185 | }, | 207 | }, |
| 186 | }; | 208 | }, |
| 209 | }; | ||
| 187 | </script> | 210 | </script> |
| 188 | 211 | ||
| 189 | <style lang="scss" scoped> | 212 | <style lang="scss" scoped> |
| 190 | @import "./qlxxCommon.scss"; | 213 | @import "./qlxxCommon.scss"; |
| 214 | .title { | ||
| 215 | position: relative; | ||
| 216 | .print { | ||
| 217 | // background-color: #0079fe; | ||
| 218 | z-index: 10; | ||
| 219 | position: absolute; | ||
| 220 | left: 11px; | ||
| 221 | top: 5px; | ||
| 222 | } | ||
| 223 | } | ||
| 191 | </style> | 224 | </style> | ... | ... |
| ... | @@ -8,9 +8,15 @@ | ... | @@ -8,9 +8,15 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <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 |
| 15 | v-for="item in qsztList" | ||
| 16 | :key="item.value" | ||
| 17 | :label="item.value" | ||
| 18 | >{{ item.label }}</el-checkbox | ||
| 19 | > | ||
| 14 | </el-checkbox-group> | 20 | </el-checkbox-group> |
| 15 | </div> | 21 | </div> |
| 16 | </div> | 22 | </div> |
| ... | @@ -21,21 +27,38 @@ | ... | @@ -21,21 +27,38 @@ |
| 21 | <td> | 27 | <td> |
| 22 | {{ item.label }} | 28 | {{ item.label }} |
| 23 | </td> | 29 | </td> |
| 24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 30 | <td |
| 25 | row.qszt == '2' ? 'lishi' : '', | 31 | v-for="(row, index) in tableData" |
| 26 | row.qszt == '0' ? 'linshi' : '', | 32 | :key="index" |
| 27 | row.qlzt == '4' ? 'linshi' : '', | 33 | :class="[ |
| 34 | row.qszt == '2' ? 'lishi' : '', | ||
| 35 | row.qszt == '0' ? 'linshi' : '', | ||
| 36 | row.qlzt == '4' ? 'linshi' : '', | ||
| 28 | 37 | ||
| 29 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 30 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 31 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 40 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 32 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 41 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 33 | ]"> | 42 | ]" |
| 34 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 43 | > |
| 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 44 | <div |
| 36 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 45 | class="setbut" |
| 46 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 47 | > | ||
| 48 | <el-button | ||
| 49 | type="text" | ||
| 50 | icon="el-icon-edit-outline" | ||
| 51 | @click="editDialog(row)" | ||
| 52 | >编辑</el-button | ||
| 53 | > | ||
| 54 | <el-button | ||
| 55 | type="text" | ||
| 56 | icon="el-icon-edit-outline" | ||
| 57 | @click="editDialog(row, 'D')" | ||
| 58 | >删除</el-button | ||
| 59 | > | ||
| 37 | </div> | 60 | </div> |
| 38 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 61 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 39 | 有效 | 62 | 有效 |
| 40 | </div> | 63 | </div> |
| 41 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 64 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -48,13 +71,19 @@ | ... | @@ -48,13 +71,19 @@ |
| 48 | 正在注销 | 71 | 正在注销 |
| 49 | </div> | 72 | </div> |
| 50 | 73 | ||
| 51 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 74 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 52 | <span v-if="item.prop == 'qszt'"> | 75 | <span v-if="item.prop == 'qszt'"> |
| 53 | {{ getQsztName(row[item.prop]) }} | 76 | {{ getQsztName(row[item.prop]) }} |
| 54 | </span> | 77 | </span> |
| 55 | <span v-else>{{ row[item.prop] }}</span> | 78 | <span v-else>{{ row[item.prop] }}</span> |
| 56 | </p> | 79 | </p> |
| 57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 80 | <el-tooltip |
| 81 | v-else | ||
| 82 | effect="dark" | ||
| 83 | :content="row[item.prop]" | ||
| 84 | placement="top" | ||
| 85 | popper-class="tooltip-width" | ||
| 86 | > | ||
| 58 | <span class="ellipsis-line"> | 87 | <span class="ellipsis-line"> |
| 59 | {{ row[item.prop] }} | 88 | {{ row[item.prop] }} |
| 60 | </span> | 89 | </span> |
| ... | @@ -69,118 +98,135 @@ | ... | @@ -69,118 +98,135 @@ |
| 69 | </template> | 98 | </template> |
| 70 | 99 | ||
| 71 | <script> | 100 | <script> |
| 72 | import { datas } from "./qlxxFormData.js"; | 101 | import { datas } from "./qlxxFormData.js"; |
| 73 | import { getSjlx } from "@/utils/dictionary.js"; | 102 | import { getSjlx } from "@/utils/dictionary.js"; |
| 74 | import { getJsydsyqList } from "@/api/djbDetail.js"; | 103 | import { getJsydsyqList } from "@/api/djbDetail.js"; |
| 75 | export default { | 104 | export default { |
| 76 | data () { | 105 | data() { |
| 77 | return { | 106 | return { |
| 78 | title: "建设用地使用权、宅基地使用权登记信息", | 107 | title: "建设用地使用权、宅基地使用权登记信息", |
| 79 | qsztList: datas.columns().qsztList, | 108 | qsztList: datas.columns().qsztList, |
| 80 | checkList: datas.columns().checkList, | 109 | checkList: datas.columns().checkList, |
| 81 | //传递参数 | 110 | //传递参数 |
| 82 | propsParam: this.$attrs, | 111 | propsParam: this.$attrs, |
| 83 | //列表数据 | 112 | //列表数据 |
| 84 | tableData: [], | 113 | tableData: [], |
| 85 | //空列值个数 | 114 | //空列值个数 |
| 86 | emptycolNum: datas.columns().emptycolNum, | 115 | emptycolNum: datas.columns().emptycolNum, |
| 87 | //列名称对象 | 116 | //列名称对象 |
| 88 | columns: datas.columns().JSYDSYQ, | 117 | columns: datas.columns().JSYDSYQ, |
| 89 | }; | 118 | }; |
| 90 | }, | 119 | }, |
| 91 | created () { | 120 | created() { |
| 92 | this.loadData(); | 121 | this.loadData(); |
| 93 | }, | 122 | }, |
| 94 | methods: { | 123 | methods: { |
| 95 | /** | 124 | /** |
| 96 | * @description: loadData | 125 | * @description: loadData |
| 97 | * @author: renchao | 126 | * @author: renchao |
| 98 | */ | 127 | */ |
| 99 | loadData () { | 128 | loadData() { |
| 100 | 129 | if (this.$parent.addRepairRecord) { | |
| 101 | if (this.$parent.addRepairRecord) { | 130 | this.columns.unshift({ |
| 102 | this.columns.unshift({ | 131 | prop: "cz", |
| 103 | prop: "cz", | 132 | label: "操作", |
| 104 | label: "操作" | ||
| 105 | }) | ||
| 106 | } | ||
| 107 | getJsydsyqList({ | ||
| 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 | this.tableData.forEach(item => { | ||
| 115 | item.sjlx = getSjlx(item.sjlx) | ||
| 116 | }) | ||
| 117 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 118 | this.emptycolNum = | ||
| 119 | datas.columns().emptycolNum - this.tableData.length; | ||
| 120 | } else { | ||
| 121 | this.emptycolNum = 0; | ||
| 122 | } | ||
| 123 | } | ||
| 124 | }); | 133 | }); |
| 125 | }, | 134 | } |
| 126 | /** | 135 | getJsydsyqList({ |
| 127 | * @description: checkChange | 136 | bdcdyid: this.propsParam.bdcdyid, |
| 128 | * @author: renchao | 137 | qllx: this.propsParam.qllx, |
| 129 | */ | 138 | qszt: this.checkList, |
| 130 | checkChange () { | 139 | }).then((res) => { |
| 131 | if (this.checkList.length === 0) { | 140 | if (res.code === 200) { |
| 132 | this.tableData = []; | 141 | this.tableData = res.result; |
| 133 | this.emptycolNum = datas.columns().emptycolNum; | 142 | this.tableData.forEach((item) => { |
| 134 | } else { | 143 | item.sjlx = getSjlx(item.sjlx); |
| 135 | this.loadData(); | 144 | }); |
| 136 | } | 145 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 137 | }, | 146 | this.emptycolNum = |
| 138 | /** | 147 | datas.columns().emptycolNum - this.tableData.length; |
| 139 | * @description: getQsztName | 148 | } else { |
| 140 | * @param {*} code | 149 | this.emptycolNum = 0; |
| 141 | * @author: renchao | ||
| 142 | */ | ||
| 143 | getQsztName (code) { | ||
| 144 | let name = ""; | ||
| 145 | for (let item of this.qsztList) { | ||
| 146 | if (item.value == code) { | ||
| 147 | name = item.label; | ||
| 148 | break; | ||
| 149 | } | 150 | } |
| 150 | } | 151 | } |
| 151 | return name; | 152 | }); |
| 152 | }, | 153 | }, |
| 153 | // 新增一条补录信息 | 154 | /** |
| 154 | /** | 155 | * @description: checkChange |
| 155 | * @description: 新增一条补录信息 | 156 | * @author: renchao |
| 156 | * @param {*} row | 157 | */ |
| 157 | * @param {*} del | 158 | checkChange() { |
| 158 | * @author: renchao | 159 | if (this.checkList.length === 0) { |
| 159 | */ | 160 | this.tableData = []; |
| 160 | editDialog (row, del) { | 161 | this.emptycolNum = datas.columns().emptycolNum; |
| 161 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 162 | } else { |
| 162 | confirmButtonText: '确定', | 163 | this.loadData(); |
| 163 | cancelButtonText: '取消', | 164 | } |
| 164 | type: 'warning' | 165 | }, |
| 165 | }).then(() => { | 166 | /** |
| 166 | this.$parent.addRepairRecord(row, del) | 167 | * @description: getQsztName |
| 168 | * @param {*} code | ||
| 169 | * @author: renchao | ||
| 170 | */ | ||
| 171 | getQsztName(code) { | ||
| 172 | let name = ""; | ||
| 173 | for (let item of this.qsztList) { | ||
| 174 | if (item.value == code) { | ||
| 175 | name = item.label; | ||
| 176 | break; | ||
| 177 | } | ||
| 178 | } | ||
| 179 | return name; | ||
| 180 | }, | ||
| 181 | // 新增一条补录信息 | ||
| 182 | /** | ||
| 183 | * @description: 新增一条补录信息 | ||
| 184 | * @param {*} row | ||
| 185 | * @param {*} del | ||
| 186 | * @author: renchao | ||
| 187 | */ | ||
| 188 | editDialog(row, del) { | ||
| 189 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 190 | confirmButtonText: "确定", | ||
| 191 | cancelButtonText: "取消", | ||
| 192 | type: "warning", | ||
| 193 | }) | ||
| 194 | .then(() => { | ||
| 195 | this.$parent.addRepairRecord(row, del); | ||
| 167 | 196 | ||
| 168 | this.$message({ | 197 | this.$message({ |
| 169 | type: 'success', | 198 | type: "success", |
| 170 | message: '补录成功!' | 199 | message: "补录成功!", |
| 171 | }); | 200 | }); |
| 172 | }).catch(() => { | 201 | }) |
| 202 | .catch(() => { | ||
| 173 | this.$message({ | 203 | this.$message({ |
| 174 | type: 'info', | 204 | type: "info", |
| 175 | message: '取消编辑' | 205 | message: "取消编辑", |
| 176 | }); | 206 | }); |
| 177 | }); | 207 | }); |
| 178 | |||
| 179 | }, | ||
| 180 | }, | 208 | }, |
| 181 | }; | 209 | print() { |
| 210 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 211 | window.open( | ||
| 212 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`, | ||
| 213 | `printdjb` | ||
| 214 | ); | ||
| 215 | }, | ||
| 216 | }, | ||
| 217 | }; | ||
| 182 | </script> | 218 | </script> |
| 183 | 219 | ||
| 184 | <style lang="scss" scoped> | 220 | <style lang="scss" scoped> |
| 185 | @import "./qlxxCommon.scss"; | 221 | @import "./qlxxCommon.scss"; |
| 222 | .title { | ||
| 223 | position: relative; | ||
| 224 | .print { | ||
| 225 | // background-color: #0079fe; | ||
| 226 | z-index: 10; | ||
| 227 | position: absolute; | ||
| 228 | left: 11px; | ||
| 229 | top: 5px; | ||
| 230 | } | ||
| 231 | } | ||
| 186 | </style> | 232 | </style> | ... | ... |
| ... | @@ -8,12 +8,15 @@ | ... | @@ -8,12 +8,15 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 13 | <el-checkbox | 14 | <el-checkbox |
| 14 | v-for="item in qsztList" | 15 | v-for="item in qsztList" |
| 15 | :key="item.value" | 16 | :key="item.value" |
| 16 | :label="item.value">{{ item.label }}</el-checkbox> | 17 | :label="item.value" |
| 18 | >{{ item.label }}</el-checkbox | ||
| 19 | > | ||
| 17 | </el-checkbox-group> | 20 | </el-checkbox-group> |
| 18 | </div> | 21 | </div> |
| 19 | </div> | 22 | </div> |
| ... | @@ -29,33 +32,60 @@ | ... | @@ -29,33 +32,60 @@ |
| 29 | row.qszt == '2' ? 'lishi' : '', | 32 | row.qszt == '2' ? 'lishi' : '', |
| 30 | row.qszt == '0' ? 'linshi' : '', | 33 | row.qszt == '0' ? 'linshi' : '', |
| 31 | row.qlzt == '4' ? 'linshi' : '', | 34 | row.qlzt == '4' ? 'linshi' : '', |
| 32 | 35 | ||
| 33 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 36 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 34 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 37 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 35 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 36 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 39 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 37 | ]"> | 40 | ]" |
| 38 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 41 | > |
| 39 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 42 | <div |
| 40 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 43 | class="setbut" |
| 44 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 45 | > | ||
| 46 | <el-button | ||
| 47 | type="text" | ||
| 48 | icon="el-icon-edit-outline" | ||
| 49 | @click="editDialog(row)" | ||
| 50 | >编辑</el-button | ||
| 51 | > | ||
| 52 | <el-button | ||
| 53 | type="text" | ||
| 54 | icon="el-icon-edit-outline" | ||
| 55 | @click="editDialog(row, 'D')" | ||
| 56 | >删除</el-button | ||
| 57 | > | ||
| 58 | </div> | ||
| 59 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 60 | 有效 | ||
| 61 | </div> | ||
| 62 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 63 | 正在补录 | ||
| 64 | </div> | ||
| 65 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 66 | 正在申请 | ||
| 67 | </div> | ||
| 68 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 69 | 正在注销 | ||
| 41 | </div> | 70 | </div> |
| 42 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div> | ||
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> | ||
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> | ||
| 45 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> | ||
| 46 | 71 | ||
| 47 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 72 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 48 | <span v-if="item.prop == 'qszt'"> | 73 | <span v-if="item.prop == 'qszt'"> |
| 49 | {{ getQsztName(row[item.prop]) }} | 74 | {{ getQsztName(row[item.prop]) }} |
| 50 | </span> | 75 | </span> |
| 51 | <span v-else>{{ row[item.prop] }}</span> | 76 | <span v-else>{{ row[item.prop] }}</span> |
| 52 | </p> | 77 | </p> |
| 53 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 78 | <el-tooltip |
| 79 | v-else | ||
| 80 | effect="dark" | ||
| 81 | :content="row[item.prop]" | ||
| 82 | placement="top" | ||
| 83 | popper-class="tooltip-width" | ||
| 84 | > | ||
| 54 | <span class="ellipsis-line"> | 85 | <span class="ellipsis-line"> |
| 55 | {{ row[item.prop] }} | 86 | {{ row[item.prop] }} |
| 56 | </span> | 87 | </span> |
| 57 | </el-tooltip> | 88 | </el-tooltip> |
| 58 | |||
| 59 | </td> | 89 | </td> |
| 60 | <td v-for="count in emptycolNum" :key="~count"></td> | 90 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 61 | </tr> | 91 | </tr> |
| ... | @@ -64,124 +94,140 @@ | ... | @@ -64,124 +94,140 @@ |
| 64 | </div> | 94 | </div> |
| 65 | </div> | 95 | </div> |
| 66 | </template> | 96 | </template> |
| 67 | 97 | ||
| 68 | <script> | 98 | <script> |
| 69 | import { datas } from "./qlxxFormData.js"; | 99 | import { datas } from "./qlxxFormData.js"; |
| 70 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 100 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 71 | import { getLqList } from "@/api/djbDetail.js"; | 101 | import { getLqList } from "@/api/djbDetail.js"; |
| 72 | export default { | 102 | export default { |
| 73 | data () { | 103 | data() { |
| 74 | return { | 104 | return { |
| 75 | title: "林权登记信息", | 105 | title: "林权登记信息", |
| 76 | qsztList: datas.columns().qsztList, | 106 | qsztList: datas.columns().qsztList, |
| 77 | checkList: datas.columns().checkList, | 107 | checkList: datas.columns().checkList, |
| 78 | //传递参数 | 108 | //传递参数 |
| 79 | propsParam: this.$attrs, | 109 | propsParam: this.$attrs, |
| 80 | //列表数据 | 110 | //列表数据 |
| 81 | tableData: [], | 111 | tableData: [], |
| 82 | //空列值个数 | 112 | //空列值个数 |
| 83 | emptycolNum: datas.columns().emptycolNum, | 113 | emptycolNum: datas.columns().emptycolNum, |
| 84 | //列名称对象 | 114 | //列名称对象 |
| 85 | columns: datas.columns().LDSYQ, | 115 | columns: datas.columns().LDSYQ, |
| 86 | }; | 116 | }; |
| 87 | }, | 117 | }, |
| 88 | created () { | 118 | created() { |
| 89 | this.loadData(); | 119 | this.loadData(); |
| 90 | }, | 120 | }, |
| 91 | methods: { | 121 | methods: { |
| 92 | /** | 122 | /** |
| 93 | * @description: loadData | 123 | * @description: loadData |
| 94 | * @author: renchao | 124 | * @author: renchao |
| 95 | */ | 125 | */ |
| 96 | loadData () { | 126 | loadData() { |
| 97 | if (this.$parent.addRepairRecord) { | 127 | if (this.$parent.addRepairRecord) { |
| 98 | this.columns.unshift({ | 128 | this.columns.unshift({ |
| 99 | prop: "cz", | 129 | prop: "cz", |
| 100 | label: "操作", | 130 | label: "操作", |
| 131 | }); | ||
| 132 | } | ||
| 133 | getLqList({ | ||
| 134 | bdcdyid: this.propsParam.bdcdyid, | ||
| 135 | qllx: this.propsParam.qllx, | ||
| 136 | qszt: this.checkList, | ||
| 137 | }).then((res) => { | ||
| 138 | if (res.code === 200) { | ||
| 139 | this.tableData = res.result; | ||
| 140 | this.tableData.forEach((item) => { | ||
| 141 | item.sjlx = getSjlx(item.sjlx); | ||
| 142 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); | ||
| 143 | item.lz = getDictLeabel(item.lz, "A26"); | ||
| 144 | item.qy = getDictLeabel(item.qy, "A52"); | ||
| 101 | }); | 145 | }); |
| 102 | } | 146 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 103 | getLqList({ | 147 | this.emptycolNum = |
| 104 | bdcdyid: this.propsParam.bdcdyid, | 148 | datas.columns().emptycolNum - this.tableData.length; |
| 105 | qllx: this.propsParam.qllx, | 149 | } else { |
| 106 | qszt: this.checkList, | 150 | this.emptycolNum = 0; |
| 107 | }).then((res) => { | ||
| 108 | if (res.code === 200) { | ||
| 109 | this.tableData = res.result; | ||
| 110 | this.tableData.forEach((item) => { | ||
| 111 | item.sjlx = getSjlx(item.sjlx); | ||
| 112 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45') | ||
| 113 | item.lz = getDictLeabel(item.lz, 'A26') | ||
| 114 | item.qy = getDictLeabel(item.qy, 'A52') | ||
| 115 | }); | ||
| 116 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 117 | this.emptycolNum = | ||
| 118 | datas.columns().emptycolNum - this.tableData.length; | ||
| 119 | } else { | ||
| 120 | this.emptycolNum = 0; | ||
| 121 | } | ||
| 122 | } | 151 | } |
| 123 | }); | ||
| 124 | }, | ||
| 125 | /** | ||
| 126 | * @description: checkChange | ||
| 127 | * @author: renchao | ||
| 128 | */ | ||
| 129 | checkChange () { | ||
| 130 | if (this.checkList.length === 0) { | ||
| 131 | this.tableData = []; | ||
| 132 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 133 | } else { | ||
| 134 | this.loadData(); | ||
| 135 | } | 152 | } |
| 136 | }, | 153 | }); |
| 137 | /** | 154 | }, |
| 138 | * @description: getQsztName | 155 | /** |
| 139 | * @param {*} code | 156 | * @description: checkChange |
| 140 | * @author: renchao | 157 | * @author: renchao |
| 141 | */ | 158 | */ |
| 142 | getQsztName (code) { | 159 | checkChange() { |
| 143 | let name = ""; | 160 | if (this.checkList.length === 0) { |
| 144 | for (let item of this.qsztList) { | 161 | this.tableData = []; |
| 145 | if (item.value == code) { | 162 | this.emptycolNum = datas.columns().emptycolNum; |
| 146 | name = item.label; | 163 | } else { |
| 147 | break; | 164 | this.loadData(); |
| 148 | } | 165 | } |
| 166 | }, | ||
| 167 | /** | ||
| 168 | * @description: getQsztName | ||
| 169 | * @param {*} code | ||
| 170 | * @author: renchao | ||
| 171 | */ | ||
| 172 | getQsztName(code) { | ||
| 173 | let name = ""; | ||
| 174 | for (let item of this.qsztList) { | ||
| 175 | if (item.value == code) { | ||
| 176 | name = item.label; | ||
| 177 | break; | ||
| 149 | } | 178 | } |
| 150 | return name; | 179 | } |
| 151 | }, | 180 | return name; |
| 152 | // 新增一条补录信息 | 181 | }, |
| 153 | /** | 182 | // 新增一条补录信息 |
| 154 | * @description: 新增一条补录信息 | 183 | /** |
| 155 | * @param {*} row | 184 | * @description: 新增一条补录信息 |
| 156 | * @param {*} del | 185 | * @param {*} row |
| 157 | * @author: renchao | 186 | * @param {*} del |
| 158 | */ | 187 | * @author: renchao |
| 159 | editDialog (row, del) { | 188 | */ |
| 160 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 189 | editDialog(row, del) { |
| 161 | confirmButtonText: "确定", | 190 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 162 | cancelButtonText: "取消", | 191 | confirmButtonText: "确定", |
| 163 | type: "warning", | 192 | cancelButtonText: "取消", |
| 164 | }) | 193 | type: "warning", |
| 165 | .then(() => { | 194 | }) |
| 166 | this.$parent.addRepairRecord(row, del); | 195 | .then(() => { |
| 196 | this.$parent.addRepairRecord(row, del); | ||
| 167 | 197 | ||
| 168 | this.$message({ | 198 | this.$message({ |
| 169 | type: "success", | 199 | type: "success", |
| 170 | message: "补录成功!", | 200 | message: "补录成功!", |
| 171 | }); | ||
| 172 | }) | ||
| 173 | .catch(() => { | ||
| 174 | this.$message({ | ||
| 175 | type: "info", | ||
| 176 | message: "取消编辑", | ||
| 177 | }); | ||
| 178 | }); | 201 | }); |
| 179 | }, | 202 | }) |
| 203 | .catch(() => { | ||
| 204 | this.$message({ | ||
| 205 | type: "info", | ||
| 206 | message: "取消编辑", | ||
| 207 | }); | ||
| 208 | }); | ||
| 180 | }, | 209 | }, |
| 181 | }; | 210 | print() { |
| 211 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 212 | window.open( | ||
| 213 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ldsyq`, | ||
| 214 | `printdjb` | ||
| 215 | ); | ||
| 216 | }, | ||
| 217 | }, | ||
| 218 | }; | ||
| 182 | </script> | 219 | </script> |
| 183 | 220 | ||
| 184 | <style lang="scss" scoped> | 221 | <style lang="scss" scoped> |
| 185 | @import "./qlxxCommon.scss"; | 222 | @import "./qlxxCommon.scss"; |
| 223 | .title { | ||
| 224 | position: relative; | ||
| 225 | .print { | ||
| 226 | // background-color: #0079fe; | ||
| 227 | z-index: 10; | ||
| 228 | position: absolute; | ||
| 229 | left: 11px; | ||
| 230 | top: 5px; | ||
| 231 | } | ||
| 232 | } | ||
| 186 | </style> | 233 | </style> |
| 187 | |||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,9 +8,15 @@ | ... | @@ -8,9 +8,15 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <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 |
| 15 | v-for="item in qsztList" | ||
| 16 | :key="item.value" | ||
| 17 | :label="item.value" | ||
| 18 | >{{ item.label }}</el-checkbox | ||
| 19 | > | ||
| 14 | </el-checkbox-group> | 20 | </el-checkbox-group> |
| 15 | </div> | 21 | </div> |
| 16 | </div> | 22 | </div> |
| ... | @@ -21,46 +27,60 @@ | ... | @@ -21,46 +27,60 @@ |
| 21 | <td> | 27 | <td> |
| 22 | {{ item.label }} | 28 | {{ item.label }} |
| 23 | </td> | 29 | </td> |
| 24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 30 | <td |
| 25 | row.qszt == '2' ? 'lishi' : '', | 31 | v-for="(row, index) in tableData" |
| 26 | row.qszt == '0' ? 'linshi' : '', | 32 | :key="index" |
| 27 | row.qlzt == '4' ? 'linshi' : '', | 33 | :class="[ |
| 34 | row.qszt == '2' ? 'lishi' : '', | ||
| 35 | row.qszt == '0' ? 'linshi' : '', | ||
| 36 | row.qlzt == '4' ? 'linshi' : '', | ||
| 28 | 37 | ||
| 29 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 30 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 31 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 40 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 32 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 41 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 33 | ]"> | 42 | ]" |
| 34 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 43 | > |
| 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 44 | <div |
| 36 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 45 | class="setbut" |
| 37 | </div> | 46 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" |
| 38 | <div class="icon" v-if="row.qlzt == '1'"> | 47 | > |
| 39 | 有效 | 48 | <el-button |
| 40 | </div> | 49 | type="text" |
| 41 | <div class="icon" v-if="row.qlzt == '2'"> | 50 | icon="el-icon-edit-outline" |
| 42 | 正在补录 | 51 | @click="editDialog(row)" |
| 43 | </div> | 52 | >编辑</el-button |
| 44 | <div class="icon" v-if="row.qlzt == '3'"> | 53 | > |
| 45 | 正在申请 | 54 | <el-button |
| 46 | </div> | 55 | type="text" |
| 47 | <div class="icon" v-if="row.qlzt == '4'"> | 56 | icon="el-icon-edit-outline" |
| 48 | 正在注销 | 57 | @click="editDialog(row, 'D')" |
| 58 | >删除</el-button | ||
| 59 | > | ||
| 49 | </div> | 60 | </div> |
| 61 | <div class="icon" v-if="row.qlzt == '1'">有效</div> | ||
| 62 | <div class="icon" v-if="row.qlzt == '2'">正在补录</div> | ||
| 63 | <div class="icon" v-if="row.qlzt == '3'">正在申请</div> | ||
| 64 | <div class="icon" v-if="row.qlzt == '4'">正在注销</div> | ||
| 50 | 65 | ||
| 51 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 66 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 52 | <span v-if="item.prop == 'qszt'"> | 67 | <span v-if="item.prop == 'qszt'"> |
| 53 | {{ getQsztName(row[item.prop]) }} | 68 | {{ getQsztName(row[item.prop]) }} |
| 54 | </span> | 69 | </span> |
| 55 | <span v-else>{{ row[item.prop] }}</span> | 70 | <span v-else>{{ row[item.prop] }}</span> |
| 56 | </p> | 71 | </p> |
| 57 | 72 | ||
| 58 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 73 | <el-tooltip |
| 74 | v-else | ||
| 75 | effect="dark" | ||
| 76 | :content="row[item.prop]" | ||
| 77 | placement="top" | ||
| 78 | popper-class="tooltip-width" | ||
| 79 | > | ||
| 59 | <span class="ellipsis-line"> | 80 | <span class="ellipsis-line"> |
| 60 | {{ row[item.prop] }} | 81 | {{ row[item.prop] }} |
| 61 | </span> | 82 | </span> |
| 62 | </el-tooltip> | 83 | </el-tooltip> |
| 63 | |||
| 64 | </td> | 84 | </td> |
| 65 | <td v-for="count in emptycolNum" :key="~count"></td> | 85 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 66 | </tr> | 86 | </tr> |
| ... | @@ -71,17 +91,21 @@ | ... | @@ -71,17 +91,21 @@ |
| 71 | <td> | 91 | <td> |
| 72 | {{ item.label }} | 92 | {{ item.label }} |
| 73 | </td> | 93 | </td> |
| 74 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 94 | <td |
| 75 | row.qszt == '2' ? 'lishi' : '', | 95 | v-for="(row, index) in tableData" |
| 76 | row.qszt == '0' ? 'linshi' : '', | 96 | :key="index" |
| 77 | row.qlzt == '4' ? 'linshi' : '', | 97 | :class="[ |
| 98 | row.qszt == '2' ? 'lishi' : '', | ||
| 99 | row.qszt == '0' ? 'linshi' : '', | ||
| 100 | row.qlzt == '4' ? 'linshi' : '', | ||
| 78 | 101 | ||
| 79 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 102 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 80 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 103 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 81 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 104 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 82 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 105 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 83 | ]"> | 106 | ]" |
| 84 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 107 | > |
| 108 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 85 | 有效 | 109 | 有效 |
| 86 | </div> | 110 | </div> |
| 87 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 111 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -94,14 +118,20 @@ | ... | @@ -94,14 +118,20 @@ |
| 94 | 正在注销 | 118 | 正在注销 |
| 95 | </div> | 119 | </div> |
| 96 | 120 | ||
| 97 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 121 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 98 | <span v-if="item.prop == 'qszt'"> | 122 | <span v-if="item.prop == 'qszt'"> |
| 99 | {{ getQsztName(row[item.prop]) }} | 123 | {{ getQsztName(row[item.prop]) }} |
| 100 | </span> | 124 | </span> |
| 101 | <span v-else>{{ row[item.prop] }}</span> | 125 | <span v-else>{{ row[item.prop] }}</span> |
| 102 | </p> | 126 | </p> |
| 103 | 127 | ||
| 104 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 128 | <el-tooltip |
| 129 | v-else | ||
| 130 | effect="dark" | ||
| 131 | :content="row[item.prop]" | ||
| 132 | placement="top" | ||
| 133 | popper-class="tooltip-width" | ||
| 134 | > | ||
| 105 | <span class="ellipsis-line"> | 135 | <span class="ellipsis-line"> |
| 106 | {{ row[item.prop] }} | 136 | {{ row[item.prop] }} |
| 107 | </span> | 137 | </span> |
| ... | @@ -116,122 +146,140 @@ | ... | @@ -116,122 +146,140 @@ |
| 116 | </template> | 146 | </template> |
| 117 | 147 | ||
| 118 | <script> | 148 | <script> |
| 119 | import { datas } from "./qlxxFormData.js"; | 149 | import { datas } from "./qlxxFormData.js"; |
| 120 | import { getSjlx } from "@/utils/dictionary.js"; | 150 | import { getSjlx } from "@/utils/dictionary.js"; |
| 121 | import { getNydsyqList } from "@/api/djbDetail.js"; | 151 | import { getNydsyqList } from "@/api/djbDetail.js"; |
| 122 | export default { | 152 | export default { |
| 123 | data () { | 153 | data() { |
| 124 | return { | 154 | return { |
| 125 | title: "农用地使用权登记信息", | 155 | title: "农用地使用权登记信息", |
| 126 | qsztList: datas.columns().qsztList, | 156 | qsztList: datas.columns().qsztList, |
| 127 | checkList: datas.columns().checkList, | 157 | checkList: datas.columns().checkList, |
| 128 | //传递参数 | 158 | //传递参数 |
| 129 | propsParam: this.$attrs, | 159 | propsParam: this.$attrs, |
| 130 | //列表数据 | 160 | //列表数据 |
| 131 | tableData: [], | 161 | tableData: [], |
| 132 | //空列值个数 | 162 | //空列值个数 |
| 133 | emptycolNum: datas.columns().emptycolNum, | 163 | emptycolNum: datas.columns().emptycolNum, |
| 134 | //列名称对象 | 164 | //列名称对象 |
| 135 | columns: datas.columns().NYDSYQ, | 165 | columns: datas.columns().NYDSYQ, |
| 136 | }; | 166 | }; |
| 167 | }, | ||
| 168 | created() { | ||
| 169 | var qllx = this.$route.query.sqywbm.substr(0, 3); | ||
| 170 | if (qllx == "A09") { | ||
| 171 | this.title = "土地经营权登记信息"; | ||
| 172 | } else { | ||
| 173 | this.title = "农用地使用权登记信息"; | ||
| 174 | } | ||
| 175 | this.loadData(); | ||
| 176 | }, | ||
| 177 | methods: { | ||
| 178 | /** | ||
| 179 | * @description: loadData | ||
| 180 | * @author: renchao | ||
| 181 | */ | ||
| 182 | loadData() { | ||
| 183 | if (this.$parent.addRepairRecord) { | ||
| 184 | this.columns.unshift({ | ||
| 185 | prop: "cz", | ||
| 186 | label: "操作", | ||
| 187 | }); | ||
| 188 | } | ||
| 189 | getNydsyqList({ | ||
| 190 | bdcdyid: this.propsParam.bdcdyid, | ||
| 191 | qllx: this.propsParam.qllx, | ||
| 192 | qszt: this.checkList, | ||
| 193 | }).then((res) => { | ||
| 194 | if (res.code === 200) { | ||
| 195 | this.tableData = res.result; | ||
| 196 | this.tableData.forEach((item) => { | ||
| 197 | item.sjlx = getSjlx(item.sjlx); | ||
| 198 | }); | ||
| 199 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 200 | this.emptycolNum = | ||
| 201 | datas.columns().emptycolNum - this.tableData.length; | ||
| 202 | } else { | ||
| 203 | this.emptycolNum = 0; | ||
| 204 | } | ||
| 205 | } | ||
| 206 | }); | ||
| 137 | }, | 207 | }, |
| 138 | created () { | 208 | /** |
| 139 | var qllx = this.$route.query.sqywbm.substr(0, 3) | 209 | * @description: checkChange |
| 140 | if (qllx == 'A09') { | 210 | * @author: renchao |
| 141 | this.title = '土地经营权登记信息' | 211 | */ |
| 212 | checkChange() { | ||
| 213 | if (this.checkList.length === 0) { | ||
| 214 | this.tableData = []; | ||
| 215 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 142 | } else { | 216 | } else { |
| 143 | this.title = '农用地使用权登记信息' | 217 | this.loadData(); |
| 144 | } | 218 | } |
| 145 | this.loadData(); | ||
| 146 | }, | 219 | }, |
| 147 | methods: { | 220 | /** |
| 148 | /** | 221 | * @description: getQsztName |
| 149 | * @description: loadData | 222 | * @author: renchao |
| 150 | * @author: renchao | 223 | */ |
| 151 | */ | 224 | getQsztName(code) { |
| 152 | loadData () { | 225 | let name = ""; |
| 153 | if (this.$parent.addRepairRecord) { | 226 | for (let item of this.qsztList) { |
| 154 | this.columns.unshift({ | 227 | if (item.value == code) { |
| 155 | prop: "cz", | 228 | name = item.label; |
| 156 | label: "操作" | 229 | break; |
| 157 | }) | ||
| 158 | } | ||
| 159 | getNydsyqList({ | ||
| 160 | bdcdyid: this.propsParam.bdcdyid, | ||
| 161 | qllx: this.propsParam.qllx, | ||
| 162 | qszt: this.checkList, | ||
| 163 | }).then((res) => { | ||
| 164 | if (res.code === 200) { | ||
| 165 | this.tableData = res.result; | ||
| 166 | this.tableData.forEach(item => { | ||
| 167 | item.sjlx = getSjlx(item.sjlx) | ||
| 168 | }) | ||
| 169 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 170 | this.emptycolNum = | ||
| 171 | datas.columns().emptycolNum - this.tableData.length; | ||
| 172 | } else { | ||
| 173 | this.emptycolNum = 0; | ||
| 174 | } | ||
| 175 | } | ||
| 176 | }); | ||
| 177 | }, | ||
| 178 | /** | ||
| 179 | * @description: checkChange | ||
| 180 | * @author: renchao | ||
| 181 | */ | ||
| 182 | checkChange () { | ||
| 183 | if (this.checkList.length === 0) { | ||
| 184 | this.tableData = []; | ||
| 185 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 186 | } else { | ||
| 187 | this.loadData(); | ||
| 188 | } | 230 | } |
| 189 | }, | 231 | } |
| 190 | /** | 232 | return name; |
| 191 | * @description: getQsztName | 233 | }, |
| 192 | * @author: renchao | 234 | // 新增一条补录信息 |
| 193 | */ | 235 | /** |
| 194 | getQsztName (code) { | 236 | * @description: 新增一条补录信息 |
| 195 | let name = ""; | 237 | * @param {*} row |
| 196 | for (let item of this.qsztList) { | 238 | * @param {*} del |
| 197 | if (item.value == code) { | 239 | * @author: renchao |
| 198 | name = item.label; | 240 | */ |
| 199 | break; | 241 | editDialog(row, del) { |
| 200 | } | 242 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 201 | } | 243 | confirmButtonText: "确定", |
| 202 | return name; | 244 | cancelButtonText: "取消", |
| 203 | }, | 245 | type: "warning", |
| 204 | // 新增一条补录信息 | 246 | }) |
| 205 | /** | 247 | .then(() => { |
| 206 | * @description: 新增一条补录信息 | 248 | this.$parent.addRepairRecord(row, del); |
| 207 | * @param {*} row | ||
| 208 | * @param {*} del | ||
| 209 | * @author: renchao | ||
| 210 | */ | ||
| 211 | editDialog (row, del) { | ||
| 212 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 213 | confirmButtonText: '确定', | ||
| 214 | cancelButtonText: '取消', | ||
| 215 | type: 'warning' | ||
| 216 | }).then(() => { | ||
| 217 | this.$parent.addRepairRecord(row, del) | ||
| 218 | 249 | ||
| 219 | this.$message({ | 250 | this.$message({ |
| 220 | type: 'success', | 251 | type: "success", |
| 221 | message: '补录成功!' | 252 | message: "补录成功!", |
| 222 | }); | 253 | }); |
| 223 | }).catch(() => { | 254 | }) |
| 255 | .catch(() => { | ||
| 224 | this.$message({ | 256 | this.$message({ |
| 225 | type: 'info', | 257 | type: "info", |
| 226 | message: '取消编辑' | 258 | message: "取消编辑", |
| 227 | }); | 259 | }); |
| 228 | }); | 260 | }); |
| 229 | |||
| 230 | }, | ||
| 231 | }, | 261 | }, |
| 232 | }; | 262 | print() { |
| 263 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 264 | window.open( | ||
| 265 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`, | ||
| 266 | `printdjb` | ||
| 267 | ); | ||
| 268 | }, | ||
| 269 | }, | ||
| 270 | }; | ||
| 233 | </script> | 271 | </script> |
| 234 | 272 | ||
| 235 | <style lang="scss" scoped> | 273 | <style lang="scss" scoped> |
| 236 | @import "./qlxxCommon.scss"; | 274 | @import "./qlxxCommon.scss"; |
| 275 | .title { | ||
| 276 | position: relative; | ||
| 277 | .print { | ||
| 278 | // background-color: #0079fe; | ||
| 279 | z-index: 10; | ||
| 280 | position: absolute; | ||
| 281 | left: 11px; | ||
| 282 | top: 5px; | ||
| 283 | } | ||
| 284 | } | ||
| 237 | </style> | 285 | </style> | ... | ... |
| ... | @@ -4,9 +4,9 @@ | ... | @@ -4,9 +4,9 @@ |
| 4 | * @LastEditors: yangwei | 4 | * @LastEditors: yangwei |
| 5 | * @LastEditTime: 2023-08-15 14:15:19 | 5 | * @LastEditTime: 2023-08-15 14:15:19 |
| 6 | * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue | 6 | * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue |
| 7 | * @Description: | 7 | * @Description: |
| 8 | * | 8 | * |
| 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. |
| 10 | --> | 10 | --> |
| 11 | <!-- | 11 | <!-- |
| 12 | * @Description: | 12 | * @Description: |
| ... | @@ -18,6 +18,7 @@ | ... | @@ -18,6 +18,7 @@ |
| 18 | <div class="tableBox"> | 18 | <div class="tableBox"> |
| 19 | <div class="title"> | 19 | <div class="title"> |
| 20 | {{ title }} | 20 | {{ title }} |
| 21 | <el-button class="print" @click="print">打印</el-button> | ||
| 21 | <div class="checkbox"> | 22 | <div class="checkbox"> |
| 22 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 23 | <el-checkbox | 24 | <el-checkbox |
| ... | @@ -39,7 +40,7 @@ | ... | @@ -39,7 +40,7 @@ |
| 39 | row.qszt == '2' ? 'lishi' : '', | 40 | row.qszt == '2' ? 'lishi' : '', |
| 40 | row.qszt == '0' ? 'linshi' : '', | 41 | row.qszt == '0' ? 'linshi' : '', |
| 41 | row.qlzt == '4' ? 'linshi' : '', | 42 | row.qlzt == '4' ? 'linshi' : '', |
| 42 | 43 | ||
| 43 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 44 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 44 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 45 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 45 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 46 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| ... | @@ -78,7 +79,7 @@ | ... | @@ -78,7 +79,7 @@ |
| 78 | </div> | 79 | </div> |
| 79 | </div> | 80 | </div> |
| 80 | </template> | 81 | </template> |
| 81 | 82 | ||
| 82 | <script> | 83 | <script> |
| 83 | import { datas } from "./qlxxFormData.js"; | 84 | import { datas } from "./qlxxFormData.js"; |
| 84 | import { getSjlx } from "@/utils/dictionary.js"; | 85 | import { getSjlx } from "@/utils/dictionary.js"; |
| ... | @@ -188,11 +189,27 @@ | ... | @@ -188,11 +189,27 @@ |
| 188 | }); | 189 | }); |
| 189 | }); | 190 | }); |
| 190 | }, | 191 | }, |
| 192 | print() { | ||
| 193 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 194 | window.open( | ||
| 195 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`, | ||
| 196 | `printdjb` | ||
| 197 | ); | ||
| 198 | }, | ||
| 191 | }, | 199 | }, |
| 192 | }; | 200 | }; |
| 193 | </script> | 201 | </script> |
| 194 | 202 | ||
| 195 | <style lang="scss" scoped> | 203 | <style lang="scss" scoped> |
| 196 | @import "./qlxxCommon.scss"; | 204 | @import "./qlxxCommon.scss"; |
| 205 | .title { | ||
| 206 | position: relative; | ||
| 207 | .print { | ||
| 208 | // background-color: #0079fe; | ||
| 209 | z-index: 10; | ||
| 210 | position: absolute; | ||
| 211 | left: 11px; | ||
| 212 | top: 5px; | ||
| 213 | } | ||
| 214 | } | ||
| 197 | </style> | 215 | </style> |
| 198 | |||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,6 +8,7 @@ | ... | @@ -8,6 +8,7 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <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 v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> |
| ... | @@ -178,10 +179,27 @@ | ... | @@ -178,10 +179,27 @@ |
| 178 | }); | 179 | }); |
| 179 | 180 | ||
| 180 | }, | 181 | }, |
| 182 | print() { | ||
| 183 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 184 | window.open( | ||
| 185 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`, | ||
| 186 | `printdjb` | ||
| 187 | ); | ||
| 188 | }, | ||
| 181 | }, | 189 | }, |
| 182 | }; | 190 | }; |
| 183 | </script> | 191 | </script> |
| 184 | 192 | ||
| 185 | <style lang="scss" scoped> | 193 | <style lang="scss" scoped> |
| 186 | @import "./qlxxCommon.scss"; | 194 | @import "./qlxxCommon.scss"; |
| 195 | .title { | ||
| 196 | position: relative; | ||
| 197 | .print { | ||
| 198 | // background-color: #0079fe; | ||
| 199 | z-index: 10; | ||
| 200 | position: absolute; | ||
| 201 | left: 11px; | ||
| 202 | top: 5px; | ||
| 203 | } | ||
| 204 | } | ||
| 187 | </style> | 205 | </style> | ... | ... |
| ... | @@ -8,6 +8,7 @@ | ... | @@ -8,6 +8,7 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <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 v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> |
| ... | @@ -178,10 +179,27 @@ | ... | @@ -178,10 +179,27 @@ |
| 178 | }); | 179 | }); |
| 179 | 180 | ||
| 180 | }, | 181 | }, |
| 182 | print() { | ||
| 183 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 184 | window.open( | ||
| 185 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ygdj`, | ||
| 186 | `printdjb` | ||
| 187 | ); | ||
| 188 | }, | ||
| 181 | }, | 189 | }, |
| 182 | }; | 190 | }; |
| 183 | </script> | 191 | </script> |
| 184 | 192 | ||
| 185 | <style lang="scss" scoped> | 193 | <style lang="scss" scoped> |
| 186 | @import "./qlxxCommon.scss"; | 194 | @import "./qlxxCommon.scss"; |
| 195 | .title { | ||
| 196 | position: relative; | ||
| 197 | .print { | ||
| 198 | // background-color: #0079fe; | ||
| 199 | z-index: 10; | ||
| 200 | position: absolute; | ||
| 201 | left: 11px; | ||
| 202 | top: 5px; | ||
| 203 | } | ||
| 204 | } | ||
| 187 | </style> | 205 | </style> | ... | ... |
| ... | @@ -8,6 +8,7 @@ | ... | @@ -8,6 +8,7 @@ |
| 8 | <div class="tableBox"> | 8 | <div class="tableBox"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | {{ title }} | 10 | {{ title }} |
| 11 | <el-button class="print" @click="print">打印</el-button> | ||
| 11 | <div class="checkbox"> | 12 | <div class="checkbox"> |
| 12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 13 | <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 v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> |
| ... | @@ -177,10 +178,27 @@ | ... | @@ -177,10 +178,27 @@ |
| 177 | }); | 178 | }); |
| 178 | 179 | ||
| 179 | }, | 180 | }, |
| 181 | print() { | ||
| 182 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 183 | window.open( | ||
| 184 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`, | ||
| 185 | `printdjb` | ||
| 186 | ); | ||
| 187 | }, | ||
| 180 | }, | 188 | }, |
| 181 | }; | 189 | }; |
| 182 | </script> | 190 | </script> |
| 183 | 191 | ||
| 184 | <style lang="scss" scoped> | 192 | <style lang="scss" scoped> |
| 185 | @import "./qlxxCommon.scss"; | 193 | @import "./qlxxCommon.scss"; |
| 194 | .title { | ||
| 195 | position: relative; | ||
| 196 | .print { | ||
| 197 | // background-color: #0079fe; | ||
| 198 | z-index: 10; | ||
| 199 | position: absolute; | ||
| 200 | left: 11px; | ||
| 201 | top: 5px; | ||
| 202 | } | ||
| 203 | } | ||
| 186 | </style> | 204 | </style> | ... | ... |
| ... | @@ -6,6 +6,7 @@ | ... | @@ -6,6 +6,7 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <div class="tableDivCss"> | 7 | <div class="tableDivCss"> |
| 8 | <table cellpadding="0" cellspacing="0" class="tableCss"> | 8 | <table cellpadding="0" cellspacing="0" class="tableCss"> |
| 9 | <el-button class="print" @click="print">打印</el-button> | ||
| 9 | <tr> | 10 | <tr> |
| 10 | <th colspan="5" class="title">宗地基本信息</th> | 11 | <th colspan="5" class="title">宗地基本信息</th> |
| 11 | </tr> | 12 | </tr> |
| ... | @@ -111,111 +112,126 @@ | ... | @@ -111,111 +112,126 @@ |
| 111 | </template> | 112 | </template> |
| 112 | 113 | ||
| 113 | <script> | 114 | <script> |
| 114 | import store from "@/store/index.js"; | 115 | import store from "@/store/index.js"; |
| 115 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; | 116 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; |
| 116 | 117 | ||
| 117 | export default { | 118 | export default { |
| 118 | data () { | 119 | data() { |
| 119 | return { | 120 | return { |
| 120 | bhqkColumns: [ | 121 | bhqkColumns: [ |
| 121 | { | 122 | { |
| 122 | prop: "ssywh", | 123 | prop: "ssywh", |
| 123 | label: "上手业务号", | 124 | label: "上手业务号", |
| 124 | }, | 125 | }, |
| 125 | { | 126 | { |
| 126 | prop: "zddm", | 127 | prop: "zddm", |
| 127 | label: "宗地代码", | 128 | label: "宗地代码", |
| 128 | }, | 129 | }, |
| 129 | { | 130 | { |
| 130 | prop: "bhqzddm", | 131 | prop: "bhqzddm", |
| 131 | label: "变化前宗地代码", | 132 | label: "变化前宗地代码", |
| 132 | }, | 133 | }, |
| 133 | { | 134 | { |
| 134 | prop: "bhnr", | 135 | prop: "bhnr", |
| 135 | label: "变化内容", | 136 | label: "变化内容", |
| 136 | }, | 137 | }, |
| 137 | { | 138 | { |
| 138 | prop: "bhyy", | 139 | prop: "bhyy", |
| 139 | label: "变化原因", | 140 | label: "变化原因", |
| 140 | }, | 141 | }, |
| 141 | { | 142 | { |
| 142 | prop: "djsj", | 143 | prop: "djsj", |
| 143 | label: "登记时间", | 144 | label: "登记时间", |
| 144 | }, | 145 | }, |
| 145 | { | 146 | { |
| 146 | prop: "dbr", | 147 | prop: "dbr", |
| 147 | label: "登簿人", | 148 | label: "登簿人", |
| 148 | }, | 149 | }, |
| 149 | { | 150 | { |
| 150 | prop: "fj", | 151 | prop: "fj", |
| 151 | label: "附记", | 152 | label: "附记", |
| 152 | }, | 153 | }, |
| 153 | ], | 154 | ], |
| 154 | bhqkTableWidth: 745, | 155 | bhqkTableWidth: 745, |
| 155 | zdjbxx: {}, | 156 | zdjbxx: {}, |
| 156 | zdbhqks: [], | 157 | zdbhqks: [], |
| 157 | propsParam: this.$attrs, | 158 | propsParam: this.$attrs, |
| 158 | showGroup: false, | 159 | showGroup: false, |
| 159 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], | 160 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], |
| 160 | foundItemaa: {}, | 161 | foundItemaa: {}, |
| 161 | foundItemaaa: {}, | 162 | foundItemaaa: {}, |
| 162 | }; | 163 | }; |
| 164 | }, | ||
| 165 | filters: { | ||
| 166 | dictionary: function (value, param) { | ||
| 167 | const foundItem = store.getters.dictData[param].find( | ||
| 168 | (item) => item.dcode === String(value) | ||
| 169 | ); | ||
| 170 | if (foundItem) { | ||
| 171 | return foundItem.dname; | ||
| 172 | } | ||
| 163 | }, | 173 | }, |
| 164 | filters: { | 174 | dicyt: function (value, param) { |
| 165 | dictionary: function (value, param) { | 175 | const res = store.getters.dictData[param].filter((item) => { |
| 166 | const foundItem = store.getters.dictData[param].find( | 176 | if (item.dcode === String(value)) { |
| 167 | (item) => item.dcode === String(value) | 177 | return item; |
| 168 | ); | 178 | } else { |
| 169 | if (foundItem) { | 179 | if (item.children.length) { |
| 170 | return foundItem.dname; | 180 | const res2 = item.children.filter((items) => { |
| 171 | } | 181 | if (items.dcode === String(value)) { |
| 172 | }, | 182 | return items; |
| 173 | dicyt: function (value, param) { | ||
| 174 | const res = store.getters.dictData[param].filter((item) => { | ||
| 175 | if (item.dcode === String(value)) { | ||
| 176 | return item; | ||
| 177 | } else { | ||
| 178 | if (item.children.length) { | ||
| 179 | const res2 = item.children.filter((items) => { | ||
| 180 | if (items.dcode === String(value)) { | ||
| 181 | return items; | ||
| 182 | } | ||
| 183 | }); | ||
| 184 | if (res2.length) { | ||
| 185 | return res2; | ||
| 186 | |||
| 187 | } | 183 | } |
| 188 | 184 | }); | |
| 185 | if (res2.length) { | ||
| 186 | return res2; | ||
| 189 | } | 187 | } |
| 190 | } | 188 | } |
| 191 | }); | ||
| 192 | if (res[0]) { | ||
| 193 | return res[0].dname | ||
| 194 | } | 189 | } |
| 195 | }, | 190 | }); |
| 196 | }, | 191 | if (res[0]) { |
| 197 | created () { | 192 | return res[0].dname; |
| 198 | this.loadData(); | 193 | } |
| 199 | }, | 194 | }, |
| 200 | methods: { | 195 | }, |
| 201 | /** | 196 | created() { |
| 202 | * @description: loadData | 197 | this.loadData(); |
| 203 | * @author: renchao | 198 | }, |
| 204 | */ | 199 | methods: { |
| 205 | loadData () { | 200 | /** |
| 206 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 201 | * @description: loadData |
| 207 | if (res.code === 200) { | 202 | * @author: renchao |
| 208 | this.zdjbxx = res.result.zdjbxx; | 203 | */ |
| 209 | this.zdbhqks = res.result.zdbhqkList; | 204 | loadData() { |
| 210 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | 205 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
| 211 | this.showGroup = true; | 206 | if (res.code === 200) { |
| 212 | } | 207 | this.zdjbxx = res.result.zdjbxx; |
| 208 | this.zdbhqks = res.result.zdbhqkList; | ||
| 209 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | ||
| 210 | this.showGroup = true; | ||
| 213 | } | 211 | } |
| 214 | }); | 212 | } |
| 215 | }, | 213 | }); |
| 214 | }, | ||
| 215 | print() { | ||
| 216 | console.log("this.propsParam.bdcdyid ", this.propsParam); | ||
| 217 | window.open( | ||
| 218 | `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`, | ||
| 219 | `printdjb` | ||
| 220 | ); | ||
| 216 | }, | 221 | }, |
| 217 | }; | 222 | }, |
| 223 | }; | ||
| 218 | </script> | 224 | </script> |
| 219 | <style lang="scss" scoped> | 225 | <style lang="scss" scoped> |
| 220 | @import "~@/styles/tablecss.scss"; | 226 | @import "~@/styles/tablecss.scss"; |
| 227 | .tableCss { | ||
| 228 | position: relative; | ||
| 229 | .print { | ||
| 230 | // background-color: #0079fe; | ||
| 231 | z-index: 10; | ||
| 232 | position: absolute; | ||
| 233 | left: 11px; | ||
| 234 | top: 5px; | ||
| 235 | } | ||
| 236 | } | ||
| 221 | </style> | 237 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-19 16:04:58 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div style="text-align: center" class="djbdisposition"> | ||
| 8 | <el-transfer | ||
| 9 | style="text-align: left; display: inline-block" | ||
| 10 | v-model="value4" | ||
| 11 | filterable | ||
| 12 | :left-default-checked="[]" | ||
| 13 | :right-default-checked="[]" | ||
| 14 | :titles="['全选', '全选']" | ||
| 15 | :button-texts="['转到左边', '转到右边']" | ||
| 16 | :format="{ | ||
| 17 | noChecked: '${total}', | ||
| 18 | hasChecked: '${checked}/${total}' | ||
| 19 | }" | ||
| 20 | @change="handleChange" | ||
| 21 | :data="data"> | ||
| 22 | <span slot-scope="{ option }">{{ option.key }} - {{ option.label }}</span> | ||
| 23 | </el-transfer> | ||
| 24 | <div class="btn"> | ||
| 25 | <el-button @click="$popupCacel">取消</el-button> | ||
| 26 | <el-button type="primary" @click="submitForm" plain>确定</el-button> | ||
| 27 | </div> | ||
| 28 | </div> | ||
| 29 | </template> | ||
| 30 | |||
| 31 | <script> | ||
| 32 | import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/sysSqywmbsz' | ||
| 33 | export default { | ||
| 34 | props: { | ||
| 35 | formData: { | ||
| 36 | type: Object, | ||
| 37 | default: () => { } | ||
| 38 | } | ||
| 39 | }, | ||
| 40 | mounted () { | ||
| 41 | console.log("this.formData",this.formData); | ||
| 42 | // if (this.formData.bsmMb) { | ||
| 43 | // this.$startLoading() | ||
| 44 | // getSysSqywmbszDetailById(this.formData.bsmMb).then(res => { | ||
| 45 | // this.$endLoading() | ||
| 46 | // let { result } = res | ||
| 47 | // this.ruleForm = result ? result : {} | ||
| 48 | // }) | ||
| 49 | // } | ||
| 50 | }, | ||
| 51 | data() { | ||
| 52 | const generateData = _ => { | ||
| 53 | const data = []; | ||
| 54 | for (let i = 1; i <= 43; i++) { | ||
| 55 | data.push({ | ||
| 56 | key: i, | ||
| 57 | label: `备选项 ${ i }`, | ||
| 58 | disabled: i % 4 === 0 | ||
| 59 | }); | ||
| 60 | } | ||
| 61 | return data; | ||
| 62 | }; | ||
| 63 | return { | ||
| 64 | data: generateData(), | ||
| 65 | value4: [], | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | |||
| 69 | methods: { | ||
| 70 | handleChange(value, direction, movedKeys) { | ||
| 71 | console.log("shijian ",this.data.value, direction, movedKeys); | ||
| 72 | }, | ||
| 73 | |||
| 74 | |||
| 75 | /** | ||
| 76 | * @description: submitForm | ||
| 77 | * @author: renchao | ||
| 78 | */ | ||
| 79 | submitForm () { | ||
| 80 | let that = this | ||
| 81 | updateSysSqywmbsz(this.ruleForm).then(res => { | ||
| 82 | if (res.code === 200) { | ||
| 83 | this.$popupCacel() | ||
| 84 | that.$message({ | ||
| 85 | message: '修改成功', | ||
| 86 | type: 'success' | ||
| 87 | }) | ||
| 88 | } | ||
| 89 | }) | ||
| 90 | } | ||
| 91 | } | ||
| 92 | } | ||
| 93 | </script> | ||
| 94 | <style scoped lang="scss"> | ||
| 95 | @import "~@/styles/mixin.scss"; | ||
| 96 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 97 | .djbdisposition{ | ||
| 98 | width: 100%; | ||
| 99 | height: 700px; | ||
| 100 | .btn{ | ||
| 101 | margin-top: 20px; | ||
| 102 | // background-color: salmon; | ||
| 103 | |||
| 104 | } | ||
| 105 | /deep/.el-transfer{ | ||
| 106 | .el-transfer-panel{ | ||
| 107 | width: 400px; | ||
| 108 | height: 640px; | ||
| 109 | .el-transfer-panel__body .is-with-footer{ | ||
| 110 | height: 700px; | ||
| 111 | } | ||
| 112 | .el-transfer-panel__list.is-filterable{ | ||
| 113 | height: 570px; | ||
| 114 | } | ||
| 115 | } | ||
| 116 | } | ||
| 117 | } | ||
| 118 | </style> |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-04-11 13:53:12 | 4 | * @LastEditTime: 2023-04-11 13:53:12 |
| 5 | */ | 5 | */ |
| ... | @@ -61,10 +61,11 @@ class data extends filter { | ... | @@ -61,10 +61,11 @@ class data extends filter { |
| 61 | }, | 61 | }, |
| 62 | { | 62 | { |
| 63 | label: '操作', | 63 | label: '操作', |
| 64 | width: '80', | 64 | width: '160', |
| 65 | render: (h, scope) => { | 65 | render: (h, scope) => { |
| 66 | return ( | 66 | return ( |
| 67 | <div> | 67 | <div> |
| 68 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.djbdisposition(scope.row) }}>配置</el-button> | ||
| 68 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button> | 69 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button> |
| 69 | </div> | 70 | </div> |
| 70 | ) | 71 | ) | ... | ... |
| ... | @@ -88,6 +88,9 @@ | ... | @@ -88,6 +88,9 @@ |
| 88 | */ | 88 | */ |
| 89 | editClick (row) { | 89 | editClick (row) { |
| 90 | this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%') | 90 | this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%') |
| 91 | }, | ||
| 92 | djbdisposition(row){ | ||
| 93 | this.$popupDialog("配置登记簿打印字段", "system/qtjfjmb/components/djbdisposition", row, '60%') | ||
| 91 | } | 94 | } |
| 92 | } | 95 | } |
| 93 | } | 96 | } | ... | ... |
| ... | @@ -135,12 +135,12 @@ class data extends filter { | ... | @@ -135,12 +135,12 @@ class data extends filter { |
| 135 | }, | 135 | }, |
| 136 | { | 136 | { |
| 137 | label: '操作', | 137 | label: '操作', |
| 138 | width: '110', | 138 | width: '160', |
| 139 | align: 'center', | 139 | align: 'center', |
| 140 | render: (h, scope) => { | 140 | render: (h, scope) => { |
| 141 | return ( | 141 | return ( |
| 142 | <div> | 142 | <div> |
| 143 | <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> | 143 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> |
| 144 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 144 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> |
| 145 | </div> | 145 | </div> |
| 146 | ) | 146 | ) | ... | ... |
| ... | @@ -125,7 +125,7 @@ class data extends filter { | ... | @@ -125,7 +125,7 @@ class data extends filter { |
| 125 | }, | 125 | }, |
| 126 | { | 126 | { |
| 127 | label: '操作', | 127 | label: '操作', |
| 128 | width: '130', | 128 | width: '160', |
| 129 | fixed: 'right', | 129 | fixed: 'right', |
| 130 | render: (h, scope) => { | 130 | render: (h, scope) => { |
| 131 | return ( | 131 | return ( | ... | ... |
-
Please register or sign in to post a comment