Merge branch 'dev'
Showing
60 changed files
with
3855 additions
and
611 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, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-01 17:33:26 | 4 | * @LastEditTime: 2023-09-01 13:30:54 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -245,8 +245,6 @@ | ... | @@ -245,8 +245,6 @@ |
| 245 | this.isaddupdate = true; | 245 | this.isaddupdate = true; |
| 246 | } | 246 | } |
| 247 | }, | 247 | }, |
| 248 | |||
| 249 | // 删除 | ||
| 250 | /** | 248 | /** |
| 251 | * @description: 删除 | 249 | * @description: 删除 |
| 252 | * @param {*} index | 250 | * @param {*} index |
| ... | @@ -254,7 +252,8 @@ | ... | @@ -254,7 +252,8 @@ |
| 254 | * @author: renchao | 252 | * @author: renchao |
| 255 | */ | 253 | */ |
| 256 | deleClick (index, row) { | 254 | deleClick (index, row) { |
| 257 | this.tableData.splice(index, 1); | 255 | this.tableDataList.splice(index, 1); |
| 256 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
| 258 | }, | 257 | }, |
| 259 | 258 | ||
| 260 | // 身份证读取 | 259 | // 身份证读取 |
| ... | @@ -280,7 +279,7 @@ | ... | @@ -280,7 +279,7 @@ |
| 280 | * @author: renchao | 279 | * @author: renchao |
| 281 | */ | 280 | */ |
| 282 | editClick (index, row) { | 281 | editClick (index, row) { |
| 283 | this.details.gyfs=this.gyfs | 282 | this.details.gyfs = this.gyfs |
| 284 | this.dataIndex = index; | 283 | this.dataIndex = index; |
| 285 | this.details = row; | 284 | this.details = row; |
| 286 | this.dialog = true; | 285 | this.dialog = true; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-01 18:19:57 | 4 | * @LastEditTime: 2023-09-01 13:43:42 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -237,15 +237,15 @@ | ... | @@ -237,15 +237,15 @@ |
| 237 | * @author: renchao | 237 | * @author: renchao |
| 238 | */ | 238 | */ |
| 239 | addClick () { | 239 | addClick () { |
| 240 | if (this.gyfs == "0" && this.tableDataList.length > 0) { | 240 | // if (this.gyfs == "0" && this.tableDataList.length > 0) { |
| 241 | this.$message.warning("当前共有方式为单独所有，无法添加多个权利人"); | 241 | // this.$message.warning("当前共有方式为单独所有，无法添加多个权利人"); |
| 242 | } else { | 242 | // } else { |
| 243 | this.dialog = true; | 243 | // this.dialog = true; |
| 244 | this.isaddupdate = true; | 244 | // this.isaddupdate = true; |
| 245 | } | 245 | // } |
| 246 | this.dialog = true; | ||
| 247 | this.isaddupdate = true; | ||
| 246 | }, | 248 | }, |
| 247 | |||
| 248 | // 删除 | ||
| 249 | /** | 249 | /** |
| 250 | * @description: 删除 | 250 | * @description: 删除 |
| 251 | * @param {*} index | 251 | * @param {*} index |
| ... | @@ -253,7 +253,8 @@ | ... | @@ -253,7 +253,8 @@ |
| 253 | * @author: renchao | 253 | * @author: renchao |
| 254 | */ | 254 | */ |
| 255 | deleClick (index, row) { | 255 | deleClick (index, row) { |
| 256 | this.tableData.splice(index, 1); | 256 | this.tableDataList.splice(index, 1); |
| 257 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
| 257 | }, | 258 | }, |
| 258 | 259 | ||
| 259 | // 身份证读取 | 260 | // 身份证读取 |
| ... | @@ -271,7 +272,7 @@ | ... | @@ -271,7 +272,7 @@ |
| 271 | * @author: renchao | 272 | * @author: renchao |
| 272 | */ | 273 | */ |
| 273 | editClick (index, row) { | 274 | editClick (index, row) { |
| 274 | this.details.gyfs=this.gyfs | 275 | this.details.gyfs = this.gyfs |
| 275 | this.details = row; | 276 | this.details = row; |
| 276 | this.dataIndex = index; | 277 | this.dataIndex = index; |
| 277 | this.dialog = true; | 278 | this.dialog = true; | ... | ... |
| ... | @@ -9,17 +9,14 @@ | ... | @@ -9,17 +9,14 @@ |
| 9 | <el-form | 9 | <el-form |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{ readonly: editDisabled }" | 12 | v-Loading="loading" |
| 13 | class="loadingtext" | ||
| 14 | ref="ruleForm" | 13 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 15 | :inline="flag" |
| 17 | label-width="145px" | 16 | label-width="190px"> |
| 18 | inline-message | ||
| 19 | :show-message="false"> | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 19 | 申请业务信息 |
| 23 | <div class="triangle"></div> | 20 | <div class="triangle"></div> |
| 24 | </div> | 21 | </div> |
| 25 | <el-row :gutter="10"> | 22 | <el-row :gutter="10"> | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -46,6 +46,14 @@ export function getForm(tabName) { | ... | @@ -46,6 +46,14 @@ export function getForm(tabName) { |
| 46 | case "yydj": | 46 | case "yydj": |
| 47 | form = require("@/views/registerBook/yydj.vue"); | 47 | form = require("@/views/registerBook/yydj.vue"); |
| 48 | break; | 48 | break; |
| 49 | //林地使用权 | ||
| 50 | case "slxxlq": | ||
| 51 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue"); | ||
| 52 | break; | ||
| 53 | //森林林木使用权 | ||
| 54 | case "sllmslxx": | ||
| 55 | form = require("@/views/ywbl/slsqxx/sllmslxx"); | ||
| 56 | break; | ||
| 49 | case "slxxjsydsyq": | 57 | case "slxxjsydsyq": |
| 50 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); | 58 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); |
| 51 | break; | 59 | break; | ... | ... |
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 | } |
This diff is collapsed.
Click to expand it.
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; | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -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> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
| ... | @@ -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> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment