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