Merge branch 'dev'
Showing
44 changed files
with
1651 additions
and
318 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", | ... | ... |
src/api/xxba.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: 信息备案 | ||
| 3 | * @Autor: | ||
| 4 | * @LastEditTime: 2023-07-19 14:52:03 | ||
| 5 | */ | ||
| 6 | |||
| 7 | import request from '@/utils/request' | ||
| 8 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
| 9 | |||
| 10 | /** | ||
| 11 | * @description: 添加银行 | ||
| 12 | * @param {*} data | ||
| 13 | * @author: | ||
| 14 | */ | ||
| 15 | export function addYh (data) { | ||
| 16 | return request({ | ||
| 17 | url: SERVER.SERVERAPI + '/rest/sys/company/addYh', | ||
| 18 | method: 'post', | ||
| 19 | data | ||
| 20 | }) | ||
| 21 | } | ||
| 22 | /** | ||
| 23 | * @description: 添加企业 | ||
| 24 | * @param {*} data | ||
| 25 | * @author: | ||
| 26 | */ | ||
| 27 | export function addQy (data) { | ||
| 28 | return request({ | ||
| 29 | url: SERVER.SERVERAPI + '/rest/sys/company/addQy', | ||
| 30 | method: 'post', | ||
| 31 | data | ||
| 32 | }) | ||
| 33 | } | ||
| 34 | |||
| 35 | /** | ||
| 36 | * @description: 查询企业列表 | ||
| 37 | * @author: | ||
| 38 | * @param data | ||
| 39 | */ | ||
| 40 | export function queryQyByPage (data) { | ||
| 41 | return request({ | ||
| 42 | url: SERVER.SERVERAPI + '/rest/sys/company/queryQyByPage', | ||
| 43 | method: 'post', | ||
| 44 | data | ||
| 45 | }) | ||
| 46 | } | ||
| 47 | |||
| 48 | /** | ||
| 49 | * @description: 查询银行列表 | ||
| 50 | * @author: | ||
| 51 | * @param data | ||
| 52 | */ | ||
| 53 | export function queryYhByPage (data) { | ||
| 54 | return request({ | ||
| 55 | url: SERVER.SERVERAPI + '/rest/sys/company/queryYhByPage', | ||
| 56 | method: 'post', | ||
| 57 | data | ||
| 58 | }) | ||
| 59 | } | ||
| 60 |
| ... | @@ -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> |
This diff is collapsed.
Click to expand it.
| ... | @@ -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, |
| ... | @@ -141,11 +159,8 @@ export default { | ... | @@ -141,11 +159,8 @@ export default { |
| 141 | * @author: renchao | 159 | * @author: renchao |
| 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,27 +214,20 @@ export default { | ... | @@ -206,27 +214,20 @@ 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; |
| 226 | z-index: 10; | 227 | z-index: 10; |
| 227 | position: absolute; | 228 | position: absolute; |
| 228 | left: 11px; | 229 | left: 11px; |
| 229 | top: 5px; | 230 | top: 5px; |
| 230 | } | 231 | } |
| 231 | } | 232 | } |
| 232 | </style> | 233 | </style> | ... | ... |
| 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 { |
| 89 | return { | 92 | components: { |
| 93 | printTemplate, | ||
| 94 | }, | ||
| 95 | data() { | ||
| 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 { |
| 79 | return { | 82 | components: { |
| 83 | printTemplate, | ||
| 84 | }, | ||
| 85 | data() { | ||
| 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> | ... | ... |
This diff is collapsed.
Click to expand it.
| 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 { |
| 78 | return { | 81 | components: { |
| 82 | printTemplate, | ||
| 83 | }, | ||
| 84 | data() { | ||
| 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); |
| ... | @@ -447,8 +446,8 @@ | ... | @@ -447,8 +446,8 @@ |
| 447 | const maxWidth = 295; // 最大宽度限制 | 446 | const maxWidth = 295; // 最大宽度限制 |
| 448 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 447 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 449 | for (let i = 0; i < lines.length; i++) { | 448 | for (let i = 0; i < lines.length; i++) { |
| 450 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 449 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
| 451 | if (getByteLen(lines[i]) > 41) { | 450 | if (getByteLen(lines[i]) > 37) { |
| 452 | let currentLine = ''; | 451 | let currentLine = ''; |
| 453 | let arr = []; | 452 | let arr = []; |
| 454 | for (let word of lines[i]) { | 453 | for (let word of lines[i]) { |
| ... | @@ -464,27 +463,26 @@ | ... | @@ -464,27 +463,26 @@ |
| 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 |
| 484 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 482 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
| 485 | for (let i = 0; i < lines1.length; i++) { | 483 | for (let i = 0; i < lines1.length; i++) { |
| 486 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 484 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
| 487 | if (getByteLen(lines1[i]) > 41) { | 485 | if (getByteLen(lines1[i]) > 37) { |
| 488 | let currentLine = ''; | 486 | let currentLine = ''; |
| 489 | let arr = []; | 487 | let arr = []; |
| 490 | for (let word of lines1[i]) { | 488 | for (let word of lines1[i]) { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-06 15:20:16 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div> | 7 | <div class="slxx sdqxx"> |
| 3 | <div>自来水信息</div> | 8 | <el-form |
| 4 | <div>天然气信息</div> | 9 | :model="ruleForm" |
| 5 | <div>电力信息</div> | 10 | ref="ruleForm" |
| 11 | v-Loading="loading" | ||
| 12 | :label-position="flag ? 'top' : ''" | ||
| 13 | :inline="flag" | ||
| 14 | label-width="130px"> | ||
| 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
| 16 | <div class="slxx_title title-block"> | ||
| 17 | 电力信息 | ||
| 18 | <div class="triangle"></div> | ||
| 19 | </div> | ||
| 20 | <el-row :gutter="10"> | ||
| 21 | <el-col :span="8"> | ||
| 22 | <el-form-item label="服务代码:"> | ||
| 23 | <el-input v-model="ruleForm.serviceCode"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | <el-col :span="8"> | ||
| 27 | <el-form-item label="行政区划区县代码:"> | ||
| 28 | <el-input v-model="ruleForm.AREACODE"></el-input> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item label="登记系统业务号:"> | ||
| 33 | <el-input v-model="ruleForm.YWH"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | |||
| 38 | <el-row :gutter="10"> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item label="推送日期:"> | ||
| 41 | <el-input v-model="ruleForm.SENDTIME"></el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item label="原户主姓名:"> | ||
| 46 | <el-input v-model="ruleForm.MC_OLD"></el-input> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item label="原户主身份证号码:"> | ||
| 51 | <el-input v-model="ruleForm.ZJHM_OLD"></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | </el-row> | ||
| 55 | <el-row :gutter="10"> | ||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item label="原户主联系电话:"> | ||
| 58 | <el-input v-model="ruleForm.LXDH_OLD"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item label="新户主姓名:"> | ||
| 63 | <el-input v-model="ruleForm.MC_NEW"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item label="新户主身份证号码:"> | ||
| 68 | <el-input v-model="ruleForm.ZJHM_NEW"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row :gutter="10"> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item label="新户主联系电话:"> | ||
| 75 | <el-input v-model="ruleForm.LXDH_NEW"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item label="房产证编号:"> | ||
| 80 | <el-input v-model="ruleForm.FCZBH"></el-input> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="8"> | ||
| 84 | <el-form-item label="是否过户:"> | ||
| 85 | <el-switch | ||
| 86 | v-model="ruleForm.SFGH" | ||
| 87 | :active-value='1' | ||
| 88 | active-text="是" | ||
| 89 | :inactive-value="0" | ||
| 90 | inactive-text="否"> | ||
| 91 | </el-switch> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | |||
| 95 | </el-row> | ||
| 96 | <el-row :gutter="10"> | ||
| 97 | <el-col :span="24"> | ||
| 98 | <el-form-item label="房屋坐落(地址):"> | ||
| 99 | <el-input v-model="ruleForm.FWZL" type="textarea" | ||
| 100 | :rows="2"></el-input> | ||
| 101 | </el-form-item> | ||
| 102 | </el-col> | ||
| 103 | </el-row> | ||
| 104 | </div> | ||
| 105 | </el-form> | ||
| 6 | </div> | 106 | </div> |
| 7 | </template> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 107 | </template> | ||
| 108 | <script> | ||
| 109 | import { mapGetters } from "vuex"; | ||
| 110 | export default { | ||
| 111 | computed: { | ||
| 112 | ...mapGetters(["dictData", "flag"]), | ||
| 113 | }, | ||
| 114 | mounted () { | ||
| 115 | // this.loading = true | ||
| 116 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 117 | this.propsParam = this.$attrs; | ||
| 118 | var formdata = new FormData(); | ||
| 119 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 120 | formdata.append("djlx", this.propsParam.djlx); | ||
| 121 | formdata.append("isEdit", this.viewEdit); | ||
| 122 | // Init(formdata).then((res) => { | ||
| 123 | // if (res.code === 200 && res.result) { | ||
| 124 | // } | ||
| 125 | // }); | ||
| 126 | }, | ||
| 127 | data () { | ||
| 128 | return { | ||
| 129 | loading: false, | ||
| 130 | //表单是否可操作 | ||
| 131 | viewEdit: false, | ||
| 132 | ruleForm: { | ||
| 133 | SFGH: 1 | ||
| 134 | } | ||
| 135 | } | ||
| 136 | }, | ||
| 137 | methods: { | ||
| 138 | } | ||
| 139 | } | ||
| 140 | </script> | ||
| 141 | <style scoped lang="scss"> | ||
| 142 | @import "~@/styles/public.scss"; | ||
| 143 | @import "~@/styles/slxx/slxx.scss"; | ||
| 144 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-05 16:52:14 | 4 | * @LastEditTime: 2023-09-06 09:09:45 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="sfxx"> | 7 | <div class='sfxx'> |
| 8 | 8 | <div class="sfxx-left"> | |
| 9 | <div class="slxx_title title-block"> | ||
| 10 | 基本信息 | ||
| 11 | <div class="triangle"></div> | ||
| 12 | </div> | ||
| 13 | <ul> | ||
| 14 | <li> | ||
| 15 | <p>业务号</p> | ||
| 16 | <p>{{detail.ywh}}</p> | ||
| 17 | </li> | ||
| 18 | <li> | ||
| 19 | <p>申请登记类型</p> | ||
| 20 | <p>{{detail.sqdjlx}}</p> | ||
| 21 | </li> | ||
| 22 | <li> | ||
| 23 | <p>联系人</p> | ||
| 24 | <p>{{detail.lxr}}</p> | ||
| 25 | </li> | ||
| 26 | <li> | ||
| 27 | <p>联系人电话</p> | ||
| 28 | <p>{{detail.lxdh}}</p> | ||
| 29 | </li> | ||
| 30 | <li> | ||
| 31 | <p>缴费人</p> | ||
| 32 | <p><el-input v-model="detail.jfr"></el-input></p> | ||
| 33 | </li> | ||
| 34 | <li> | ||
| 35 | <p>缴费单号</p> | ||
| 36 | <p><el-input v-model="detail.jfdh"></el-input></p> | ||
| 37 | </li> | ||
| 38 | <li> | ||
| 39 | <p>应收金额</p> | ||
| 40 | <p style="color:red">{{detail.ysje}}元</p> | ||
| 41 | </li> | ||
| 42 | <li> | ||
| 43 | <p>实收金额</p> | ||
| 44 | <p><el-input v-model="detail.ssje"></el-input></p> | ||
| 45 | </li> | ||
| 46 | <li> | ||
| 47 | <p>备注</p> | ||
| 48 | <p><el-input v-model="detail.bz"></el-input></p> | ||
| 49 | </li> | ||
| 50 | </ul> | ||
| 51 | </div> | ||
| 52 | <div class="sfxx-right"> | ||
| 53 | <div class="slxx_title title-block"> | ||
| 54 | 收费明细 | ||
| 55 | <div class="triangle"></div> | ||
| 56 | </div> | ||
| 57 | <el-table :data="tableData.data" border :height="355"> | ||
| 58 | <el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | ||
| 59 | </el-table-column> | ||
| 60 | <el-table-column label="操作" width="50"> | ||
| 61 | <template slot-scope="scope"> | ||
| 62 | <el-button type="text">使用</el-button> | ||
| 63 | </template> | ||
| 64 | </el-table-column> | ||
| 65 | </el-table> | ||
| 66 | </div> | ||
| 9 | </div> | 67 | </div> |
| 10 | </template> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 68 | </template> | ||
| 69 | <script> | ||
| 70 | |||
| 71 | export default { | ||
| 72 | components: {}, | ||
| 73 | data () { | ||
| 74 | return { | ||
| 75 | detail: { | ||
| 76 | ywh: '', | ||
| 77 | sqdjlx: '', | ||
| 78 | lxr: '', | ||
| 79 | lxdh: '', | ||
| 80 | jfr: '', | ||
| 81 | jfdh: '', | ||
| 82 | ysje: '', | ||
| 83 | ssje: '', | ||
| 84 | bz: '' | ||
| 85 | }, | ||
| 86 | tableData: { | ||
| 87 | columns: [ | ||
| 88 | { | ||
| 89 | prop: "sfxmmc", | ||
| 90 | label: "收费项目名称", | ||
| 91 | }, | ||
| 92 | { | ||
| 93 | prop: "sl", | ||
| 94 | label: "数县", | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | prop: "je", | ||
| 98 | label: "金额(元)", | ||
| 99 | }, | ||
| 100 | { | ||
| 101 | label: '操作', | ||
| 102 | align: 'center', | ||
| 103 | render: (h, scope) => { | ||
| 104 | return ( | ||
| 105 | <div> | ||
| 106 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button> | ||
| 107 | </div> | ||
| 108 | ) | ||
| 109 | } | ||
| 110 | } | ||
| 111 | ], | ||
| 112 | data: [] | ||
| 113 | } | ||
| 114 | } | ||
| 115 | } | ||
| 116 | } | ||
| 117 | </script> | ||
| 118 | <style scoped lang='scss'> | ||
| 119 | @import "~@/styles/public.scss"; | ||
| 120 | .sfxx { | ||
| 121 | display: flex; | ||
| 122 | padding: 10px; | ||
| 123 | height: 100%; | ||
| 124 | box-sizing: border-box; | ||
| 125 | &-left { | ||
| 126 | width: 50%; | ||
| 127 | margin-right: 10px; | ||
| 128 | ul { | ||
| 129 | border-radius: 3px; | ||
| 130 | } | ||
| 131 | li:last-child { | ||
| 132 | border-bottom: 1px solid #e8e5e5; | ||
| 133 | } | ||
| 134 | li { | ||
| 135 | display: flex; | ||
| 136 | border: 1px solid #e8e5e5; | ||
| 137 | border-bottom: none; | ||
| 138 | |||
| 139 | p:nth-child(1) { | ||
| 140 | width: 35%; | ||
| 141 | text-align: center; | ||
| 142 | background-color: #fafafa; | ||
| 143 | border-right: 1px solid #e8e5e5; | ||
| 144 | padding: 10px 0; | ||
| 145 | } | ||
| 146 | p:nth-child(2) { | ||
| 147 | width: 65%; | ||
| 148 | display: flex; | ||
| 149 | align-items: center; | ||
| 150 | box-sizing: border-box; | ||
| 151 | margin: 0 10px; | ||
| 152 | } | ||
| 153 | } | ||
| 154 | } | ||
| 155 | &-right { | ||
| 156 | width: 50%; | ||
| 157 | margin-left: 10px; | ||
| 158 | } | ||
| 159 | } | ||
| 160 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <template> | ||
| 2 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | ||
| 3 | <el-row> | ||
| 4 | <el-col :span="12"> | ||
| 5 | <el-form-item label="企业名称:" prop="qymc"> | ||
| 6 | <el-input v-model="ruleForm.qymc"></el-input> | ||
| 7 | </el-form-item> | ||
| 8 | </el-col> | ||
| 9 | <el-col :span="12"> | ||
| 10 | <el-form-item label="电话:" prop="dh"> | ||
| 11 | <el-input v-model="ruleForm.dh"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | </el-row> | ||
| 15 | <el-row> | ||
| 16 | <el-col :span="12"> | ||
| 17 | <el-form-item label="证件种类:"> | ||
| 18 | <el-input v-model="ruleForm.zjzl"></el-input> | ||
| 19 | </el-form-item> | ||
| 20 | </el-col> | ||
| 21 | <el-col :span="12"> | ||
| 22 | <el-form-item label="证件号:" prop="zjh"> | ||
| 23 | <el-input v-model="ruleForm.zjh"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | |||
| 28 | <el-row> | ||
| 29 | <el-col :span="12"> | ||
| 30 | <el-form-item label="法人名称:" prop="frmc"> | ||
| 31 | <el-input v-model="ruleForm.frmc"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="12"> | ||
| 35 | <el-form-item label="法人电话:" prop="frdh"> | ||
| 36 | <el-input v-model="ruleForm.frdh"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <el-row> | ||
| 41 | <el-col :span="12"> | ||
| 42 | <el-form-item label="单位地址:"> | ||
| 43 | <el-input v-model="ruleForm.dwdz"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | <el-col :span="12"> | ||
| 47 | <el-form-item label="邮编:" prop="yb"> | ||
| 48 | <el-input v-model="ruleForm.yb"></el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | </el-row> | ||
| 52 | <el-form-item style="text-align:center"> | ||
| 53 | <el-button @click="closeDialog">取消</el-button> | ||
| 54 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 55 | </el-form-item> | ||
| 56 | </el-form> | ||
| 57 | </template> | ||
| 58 | |||
| 59 | <script> | ||
| 60 | import store from '@/store/index.js' | ||
| 61 | import { addQy } from "@/api/xxba.js" | ||
| 62 | export default { | ||
| 63 | props: { | ||
| 64 | formData: { | ||
| 65 | type: Object, | ||
| 66 | default: () => { }, | ||
| 67 | }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | DJJGLIST: store.getters.dictData['ywly'], | ||
| 72 | readOnly: false, | ||
| 73 | //表单提交数据 | ||
| 74 | ruleForm: { | ||
| 75 | batchno: '', | ||
| 76 | djjg: '', | ||
| 77 | operator: '超级管理员', | ||
| 78 | operationtime: '', | ||
| 79 | bz: '', | ||
| 80 | zsstarno: '', | ||
| 81 | zsendno: '', | ||
| 82 | zsnum: '', | ||
| 83 | zmstarno: '', | ||
| 84 | zmendno: '', | ||
| 85 | zmnum: '' | ||
| 86 | }, | ||
| 87 | //表格数据 | ||
| 88 | tableForm: [ | ||
| 89 | { | ||
| 90 | name: '不动产权证书', | ||
| 91 | ksysxlh: '', | ||
| 92 | jsysxlh: '', | ||
| 93 | bs: 0, | ||
| 94 | zslx: 1 | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | name: '不动产登记证明', | ||
| 98 | ksysxlh: '', | ||
| 99 | jsysxlh: '', | ||
| 100 | bs: 0, | ||
| 101 | zslx: 2 | ||
| 102 | } | ||
| 103 | ], | ||
| 104 | //证书入库业务号参数 | ||
| 105 | ywhQueryForm: { | ||
| 106 | serialtype: 'zsrkbh', | ||
| 107 | serialname: '证书入库编号', | ||
| 108 | serialcode: 'zsrk', | ||
| 109 | digit: '5' | ||
| 110 | }, | ||
| 111 | rules: { | ||
| 112 | batchNo: [ | ||
| 113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
| 114 | ], | ||
| 115 | djjg: [ | ||
| 116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
| 117 | ], | ||
| 118 | rksj: [ | ||
| 119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
| 120 | ], | ||
| 121 | }, | ||
| 122 | } | ||
| 123 | }, | ||
| 124 | mounted () { | ||
| 125 | if (this.formData.bsmBatch) { | ||
| 126 | this.tableForm[0].bs = null; | ||
| 127 | this.tableForm[1].bs = null; | ||
| 128 | this.getDetailInfo(this.formData.bsmBatch); | ||
| 129 | } else { } | ||
| 130 | }, | ||
| 131 | methods: { | ||
| 132 | /** | ||
| 133 | * @description: 表单提交 | ||
| 134 | * @author: renchao | ||
| 135 | */ | ||
| 136 | submitForm () { | ||
| 137 | this.tableForm.forEach((item, index) => { | ||
| 138 | if (item.bs < 0) { | ||
| 139 | return; | ||
| 140 | } | ||
| 141 | }) | ||
| 142 | addQy(this.ruleForm).then(res => { | ||
| 143 | if (res.code == 200) { | ||
| 144 | this.$message.success('保存成功') | ||
| 145 | this.$emit("input", false); | ||
| 146 | this.$refs['ruleForm'].resetFields(); | ||
| 147 | this.resetTableFields(); | ||
| 148 | this.closeDialog(); | ||
| 149 | //刷新列表 | ||
| 150 | store.dispatch('user/reWorkFresh', true) | ||
| 151 | } else { | ||
| 152 | this.$message.error(res.message); | ||
| 153 | } | ||
| 154 | }) | ||
| 155 | }, | ||
| 156 | /** | ||
| 157 | * @description: 获取详情信息 | ||
| 158 | * @param {*} bsmBatch | ||
| 159 | * @author: renchao | ||
| 160 | */ | ||
| 161 | getDetailInfo (bsmBatch) { | ||
| 162 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
| 163 | if (res.code == 200) { | ||
| 164 | this.ruleForm = res.result; | ||
| 165 | this.readOnly = false; | ||
| 166 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
| 167 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
| 168 | this.tableForm[0].bs = res.result.zsnum; | ||
| 169 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
| 170 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
| 171 | this.tableForm[1].bs = res.result.zmnum; | ||
| 172 | } | ||
| 173 | }) | ||
| 174 | }, | ||
| 175 | /** | ||
| 176 | * @description: 印刷序列号处理 | ||
| 177 | * @param {*} item | ||
| 178 | * @author: renchao | ||
| 179 | */ | ||
| 180 | ysxlhDeal (item) { | ||
| 181 | if (item.ksysxlh && item.jsysxlh) { | ||
| 182 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
| 183 | if (item.ksysxlh.length != 11) { | ||
| 184 | item.bs = -1; | ||
| 185 | return; | ||
| 186 | } | ||
| 187 | if (item.ksysxlh > item.jsysxlh) { | ||
| 188 | item.bs = -1; | ||
| 189 | return; | ||
| 190 | } | ||
| 191 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
| 192 | if (item.zslx == 1) { | ||
| 193 | this.ruleForm.zsstarno = item.ksysxlh; | ||
| 194 | this.ruleForm.zsendno = item.jsysxlh; | ||
| 195 | this.ruleForm.zsnum = item.bs | ||
| 196 | } else if (item.zslx == 2) { | ||
| 197 | this.ruleForm.zmstarno = item.ksysxlh; | ||
| 198 | this.ruleForm.zmendno = item.jsysxlh; | ||
| 199 | this.ruleForm.zmnum = item.bs | ||
| 200 | } | ||
| 201 | } else { | ||
| 202 | item.bs = -1; | ||
| 203 | } | ||
| 204 | } else { | ||
| 205 | item.bs = 0; | ||
| 206 | if (item.zslx == 1) { | ||
| 207 | this.ruleForm.zsstarno = ''; | ||
| 208 | this.ruleForm.zsendno = ''; | ||
| 209 | this.ruleForm.zsnum = item.bs | ||
| 210 | } else if (item.zslx == 2) { | ||
| 211 | this.ruleForm.zmstarno = ''; | ||
| 212 | this.ruleForm.zmendno = ''; | ||
| 213 | this.ruleForm.zmnum = item.bs | ||
| 214 | } | ||
| 215 | } | ||
| 216 | }, | ||
| 217 | /** | ||
| 218 | * @description: resetTableFields | ||
| 219 | * @author: renchao | ||
| 220 | */ | ||
| 221 | resetTableFields () { | ||
| 222 | this.tableForm = [ | ||
| 223 | { | ||
| 224 | name: '不动产权证书', | ||
| 225 | ksysxlh: '', | ||
| 226 | jsysxlh: '', | ||
| 227 | bs: 0, | ||
| 228 | zslx: 1 | ||
| 229 | }, | ||
| 230 | { | ||
| 231 | name: '不动产权登记证明', | ||
| 232 | ksysxlh: '', | ||
| 233 | jsysxlh: '', | ||
| 234 | bs: 0, | ||
| 235 | zslx: 2 | ||
| 236 | } | ||
| 237 | ] | ||
| 238 | }, | ||
| 239 | /** | ||
| 240 | * @description: closeDialog | ||
| 241 | * @author: renchao | ||
| 242 | */ | ||
| 243 | closeDialog () { | ||
| 244 | this.$popupCacel() | ||
| 245 | this.$refs['ruleForm'].resetFields(); | ||
| 246 | this.resetTableFields(); | ||
| 247 | } | ||
| 248 | } | ||
| 249 | } | ||
| 250 | </script> | ||
| 251 | <style scoped lang="scss"> | ||
| 252 | @import "~@/styles/mixin.scss"; | ||
| 253 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 254 | |||
| 255 | .font-red { | ||
| 256 | color: red; | ||
| 257 | } | ||
| 258 | |||
| 259 | .middle-margin-bottom { | ||
| 260 | margin-top: 20px; | ||
| 261 | } | ||
| 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 |
| ... | @@ -28,33 +28,15 @@ class data extends filter { | ... | @@ -28,33 +28,15 @@ class data extends filter { |
| 28 | } | 28 | } |
| 29 | }, | 29 | }, |
| 30 | { | 30 | { |
| 31 | prop: "sqrmc", | 31 | prop: "qymc", |
| 32 | label: "姓名/名称", | 32 | label: "名称", |
| 33 | }, | 33 | }, |
| 34 | { | 34 | { |
| 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", |
| ... | @@ -65,7 +47,7 @@ class data extends filter { | ... | @@ -65,7 +47,7 @@ class data extends filter { |
| 65 | label: "法人名称", | 47 | label: "法人名称", |
| 66 | }, | 48 | }, |
| 67 | { | 49 | { |
| 68 | prop: "txdz", | 50 | prop: "dwdz", |
| 69 | label: "地址", | 51 | label: "地址", |
| 70 | }, | 52 | }, |
| 71 | { | 53 | { |
| ... | @@ -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"> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="5"> | 12 | <el-col :span="5"> |
| 13 | <el-form-item label="姓名/名称"> | 13 | <el-form-item label="姓名/名称"> |
| 14 | <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100"> | 14 | <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| ... | @@ -24,12 +24,13 @@ | ... | @@ -24,12 +24,13 @@ |
| 24 | <el-col :span="14" class="btnColRight"> | 24 | <el-col :span="14" class="btnColRight"> |
| 25 | <el-form-item> | 25 | <el-form-item> |
| 26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
| 27 | <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button> | ||
| 27 | </el-form-item> | 28 | </el-form-item> |
| 28 | </el-col> | 29 | </el-col> |
| 29 | </el-row> | 30 | </el-row> |
| 30 | </el-form> | 31 | </el-form> |
| 31 | </div> | 32 | </div> |
| 32 | <div class="from-clues-content"> | 33 | <div class="from-clues-content loadingtext"> |
| 33 | <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" |
| 34 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
| 35 | :column="tableData.columns" :data="tableData.data"> | 36 | :column="tableData.columns" :data="tableData.data"> |
| ... | @@ -38,8 +39,10 @@ | ... | @@ -38,8 +39,10 @@ |
| 38 | </div> | 39 | </div> |
| 39 | </template> | 40 | </template> |
| 40 | <script> | 41 | <script> |
| 42 | import { mapGetters } from 'vuex' | ||
| 41 | import table from "@/utils/mixin/table" | 43 | import table from "@/utils/mixin/table" |
| 42 | import { datas, sendThis } from "./data" | 44 | import { datas, sendThis } from "./data" |
| 45 | import { queryQyByPage, addQy } from "@/api/xxba.js"; | ||
| 43 | export default { | 46 | export default { |
| 44 | name: "cwrz", | 47 | name: "cwrz", |
| 45 | components: {}, | 48 | components: {}, |
| ... | @@ -47,18 +50,26 @@ | ... | @@ -47,18 +50,26 @@ |
| 47 | mounted () { | 50 | mounted () { |
| 48 | sendThis(this); | 51 | sendThis(this); |
| 49 | }, | 52 | }, |
| 53 | activated () { | ||
| 54 | this.queryClick() | ||
| 55 | }, | ||
| 50 | 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 | } | ||
| 51 | }, | 66 | }, |
| 52 | data () { | 67 | data () { |
| 53 | return { | 68 | return { |
| 54 | queryForm: { | 69 | queryForm: { |
| 55 | sqrmc: "", | 70 | qymc: "", |
| 56 | zjh: "", | 71 | zjh: "", |
| 57 | }, | 72 | }, |
| 58 | pageData: { | ||
| 59 | current: 1, | ||
| 60 | size: 10, | ||
| 61 | }, | ||
| 62 | tableData: { | 73 | tableData: { |
| 63 | total: 0, | 74 | total: 0, |
| 64 | columns: datas.columns(), | 75 | columns: datas.columns(), |
| ... | @@ -69,12 +80,42 @@ | ... | @@ -69,12 +80,42 @@ |
| 69 | methods: { | 80 | methods: { |
| 70 | /** | 81 | /** |
| 71 | * @description: queryClick | 82 | * @description: queryClick |
| 72 | * @author: renchao | ||
| 73 | */ | 83 | */ |
| 74 | queryClick () { | 84 | queryClick () { |
| 85 | this.$startLoading(); | ||
| 86 | let data = { ...this.queryForm, ...this.pageData } | ||
| 87 | queryQyByPage(data).then((res) => { | ||
| 88 | this.$endLoading(); | ||
| 89 | if (res.code === 200) { | ||
| 90 | let { total, records } = res.result; | ||
| 91 | this.tableData.total = total; | ||
| 92 | this.tableData.data = records; | ||
| 93 | } | ||
| 94 | }) | ||
| 95 | }, | ||
| 96 | handleSearch () { | ||
| 97 | this.queryClick(); | ||
| 98 | }, | ||
| 99 | handleAdd () { | ||
| 100 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") | ||
| 75 | }, | 101 | }, |
| 76 | handleSearch () { }, | 102 | handleDelete () { |
| 77 | 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 | } | ||
| 78 | } | 119 | } |
| 79 | } | 120 | } |
| 80 | </script> | 121 | </script> | ... | ... |
| 1 | <template> | ||
| 2 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | ||
| 3 | <el-row> | ||
| 4 | <el-col :span="12"> | ||
| 5 | <el-form-item label="企业名称:" prop="qymc"> | ||
| 6 | <el-input v-model="ruleForm.qymc"></el-input> | ||
| 7 | </el-form-item> | ||
| 8 | </el-col> | ||
| 9 | <el-col :span="12"> | ||
| 10 | <el-form-item label="电话:" prop="dh"> | ||
| 11 | <el-input v-model="ruleForm.dh"></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | </el-row> | ||
| 15 | <el-row> | ||
| 16 | <el-col :span="12"> | ||
| 17 | <el-form-item label="证件种类:"> | ||
| 18 | <el-input v-model="ruleForm.zjzl"></el-input> | ||
| 19 | </el-form-item> | ||
| 20 | </el-col> | ||
| 21 | <el-col :span="12"> | ||
| 22 | <el-form-item label="证件号:" prop="zjh"> | ||
| 23 | <el-input v-model="ruleForm.zjh"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | |||
| 28 | <el-row> | ||
| 29 | <el-col :span="12"> | ||
| 30 | <el-form-item label="法人名称:" prop="frmc"> | ||
| 31 | <el-input v-model="ruleForm.frmc"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="12"> | ||
| 35 | <el-form-item label="法人电话:" prop="frdh"> | ||
| 36 | <el-input v-model="ruleForm.frdh"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <el-row> | ||
| 41 | <el-col :span="12"> | ||
| 42 | <el-form-item label="单位地址:"> | ||
| 43 | <el-input v-model="ruleForm.dwdz"></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | <el-col :span="12"> | ||
| 47 | <el-form-item label="邮编:" prop="yb"> | ||
| 48 | <el-input v-model="ruleForm.yb"></el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | </el-row> | ||
| 52 | <el-form-item style="text-align:center"> | ||
| 53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 54 | <el-button @click="closeDialog">取消</el-button> | ||
| 55 | </el-form-item> | ||
| 56 | </el-form> | ||
| 57 | </template> | ||
| 58 | |||
| 59 | <script> | ||
| 60 | import store from '@/store/index.js' | ||
| 61 | import { addYh } from "@/api/xxba.js" | ||
| 62 | export default { | ||
| 63 | props: { | ||
| 64 | formData: { | ||
| 65 | type: Object, | ||
| 66 | default: () => { }, | ||
| 67 | }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | DJJGLIST: store.getters.dictData['ywly'], | ||
| 72 | readOnly: false, | ||
| 73 | //表单提交数据 | ||
| 74 | ruleForm: { | ||
| 75 | batchno: '', | ||
| 76 | djjg: '', | ||
| 77 | operator: '超级管理员', | ||
| 78 | operationtime: '', | ||
| 79 | bz: '', | ||
| 80 | zsstarno: '', | ||
| 81 | zsendno: '', | ||
| 82 | zsnum: '', | ||
| 83 | zmstarno: '', | ||
| 84 | zmendno: '', | ||
| 85 | zmnum: '' | ||
| 86 | }, | ||
| 87 | //表格数据 | ||
| 88 | tableForm: [ | ||
| 89 | { | ||
| 90 | name: '不动产权证书', | ||
| 91 | ksysxlh: '', | ||
| 92 | jsysxlh: '', | ||
| 93 | bs: 0, | ||
| 94 | zslx: 1 | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | name: '不动产登记证明', | ||
| 98 | ksysxlh: '', | ||
| 99 | jsysxlh: '', | ||
| 100 | bs: 0, | ||
| 101 | zslx: 2 | ||
| 102 | } | ||
| 103 | ], | ||
| 104 | //证书入库业务号参数 | ||
| 105 | ywhQueryForm: { | ||
| 106 | serialtype: 'zsrkbh', | ||
| 107 | serialname: '证书入库编号', | ||
| 108 | serialcode: 'zsrk', | ||
| 109 | digit: '5' | ||
| 110 | }, | ||
| 111 | rules: { | ||
| 112 | batchNo: [ | ||
| 113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
| 114 | ], | ||
| 115 | djjg: [ | ||
| 116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
| 117 | ], | ||
| 118 | rksj: [ | ||
| 119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
| 120 | ], | ||
| 121 | }, | ||
| 122 | } | ||
| 123 | }, | ||
| 124 | mounted () { | ||
| 125 | if (this.formData.bsmBatch) { | ||
| 126 | this.tableForm[0].bs = null; | ||
| 127 | this.tableForm[1].bs = null; | ||
| 128 | this.getDetailInfo(this.formData.bsmBatch); | ||
| 129 | } | ||
| 130 | }, | ||
| 131 | methods: { | ||
| 132 | /** | ||
| 133 | * @description: 表单提交 | ||
| 134 | * @author: renchao | ||
| 135 | */ | ||
| 136 | submitForm () { | ||
| 137 | this.tableForm.forEach((item, index) => { | ||
| 138 | if (item.bs < 0) { | ||
| 139 | return; | ||
| 140 | } | ||
| 141 | }) | ||
| 142 | addYh(this.ruleForm).then(res => { | ||
| 143 | if (res.code == 200) { | ||
| 144 | this.$message.success('保存成功') | ||
| 145 | this.$emit("input", false); | ||
| 146 | this.$refs['ruleForm'].resetFields(); | ||
| 147 | this.resetTableFields(); | ||
| 148 | this.closeDialog(); | ||
| 149 | //刷新列表 | ||
| 150 | store.dispatch('user/reWorkFresh', true) | ||
| 151 | } else { | ||
| 152 | this.$message.error(res.message); | ||
| 153 | } | ||
| 154 | }) | ||
| 155 | }, | ||
| 156 | /** | ||
| 157 | * @description: 获取详情信息 | ||
| 158 | * @param {*} bsmBatch | ||
| 159 | * @author: renchao | ||
| 160 | */ | ||
| 161 | getDetailInfo (bsmBatch) { | ||
| 162 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
| 163 | if (res.code == 200) { | ||
| 164 | this.ruleForm = res.result; | ||
| 165 | this.readOnly = false; | ||
| 166 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
| 167 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
| 168 | this.tableForm[0].bs = res.result.zsnum; | ||
| 169 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
| 170 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
| 171 | this.tableForm[1].bs = res.result.zmnum; | ||
| 172 | } | ||
| 173 | }) | ||
| 174 | }, | ||
| 175 | /** | ||
| 176 | * @description: 印刷序列号处理 | ||
| 177 | * @param {*} item | ||
| 178 | * @author: renchao | ||
| 179 | */ | ||
| 180 | ysxlhDeal (item) { | ||
| 181 | if (item.ksysxlh && item.jsysxlh) { | ||
| 182 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
| 183 | if (item.ksysxlh.length != 11) { | ||
| 184 | item.bs = -1; | ||
| 185 | return; | ||
| 186 | } | ||
| 187 | if (item.ksysxlh > item.jsysxlh) { | ||
| 188 | item.bs = -1; | ||
| 189 | return; | ||
| 190 | } | ||
| 191 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
| 192 | if (item.zslx == 1) { | ||
| 193 | this.ruleForm.zsstarno = item.ksysxlh; | ||
| 194 | this.ruleForm.zsendno = item.jsysxlh; | ||
| 195 | this.ruleForm.zsnum = item.bs | ||
| 196 | } else if (item.zslx == 2) { | ||
| 197 | this.ruleForm.zmstarno = item.ksysxlh; | ||
| 198 | this.ruleForm.zmendno = item.jsysxlh; | ||
| 199 | this.ruleForm.zmnum = item.bs | ||
| 200 | } | ||
| 201 | } else { | ||
| 202 | item.bs = -1; | ||
| 203 | } | ||
| 204 | } else { | ||
| 205 | item.bs = 0; | ||
| 206 | if (item.zslx == 1) { | ||
| 207 | this.ruleForm.zsstarno = ''; | ||
| 208 | this.ruleForm.zsendno = ''; | ||
| 209 | this.ruleForm.zsnum = item.bs | ||
| 210 | } else if (item.zslx == 2) { | ||
| 211 | this.ruleForm.zmstarno = ''; | ||
| 212 | this.ruleForm.zmendno = ''; | ||
| 213 | this.ruleForm.zmnum = item.bs | ||
| 214 | } | ||
| 215 | } | ||
| 216 | }, | ||
| 217 | /** | ||
| 218 | * @description: resetTableFields | ||
| 219 | * @author: renchao | ||
| 220 | */ | ||
| 221 | resetTableFields () { | ||
| 222 | this.tableForm = [ | ||
| 223 | { | ||
| 224 | name: '不动产权证书', | ||
| 225 | ksysxlh: '', | ||
| 226 | jsysxlh: '', | ||
| 227 | bs: 0, | ||
| 228 | zslx: 1 | ||
| 229 | }, | ||
| 230 | { | ||
| 231 | name: '不动产权登记证明', | ||
| 232 | ksysxlh: '', | ||
| 233 | jsysxlh: '', | ||
| 234 | bs: 0, | ||
| 235 | zslx: 2 | ||
| 236 | } | ||
| 237 | ] | ||
| 238 | }, | ||
| 239 | /** | ||
| 240 | * @description: closeDialog | ||
| 241 | * @author: renchao | ||
| 242 | */ | ||
| 243 | closeDialog () { | ||
| 244 | this.$popupCacel() | ||
| 245 | this.$refs['ruleForm'].resetFields(); | ||
| 246 | this.resetTableFields(); | ||
| 247 | } | ||
| 248 | } | ||
| 249 | } | ||
| 250 | </script> | ||
| 251 | <style scoped lang="scss"> | ||
| 252 | @import "~@/styles/mixin.scss"; | ||
| 253 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 254 | |||
| 255 | .font-red { | ||
| 256 | color: red; | ||
| 257 | } | ||
| 258 | |||
| 259 | .middle-margin-bottom { | ||
| 260 | margin-top: 20px; | ||
| 261 | } | ||
| 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 |
| ... | @@ -28,33 +28,15 @@ class data extends filter { | ... | @@ -28,33 +28,15 @@ class data extends filter { |
| 28 | } | 28 | } |
| 29 | }, | 29 | }, |
| 30 | { | 30 | { |
| 31 | prop: "sqrmc", | 31 | prop: "qymc", |
| 32 | label: "姓名/名称", | 32 | label: "名称", |
| 33 | }, | 33 | }, |
| 34 | { | 34 | { |
| 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", |
| ... | @@ -65,7 +47,7 @@ class data extends filter { | ... | @@ -65,7 +47,7 @@ class data extends filter { |
| 65 | label: "法人名称", | 47 | label: "法人名称", |
| 66 | }, | 48 | }, |
| 67 | { | 49 | { |
| 68 | prop: "txdz", | 50 | prop: "dwdz", |
| 69 | label: "地址", | 51 | label: "地址", |
| 70 | }, | 52 | }, |
| 71 | { | 53 | { |
| ... | @@ -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-04 16:59:15 | 4 | * @LastEditTime: 2023-09-06 16:08:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="5"> | 12 | <el-col :span="5"> |
| 13 | <el-form-item label="姓名/名称"> | 13 | <el-form-item label="姓名/名称"> |
| 14 | <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100"> | 14 | <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| ... | @@ -24,12 +24,13 @@ | ... | @@ -24,12 +24,13 @@ |
| 24 | <el-col :span="14" class="btnColRight"> | 24 | <el-col :span="14" class="btnColRight"> |
| 25 | <el-form-item> | 25 | <el-form-item> |
| 26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
| 27 | <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button> | ||
| 27 | </el-form-item> | 28 | </el-form-item> |
| 28 | </el-col> | 29 | </el-col> |
| 29 | </el-row> | 30 | </el-row> |
| 30 | </el-form> | 31 | </el-form> |
| 31 | </div> | 32 | </div> |
| 32 | <div class="from-clues-content"> | 33 | <div class="from-clues-content loadingtext"> |
| 33 | <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" |
| 34 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
| 35 | :column="tableData.columns" :data="tableData.data"> | 36 | :column="tableData.columns" :data="tableData.data"> |
| ... | @@ -38,8 +39,10 @@ | ... | @@ -38,8 +39,10 @@ |
| 38 | </div> | 39 | </div> |
| 39 | </template> | 40 | </template> |
| 40 | <script> | 41 | <script> |
| 42 | import { mapGetters } from 'vuex' | ||
| 41 | import table from "@/utils/mixin/table" | 43 | import table from "@/utils/mixin/table" |
| 42 | import { datas, sendThis } from "./data" | 44 | import { datas, sendThis } from "./data" |
| 45 | import { queryYhByPage, addYh } from "@/api/xxba.js"; | ||
| 43 | export default { | 46 | export default { |
| 44 | name: "cwrz", | 47 | name: "cwrz", |
| 45 | components: {}, | 48 | components: {}, |
| ... | @@ -47,18 +50,26 @@ | ... | @@ -47,18 +50,26 @@ |
| 47 | mounted () { | 50 | mounted () { |
| 48 | sendThis(this); | 51 | sendThis(this); |
| 49 | }, | 52 | }, |
| 53 | activated () { | ||
| 54 | this.queryClick() | ||
| 55 | }, | ||
| 50 | 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 | } | ||
| 51 | }, | 66 | }, |
| 52 | data () { | 67 | data () { |
| 53 | return { | 68 | return { |
| 54 | queryForm: { | 69 | queryForm: { |
| 55 | sqrmc: "", | 70 | qymc: "", |
| 56 | zjh: "", | 71 | zjh: "", |
| 57 | }, | 72 | }, |
| 58 | pageData: { | ||
| 59 | current: 1, | ||
| 60 | size: 10, | ||
| 61 | }, | ||
| 62 | tableData: { | 73 | tableData: { |
| 63 | total: 0, | 74 | total: 0, |
| 64 | columns: datas.columns(), | 75 | columns: datas.columns(), |
| ... | @@ -69,12 +80,42 @@ | ... | @@ -69,12 +80,42 @@ |
| 69 | methods: { | 80 | methods: { |
| 70 | /** | 81 | /** |
| 71 | * @description: queryClick | 82 | * @description: queryClick |
| 72 | * @author: renchao | ||
| 73 | */ | 83 | */ |
| 74 | queryClick () { | 84 | queryClick () { |
| 85 | this.$startLoading(); | ||
| 86 | let data = { ...this.queryForm, ...this.pageData } | ||
| 87 | queryYhByPage(data).then((res) => { | ||
| 88 | this.$endLoading(); | ||
| 89 | if (res.code === 200) { | ||
| 90 | let { total, records } = res.result; | ||
| 91 | this.tableData.total = total; | ||
| 92 | this.tableData.data = records; | ||
| 93 | } | ||
| 94 | }); | ||
| 95 | }, | ||
| 96 | handleSearch () { | ||
| 97 | this.queryClick(); | ||
| 98 | }, | ||
| 99 | handleAdd () { | ||
| 100 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") | ||
| 75 | }, | 101 | }, |
| 76 | handleSearch () { }, | 102 | handleDelete () { |
| 77 | 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 | } | ||
| 78 | } | 119 | } |
| 79 | } | 120 | } |
| 80 | </script> | 121 | </script> | ... | ... |
src/views/ywbl/ycsl/ycsl.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Author: yangwei | ||
| 3 | * @Date: 2023-09-06 09:20:11 | ||
| 4 | * @LastEditors: yangwei | ||
| 5 | * @LastEditTime: 2023-09-06 09:20:44 | ||
| 6 | * @FilePath: \bdcdj-web\src\views\ywbl\ycsl\ycsl.vue | ||
| 7 | * @Description: | ||
| 8 | * | ||
| 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
| 10 | --> | ||
| 11 | <template> | ||
| 12 | <div></div> | ||
| 13 | </template> | ||
| 14 | |||
| 15 | <script> | ||
| 16 | export default { | ||
| 17 | name: "BdcdjWebYcsl", | ||
| 18 | |||
| 19 | data() { | ||
| 20 | return {}; | ||
| 21 | }, | ||
| 22 | |||
| 23 | mounted() {}, | ||
| 24 | |||
| 25 | methods: {}, | ||
| 26 | }; | ||
| 27 | </script> | ||
| 28 | |||
| 29 | <style lang="scss" scoped></style> |
src/views/ywbl/ydsq/ydsq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Author: yangwei | ||
| 3 | * @Date: 2023-09-06 09:19:56 | ||
| 4 | * @LastEditors: yangwei | ||
| 5 | * @LastEditTime: 2023-09-06 09:20:51 | ||
| 6 | * @FilePath: \bdcdj-web\src\views\ywbl\ydsq\ydsq.vue | ||
| 7 | * @Description: | ||
| 8 | * | ||
| 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
| 10 | --> | ||
| 11 | <template> | ||
| 12 | <div></div> | ||
| 13 | </template> | ||
| 14 | |||
| 15 | <script> | ||
| 16 | export default { | ||
| 17 | name: "BdcdjWebYcsl", | ||
| 18 | |||
| 19 | data() { | ||
| 20 | return {}; | ||
| 21 | }, | ||
| 22 | |||
| 23 | mounted() {}, | ||
| 24 | |||
| 25 | methods: {}, | ||
| 26 | }; | ||
| 27 | </script> | ||
| 28 | |||
| 29 | <style lang="scss" scoped></style> |
This diff is collapsed.
Click to expand it.
| ... | @@ -59,7 +59,7 @@ | ... | @@ -59,7 +59,7 @@ |
| 59 | import { datas, sendThis } from "../javascript/selectFwsyq.js"; | 59 | import { datas, sendThis } from "../javascript/selectFwsyq.js"; |
| 60 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 60 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 61 | import { selectFwsyq } from "@/api/ywsq.js"; | 61 | import { selectFwsyq } from "@/api/ywsq.js"; |
| 62 | import { startBusinessFlow } from "@/api/workFlow.js"; | 62 | import { startBusinessFlow,startTogetherFlow } from "@/api/workFlow.js"; |
| 63 | export default { | 63 | export default { |
| 64 | mixins: [table, jump], | 64 | mixins: [table, jump], |
| 65 | props: { | 65 | props: { |
| ... | @@ -107,8 +107,37 @@ | ... | @@ -107,8 +107,37 @@ |
| 107 | this.$message.error("请至少选择一条数据"); | 107 | this.$message.error("请至少选择一条数据"); |
| 108 | return; | 108 | return; |
| 109 | } | 109 | } |
| 110 | this.loading = true | 110 | this.loading = true; |
| 111 | startBusinessFlow({ | 111 | if(this.sqywInfo.sqfl=='1'){ |
| 112 | startBusinessFlow({ | ||
| 113 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
| 114 | bdcdysz: this.bdcdysz, | ||
| 115 | }).then((res) => { | ||
| 116 | this.loading = false | ||
| 117 | if (res.code == 200) { | ||
| 118 | this.$message({ | ||
| 119 | showClose: true, | ||
| 120 | message: "发起申请成功", | ||
| 121 | type: "success", | ||
| 122 | }); | ||
| 123 | if (!this.isJump) { | ||
| 124 | this.jump(res.result, this.sqywInfo.djywbm); | ||
| 125 | } else { | ||
| 126 | store.dispatch('user/refreshPage', true); | ||
| 127 | } | ||
| 128 | this.$popupCacel() | ||
| 129 | } else { | ||
| 130 | if (res.result && res.result.length > 0) { | ||
| 131 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
| 132 | } else { | ||
| 133 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
| 134 | } | ||
| 135 | } | ||
| 136 | }).catch(() => { | ||
| 137 | this.loading = false | ||
| 138 | }) | ||
| 139 | }else{ | ||
| 140 | startTogetherFlow({ | ||
| 112 | bsmSqyw: this.sqywInfo.bsmSqyw, | 141 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 113 | bdcdysz: this.bdcdysz, | 142 | bdcdysz: this.bdcdysz, |
| 114 | }).then((res) => { | 143 | }).then((res) => { |
| ... | @@ -116,15 +145,15 @@ | ... | @@ -116,15 +145,15 @@ |
| 116 | if (res.code == 200) { | 145 | if (res.code == 200) { |
| 117 | this.$message({ | 146 | this.$message({ |
| 118 | showClose: true, | 147 | showClose: true, |
| 119 | message: "发起申请成功", | 148 | message: '发起申请成功', |
| 120 | type: "success", | 149 | type: 'success' |
| 121 | }); | 150 | }) |
| 122 | if (!this.isJump) { | 151 | if (!this.isJump) { |
| 123 | this.jump(res.result, this.sqywInfo.djywbm); | 152 | this.jump(res.result, this.sqywInfo.djywbm) |
| 124 | } else { | 153 | } else { |
| 125 | store.dispatch('user/refreshPage', true); | 154 | store.dispatch('user/refreshPage', true); |
| 155 | this.$popupCacel() | ||
| 126 | } | 156 | } |
| 127 | this.$popupCacel() | ||
| 128 | } else { | 157 | } else { |
| 129 | if (res.result && res.result.length > 0) { | 158 | if (res.result && res.result.length > 0) { |
| 130 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | 159 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) |
| ... | @@ -135,6 +164,8 @@ | ... | @@ -135,6 +164,8 @@ |
| 135 | }).catch(() => { | 164 | }).catch(() => { |
| 136 | this.loading = false | 165 | this.loading = false |
| 137 | }) | 166 | }) |
| 167 | } | ||
| 168 | |||
| 138 | }, | 169 | }, |
| 139 | /** | 170 | /** |
| 140 | * @description: handleSelectionChange | 171 | * @description: handleSelectionChange | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -68,6 +68,7 @@ | ... | @@ -68,6 +68,7 @@ |
| 68 | }, | 68 | }, |
| 69 | data () { | 69 | data () { |
| 70 | return { | 70 | return { |
| 71 | loading: false, | ||
| 71 | queryForm: defaultParameters.defaultParameters(), | 72 | queryForm: defaultParameters.defaultParameters(), |
| 72 | tableData: { | 73 | tableData: { |
| 73 | total: 0, | 74 | total: 0, |
| ... | @@ -106,10 +107,12 @@ | ... | @@ -106,10 +107,12 @@ |
| 106 | this.$message.error("请至少选择一条数据"); | 107 | this.$message.error("请至少选择一条数据"); |
| 107 | return; | 108 | return; |
| 108 | } | 109 | } |
| 110 | this.loading = true | ||
| 109 | startTogetherFlow({ | 111 | startTogetherFlow({ |
| 110 | bsmSqyw: this.sqywInfo.bsmSqyw, | 112 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 111 | bdcdysz: this.bdcdysz, | 113 | bdcdysz: this.bdcdysz, |
| 112 | }).then((res) => { | 114 | }).then((res) => { |
| 115 | this.loading = false | ||
| 113 | if (res.code == 200) { | 116 | if (res.code == 200) { |
| 114 | this.$message({ | 117 | this.$message({ |
| 115 | showClose: true, | 118 | showClose: true, | ... | ... |
| ... | @@ -32,7 +32,7 @@ | ... | @@ -32,7 +32,7 @@ |
| 32 | <div v-if="selectType == 'together'" class="right-situation el-card"> | 32 | <div v-if="selectType == 'together'" class="right-situation el-card"> |
| 33 | <div class="right-title">一并申请</div> | 33 | <div class="right-title">一并申请</div> |
| 34 | <ul> | 34 | <ul> |
| 35 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index" | 35 | <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :tag="item.selected" :key="index" |
| 36 | @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)"> | 36 | @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)"> |
| 37 | <dt>{{ item.nodename }}</dt> | 37 | <dt>{{ item.nodename }}</dt> |
| 38 | <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)"> | 38 | <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)"> |
| ... | @@ -189,7 +189,7 @@ | ... | @@ -189,7 +189,7 @@ |
| 189 | */ | 189 | */ |
| 190 | selectSqywClick (data, index) { | 190 | selectSqywClick (data, index) { |
| 191 | data.forEach(item => { | 191 | data.forEach(item => { |
| 192 | item.selected = false; | 192 | this.$set(item, "selected", false) |
| 193 | }); | 193 | }); |
| 194 | data[index].selected = true; | 194 | data[index].selected = true; |
| 195 | if (data[index].sffqlc == "1") { | 195 | if (data[index].sffqlc == "1") { | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-07 09:50:26 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | label: '序号', | ||
| 20 | type: 'index', | ||
| 21 | width: '50', | ||
| 22 | render: (h, scope) => { | ||
| 23 | return ( | ||
| 24 | <div> | ||
| 25 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
| 26 | </div> | ||
| 27 | ) | ||
| 28 | } | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | prop: "status", | ||
| 32 | label: "状态", | ||
| 33 | minWidth: '120', | ||
| 34 | render: (h, scope) => { | ||
| 35 | return ( | ||
| 36 | <div> | ||
| 37 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | ||
| 38 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | ||
| 39 | </div> | ||
| 40 | ) | ||
| 41 | } | ||
| 42 | }, | ||
| 43 | { | ||
| 44 | label: "不动产证明号", | ||
| 45 | width: '150', | ||
| 46 | render: (h, scope) => { | ||
| 47 | return ( | ||
| 48 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width"> | ||
| 49 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 50 | </el-tooltip> | ||
| 51 | ) | ||
| 52 | } | ||
| 53 | }, | ||
| 54 | { | ||
| 55 | prop: "bdcdyh", | ||
| 56 | label: "不动产单元号", | ||
| 57 | minWidth: '150' | ||
| 58 | }, | ||
| 59 | { | ||
| 60 | prop: "dyfs", | ||
| 61 | label: "抵押方式", | ||
| 62 | render: (h, scope) => { | ||
| 63 | switch (scope.row.dyfs) { | ||
| 64 | case '1': | ||
| 65 | return <span>一般抵押</span> | ||
| 66 | case '2': | ||
| 67 | return <span>最高额抵押</span> | ||
| 68 | } | ||
| 69 | } | ||
| 70 | }, | ||
| 71 | { | ||
| 72 | label: "抵押权人", | ||
| 73 | minWidth: '130', | ||
| 74 | render: (h, scope) => { | ||
| 75 | return ( | ||
| 76 | <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width "> | ||
| 77 | <span class="ellipsis-table"> {scope.row.qlrmc}</span> | ||
| 78 | </el-tooltip> | ||
| 79 | ) | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | { | ||
| 83 | label: "抵押权人证件号", | ||
| 84 | minWidth: '130', | ||
| 85 | render: (h, scope) => { | ||
| 86 | return ( | ||
| 87 | <el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width "> | ||
| 88 | <span class="ellipsis-table"> {scope.row.qlrzjhm}</span> | ||
| 89 | </el-tooltip> | ||
| 90 | ) | ||
| 91 | } | ||
| 92 | }, | ||
| 93 | { | ||
| 94 | prop: "ywrmc", | ||
| 95 | label: "抵押人", | ||
| 96 | }, | ||
| 97 | { | ||
| 98 | label: "抵押人证件号", | ||
| 99 | minWidth: '130', | ||
| 100 | render: (h, scope) => { | ||
| 101 | return ( | ||
| 102 | <el-tooltip effect="dark" content={scope.row.ywrzjhm} placement="top" popper-class="tooltip-width "> | ||
| 103 | <span class="ellipsis-table"> {scope.row.ywrzjhm}</span> | ||
| 104 | </el-tooltip> | ||
| 105 | ) | ||
| 106 | } | ||
| 107 | }, | ||
| 108 | { | ||
| 109 | prop: "dyje", | ||
| 110 | label: "抵押金额(万元)", | ||
| 111 | }, | ||
| 112 | { | ||
| 113 | prop: "dymj", | ||
| 114 | label: "抵押面积", | ||
| 115 | }, | ||
| 116 | { | ||
| 117 | prop: "dyqx", | ||
| 118 | label: "债务履行期限", | ||
| 119 | }, | ||
| 120 | { | ||
| 121 | label: "坐落", | ||
| 122 | minWidth: '130', | ||
| 123 | render: (h, scope) => { | ||
| 124 | return ( | ||
| 125 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 126 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 127 | </el-tooltip> | ||
| 128 | ) | ||
| 129 | } | ||
| 130 | }, | ||
| 131 | { | ||
| 132 | label: '操作', | ||
| 133 | width: '100', | ||
| 134 | render: (h, scope) => { | ||
| 135 | return ( | ||
| 136 | <div> | ||
| 137 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button> | ||
| 138 | </div> | ||
| 139 | ) | ||
| 140 | } | ||
| 141 | } | ||
| 142 | ] | ||
| 143 | } | ||
| 144 | } | ||
| 145 | let datas = new data() | ||
| 146 | export { | ||
| 147 | datas, | ||
| 148 | sendThis | ||
| 149 | } |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-29 13:09:45 | 4 | * @LastEditTime: 2023-09-06 17:03:59 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -130,21 +130,12 @@ class datatwo extends filter { | ... | @@ -130,21 +130,12 @@ class datatwo extends filter { |
| 130 | }, | 130 | }, |
| 131 | { | 131 | { |
| 132 | label: "状态", | 132 | label: "状态", |
| 133 | width: '130', | ||
| 133 | render: (h, scope) => { | 134 | render: (h, scope) => { |
| 134 | return ( | 135 | return ( |
| 135 | <div> | 136 | <div> |
| 136 | {/* <a v-on:click="doSomething"></a> */} | 137 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
| 137 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 138 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
| 138 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
| 139 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 140 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 141 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
| 142 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
| 143 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
| 144 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
| 145 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
| 146 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
| 147 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
| 148 | </div> | 139 | </div> |
| 149 | ) | 140 | ) |
| 150 | } | 141 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 17:00:15 | 4 | * @LastEditTime: 2023-09-07 10:04:33 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -87,11 +87,11 @@ class data extends filter { | ... | @@ -87,11 +87,11 @@ class data extends filter { |
| 87 | { | 87 | { |
| 88 | prop: "fwjgmc", | 88 | prop: "fwjgmc", |
| 89 | label: "房屋结构", | 89 | label: "房屋结构", |
| 90 | }, | 90 | }, |
| 91 | { | 91 | { |
| 92 | prop: "jzmj", | 92 | prop: "jzmj", |
| 93 | label: "房屋面积(㎡)", | 93 | label: "房屋面积(㎡)", |
| 94 | }, | 94 | }, |
| 95 | { | 95 | { |
| 96 | prop: "zl", | 96 | prop: "zl", |
| 97 | label: "坐落", | 97 | label: "坐落", | ... | ... |
| ... | @@ -92,13 +92,17 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -92,13 +92,17 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 92 | case "C40100": //一并申请首次 | 92 | case "C40100": //一并申请首次 |
| 93 | vm = "selectYbsc"; | 93 | vm = "selectYbsc"; |
| 94 | break; | 94 | break; |
| 95 | // case "C40300": //一并申请变更 | 95 | case "C40300": //一并申请变更 |
| 96 | // case "C40400": //一并申请注销 | 96 | case "C40400": //一并申请注销 |
| 97 | // vm = "selectYbbg"; | 97 | // vm = "selectYbbg"; |
| 98 | // break; | 98 | vm = "selectYbbgSplitMerge" |
| 99 | //case "C04372": //一并国有房屋变更 | 99 | break; |
| 100 | case "C04371": //一并国有房屋转移 | 100 | case "C04371": //一并国有房屋转移 |
| 101 | vm = "selectYbgybg"; | 101 | vm = "selectFwsyq"; |
| 102 | break; | ||
| 103 | case "C04372": //一并国有房屋变更 | ||
| 104 | // vm = "selectYbgybg"; | ||
| 105 | vm = "selectFwbjDybgSplitMerge" | ||
| 102 | break; | 106 | break; |
| 103 | case "A11100"://林地使用权首次 | 107 | case "A11100"://林地使用权首次 |
| 104 | vm = "selectLqsc"; | 108 | vm = "selectLqsc"; |
| ... | @@ -115,7 +119,7 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -115,7 +119,7 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 115 | case "A12300"://森林林木登记 | 119 | case "A12300"://森林林木登记 |
| 116 | case "A12400"://森林林木变更 | 120 | case "A12400"://森林林木变更 |
| 117 | vm = "selectSllmqt"; | 121 | vm = "selectSllmqt"; |
| 118 | break; | 122 | break; |
| 119 | default: | 123 | default: |
| 120 | vm = "selecBdcql"; | 124 | vm = "selecBdcql"; |
| 121 | break; | 125 | break; | ... | ... |
-
Please register or sign in to post a comment