Merge branch 'dev'
Showing
44 changed files
with
1123 additions
and
590 deletions
| ... | @@ -23,6 +23,7 @@ | ... | @@ -23,6 +23,7 @@ |
| 23 | "node-sass": "^4.14.1", | 23 | "node-sass": "^4.14.1", |
| 24 | "normalize.css": "7.0.0", | 24 | "normalize.css": "7.0.0", |
| 25 | "nprogress": "0.2.0", | 25 | "nprogress": "0.2.0", |
| 26 | "print-js": "^1.6.0", | ||
| 26 | "qrcode": "^1.5.3", | 27 | "qrcode": "^1.5.3", |
| 27 | "vue": "2.6.10", | 28 | "vue": "2.6.10", |
| 28 | "vue-json-editor": "^1.4.3", | 29 | "vue-json-editor": "^1.4.3", | ... | ... |
| ... | @@ -16,6 +16,7 @@ import Loading from '@/components/Loading/index.js'; | ... | @@ -16,6 +16,7 @@ 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' | 18 | import Print from 'vue-print-nb' |
| 19 | import printJS from 'print-js' | ||
| 19 | Vue.use(Print); | 20 | Vue.use(Print); |
| 20 | Vue.mixin(mixin); | 21 | Vue.mixin(mixin); |
| 21 | Vue.use(Loading.directive); | 22 | Vue.use(Loading.directive); |
| ... | @@ -27,7 +28,6 @@ Vue.prototype.$x2js = new x2js() | ... | @@ -27,7 +28,6 @@ Vue.prototype.$x2js = new x2js() |
| 27 | // 全局加载 | 28 | // 全局加载 |
| 28 | Vue.prototype.$startLoading = startLoadingAddCount | 29 | Vue.prototype.$startLoading = startLoadingAddCount |
| 29 | Vue.prototype.$endLoading = endLoadingSubCount | 30 | Vue.prototype.$endLoading = endLoadingSubCount |
| 30 | |||
| 31 | // 弹框 | 31 | // 弹框 |
| 32 | import { popupDialog, popupCacel } from "./utils/popup.js"; | 32 | import { popupDialog, popupCacel } from "./utils/popup.js"; |
| 33 | // 全局加载 | 33 | // 全局加载 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 16:09:13 | 4 | * @LastEditTime: 2023-09-12 13:58:04 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> | 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> |
| 12 | <i class="el-icon-arrow-right"></i> | 12 | <i class="el-icon-arrow-right"></i> |
| 13 | </div> | 13 | </div> |
| 14 | <div class="img-list-wrap"> | 14 | <div class="img-list-wrap" v-Loading="loading"> |
| 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> |
| 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> |
| 17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | 17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
| ... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
| 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
| 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
| 36 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
| 37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | 37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button> |
| 38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | 38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> |
| 39 | </div> | 39 | </div> |
| 40 | </div> | 40 | </div> |
| ... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
| 73 | }, | 73 | }, |
| 74 | data () { | 74 | data () { |
| 75 | return { | 75 | return { |
| 76 | loading: false, | ||
| 76 | key: 0, | 77 | key: 0, |
| 77 | isScan: false, | 78 | isScan: false, |
| 78 | // 打开高拍仪 | 79 | // 打开高拍仪 |
| ... | @@ -125,19 +126,21 @@ | ... | @@ -125,19 +126,21 @@ |
| 125 | handleOpenScan () { | 126 | handleOpenScan () { |
| 126 | this.isScan = !this.isScan | 127 | this.isScan = !this.isScan |
| 127 | if (this.isScan) { | 128 | if (this.isScan) { |
| 129 | this.loading = true | ||
| 128 | this.$message({ | 130 | this.$message({ |
| 129 | message: '正在启动程序请稍等', | 131 | message: '正在启动程序请稍等', |
| 130 | type: 'success' | 132 | type: 'success' |
| 131 | }) | 133 | }) |
| 132 | setTimeout(() => { | 134 | setTimeout(() => { |
| 133 | this.scanTitle = '关闭高拍仪' | 135 | this.scanTitle = '关闭高拍仪' |
| 136 | this.loading = false | ||
| 134 | }, 4000) | 137 | }, 4000) |
| 135 | } else { | 138 | } else { |
| 136 | this.scanTitle = '打开高拍仪' | 139 | this.scanTitle = '打开高拍仪' |
| 137 | } | 140 | } |
| 138 | }, | 141 | }, |
| 139 | // 左右移动 | 142 | // 左右移动 |
| 140 | handleMove(direction) { | 143 | handleMove (direction) { |
| 141 | 144 | ||
| 142 | }, | 145 | }, |
| 143 | /** | 146 | /** | ... | ... |
| ... | @@ -6,12 +6,14 @@ | ... | @@ -6,12 +6,14 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxcfdj" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
| 12 | <div class="title"> | 12 | <div class="title"> |
| 13 | {{ title }} | 13 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 15 | >打印</el-button | ||
| 16 | > | ||
| 15 | <div class="checkbox"> | 17 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 19 | <el-checkbox |
| ... | @@ -125,6 +127,7 @@ export default { | ... | @@ -125,6 +127,7 @@ export default { |
| 125 | emptycolNum: datas.columns().emptycolNum, | 127 | emptycolNum: datas.columns().emptycolNum, |
| 126 | //列名称对象 | 128 | //列名称对象 |
| 127 | columns: datas.columns().CFDJ, | 129 | columns: datas.columns().CFDJ, |
| 130 | render: false, | ||
| 128 | }; | 131 | }; |
| 129 | }, | 132 | }, |
| 130 | created() { | 133 | created() { |
| ... | @@ -132,6 +135,35 @@ export default { | ... | @@ -132,6 +135,35 @@ export default { |
| 132 | }, | 135 | }, |
| 133 | methods: { | 136 | methods: { |
| 134 | /** | 137 | /** |
| 138 | * @description: openPrint | ||
| 139 | * @author: miaofang | ||
| 140 | */ | ||
| 141 | openPrint() { | ||
| 142 | this.render = true; | ||
| 143 | setTimeout(() => { | ||
| 144 | this.prinsss(); | ||
| 145 | }, 100); | ||
| 146 | }, | ||
| 147 | /** | ||
| 148 | * @description: prinsss | ||
| 149 | * @author: miaofang | ||
| 150 | */ | ||
| 151 | prinsss() { | ||
| 152 | printJS({ | ||
| 153 | printable: "boxcfdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 154 | type: "html", | ||
| 155 | maxWidth: 800, // 最大宽度 | ||
| 156 | font_size: "", // 不设置则使用默认字体大小 | ||
| 157 | style: `@font-face { | ||
| 158 | font-family: "STZHONGS"; | ||
| 159 | src: url(${window.ttf}) format("truetype"); | ||
| 160 | }`, | ||
| 161 | // 继承原来的所有样式 | ||
| 162 | targetStyles: ["*"], | ||
| 163 | }); | ||
| 164 | this.render=false | ||
| 165 | }, | ||
| 166 | /** | ||
| 135 | * @description: loadData | 167 | * @description: loadData |
| 136 | * @author: renchao | 168 | * @author: renchao |
| 137 | */ | 169 | */ | ... | ... |
| ... | @@ -5,18 +5,27 @@ | ... | @@ -5,18 +5,27 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div id="box"> | 7 | <div id="box"> |
| 8 | <div class="tbalede" v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always"> | 8 | <div |
| 9 | class="tbalede" | ||
| 10 | v-for="(el, indexx) in datass" | ||
| 11 | :key="indexx" | ||
| 12 | style="page-break-after: always" | ||
| 13 | > | ||
| 9 | <div class="title">{{ title }}</div> | 14 | <div class="title">{{ title }}</div> |
| 10 | <table class="xxTable"> | 15 | <table class="xxTable"> |
| 11 | <tr v-for="(item) in columns" :key="item.name"> | 16 | <tr v-for="item in columns" :key="item.name"> |
| 12 | <td> | 17 | <td> |
| 13 | {{ item.despriction }} | 18 | {{ item.despriction }} |
| 14 | </td> | 19 | </td> |
| 15 | <td v-for="(row, index) in el" :key="index+'2'"> | 20 | <td v-for="(row, index) in el" :key="index + '2'"> |
| 16 | {{ row[item.name] }} | 21 | {{ row[item.name] }} |
| 17 | </td> | 22 | </td> |
| 18 | 23 | ||
| 19 | <td v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td> | 24 | <td |
| 25 | v-show="el.emptycolNum" | ||
| 26 | v-for="count in emptycolNum" | ||
| 27 | :key="count" | ||
| 28 | ></td> | ||
| 20 | </tr> | 29 | </tr> |
| 21 | </table> | 30 | </table> |
| 22 | </div> | 31 | </div> |
| ... | @@ -32,13 +41,12 @@ export default { | ... | @@ -32,13 +41,12 @@ export default { |
| 32 | data() { | 41 | data() { |
| 33 | return { | 42 | return { |
| 34 | title: this.$parent.title, | 43 | title: this.$parent.title, |
| 35 | checkList: datas.columns().checkList, | ||
| 36 | //列表数据 | 44 | //列表数据 |
| 37 | //空列值个数 | 45 | //空列值个数 |
| 38 | emptycolNum:3, | 46 | emptycolNum: 4, |
| 39 | //列名称对象 | 47 | //列名称对象 |
| 40 | columns: [], | 48 | columns: [], |
| 41 | datass:[], | 49 | datass: [], |
| 42 | }; | 50 | }; |
| 43 | }, | 51 | }, |
| 44 | props: { | 52 | props: { |
| ... | @@ -50,46 +58,51 @@ export default { | ... | @@ -50,46 +58,51 @@ export default { |
| 50 | type: Array, | 58 | type: Array, |
| 51 | default: () => [], | 59 | default: () => [], |
| 52 | }, | 60 | }, |
| 61 | render:{ | ||
| 62 | type: Boolean, | ||
| 63 | default: false, | ||
| 64 | } | ||
| 53 | }, | 65 | }, |
| 54 | created() { | 66 | created() {}, |
| 55 | }, | ||
| 56 | watch: { | 67 | watch: { |
| 57 | tableData: { | 68 | tableData: { |
| 58 | handler (newValue, oldValue) { | 69 | handler(newValue, oldValue) { |
| 59 | this.tableData=newValue | 70 | this.tableData = newValue; |
| 60 | this.loadData() | ||
| 61 | }, | 71 | }, |
| 62 | } | 72 | }, |
| 73 | render: { | ||
| 74 | handler(newValue, oldValue) { | ||
| 75 | this.loadData(); | ||
| 76 | }, | ||
| 77 | }, | ||
| 78 | immediate: true, | ||
| 79 | deep: true, | ||
| 63 | }, | 80 | }, |
| 64 | methods: { | 81 | methods: { |
| 65 | /** | 82 | /** |
| 66 | * @description: loadData | 83 | * @description: loadData |
| 67 | * @author: renchao | 84 | * @author: miaofang |
| 68 | */ | 85 | */ |
| 69 | loadData() { | 86 | loadData() { |
| 70 | getFieldListByQlxx({ | 87 | getFieldListByQlxx({ |
| 71 | qllx: this.propsParam.qllx | 88 | qllx: this.propsParam.qllx, |
| 72 | }).then((res) => { | 89 | }).then((res) => { |
| 73 | if (res.code === 200) { | 90 | if (res.code === 200) { |
| 74 | this.columns = res.result; | 91 | this.columns = res.result; |
| 75 | |||
| 76 | } | 92 | } |
| 77 | }); | 93 | }); |
| 78 | 94 | if (this.tableData.length&&this.datass.length==0) { | |
| 79 | this.tableData.forEach((item) => { | 95 | for (let i = 0; i < this.tableData.length; i += 4) { |
| 80 | item.sjlx = getSjlx(item.sjlx); | 96 | this.datass.push(this.tableData.slice(i, i + 4)); |
| 81 | }) | ||
| 82 | for (let i = 0; i < this.tableData.length; i+=3) { | ||
| 83 | this.datass.push(this.tableData.slice(i,i+3)) | ||
| 84 | } | 97 | } |
| 85 | let num=this.datass[this.datass.length-1].length | 98 | let num = this.datass[this.datass.length - 1].length; |
| 86 | if (num < 3) { | 99 | if (num < 4) { |
| 87 | this.emptycolNum = | 100 | this.emptycolNum = 4 - num; |
| 88 | 3 - num; | 101 | this.datass[this.datass.length - 1].emptycolNum = true; |
| 89 | this.datass[this.datass.length-1].emptycolNum=true | ||
| 90 | } else { | 102 | } else { |
| 91 | this.emptycolNum = 0; | 103 | this.emptycolNum = 0; |
| 92 | } | 104 | } |
| 105 | } | ||
| 93 | }, | 106 | }, |
| 94 | }, | 107 | }, |
| 95 | }; | 108 | }; |
| ... | @@ -97,7 +110,7 @@ export default { | ... | @@ -97,7 +110,7 @@ export default { |
| 97 | 110 | ||
| 98 | <style lang="scss" scoped> | 111 | <style lang="scss" scoped> |
| 99 | .tbalede { | 112 | .tbalede { |
| 100 | width: 794px; | 113 | width: 100%; |
| 101 | // height: 1123px; | 114 | // height: 1123px; |
| 102 | margin: auto; | 115 | margin: auto; |
| 103 | .title { | 116 | .title { |
| ... | @@ -124,6 +137,17 @@ export default { | ... | @@ -124,6 +137,17 @@ export default { |
| 124 | min-width: 80px; | 137 | min-width: 80px; |
| 125 | padding: 5px; | 138 | padding: 5px; |
| 126 | } | 139 | } |
| 140 | td { | ||
| 141 | width: 20px!important; | ||
| 142 | word-break: break-all; | ||
| 143 | // /* 方法一:使用 word-break */ | ||
| 144 | // word-break: break-all; | ||
| 145 | // // /* 方法二:使用 white-space */ | ||
| 146 | // // white-space: pre-wrap; | ||
| 147 | // // /* 方法三:使用 overflow-wrap */ | ||
| 148 | // // overflow-wrap: break-word; | ||
| 149 | } | ||
| 150 | |||
| 127 | } | 151 | } |
| 128 | } | 152 | } |
| 129 | </style> | 153 | </style> | ... | ... |
| ... | @@ -6,12 +6,14 @@ | ... | @@ -6,12 +6,14 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <div v-show="false"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxdiyaq" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
| 12 | <div class="title"> | 12 | <div class="title"> |
| 13 | {{ title }} | 13 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 15 | >打印</el-button | ||
| 16 | > | ||
| 15 | <div class="checkbox"> | 17 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 19 | <el-checkbox |
| ... | @@ -127,6 +129,7 @@ export default { | ... | @@ -127,6 +129,7 @@ export default { |
| 127 | emptycolNum: datas.columns().emptycolNum, | 129 | emptycolNum: datas.columns().emptycolNum, |
| 128 | //列名称对象 | 130 | //列名称对象 |
| 129 | columns: datas.columns().DYAQ, | 131 | columns: datas.columns().DYAQ, |
| 132 | render: false, | ||
| 130 | }; | 133 | }; |
| 131 | }, | 134 | }, |
| 132 | created() { | 135 | created() { |
| ... | @@ -134,6 +137,35 @@ export default { | ... | @@ -134,6 +137,35 @@ export default { |
| 134 | }, | 137 | }, |
| 135 | methods: { | 138 | methods: { |
| 136 | /** | 139 | /** |
| 140 | * @description: openPrint | ||
| 141 | * @author: miaofang | ||
| 142 | */ | ||
| 143 | openPrint() { | ||
| 144 | this.render = true; | ||
| 145 | setTimeout(() => { | ||
| 146 | this.prinsss(); | ||
| 147 | }, 100); | ||
| 148 | }, | ||
| 149 | /** | ||
| 150 | * @description: prinsss | ||
| 151 | * @author: miaofang | ||
| 152 | */ | ||
| 153 | prinsss() { | ||
| 154 | printJS({ | ||
| 155 | printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 156 | type: "html", | ||
| 157 | maxWidth: 800, // 最大宽度 | ||
| 158 | font_size: "", // 不设置则使用默认字体大小 | ||
| 159 | style: `@font-face { | ||
| 160 | font-family: "STZHONGS"; | ||
| 161 | src: url(${window.ttf}) format("truetype"); | ||
| 162 | }`, | ||
| 163 | // 继承原来的所有样式 | ||
| 164 | targetStyles: ["*"], | ||
| 165 | }); | ||
| 166 | this.render=false | ||
| 167 | }, | ||
| 168 | /** | ||
| 137 | * @description: loadData | 169 | * @description: loadData |
| 138 | * @author: renchao | 170 | * @author: renchao |
| 139 | */ | 171 | */ | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxdiyiq" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
| 12 | <div class="title"> | 12 | <div class="title"> |
| 13 | {{ title }} | 13 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 15 | >打印</el-button | ||
| 16 | > | ||
| 15 | <div class="checkbox"> | 17 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 19 | <el-checkbox |
| ... | @@ -127,15 +129,44 @@ export default { | ... | @@ -127,15 +129,44 @@ export default { |
| 127 | emptycolNum: datas.columns().emptycolNum, | 129 | emptycolNum: datas.columns().emptycolNum, |
| 128 | //列名称对象 | 130 | //列名称对象 |
| 129 | columns: datas.columns().DYIQ, | 131 | columns: datas.columns().DYIQ, |
| 132 | render: false, | ||
| 130 | }; | 133 | }; |
| 131 | }, | 134 | }, |
| 132 | created() { | 135 | created() { |
| 133 | this.loadData(); | 136 | this.loadData(); |
| 134 | }, | 137 | }, |
| 135 | methods: { | 138 | methods: { /** |
| 139 | * @description: openPrint | ||
| 140 | * @author: miaofang | ||
| 141 | */ | ||
| 142 | openPrint() { | ||
| 143 | this.render = true; | ||
| 144 | setTimeout(() => { | ||
| 145 | this.prinsss(); | ||
| 146 | }, 100); | ||
| 147 | }, | ||
| 148 | /** | ||
| 149 | * @description: prinsss | ||
| 150 | * @author: miaofang | ||
| 151 | */ | ||
| 152 | prinsss() { | ||
| 153 | printJS({ | ||
| 154 | printable: "boxdiyiq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 155 | type: "html", | ||
| 156 | maxWidth: 800, // 最大宽度 | ||
| 157 | font_size: "", // 不设置则使用默认字体大小 | ||
| 158 | style: `@font-face { | ||
| 159 | font-family: "STZHONGS"; | ||
| 160 | src: url(${window.ttf}) format("truetype"); | ||
| 161 | }`, | ||
| 162 | // 继承原来的所有样式 | ||
| 163 | targetStyles: ["*"], | ||
| 164 | }); | ||
| 165 | this.render=false | ||
| 166 | }, | ||
| 136 | /** | 167 | /** |
| 137 | * @description: loadData | 168 | * @description: loadData |
| 138 | * @author: renchao | 169 | * @author: miaofang |
| 139 | */ | 170 | */ |
| 140 | loadData() { | 171 | loadData() { |
| 141 | if (this.$parent.addRepairRecord) { | 172 | if (this.$parent.addRepairRecord) { |
| ... | @@ -164,7 +195,7 @@ export default { | ... | @@ -164,7 +195,7 @@ export default { |
| 164 | }, | 195 | }, |
| 165 | /** | 196 | /** |
| 166 | * @description: checkChange | 197 | * @description: checkChange |
| 167 | * @author: renchao | 198 | * @author: miaofang |
| 168 | */ | 199 | */ |
| 169 | checkChange() { | 200 | checkChange() { |
| 170 | if (this.checkList.length === 0) { | 201 | if (this.checkList.length === 0) { |
| ... | @@ -177,7 +208,7 @@ export default { | ... | @@ -177,7 +208,7 @@ export default { |
| 177 | /** | 208 | /** |
| 178 | * @description: getQsztName | 209 | * @description: getQsztName |
| 179 | * @param {*} code | 210 | * @param {*} code |
| 180 | * @author: renchao | 211 | * @author: miaofang |
| 181 | */ | 212 | */ |
| 182 | getQsztName(code) { | 213 | getQsztName(code) { |
| 183 | let name = ""; | 214 | let name = ""; |
| ... | @@ -194,7 +225,7 @@ export default { | ... | @@ -194,7 +225,7 @@ export default { |
| 194 | * @description: 新增一条补录信息 | 225 | * @description: 新增一条补录信息 |
| 195 | * @param {*} row | 226 | * @param {*} row |
| 196 | * @param {*} del | 227 | * @param {*} del |
| 197 | * @author: renchao | 228 | * @author: miaofang |
| 198 | */ | 229 | */ |
| 199 | editDialog(row, del) { | 230 | editDialog(row, del) { |
| 200 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 231 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
| 10 | id="boxfdcq" | ||
| 11 | :propsParam="propsParam" :tableData="tableData" :render="render"/> | ||
| 10 | </div> | 12 | </div> |
| 11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
| 12 | <div class="title"> | 14 | <div class="title"> |
| 13 | {{ title }} | 15 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 16 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 17 | >打印</el-button | ||
| 18 | > | ||
| 15 | <div class="checkbox"> | 19 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 20 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 21 | <el-checkbox |
| ... | @@ -121,7 +125,7 @@ | ... | @@ -121,7 +125,7 @@ |
| 121 | </template> | 125 | </template> |
| 122 | 126 | ||
| 123 | <script> | 127 | <script> |
| 124 | 128 | import printJS from "print-js"; | |
| 125 | import { datas } from "./qlxxFormData.js"; | 129 | import { datas } from "./qlxxFormData.js"; |
| 126 | import { getSjlx } from "@/utils/dictionary.js"; | 130 | import { getSjlx } from "@/utils/dictionary.js"; |
| 127 | import { getFdcq1List } from "@/api/djbDetail.js"; | 131 | import { getFdcq1List } from "@/api/djbDetail.js"; |
| ... | @@ -136,7 +140,7 @@ export default { | ... | @@ -136,7 +140,7 @@ export default { |
| 136 | id: "box", | 140 | id: "box", |
| 137 | //其他配置项, | 141 | //其他配置项, |
| 138 | }, | 142 | }, |
| 139 | shows:false, | 143 | shows: false, |
| 140 | title: "房地产权登记信息(多幢)", | 144 | title: "房地产权登记信息(多幢)", |
| 141 | qsztList: datas.columns().qsztList, | 145 | qsztList: datas.columns().qsztList, |
| 142 | checkList: datas.columns().checkList, | 146 | checkList: datas.columns().checkList, |
| ... | @@ -144,10 +148,13 @@ export default { | ... | @@ -144,10 +148,13 @@ export default { |
| 144 | propsParam: this.$attrs, | 148 | propsParam: this.$attrs, |
| 145 | //列表数据 | 149 | //列表数据 |
| 146 | tableData: [], | 150 | tableData: [], |
| 151 | // 异步传值 | ||
| 152 | datalist: [], | ||
| 147 | //空列值个数 | 153 | //空列值个数 |
| 148 | emptycolNum: datas.columns().emptycolNum, | 154 | emptycolNum: datas.columns().emptycolNum, |
| 149 | //列名称对象 | 155 | //列名称对象 |
| 150 | columns: datas.columns().FDCQ1, | 156 | columns: datas.columns().FDCQ1, |
| 157 | render: false, | ||
| 151 | }; | 158 | }; |
| 152 | }, | 159 | }, |
| 153 | created() { | 160 | created() { |
| ... | @@ -155,8 +162,37 @@ export default { | ... | @@ -155,8 +162,37 @@ export default { |
| 155 | }, | 162 | }, |
| 156 | methods: { | 163 | methods: { |
| 157 | /** | 164 | /** |
| 165 | * @description: openPrint | ||
| 166 | * @author: miaofang | ||
| 167 | */ | ||
| 168 | openPrint() { | ||
| 169 | this.render = true; | ||
| 170 | setTimeout(() => { | ||
| 171 | this.prinsss(); | ||
| 172 | }, 100); | ||
| 173 | }, | ||
| 174 | /** | ||
| 175 | * @description: prinsss | ||
| 176 | * @author: miaofang | ||
| 177 | */ | ||
| 178 | prinsss() { | ||
| 179 | printJS({ | ||
| 180 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 181 | type: "html", | ||
| 182 | maxWidth: 800, // 最大宽度 | ||
| 183 | font_size: "", // 不设置则使用默认字体大小 | ||
| 184 | style: `@font-face { | ||
| 185 | font-family: "STZHONGS"; | ||
| 186 | src: url(${window.ttf}) format("truetype"); | ||
| 187 | }`, | ||
| 188 | // 继承原来的所有样式 | ||
| 189 | targetStyles: ["*"], | ||
| 190 | }); | ||
| 191 | this.render=false | ||
| 192 | }, | ||
| 193 | /** | ||
| 158 | * @description: loadData | 194 | * @description: loadData |
| 159 | * @author: renchao | 195 | * @author: miaofang |
| 160 | */ | 196 | */ |
| 161 | loadData() { | 197 | loadData() { |
| 162 | if (this.$parent.addRepairRecord) { | 198 | if (this.$parent.addRepairRecord) { |
| ... | @@ -169,7 +205,7 @@ export default { | ... | @@ -169,7 +205,7 @@ export default { |
| 169 | }).then((res) => { | 205 | }).then((res) => { |
| 170 | if (res.code === 200) { | 206 | if (res.code === 200) { |
| 171 | this.tableData = res.result; | 207 | this.tableData = res.result; |
| 172 | this.shows=this.tableData.length>0 | 208 | this.shows = this.tableData.length > 0; |
| 173 | this.tableData.forEach((item) => { | 209 | this.tableData.forEach((item) => { |
| 174 | item.sjlx = getSjlx(item.sjlx); | 210 | item.sjlx = getSjlx(item.sjlx); |
| 175 | }); | 211 | }); |
| ... | @@ -184,7 +220,7 @@ export default { | ... | @@ -184,7 +220,7 @@ export default { |
| 184 | }, | 220 | }, |
| 185 | /** | 221 | /** |
| 186 | * @description: checkChange | 222 | * @description: checkChange |
| 187 | * @author: renchao | 223 | * @author: miaofang |
| 188 | */ | 224 | */ |
| 189 | checkChange() { | 225 | checkChange() { |
| 190 | if (this.checkList.length === 0) { | 226 | if (this.checkList.length === 0) { |
| ... | @@ -197,7 +233,7 @@ export default { | ... | @@ -197,7 +233,7 @@ export default { |
| 197 | /** | 233 | /** |
| 198 | * @description: getQsztName | 234 | * @description: getQsztName |
| 199 | * @param {*} code | 235 | * @param {*} code |
| 200 | * @author: renchao | 236 | * @author: miaofang |
| 201 | */ | 237 | */ |
| 202 | getQsztName(code) { | 238 | getQsztName(code) { |
| 203 | let name = ""; | 239 | let name = ""; |
| ... | @@ -212,7 +248,7 @@ export default { | ... | @@ -212,7 +248,7 @@ export default { |
| 212 | /** | 248 | /** |
| 213 | * @description: judge | 249 | * @description: judge |
| 214 | * @param {*} lable | 250 | * @param {*} lable |
| 215 | * @author: renchao | 251 | * @author: miaofang |
| 216 | */ | 252 | */ |
| 217 | judge(label) { | 253 | judge(label) { |
| 218 | if ( | 254 | if ( |
| ... | @@ -230,7 +266,7 @@ export default { | ... | @@ -230,7 +266,7 @@ export default { |
| 230 | * @description: 新增一条补录信息 | 266 | * @description: 新增一条补录信息 |
| 231 | * @param {*} row | 267 | * @param {*} row |
| 232 | * @param {*} del | 268 | * @param {*} del |
| 233 | * @author: renchao | 269 | * @author: miaofang |
| 234 | */ | 270 | */ |
| 235 | editDialog(row, del) { | 271 | editDialog(row, del) { |
| 236 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 272 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
| 10 | id="boxfdcq" | ||
| 11 | :propsParam="propsParam" | ||
| 12 | :tableData="tableData" | ||
| 13 | :render="render" | ||
| 14 | /> | ||
| 10 | </div> | 15 | </div> |
| 11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
| 12 | <div class="title"> | 17 | <div class="title"> |
| 13 | {{ title }} | 18 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 20 | >打印</el-button | ||
| 21 | > | ||
| 15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 24 | <el-checkbox |
| ... | @@ -111,11 +118,8 @@ export default { | ... | @@ -111,11 +118,8 @@ export default { |
| 111 | }, | 118 | }, |
| 112 | data() { | 119 | data() { |
| 113 | return { | 120 | return { |
| 114 | printObj: { | 121 | |
| 115 | id: "box", | 122 | shows: false, |
| 116 | //其他配置项, | ||
| 117 | }, | ||
| 118 | shows:false, | ||
| 119 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 123 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
| 120 | qsztList: datas.columns().qsztList, | 124 | qsztList: datas.columns().qsztList, |
| 121 | checkList: datas.columns().checkList, | 125 | checkList: datas.columns().checkList, |
| ... | @@ -127,6 +131,7 @@ export default { | ... | @@ -127,6 +131,7 @@ export default { |
| 127 | emptycolNum: datas.columns().emptycolNum, | 131 | emptycolNum: datas.columns().emptycolNum, |
| 128 | //列名称对象 | 132 | //列名称对象 |
| 129 | columns: datas.columns().FDCQ2, | 133 | columns: datas.columns().FDCQ2, |
| 134 | render: false, | ||
| 130 | }; | 135 | }; |
| 131 | }, | 136 | }, |
| 132 | created() { | 137 | created() { |
| ... | @@ -134,8 +139,37 @@ export default { | ... | @@ -134,8 +139,37 @@ export default { |
| 134 | }, | 139 | }, |
| 135 | methods: { | 140 | methods: { |
| 136 | /** | 141 | /** |
| 142 | * @description: openPrint | ||
| 143 | * @author: miaofang | ||
| 144 | */ | ||
| 145 | openPrint() { | ||
| 146 | this.render = true; | ||
| 147 | setTimeout(() => { | ||
| 148 | this.prinsss(); | ||
| 149 | }, 100); | ||
| 150 | }, | ||
| 151 | /** | ||
| 152 | * @description: prinsss | ||
| 153 | * @author: miaofang | ||
| 154 | */ | ||
| 155 | prinsss() { | ||
| 156 | printJS({ | ||
| 157 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 158 | type: "html", | ||
| 159 | maxWidth: 800, // 最大宽度 | ||
| 160 | font_size: "", // 不设置则使用默认字体大小 | ||
| 161 | style: `@font-face { | ||
| 162 | font-family: "STZHONGS"; | ||
| 163 | src: url(${window.ttf}) format("truetype"); | ||
| 164 | }`, | ||
| 165 | // 继承原来的所有样式 | ||
| 166 | targetStyles: ["*"], | ||
| 167 | }); | ||
| 168 | this.render = false | ||
| 169 | }, | ||
| 170 | /** | ||
| 137 | * @description: loadData | 171 | * @description: loadData |
| 138 | * @author: renchao | 172 | * @author: miaofang |
| 139 | */ | 173 | */ |
| 140 | loadData() { | 174 | loadData() { |
| 141 | if (this.$parent.addRepairRecord) { | 175 | if (this.$parent.addRepairRecord) { |
| ... | @@ -148,8 +182,7 @@ export default { | ... | @@ -148,8 +182,7 @@ export default { |
| 148 | }).then((res) => { | 182 | }).then((res) => { |
| 149 | if (res.code === 200) { | 183 | if (res.code === 200) { |
| 150 | this.tableData = res.result; | 184 | this.tableData = res.result; |
| 151 | this.shows=this.tableData.length>0 | 185 | this.shows = this.tableData.length > 0; |
| 152 | console.log("this.tableData111",this.tableData); | ||
| 153 | this.tableData.forEach((item) => { | 186 | this.tableData.forEach((item) => { |
| 154 | item.sjlx = getSjlx(item.sjlx); | 187 | item.sjlx = getSjlx(item.sjlx); |
| 155 | }); | 188 | }); |
| ... | @@ -164,7 +197,7 @@ export default { | ... | @@ -164,7 +197,7 @@ export default { |
| 164 | }, | 197 | }, |
| 165 | /** | 198 | /** |
| 166 | * @description: checkChange | 199 | * @description: checkChange |
| 167 | * @author: renchao | 200 | * @author: miaofang |
| 168 | */ | 201 | */ |
| 169 | checkChange() { | 202 | checkChange() { |
| 170 | if (this.checkList.length === 0) { | 203 | if (this.checkList.length === 0) { |
| ... | @@ -177,7 +210,7 @@ export default { | ... | @@ -177,7 +210,7 @@ export default { |
| 177 | /** | 210 | /** |
| 178 | * @description: getQsztName | 211 | * @description: getQsztName |
| 179 | * @param {*} code | 212 | * @param {*} code |
| 180 | * @author: renchao | 213 | * @author: miaofang |
| 181 | */ | 214 | */ |
| 182 | getQsztName(code) { | 215 | getQsztName(code) { |
| 183 | let name = ""; | 216 | let name = ""; |
| ... | @@ -194,7 +227,7 @@ export default { | ... | @@ -194,7 +227,7 @@ export default { |
| 194 | * @description: 新增一条补录信息 | 227 | * @description: 新增一条补录信息 |
| 195 | * @param {*} row | 228 | * @param {*} row |
| 196 | * @param {*} del | 229 | * @param {*} del |
| 197 | * @author: renchao | 230 | * @author: miaofang |
| 198 | */ | 231 | */ |
| 199 | editDialog(row, del) { | 232 | editDialog(row, del) { |
| 200 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 233 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
| 10 | id="boxjsydsyq" | ||
| 11 | :propsParam="propsParam" | ||
| 12 | :tableData="tableData" | ||
| 13 | :render="render" | ||
| 14 | /> | ||
| 10 | </div> | 15 | </div> |
| 11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
| 12 | <div class="title"> | 17 | <div class="title"> |
| 13 | {{ title }} | 18 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 20 | >打印</el-button | ||
| 21 | > | ||
| 15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 24 | <el-checkbox |
| ... | @@ -115,7 +122,7 @@ export default { | ... | @@ -115,7 +122,7 @@ export default { |
| 115 | id: "box", | 122 | id: "box", |
| 116 | //其他配置项, | 123 | //其他配置项, |
| 117 | }, | 124 | }, |
| 118 | shows:false, | 125 | shows: false, |
| 119 | title: "建设用地使用权、宅基地使用权登记信息", | 126 | title: "建设用地使用权、宅基地使用权登记信息", |
| 120 | qsztList: datas.columns().qsztList, | 127 | qsztList: datas.columns().qsztList, |
| 121 | checkList: datas.columns().checkList, | 128 | checkList: datas.columns().checkList, |
| ... | @@ -127,6 +134,7 @@ export default { | ... | @@ -127,6 +134,7 @@ export default { |
| 127 | emptycolNum: datas.columns().emptycolNum, | 134 | emptycolNum: datas.columns().emptycolNum, |
| 128 | //列名称对象 | 135 | //列名称对象 |
| 129 | columns: datas.columns().JSYDSYQ, | 136 | columns: datas.columns().JSYDSYQ, |
| 137 | render: false, | ||
| 130 | }; | 138 | }; |
| 131 | }, | 139 | }, |
| 132 | created() { | 140 | created() { |
| ... | @@ -134,11 +142,39 @@ export default { | ... | @@ -134,11 +142,39 @@ export default { |
| 134 | }, | 142 | }, |
| 135 | methods: { | 143 | methods: { |
| 136 | /** | 144 | /** |
| 145 | * @description: openPrint | ||
| 146 | * @author: miaofang | ||
| 147 | */ | ||
| 148 | openPrint() { | ||
| 149 | this.render = true; | ||
| 150 | setTimeout(() => { | ||
| 151 | this.prinsss(); | ||
| 152 | }, 100); | ||
| 153 | }, | ||
| 154 | /** | ||
| 155 | * @description: prinsss | ||
| 156 | * @author: miaofang | ||
| 157 | */ | ||
| 158 | prinsss() { | ||
| 159 | printJS({ | ||
| 160 | printable: "boxjsydsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 161 | type: "html", | ||
| 162 | maxWidth: 800, // 最大宽度 | ||
| 163 | font_size: "", // 不设置则使用默认字体大小 | ||
| 164 | style: `@font-face { | ||
| 165 | font-family: "STZHONGS"; | ||
| 166 | src: url(${window.ttf}) format("truetype"); | ||
| 167 | }`, | ||
| 168 | // 继承原来的所有样式 | ||
| 169 | targetStyles: ["*"], | ||
| 170 | }); | ||
| 171 | this.render=false | ||
| 172 | }, | ||
| 173 | /** | ||
| 137 | * @description: loadData | 174 | * @description: loadData |
| 138 | * @author: renchao | 175 | * @author: miaofang |
| 139 | */ | 176 | */ |
| 140 | loadData() { | 177 | loadData() { |
| 141 | |||
| 142 | getJsydsyqList({ | 178 | getJsydsyqList({ |
| 143 | bdcdyid: this.propsParam.bdcdyid, | 179 | bdcdyid: this.propsParam.bdcdyid, |
| 144 | qllx: this.propsParam.qllx, | 180 | qllx: this.propsParam.qllx, |
| ... | @@ -146,7 +182,7 @@ export default { | ... | @@ -146,7 +182,7 @@ export default { |
| 146 | }).then((res) => { | 182 | }).then((res) => { |
| 147 | if (res.code === 200) { | 183 | if (res.code === 200) { |
| 148 | this.tableData = res.result; | 184 | this.tableData = res.result; |
| 149 | this.shows=this.tableData.length>0 | 185 | this.shows = this.tableData.length > 0; |
| 150 | this.tableData.forEach((item) => { | 186 | this.tableData.forEach((item) => { |
| 151 | item.sjlx = getSjlx(item.sjlx); | 187 | item.sjlx = getSjlx(item.sjlx); |
| 152 | }); | 188 | }); |
| ... | @@ -161,7 +197,7 @@ export default { | ... | @@ -161,7 +197,7 @@ export default { |
| 161 | }, | 197 | }, |
| 162 | /** | 198 | /** |
| 163 | * @description: checkChange | 199 | * @description: checkChange |
| 164 | * @author: renchao | 200 | * @author: miaofang |
| 165 | */ | 201 | */ |
| 166 | checkChange() { | 202 | checkChange() { |
| 167 | if (this.checkList.length === 0) { | 203 | if (this.checkList.length === 0) { |
| ... | @@ -174,7 +210,7 @@ export default { | ... | @@ -174,7 +210,7 @@ export default { |
| 174 | /** | 210 | /** |
| 175 | * @description: getQsztName | 211 | * @description: getQsztName |
| 176 | * @param {*} code | 212 | * @param {*} code |
| 177 | * @author: renchao | 213 | * @author: miaofang |
| 178 | */ | 214 | */ |
| 179 | getQsztName(code) { | 215 | getQsztName(code) { |
| 180 | let name = ""; | 216 | let name = ""; |
| ... | @@ -191,7 +227,7 @@ export default { | ... | @@ -191,7 +227,7 @@ export default { |
| 191 | * @description: 新增一条补录信息 | 227 | * @description: 新增一条补录信息 |
| 192 | * @param {*} row | 228 | * @param {*} row |
| 193 | * @param {*} del | 229 | * @param {*} del |
| 194 | * @author: renchao | 230 | * @author: miaofang |
| 195 | */ | 231 | */ |
| 196 | editDialog(row, del) { | 232 | editDialog(row, del) { |
| 197 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 233 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| ... | @@ -220,7 +256,7 @@ export default { | ... | @@ -220,7 +256,7 @@ export default { |
| 220 | 256 | ||
| 221 | <style lang="scss" scoped> | 257 | <style lang="scss" scoped> |
| 222 | @import "./qlxxCommon.scss"; | 258 | @import "./qlxxCommon.scss"; |
| 223 | .title { | 259 | .title { |
| 224 | position: relative; | 260 | position: relative; |
| 225 | .print { | 261 | .print { |
| 226 | // background-color: #0079fe; | 262 | // background-color: #0079fe; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
| 10 | id="boxldsyq" | ||
| 11 | :propsParam="propsParam" | ||
| 12 | :tableData="tableData" | ||
| 13 | :render="render" | ||
| 14 | /> | ||
| 10 | </div> | 15 | </div> |
| 11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
| 12 | <div class="title"> | 17 | <div class="title"> |
| 13 | {{ title }} | 18 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 20 | >打印</el-button | ||
| 21 | > | ||
| 15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 24 | <el-checkbox |
| ... | @@ -113,7 +120,7 @@ export default { | ... | @@ -113,7 +120,7 @@ export default { |
| 113 | id: "box", | 120 | id: "box", |
| 114 | //其他配置项, | 121 | //其他配置项, |
| 115 | }, | 122 | }, |
| 116 | shows:false, | 123 | shows: false, |
| 117 | title: "林权登记信息", | 124 | title: "林权登记信息", |
| 118 | qsztList: datas.columns().qsztList, | 125 | qsztList: datas.columns().qsztList, |
| 119 | checkList: datas.columns().checkList, | 126 | checkList: datas.columns().checkList, |
| ... | @@ -125,6 +132,7 @@ export default { | ... | @@ -125,6 +132,7 @@ export default { |
| 125 | emptycolNum: datas.columns().emptycolNum, | 132 | emptycolNum: datas.columns().emptycolNum, |
| 126 | //列名称对象 | 133 | //列名称对象 |
| 127 | columns: datas.columns().LDSYQ, | 134 | columns: datas.columns().LDSYQ, |
| 135 | render: false, | ||
| 128 | }; | 136 | }; |
| 129 | }, | 137 | }, |
| 130 | created() { | 138 | created() { |
| ... | @@ -132,8 +140,37 @@ export default { | ... | @@ -132,8 +140,37 @@ export default { |
| 132 | }, | 140 | }, |
| 133 | methods: { | 141 | methods: { |
| 134 | /** | 142 | /** |
| 143 | * @description: openPrint | ||
| 144 | * @author: miaofang | ||
| 145 | */ | ||
| 146 | openPrint() { | ||
| 147 | this.render = true; | ||
| 148 | setTimeout(() => { | ||
| 149 | this.prinsss(); | ||
| 150 | }, 100); | ||
| 151 | }, | ||
| 152 | /** | ||
| 153 | * @description: prinsss | ||
| 154 | * @author: miaofang | ||
| 155 | */ | ||
| 156 | prinsss() { | ||
| 157 | printJS({ | ||
| 158 | printable: "boxldsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 159 | type: "html", | ||
| 160 | maxWidth: 800, // 最大宽度 | ||
| 161 | font_size: "", // 不设置则使用默认字体大小 | ||
| 162 | style: `@font-face { | ||
| 163 | font-family: "STZHONGS"; | ||
| 164 | src: url(${window.ttf}) format("truetype"); | ||
| 165 | }`, | ||
| 166 | // 继承原来的所有样式 | ||
| 167 | targetStyles: ["*"], | ||
| 168 | }); | ||
| 169 | this.render=false | ||
| 170 | }, | ||
| 171 | /** | ||
| 135 | * @description: loadData | 172 | * @description: loadData |
| 136 | * @author: renchao | 173 | * @author: miaofang |
| 137 | */ | 174 | */ |
| 138 | loadData() { | 175 | loadData() { |
| 139 | if (this.$parent.addRepairRecord) { | 176 | if (this.$parent.addRepairRecord) { |
| ... | @@ -149,7 +186,7 @@ export default { | ... | @@ -149,7 +186,7 @@ export default { |
| 149 | }).then((res) => { | 186 | }).then((res) => { |
| 150 | if (res.code === 200) { | 187 | if (res.code === 200) { |
| 151 | this.tableData = res.result; | 188 | this.tableData = res.result; |
| 152 | this.shows=this.tableData.length>0 | 189 | this.shows = this.tableData.length > 0; |
| 153 | this.tableData.forEach((item) => { | 190 | this.tableData.forEach((item) => { |
| 154 | item.sjlx = getSjlx(item.sjlx); | 191 | item.sjlx = getSjlx(item.sjlx); |
| 155 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); | 192 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); |
| ... | @@ -167,7 +204,7 @@ export default { | ... | @@ -167,7 +204,7 @@ export default { |
| 167 | }, | 204 | }, |
| 168 | /** | 205 | /** |
| 169 | * @description: checkChange | 206 | * @description: checkChange |
| 170 | * @author: renchao | 207 | * @author: miaofang |
| 171 | */ | 208 | */ |
| 172 | checkChange() { | 209 | checkChange() { |
| 173 | if (this.checkList.length === 0) { | 210 | if (this.checkList.length === 0) { |
| ... | @@ -180,7 +217,7 @@ export default { | ... | @@ -180,7 +217,7 @@ export default { |
| 180 | /** | 217 | /** |
| 181 | * @description: getQsztName | 218 | * @description: getQsztName |
| 182 | * @param {*} code | 219 | * @param {*} code |
| 183 | * @author: renchao | 220 | * @author: miaofang |
| 184 | */ | 221 | */ |
| 185 | getQsztName(code) { | 222 | getQsztName(code) { |
| 186 | let name = ""; | 223 | let name = ""; |
| ... | @@ -197,7 +234,7 @@ export default { | ... | @@ -197,7 +234,7 @@ export default { |
| 197 | * @description: 新增一条补录信息 | 234 | * @description: 新增一条补录信息 |
| 198 | * @param {*} row | 235 | * @param {*} row |
| 199 | * @param {*} del | 236 | * @param {*} del |
| 200 | * @author: renchao | 237 | * @author: miaofang |
| 201 | */ | 238 | */ |
| 202 | editDialog(row, del) { | 239 | editDialog(row, del) { |
| 203 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 240 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
| 10 | id="boxnydsyq" | ||
| 11 | :propsParam="propsParam" | ||
| 12 | :tableData="tableData" | ||
| 13 | :render="render" | ||
| 14 | /> | ||
| 10 | </div> | 15 | </div> |
| 11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
| 12 | <div class="title"> | 17 | <div class="title"> |
| 13 | {{ title }} | 18 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 20 | >打印</el-button | ||
| 21 | > | ||
| 15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 24 | <el-checkbox |
| ... | @@ -162,7 +169,7 @@ export default { | ... | @@ -162,7 +169,7 @@ export default { |
| 162 | id: "box", | 169 | id: "box", |
| 163 | //其他配置项, | 170 | //其他配置项, |
| 164 | }, | 171 | }, |
| 165 | shows:false, | 172 | shows: false, |
| 166 | title: "农用地使用权登记信息", | 173 | title: "农用地使用权登记信息", |
| 167 | qsztList: datas.columns().qsztList, | 174 | qsztList: datas.columns().qsztList, |
| 168 | checkList: datas.columns().checkList, | 175 | checkList: datas.columns().checkList, |
| ... | @@ -174,6 +181,7 @@ export default { | ... | @@ -174,6 +181,7 @@ export default { |
| 174 | emptycolNum: datas.columns().emptycolNum, | 181 | emptycolNum: datas.columns().emptycolNum, |
| 175 | //列名称对象 | 182 | //列名称对象 |
| 176 | columns: datas.columns().NYDSYQ, | 183 | columns: datas.columns().NYDSYQ, |
| 184 | render: false, | ||
| 177 | }; | 185 | }; |
| 178 | }, | 186 | }, |
| 179 | created() { | 187 | created() { |
| ... | @@ -187,8 +195,37 @@ export default { | ... | @@ -187,8 +195,37 @@ export default { |
| 187 | }, | 195 | }, |
| 188 | methods: { | 196 | methods: { |
| 189 | /** | 197 | /** |
| 198 | * @description: openPrint | ||
| 199 | * @author: miaofang | ||
| 200 | */ | ||
| 201 | openPrint() { | ||
| 202 | this.render = true; | ||
| 203 | setTimeout(() => { | ||
| 204 | this.prinsss(); | ||
| 205 | }, 100); | ||
| 206 | }, | ||
| 207 | /** | ||
| 208 | * @description: prinsss | ||
| 209 | * @author: miaofang | ||
| 210 | */ | ||
| 211 | prinsss() { | ||
| 212 | printJS({ | ||
| 213 | printable: "boxnydsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 214 | type: "html", | ||
| 215 | maxWidth: 800, // 最大宽度 | ||
| 216 | font_size: "", // 不设置则使用默认字体大小 | ||
| 217 | style: `@font-face { | ||
| 218 | font-family: "STZHONGS"; | ||
| 219 | src: url(${window.ttf}) format("truetype"); | ||
| 220 | }`, | ||
| 221 | // 继承原来的所有样式 | ||
| 222 | targetStyles: ["*"], | ||
| 223 | }); | ||
| 224 | this.render=false | ||
| 225 | }, | ||
| 226 | /** | ||
| 190 | * @description: loadData | 227 | * @description: loadData |
| 191 | * @author: renchao | 228 | * @author: miaofang |
| 192 | */ | 229 | */ |
| 193 | loadData() { | 230 | loadData() { |
| 194 | if (this.$parent.addRepairRecord) { | 231 | if (this.$parent.addRepairRecord) { |
| ... | @@ -204,7 +241,7 @@ export default { | ... | @@ -204,7 +241,7 @@ export default { |
| 204 | }).then((res) => { | 241 | }).then((res) => { |
| 205 | if (res.code === 200) { | 242 | if (res.code === 200) { |
| 206 | this.tableData = res.result; | 243 | this.tableData = res.result; |
| 207 | this.shows=this.tableData.length>0 | 244 | this.shows = this.tableData.length > 0; |
| 208 | this.tableData.forEach((item) => { | 245 | this.tableData.forEach((item) => { |
| 209 | item.sjlx = getSjlx(item.sjlx); | 246 | item.sjlx = getSjlx(item.sjlx); |
| 210 | }); | 247 | }); |
| ... | @@ -219,7 +256,7 @@ export default { | ... | @@ -219,7 +256,7 @@ export default { |
| 219 | }, | 256 | }, |
| 220 | /** | 257 | /** |
| 221 | * @description: checkChange | 258 | * @description: checkChange |
| 222 | * @author: renchao | 259 | * @author: miaofang |
| 223 | */ | 260 | */ |
| 224 | checkChange() { | 261 | checkChange() { |
| 225 | if (this.checkList.length === 0) { | 262 | if (this.checkList.length === 0) { |
| ... | @@ -231,7 +268,7 @@ export default { | ... | @@ -231,7 +268,7 @@ export default { |
| 231 | }, | 268 | }, |
| 232 | /** | 269 | /** |
| 233 | * @description: getQsztName | 270 | * @description: getQsztName |
| 234 | * @author: renchao | 271 | * @author: miaofang |
| 235 | */ | 272 | */ |
| 236 | getQsztName(code) { | 273 | getQsztName(code) { |
| 237 | let name = ""; | 274 | let name = ""; |
| ... | @@ -248,7 +285,7 @@ export default { | ... | @@ -248,7 +285,7 @@ export default { |
| 248 | * @description: 新增一条补录信息 | 285 | * @description: 新增一条补录信息 |
| 249 | * @param {*} row | 286 | * @param {*} row |
| 250 | * @param {*} del | 287 | * @param {*} del |
| 251 | * @author: renchao | 288 | * @author: miaofang |
| 252 | */ | 289 | */ |
| 253 | editDialog(row, del) { | 290 | editDialog(row, del) { |
| 254 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 291 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
| ... | @@ -10,24 +10,33 @@ | ... | @@ -10,24 +10,33 @@ |
| 10 | --> | 10 | --> |
| 11 | <!-- | 11 | <!-- |
| 12 | * @Description: | 12 | * @Description: |
| 13 | * @Autor: renchao | 13 | * @Autor: miaofang |
| 14 | * @LastEditTime: 2023-08-11 15:33:53 | 14 | * @LastEditTime: 2023-08-11 15:33:53 |
| 15 | --> | 15 | --> |
| 16 | <template> | 16 | <template> |
| 17 | <div class="djxxTable"> | 17 | <div class="djxxTable"> |
| 18 | <div v-show="false"> | 18 | <div v-show="false"> |
| 19 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 19 | <printTemplate |
| 20 | id="boxsllmsyq" | ||
| 21 | :propsParam="propsParam" | ||
| 22 | :tableData="tableData" | ||
| 23 | :render="render" | ||
| 24 | /> | ||
| 20 | </div> | 25 | </div> |
| 21 | <div class="tableBox"> | 26 | <div class="tableBox"> |
| 22 | <div class="title"> | 27 | <div class="title"> |
| 23 | {{ title }} | 28 | {{ title }} |
| 24 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 29 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 30 | >打印</el-button | ||
| 31 | > | ||
| 25 | <div class="checkbox"> | 32 | <div class="checkbox"> |
| 26 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 33 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 27 | <el-checkbox | 34 | <el-checkbox |
| 28 | v-for="item in qsztList" | 35 | v-for="item in qsztList" |
| 29 | :key="item.value" | 36 | :key="item.value" |
| 30 | :label="item.value">{{ item.label }}</el-checkbox> | 37 | :label="item.value" |
| 38 | >{{ item.label }}</el-checkbox | ||
| 39 | > | ||
| 31 | </el-checkbox-group> | 40 | </el-checkbox-group> |
| 32 | </div> | 41 | </div> |
| 33 | </div> | 42 | </div> |
| ... | @@ -47,33 +56,60 @@ | ... | @@ -47,33 +56,60 @@ |
| 47 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 56 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 48 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 57 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 49 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 58 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 50 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 59 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 51 | ]"> | 60 | ]" |
| 52 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 61 | > |
| 53 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 62 | <div |
| 54 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 63 | class="setbut" |
| 64 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 65 | > | ||
| 66 | <el-button | ||
| 67 | type="text" | ||
| 68 | icon="el-icon-edit-outline" | ||
| 69 | @click="editDialog(row)" | ||
| 70 | >编辑</el-button | ||
| 71 | > | ||
| 72 | <el-button | ||
| 73 | type="text" | ||
| 74 | icon="el-icon-edit-outline" | ||
| 75 | @click="editDialog(row, 'D')" | ||
| 76 | >删除</el-button | ||
| 77 | > | ||
| 78 | </div> | ||
| 79 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 80 | 有效 | ||
| 81 | </div> | ||
| 82 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 83 | 正在补录 | ||
| 84 | </div> | ||
| 85 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 86 | 正在申请 | ||
| 87 | </div> | ||
| 88 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 89 | 正在注销 | ||
| 55 | </div> | 90 | </div> |
| 56 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div> | ||
| 57 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> | ||
| 58 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> | ||
| 59 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> | ||
| 60 | 91 | ||
| 61 | <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 92 | <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
| 62 | <span v-else>{{ row[item.prop] }}</span> --> | 93 | <span v-else>{{ row[item.prop] }}</span> --> |
| 63 | 94 | ||
| 64 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 95 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 65 | <span v-if="item.prop == 'qszt'"> | 96 | <span v-if="item.prop == 'qszt'"> |
| 66 | {{ getQsztName(row[item.prop]) }} | 97 | {{ getQsztName(row[item.prop]) }} |
| 67 | </span> | 98 | </span> |
| 68 | <span v-else>{{ row[item.prop] }}</span> | 99 | <span v-else>{{ row[item.prop] }}</span> |
| 69 | </p> | 100 | </p> |
| 70 | 101 | ||
| 71 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 102 | <el-tooltip |
| 103 | v-else | ||
| 104 | effect="dark" | ||
| 105 | :content="row[item.prop]" | ||
| 106 | placement="top" | ||
| 107 | popper-class="tooltip-width" | ||
| 108 | > | ||
| 72 | <span class="ellipsis-line"> | 109 | <span class="ellipsis-line"> |
| 73 | {{ row[item.prop] }} | 110 | {{ row[item.prop] }} |
| 74 | </span> | 111 | </span> |
| 75 | </el-tooltip> | 112 | </el-tooltip> |
| 76 | |||
| 77 | </td> | 113 | </td> |
| 78 | <td v-for="count in emptycolNum" :key="~count"></td> | 114 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 79 | </tr> | 115 | </tr> |
| ... | @@ -84,9 +120,9 @@ | ... | @@ -84,9 +120,9 @@ |
| 84 | </template> | 120 | </template> |
| 85 | 121 | ||
| 86 | <script> | 122 | <script> |
| 87 | import { datas } from "./qlxxFormData.js"; | 123 | import { datas } from "./qlxxFormData.js"; |
| 88 | import { getSjlx } from "@/utils/dictionary.js"; | 124 | import { getSjlx } from "@/utils/dictionary.js"; |
| 89 | import { getLqList } from "@/api/djbDetail.js"; | 125 | import { getLqList } from "@/api/djbDetail.js"; |
| 90 | import printTemplate from "./components/printTemplate.vue"; | 126 | import printTemplate from "./components/printTemplate.vue"; |
| 91 | export default { | 127 | export default { |
| 92 | components: { | 128 | components: { |
| ... | @@ -98,7 +134,7 @@ export default { | ... | @@ -98,7 +134,7 @@ export default { |
| 98 | id: "box", | 134 | id: "box", |
| 99 | //其他配置项, | 135 | //其他配置项, |
| 100 | }, | 136 | }, |
| 101 | shows:false, | 137 | shows: false, |
| 102 | title: "林权登记信息", | 138 | title: "林权登记信息", |
| 103 | qsztList: datas.columns().qsztList, | 139 | qsztList: datas.columns().qsztList, |
| 104 | checkList: datas.columns().checkList, | 140 | checkList: datas.columns().checkList, |
| ... | @@ -110,17 +146,47 @@ export default { | ... | @@ -110,17 +146,47 @@ export default { |
| 110 | emptycolNum: datas.columns().emptycolNum, | 146 | emptycolNum: datas.columns().emptycolNum, |
| 111 | //列名称对象 | 147 | //列名称对象 |
| 112 | columns: datas.columns().LDSYQ, | 148 | columns: datas.columns().LDSYQ, |
| 149 | render: false, | ||
| 113 | }; | 150 | }; |
| 114 | }, | 151 | }, |
| 115 | created () { | 152 | created() { |
| 116 | this.loadData(); | 153 | this.loadData(); |
| 117 | }, | 154 | }, |
| 118 | methods: { | 155 | methods: { |
| 119 | /** | 156 | /** |
| 157 | * @description: openPrint | ||
| 158 | * @author: miaofang | ||
| 159 | */ | ||
| 160 | openPrint() { | ||
| 161 | this.render = true; | ||
| 162 | setTimeout(() => { | ||
| 163 | this.prinsss(); | ||
| 164 | }, 100); | ||
| 165 | }, | ||
| 166 | /** | ||
| 167 | * @description: prinsss | ||
| 168 | * @author: miaofang | ||
| 169 | */ | ||
| 170 | prinsss() { | ||
| 171 | printJS({ | ||
| 172 | printable: "boxsllmsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 173 | type: "html", | ||
| 174 | maxWidth: 800, // 最大宽度 | ||
| 175 | font_size: "", // 不设置则使用默认字体大小 | ||
| 176 | style: `@font-face { | ||
| 177 | font-family: "STZHONGS"; | ||
| 178 | src: url(${window.ttf}) format("truetype"); | ||
| 179 | }`, | ||
| 180 | // 继承原来的所有样式 | ||
| 181 | targetStyles: ["*"], | ||
| 182 | }); | ||
| 183 | this.render=false | ||
| 184 | }, | ||
| 185 | /** | ||
| 120 | * @description: loadData | 186 | * @description: loadData |
| 121 | * @author: renchao | 187 | * @author: miaofang |
| 122 | */ | 188 | */ |
| 123 | loadData () { | 189 | loadData() { |
| 124 | if (this.$parent.addRepairRecord) { | 190 | if (this.$parent.addRepairRecord) { |
| 125 | this.columns.unshift({ | 191 | this.columns.unshift({ |
| 126 | prop: "cz", | 192 | prop: "cz", |
| ... | @@ -134,7 +200,7 @@ export default { | ... | @@ -134,7 +200,7 @@ export default { |
| 134 | }).then((res) => { | 200 | }).then((res) => { |
| 135 | if (res.code === 200) { | 201 | if (res.code === 200) { |
| 136 | this.tableData = res.result; | 202 | this.tableData = res.result; |
| 137 | this.shows=this.tableData.length>0 | 203 | this.shows = this.tableData.length > 0; |
| 138 | this.tableData.forEach((item) => { | 204 | this.tableData.forEach((item) => { |
| 139 | item.sjlx = getSjlx(item.sjlx); | 205 | item.sjlx = getSjlx(item.sjlx); |
| 140 | }); | 206 | }); |
| ... | @@ -149,9 +215,9 @@ export default { | ... | @@ -149,9 +215,9 @@ export default { |
| 149 | }, | 215 | }, |
| 150 | /** | 216 | /** |
| 151 | * @description: checkChange | 217 | * @description: checkChange |
| 152 | * @author: renchao | 218 | * @author: miaofang |
| 153 | */ | 219 | */ |
| 154 | checkChange () { | 220 | checkChange() { |
| 155 | if (this.checkList.length === 0) { | 221 | if (this.checkList.length === 0) { |
| 156 | this.tableData = []; | 222 | this.tableData = []; |
| 157 | this.emptycolNum = datas.columns().emptycolNum; | 223 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -162,9 +228,9 @@ export default { | ... | @@ -162,9 +228,9 @@ export default { |
| 162 | /** | 228 | /** |
| 163 | * @description: getQsztName | 229 | * @description: getQsztName |
| 164 | * @param {*} code | 230 | * @param {*} code |
| 165 | * @author: renchao | 231 | * @author: miaofang |
| 166 | */ | 232 | */ |
| 167 | getQsztName (code) { | 233 | getQsztName(code) { |
| 168 | let name = ""; | 234 | let name = ""; |
| 169 | for (let item of this.qsztList) { | 235 | for (let item of this.qsztList) { |
| 170 | if (item.value == code) { | 236 | if (item.value == code) { |
| ... | @@ -179,9 +245,9 @@ export default { | ... | @@ -179,9 +245,9 @@ export default { |
| 179 | * @description: 新增一条补录信息 | 245 | * @description: 新增一条补录信息 |
| 180 | * @param {*} row | 246 | * @param {*} row |
| 181 | * @param {*} del | 247 | * @param {*} del |
| 182 | * @author: renchao | 248 | * @author: miaofang |
| 183 | */ | 249 | */ |
| 184 | editDialog (row, del) { | 250 | editDialog(row, del) { |
| 185 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 251 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 186 | confirmButtonText: "确定", | 252 | confirmButtonText: "确定", |
| 187 | cancelButtonText: "取消", | 253 | cancelButtonText: "取消", |
| ... | @@ -203,12 +269,12 @@ export default { | ... | @@ -203,12 +269,12 @@ export default { |
| 203 | }); | 269 | }); |
| 204 | }, | 270 | }, |
| 205 | }, | 271 | }, |
| 206 | }; | 272 | }; |
| 207 | </script> | 273 | </script> |
| 208 | 274 | ||
| 209 | <style lang="scss" scoped> | 275 | <style lang="scss" scoped> |
| 210 | @import "./qlxxCommon.scss"; | 276 | @import "./qlxxCommon.scss"; |
| 211 | .title { | 277 | .title { |
| 212 | position: relative; | 278 | position: relative; |
| 213 | .print { | 279 | .print { |
| 214 | // background-color: #0079fe; | 280 | // background-color: #0079fe; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxtdsyq" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
| 12 | <div class="title"> | 12 | <div class="title"> |
| 13 | {{ title }} | 13 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> |
| 15 | <div class="checkbox"> | 15 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <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> |
| ... | @@ -100,15 +100,37 @@ export default { | ... | @@ -100,15 +100,37 @@ export default { |
| 100 | emptycolNum: datas.columns().emptycolNum, | 100 | emptycolNum: datas.columns().emptycolNum, |
| 101 | //列名称对象 | 101 | //列名称对象 |
| 102 | columns: datas.columns().TDSYQ, | 102 | columns: datas.columns().TDSYQ, |
| 103 | render:false | ||
| 103 | }; | 104 | }; |
| 104 | }, | 105 | }, |
| 105 | created () { | 106 | created () { |
| 106 | this.loadData(); | 107 | this.loadData(); |
| 107 | }, | 108 | }, |
| 108 | methods: { | 109 | methods: { |
| 110 | openPrint(){ | ||
| 111 | this.render=true | ||
| 112 | setTimeout(() => { | ||
| 113 | this.prinsss() | ||
| 114 | }, 100) | ||
| 115 | }, | ||
| 116 | prinsss(){ | ||
| 117 | printJS({ | ||
| 118 | printable: "boxtdsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 119 | type: "html", | ||
| 120 | maxWidth: 800, // 最大宽度 | ||
| 121 | font_size: "", // 不设置则使用默认字体大小 | ||
| 122 | style: `@font-face { | ||
| 123 | font-family: "STZHONGS"; | ||
| 124 | src: url(${window.ttf}) format("truetype"); | ||
| 125 | }`, | ||
| 126 | // 继承原来的所有样式 | ||
| 127 | targetStyles: ["*"] | ||
| 128 | }); | ||
| 129 | this.render=false | ||
| 130 | }, | ||
| 109 | /** | 131 | /** |
| 110 | * @description: loadData | 132 | * @description: loadData |
| 111 | * @author: renchao | 133 | * @author: miaofang |
| 112 | */ | 134 | */ |
| 113 | loadData () { | 135 | loadData () { |
| 114 | 136 | ||
| ... | @@ -140,7 +162,7 @@ export default { | ... | @@ -140,7 +162,7 @@ export default { |
| 140 | }, | 162 | }, |
| 141 | /** | 163 | /** |
| 142 | * @description: checkChange | 164 | * @description: checkChange |
| 143 | * @author: renchao | 165 | * @author: miaofang |
| 144 | */ | 166 | */ |
| 145 | checkChange () { | 167 | checkChange () { |
| 146 | if (this.checkList.length === 0) { | 168 | if (this.checkList.length === 0) { |
| ... | @@ -153,7 +175,7 @@ export default { | ... | @@ -153,7 +175,7 @@ export default { |
| 153 | /** | 175 | /** |
| 154 | * @description: getQsztName | 176 | * @description: getQsztName |
| 155 | * @param {*} code | 177 | * @param {*} code |
| 156 | * @author: renchao | 178 | * @author: miaofang |
| 157 | */ | 179 | */ |
| 158 | getQsztName (code) { | 180 | getQsztName (code) { |
| 159 | let name = ""; | 181 | let name = ""; |
| ... | @@ -170,7 +192,7 @@ export default { | ... | @@ -170,7 +192,7 @@ export default { |
| 170 | * @description: 新增一条补录信息 | 192 | * @description: 新增一条补录信息 |
| 171 | * @param {*} row | 193 | * @param {*} row |
| 172 | * @param {*} del | 194 | * @param {*} del |
| 173 | * @author: renchao | 195 | * @author: miaofang |
| 174 | */ | 196 | */ |
| 175 | editDialog (row, del) { | 197 | editDialog (row, del) { |
| 176 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 198 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxygdj" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
| 12 | <div class="title"> | 12 | <div class="title"> |
| 13 | {{ title }} | 13 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> |
| 15 | <div class="checkbox"> | 15 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox | 17 | <el-checkbox |
| ... | @@ -108,10 +108,10 @@ export default { | ... | @@ -108,10 +108,10 @@ export default { |
| 108 | }, | 108 | }, |
| 109 | data() { | 109 | data() { |
| 110 | return { | 110 | return { |
| 111 | printObj: { | 111 | // printObj: { |
| 112 | id: "box", | 112 | // id: "box", |
| 113 | //其他配置项, | 113 | // //其他配置项, |
| 114 | }, | 114 | // }, |
| 115 | shows:false, | 115 | shows:false, |
| 116 | title: "预告登记信息", | 116 | title: "预告登记信息", |
| 117 | qsztList: datas.columns().qsztList, | 117 | qsztList: datas.columns().qsztList, |
| ... | @@ -124,15 +124,37 @@ export default { | ... | @@ -124,15 +124,37 @@ export default { |
| 124 | emptycolNum: datas.columns().emptycolNum, | 124 | emptycolNum: datas.columns().emptycolNum, |
| 125 | //列名称对象 | 125 | //列名称对象 |
| 126 | columns: datas.columns().YGDJ, | 126 | columns: datas.columns().YGDJ, |
| 127 | render:false | ||
| 127 | }; | 128 | }; |
| 128 | }, | 129 | }, |
| 129 | created() { | 130 | created() { |
| 130 | this.loadData(); | 131 | this.loadData(); |
| 131 | }, | 132 | }, |
| 132 | methods: { | 133 | methods: { |
| 134 | openPrint(){ | ||
| 135 | this.render=true | ||
| 136 | setTimeout(() => { | ||
| 137 | this.prinsss() | ||
| 138 | }, 100) | ||
| 139 | }, | ||
| 140 | prinsss(){ | ||
| 141 | printJS({ | ||
| 142 | printable: "boxygdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 143 | type: "html", | ||
| 144 | maxWidth: 800, // 最大宽度 | ||
| 145 | font_size: "", // 不设置则使用默认字体大小 | ||
| 146 | style: `@font-face { | ||
| 147 | font-family: "STZHONGS"; | ||
| 148 | src: url(${window.ttf}) format("truetype"); | ||
| 149 | }`, | ||
| 150 | // 继承原来的所有样式 | ||
| 151 | targetStyles: ["*"] | ||
| 152 | }); | ||
| 153 | this.render=false | ||
| 154 | }, | ||
| 133 | /** | 155 | /** |
| 134 | * @description: loadData | 156 | * @description: loadData |
| 135 | * @author: renchao | 157 | * @author: miaofang |
| 136 | */ | 158 | */ |
| 137 | loadData() { | 159 | loadData() { |
| 138 | // 判断是否在登记簿补录调的子页面 | 160 | // 判断是否在登记簿补录调的子页面 |
| ... | @@ -165,7 +187,7 @@ export default { | ... | @@ -165,7 +187,7 @@ export default { |
| 165 | }, | 187 | }, |
| 166 | /** | 188 | /** |
| 167 | * @description: checkChange | 189 | * @description: checkChange |
| 168 | * @author: renchao | 190 | * @author: miaofang |
| 169 | */ | 191 | */ |
| 170 | checkChange() { | 192 | checkChange() { |
| 171 | if (this.checkList.length === 0) { | 193 | if (this.checkList.length === 0) { |
| ... | @@ -178,7 +200,7 @@ export default { | ... | @@ -178,7 +200,7 @@ export default { |
| 178 | /** | 200 | /** |
| 179 | * @description: getQsztName | 201 | * @description: getQsztName |
| 180 | * @param {*} code | 202 | * @param {*} code |
| 181 | * @author: renchao | 203 | * @author: miaofang |
| 182 | */ | 204 | */ |
| 183 | getQsztName(code) { | 205 | getQsztName(code) { |
| 184 | let name = ""; | 206 | let name = ""; |
| ... | @@ -195,7 +217,7 @@ export default { | ... | @@ -195,7 +217,7 @@ export default { |
| 195 | * @description: 新增一条补录信息 | 217 | * @description: 新增一条补录信息 |
| 196 | * @param {*} row | 218 | * @param {*} row |
| 197 | * @param {*} del | 219 | * @param {*} del |
| 198 | * @author: renchao | 220 | * @author: miaofang |
| 199 | */ | 221 | */ |
| 200 | editDialog(row, del) { | 222 | editDialog(row, del) { |
| 201 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 223 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 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"> | 8 | <div v-show="false"> |
| 9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
| 10 | id="boxyydj" | ||
| 11 | :propsParam="propsParam" | ||
| 12 | :tableData="tableData" | ||
| 13 | :render="render" | ||
| 14 | /> | ||
| 10 | </div> | 15 | </div> |
| 11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
| 12 | <div class="title"> | 17 | <div class="title"> |
| 13 | {{ title }} | 18 | {{ title }} |
| 14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
| 20 | >打印</el-button | ||
| 21 | > | ||
| 15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
| 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 17 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 24 | <el-checkbox |
| 25 | v-for="item in qsztList" | ||
| 26 | :key="item.value" | ||
| 27 | :label="item.value" | ||
| 28 | >{{ item.label }}</el-checkbox | ||
| 29 | > | ||
| 18 | </el-checkbox-group> | 30 | </el-checkbox-group> |
| 19 | </div> | 31 | </div> |
| 20 | </div> | 32 | </div> |
| ... | @@ -24,7 +36,10 @@ | ... | @@ -24,7 +36,10 @@ |
| 24 | <td> | 36 | <td> |
| 25 | {{ item.label }} | 37 | {{ item.label }} |
| 26 | </td> | 38 | </td> |
| 27 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 39 | <td |
| 40 | v-for="(row, index) in tableData" | ||
| 41 | :key="index" | ||
| 42 | :class="[ | ||
| 28 | row.qszt == '2' ? 'lishi' : '', | 43 | row.qszt == '2' ? 'lishi' : '', |
| 29 | row.qszt == '0' ? 'linshi' : '', | 44 | row.qszt == '0' ? 'linshi' : '', |
| 30 | row.qlzt == '4' ? 'linshi' : '', | 45 | row.qlzt == '4' ? 'linshi' : '', |
| ... | @@ -32,13 +47,24 @@ | ... | @@ -32,13 +47,24 @@ |
| 32 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 47 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 33 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 48 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
| 34 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 49 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
| 35 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 50 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
| 36 | ]"> | 51 | ]" |
| 52 | > | ||
| 37 | <div class="setbut" v-if="item.prop == 'cz'"> | 53 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 38 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 54 | <el-button |
| 39 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 55 | type="text" |
| 56 | icon="el-icon-edit-outline" | ||
| 57 | @click="editDialog(row)" | ||
| 58 | >编辑</el-button | ||
| 59 | > | ||
| 60 | <el-button | ||
| 61 | type="text" | ||
| 62 | icon="el-icon-edit-outline" | ||
| 63 | @click="editDialog(row, 'D')" | ||
| 64 | >删除</el-button | ||
| 65 | > | ||
| 40 | </div> | 66 | </div> |
| 41 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 67 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
| 42 | 有效 | 68 | 有效 |
| 43 | </div> | 69 | </div> |
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 70 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
| ... | @@ -51,14 +77,20 @@ | ... | @@ -51,14 +77,20 @@ |
| 51 | 正在注销 | 77 | 正在注销 |
| 52 | </div> | 78 | </div> |
| 53 | 79 | ||
| 54 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 80 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
| 55 | <span v-if="item.prop == 'qszt'"> | 81 | <span v-if="item.prop == 'qszt'"> |
| 56 | {{ getQsztName(row[item.prop]) }} | 82 | {{ getQsztName(row[item.prop]) }} |
| 57 | </span> | 83 | </span> |
| 58 | <span v-else>{{ row[item.prop] }}</span> | 84 | <span v-else>{{ row[item.prop] }}</span> |
| 59 | </p> | 85 | </p> |
| 60 | 86 | ||
| 61 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 87 | <el-tooltip |
| 88 | v-else | ||
| 89 | effect="dark" | ||
| 90 | :content="row[item.prop]" | ||
| 91 | placement="top" | ||
| 92 | popper-class="tooltip-width" | ||
| 93 | > | ||
| 62 | <span class="ellipsis-line"> | 94 | <span class="ellipsis-line"> |
| 63 | {{ row[item.prop] }} | 95 | {{ row[item.prop] }} |
| 64 | </span> | 96 | </span> |
| ... | @@ -73,9 +105,9 @@ | ... | @@ -73,9 +105,9 @@ |
| 73 | </template> | 105 | </template> |
| 74 | 106 | ||
| 75 | <script> | 107 | <script> |
| 76 | import { datas } from "./qlxxFormData.js"; | 108 | import { datas } from "./qlxxFormData.js"; |
| 77 | import { getYydjList } from "@/api/djbDetail.js"; | 109 | import { getYydjList } from "@/api/djbDetail.js"; |
| 78 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 110 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 79 | import printTemplate from "./components/printTemplate.vue"; | 111 | import printTemplate from "./components/printTemplate.vue"; |
| 80 | export default { | 112 | export default { |
| 81 | components: { | 113 | components: { |
| ... | @@ -87,7 +119,7 @@ export default { | ... | @@ -87,7 +119,7 @@ export default { |
| 87 | id: "box", | 119 | id: "box", |
| 88 | //其他配置项, | 120 | //其他配置项, |
| 89 | }, | 121 | }, |
| 90 | shows:false, | 122 | shows: false, |
| 91 | title: "异议登记信息", | 123 | title: "异议登记信息", |
| 92 | qsztList: datas.columns().qsztList, | 124 | qsztList: datas.columns().qsztList, |
| 93 | checkList: datas.columns().checkList, | 125 | checkList: datas.columns().checkList, |
| ... | @@ -99,22 +131,44 @@ export default { | ... | @@ -99,22 +131,44 @@ export default { |
| 99 | emptycolNum: datas.columns().emptycolNum, | 131 | emptycolNum: datas.columns().emptycolNum, |
| 100 | //列名称对象 | 132 | //列名称对象 |
| 101 | columns: datas.columns().YYDJ, | 133 | columns: datas.columns().YYDJ, |
| 134 | render: false, | ||
| 102 | }; | 135 | }; |
| 103 | }, | 136 | }, |
| 104 | created () { | 137 | created() { |
| 105 | this.loadData(); | 138 | this.loadData(); |
| 106 | }, | 139 | }, |
| 107 | methods: { | 140 | methods: { |
| 141 | openPrint() { | ||
| 142 | this.render = true; | ||
| 143 | setTimeout(() => { | ||
| 144 | this.prinsss(); | ||
| 145 | }, 100); | ||
| 146 | }, | ||
| 147 | prinsss() { | ||
| 148 | printJS({ | ||
| 149 | printable: "boxyydj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 150 | type: "html", | ||
| 151 | maxWidth: 800, // 最大宽度 | ||
| 152 | font_size: "", // 不设置则使用默认字体大小 | ||
| 153 | style: `@font-face { | ||
| 154 | font-family: "STZHONGS"; | ||
| 155 | src: url(${window.ttf}) format("truetype"); | ||
| 156 | }`, | ||
| 157 | // 继承原来的所有样式 | ||
| 158 | targetStyles: ["*"], | ||
| 159 | }); | ||
| 160 | this.render=false | ||
| 161 | }, | ||
| 108 | /** | 162 | /** |
| 109 | * @description: loadData | 163 | * @description: loadData |
| 110 | * @author: renchao | 164 | * @author: miaofang |
| 111 | */ | 165 | */ |
| 112 | loadData () { | 166 | loadData() { |
| 113 | if (this.$parent.addRepairRecord) { | 167 | if (this.$parent.addRepairRecord) { |
| 114 | this.columns.unshift({ | 168 | this.columns.unshift({ |
| 115 | prop: "cz", | 169 | prop: "cz", |
| 116 | label: "操作" | 170 | label: "操作", |
| 117 | }) | 171 | }); |
| 118 | } | 172 | } |
| 119 | getYydjList({ | 173 | getYydjList({ |
| 120 | bdcdyid: this.propsParam.bdcdyid, | 174 | bdcdyid: this.propsParam.bdcdyid, |
| ... | @@ -123,10 +177,10 @@ export default { | ... | @@ -123,10 +177,10 @@ export default { |
| 123 | }).then((res) => { | 177 | }).then((res) => { |
| 124 | if (res.code === 200) { | 178 | if (res.code === 200) { |
| 125 | this.tableData = res.result; | 179 | this.tableData = res.result; |
| 126 | this.shows=this.tableData.length>0 | 180 | this.shows = this.tableData.length > 0; |
| 127 | this.tableData.forEach((item) => { | 181 | this.tableData.forEach((item) => { |
| 128 | item.sjlx = getSjlx(item.sjlx); | 182 | item.sjlx = getSjlx(item.sjlx); |
| 129 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | 183 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); |
| 130 | }); | 184 | }); |
| 131 | if (this.tableData.length < datas.columns().emptycolNum) { | 185 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 132 | this.emptycolNum = | 186 | this.emptycolNum = |
| ... | @@ -139,9 +193,9 @@ export default { | ... | @@ -139,9 +193,9 @@ export default { |
| 139 | }, | 193 | }, |
| 140 | /** | 194 | /** |
| 141 | * @description: checkChange | 195 | * @description: checkChange |
| 142 | * @author: renchao | 196 | * @author: miaofang |
| 143 | */ | 197 | */ |
| 144 | checkChange () { | 198 | checkChange() { |
| 145 | if (this.checkList.length === 0) { | 199 | if (this.checkList.length === 0) { |
| 146 | this.tableData = []; | 200 | this.tableData = []; |
| 147 | this.emptycolNum = datas.columns().emptycolNum; | 201 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -152,9 +206,9 @@ export default { | ... | @@ -152,9 +206,9 @@ export default { |
| 152 | /** | 206 | /** |
| 153 | * @description: getQsztName | 207 | * @description: getQsztName |
| 154 | * @param {*} code | 208 | * @param {*} code |
| 155 | * @author: renchao | 209 | * @author: miaofang |
| 156 | */ | 210 | */ |
| 157 | getQsztName (code) { | 211 | getQsztName(code) { |
| 158 | let name = ""; | 212 | let name = ""; |
| 159 | for (let item of this.qsztList) { | 213 | for (let item of this.qsztList) { |
| 160 | if (item.value == code) { | 214 | if (item.value == code) { |
| ... | @@ -169,35 +223,36 @@ export default { | ... | @@ -169,35 +223,36 @@ export default { |
| 169 | * @description: 新增一条补录信息 | 223 | * @description: 新增一条补录信息 |
| 170 | * @param {*} row | 224 | * @param {*} row |
| 171 | * @param {*} del | 225 | * @param {*} del |
| 172 | * @author: renchao | 226 | * @author: miaofang |
| 173 | */ | 227 | */ |
| 174 | editDialog (row, del) { | 228 | editDialog(row, del) { |
| 175 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 229 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 176 | confirmButtonText: '确定', | 230 | confirmButtonText: "确定", |
| 177 | cancelButtonText: '取消', | 231 | cancelButtonText: "取消", |
| 178 | type: 'warning' | 232 | type: "warning", |
| 179 | }).then(() => { | 233 | }) |
| 180 | this.$parent.addRepairRecord(row, del) | 234 | .then(() => { |
| 235 | this.$parent.addRepairRecord(row, del); | ||
| 181 | 236 | ||
| 182 | this.$message({ | 237 | this.$message({ |
| 183 | type: 'success', | 238 | type: "success", |
| 184 | message: '补录成功!' | 239 | message: "补录成功!", |
| 185 | }); | 240 | }); |
| 186 | }).catch(() => { | 241 | }) |
| 242 | .catch(() => { | ||
| 187 | this.$message({ | 243 | this.$message({ |
| 188 | type: 'info', | 244 | type: "info", |
| 189 | message: '取消编辑' | 245 | message: "取消编辑", |
| 190 | }); | 246 | }); |
| 191 | }); | 247 | }); |
| 192 | |||
| 193 | }, | 248 | }, |
| 194 | }, | 249 | }, |
| 195 | }; | 250 | }; |
| 196 | </script> | 251 | </script> |
| 197 | 252 | ||
| 198 | <style lang="scss" scoped> | 253 | <style lang="scss" scoped> |
| 199 | @import "./qlxxCommon.scss"; | 254 | @import "./qlxxCommon.scss"; |
| 200 | .title { | 255 | .title { |
| 201 | position: relative; | 256 | position: relative; |
| 202 | .print { | 257 | .print { |
| 203 | // background-color: #0079fe; | 258 | // background-color: #0079fe; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 16:01:19 | 4 | * @LastEditTime: 2023-09-12 14:48:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
| ... | @@ -334,7 +334,6 @@ | ... | @@ -334,7 +334,6 @@ |
| 334 | }) | 334 | }) |
| 335 | }) | 335 | }) |
| 336 | }, | 336 | }, |
| 337 | // 字典 | ||
| 338 | /** | 337 | /** |
| 339 | * @description: 字典 | 338 | * @description: 字典 |
| 340 | * @param {*} val | 339 | * @param {*} val | ... | ... |
src/views/workflow/components/receipt.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: miaofang | ||
| 4 | * @LastEditTime: 2023-07-19 09:52:42 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="fm" id="boxaaa"> | ||
| 8 | <div class="title">不动产登记簿</div> | ||
| 9 | <div class="title">(回执)</div> | ||
| 10 | <p class="bian"> | ||
| 11 | 编号: <span>{{ Receiptdata.sldyList[0].ybdcqzsh||"" }}</span> | ||
| 12 | </p> | ||
| 13 | <div class="texts"> | ||
| 14 | <p class="jsjg">{{ Receiptdata.cfdjList[0].cfjg }}:</p> | ||
| 15 | <p class="concent"> | ||
| 16 | <span>{{ sj }}</span> ,你院协助执行通知书订单号为:<font>{{ | ||
| 17 | Receiptdata.qlxxList[0].ywh||"" | ||
| 18 | }}</font | ||
| 19 | >收悉,具体执行情况如下。 | ||
| 20 | </p> | ||
| 21 | </div> | ||
| 22 | |||
| 23 | <p class="bian">{{ Receiptdata.user.organizationName }}</p> | ||
| 24 | <p class="bian">{{ sj }}(盖章)</p> | ||
| 25 | <table class="xxTable"> | ||
| 26 | <tr> | ||
| 27 | <td>序号</td> | ||
| 28 | <td>坐落</td> | ||
| 29 | <td>控制反馈</td> | ||
| 30 | <td>控制措施</td> | ||
| 31 | </tr> | ||
| 32 | <tr v-for="(item, index) in Receiptdata.sldyList" :key="index"> | ||
| 33 | <td>{{ index + 1 }}</td> | ||
| 34 | <td>{{ item.zl }}</td> | ||
| 35 | <td>已控</td> | ||
| 36 | <td>{{ item.djlxmc }}</td> | ||
| 37 | </tr> | ||
| 38 | </table> | ||
| 39 | </div> | ||
| 40 | </template> | ||
| 41 | |||
| 42 | <script> | ||
| 43 | export default { | ||
| 44 | props: { | ||
| 45 | Receiptdata: { | ||
| 46 | type: Object, | ||
| 47 | default: {}, | ||
| 48 | }, | ||
| 49 | }, | ||
| 50 | data() { | ||
| 51 | return { | ||
| 52 | sj: "", | ||
| 53 | data:false | ||
| 54 | }; | ||
| 55 | }, | ||
| 56 | mounted() { | ||
| 57 | this.loadData(); | ||
| 58 | }, | ||
| 59 | watch: { | ||
| 60 | Receiptdata: { | ||
| 61 | handler(newValue, oldValue) { | ||
| 62 | this.$nextTick(() => { | ||
| 63 | this.Receiptdata = newValue; | ||
| 64 | this.loadData(); | ||
| 65 | }); | ||
| 66 | }, | ||
| 67 | }, | ||
| 68 | }, | ||
| 69 | methods: { | ||
| 70 | /** | ||
| 71 | * @description: loadData | ||
| 72 | * @author: miaofang | ||
| 73 | */ | ||
| 74 | loadData() { | ||
| 75 | let dateTime = new Date(this.Receiptdata.slsq.slsj); | ||
| 76 | let y = dateTime.getFullYear(); | ||
| 77 | let m = dateTime.getMonth() + 1; | ||
| 78 | m = m < 10 ? "0" + m : m; | ||
| 79 | let d = dateTime.getDate(); | ||
| 80 | d = d < 10 ? "0" + d : d; | ||
| 81 | let h = dateTime.getHours(); | ||
| 82 | h = h < 10 ? "0" + h : h; | ||
| 83 | let M = dateTime.getMinutes(); | ||
| 84 | M = M < 10 ? "0" + M : M; | ||
| 85 | let s = dateTime.getSeconds(); | ||
| 86 | s = s < 10 ? "0" + s : s; | ||
| 87 | this.sj = y + "年" + m + "月" + d + "日"; | ||
| 88 | }, | ||
| 89 | }, | ||
| 90 | }; | ||
| 91 | </script> | ||
| 92 | |||
| 93 | <style lang="scss" scoped> | ||
| 94 | #boxaaa{ | ||
| 95 | font { | ||
| 96 | border-bottom: 1px solid #000; | ||
| 97 | display: inline-block; | ||
| 98 | padding: 0 15px; | ||
| 99 | line-height: 16px; | ||
| 100 | } | ||
| 101 | |||
| 102 | .title { | ||
| 103 | height: 60px; | ||
| 104 | display: flex; | ||
| 105 | font-size: 32px; | ||
| 106 | color: #000; | ||
| 107 | justify-content: center; | ||
| 108 | align-items: center; | ||
| 109 | } | ||
| 110 | .bian { | ||
| 111 | text-align: right; | ||
| 112 | } | ||
| 113 | .texts{ | ||
| 114 | margin-top: 40px; | ||
| 115 | margin-bottom: 40px; | ||
| 116 | |||
| 117 | } | ||
| 118 | .jsjg { | ||
| 119 | text-align: left; | ||
| 120 | } | ||
| 121 | .concent { | ||
| 122 | width: 100%; | ||
| 123 | |||
| 124 | line-height: 40px; | ||
| 125 | text-align: left; | ||
| 126 | text-indent: 2em; | ||
| 127 | } | ||
| 128 | p { | ||
| 129 | font-family: serif; | ||
| 130 | } | ||
| 131 | .xxTable { | ||
| 132 | |||
| 133 | width: 100%; | ||
| 134 | border-collapse: collapse; | ||
| 135 | font-family: serif; | ||
| 136 | margin-top: 20px; | ||
| 137 | |||
| 138 | tr td { | ||
| 139 | border: 1px solid #000; | ||
| 140 | text-align: center; | ||
| 141 | height: 40px; | ||
| 142 | line-height: 17px; | ||
| 143 | font-size: 13px; | ||
| 144 | min-width: 80px; | ||
| 145 | z-index: 1; | ||
| 146 | min-width: 80px; | ||
| 147 | padding: 5px; | ||
| 148 | } | ||
| 149 | } | ||
| 150 | } | ||
| 151 | .fm { | ||
| 152 | background: #fff; | ||
| 153 | font-size: 18px; | ||
| 154 | margin: auto; | ||
| 155 | } | ||
| 156 | |||
| 157 | </style> |
| ... | @@ -17,8 +17,10 @@ import { | ... | @@ -17,8 +17,10 @@ import { |
| 17 | unClaimTask, | 17 | unClaimTask, |
| 18 | getZdInfo | 18 | getZdInfo |
| 19 | } from "@/api/workFlow.js"; | 19 | } from "@/api/workFlow.js"; |
| 20 | |||
| 20 | import { getZrzbsmList } from "@/api/search.js"; | 21 | import { getZrzbsmList } from "@/api/search.js"; |
| 21 | import { ywPopupDialog } from "@/utils/popup.js"; | 22 | import { ywPopupDialog } from "@/utils/popup.js"; |
| 23 | |||
| 22 | export default { | 24 | export default { |
| 23 | data () { | 25 | data () { |
| 24 | return { | 26 | return { |
| ... | @@ -73,7 +75,7 @@ export default { | ... | @@ -73,7 +75,7 @@ export default { |
| 73 | * @author: renchao | 75 | * @author: renchao |
| 74 | */ | 76 | */ |
| 75 | operation (item) { | 77 | operation (item) { |
| 76 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | 78 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿,B10:打印回执 |
| 77 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 79 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
| 78 | let that = this; | 80 | let that = this; |
| 79 | switch (item.value) { | 81 | switch (item.value) { |
| ... | @@ -237,6 +239,8 @@ export default { | ... | @@ -237,6 +239,8 @@ export default { |
| 237 | }) | 239 | }) |
| 238 | }) | 240 | }) |
| 239 | break; | 241 | break; |
| 242 | case "B10": | ||
| 243 | break; | ||
| 240 | case "rm": | 244 | case "rm": |
| 241 | this.del() | 245 | this.del() |
| 242 | break; | 246 | break; | ... | ... |
| ... | @@ -210,7 +210,15 @@ | ... | @@ -210,7 +210,15 @@ |
| 210 | box-sizing: border-box; | 210 | box-sizing: border-box; |
| 211 | width: 70px; | 211 | width: 70px; |
| 212 | margin: 0 5px; | 212 | margin: 0 5px; |
| 213 | 213 | div{ | |
| 214 | @include flex-center; | ||
| 215 | cursor: pointer; | ||
| 216 | flex-direction: column; | ||
| 217 | margin-right: 15px; | ||
| 218 | box-sizing: border-box; | ||
| 219 | width: 70px; | ||
| 220 | margin: 0 5px; | ||
| 221 | } | ||
| 214 | .icon { | 222 | .icon { |
| 215 | font-size: 10px; | 223 | font-size: 10px; |
| 216 | } | 224 | } | ... | ... |
This diff is collapsed.
Click to expand it.
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 13:35:33 | 4 | * @LastEditTime: 2023-09-12 15:18:52 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
| 8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData"> | 8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="500" :pagination="false" :data="tableData"> |
| 9 | </lb-table> | 9 | </lb-table> |
| 10 | <div class="text-center"> | 10 | <div class="text-center"> |
| 11 | <el-button @click="handleCancel">取消</el-button> | 11 | <el-button @click="handleCancel">取消</el-button> |
| 12 | <el-button type="primary" @click="handleSubmit" :loading="loading" v-if="formData.ableOperation && tableData.length>0">保存</el-button> | 12 | <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button> |
| 13 | </div> | 13 | </div> |
| 14 | </div> | 14 | </div> |
| 15 | </template> | 15 | </template> |
| ... | @@ -32,37 +32,28 @@ | ... | @@ -32,37 +32,28 @@ |
| 32 | loading: false, | 32 | loading: false, |
| 33 | column: [ | 33 | column: [ |
| 34 | { | 34 | { |
| 35 | width: "50", | 35 | width: '50', |
| 36 | label: '序号', | 36 | renderHeader: (h, scope) => { |
| 37 | type: 'index' | 37 | return <div> { |
| 38 | <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | ||
| 39 | } | ||
| 40 | </div> | ||
| 38 | }, | 41 | }, |
| 39 | { | ||
| 40 | prop: "isrequired", | ||
| 41 | label: "是否必选", | ||
| 42 | width: "80", | ||
| 43 | render: (h, scope) => { | 42 | render: (h, scope) => { |
| 44 | if (scope.row.isrequired === "1") { | ||
| 45 | return ( | 43 | return ( |
| 46 | <div> | 44 | <div> |
| 47 | <span>必选</span> | 45 | { |
| 48 | </div> | 46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> |
| 49 | ); | ||
| 50 | } | 47 | } |
| 51 | else { | ||
| 52 | return ( | ||
| 53 | <div> | ||
| 54 | <span>可选</span> | ||
| 55 | </div> | 48 | </div> |
| 56 | ) | 49 | ) |
| 57 | } | 50 | } |
| 58 | } | ||
| 59 | }, | 51 | }, |
| 60 | { | 52 | { |
| 61 | label: "材料名称", | 53 | label: "材料名称", |
| 62 | render: (h, scope) => { | 54 | render: (h, scope) => { |
| 63 | return ( | 55 | return ( |
| 64 | (this.formData.ableOperation && scope.row.isrequired != '1') ? | 56 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> |
| 65 | <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span> | ||
| 66 | ) | 57 | ) |
| 67 | } | 58 | } |
| 68 | }, | 59 | }, |
| ... | @@ -71,9 +62,8 @@ | ... | @@ -71,9 +62,8 @@ |
| 71 | width: "110", | 62 | width: "110", |
| 72 | render: (h, scope) => { | 63 | render: (h, scope) => { |
| 73 | return ( | 64 | return ( |
| 74 | this.formData.ableOperation ? | 65 | <el-select value={scope.row.cllx} |
| 75 | <el-select value={scope.row.sjlx} | 66 | onChange={(val) => { scope.row.cllx = val }}> |
| 76 | onChange={(val) => { scope.row.sjlx = val }}> | ||
| 77 | { | 67 | { |
| 78 | store.getters.dictData['A40'].map(option => { | 68 | store.getters.dictData['A40'].map(option => { |
| 79 | return ( | 69 | return ( |
| ... | @@ -81,22 +71,16 @@ | ... | @@ -81,22 +71,16 @@ |
| 81 | ) | 71 | ) |
| 82 | }) | 72 | }) |
| 83 | } | 73 | } |
| 84 | </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | 74 | </el-select> |
| 85 | ) | 75 | ) |
| 86 | } | 76 | } |
| 87 | }, | 77 | }, |
| 88 | { | 78 | { |
| 89 | prop: "sjsl", | ||
| 90 | label: "份数", | 79 | label: "份数", |
| 91 | width: "50", | 80 | width: "50", |
| 92 | render: (h, scope) => { | 81 | render: (h, scope) => { |
| 93 | return ( | 82 | return ( |
| 94 | <div> | 83 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> |
| 95 | { | ||
| 96 | scope.row.sjsl ? | ||
| 97 | <span>{scope.row.sjsl}</span> : 1 | ||
| 98 | } | ||
| 99 | </div> | ||
| 100 | ) | 84 | ) |
| 101 | } | 85 | } |
| 102 | }, | 86 | }, |
| ... | @@ -147,7 +131,7 @@ | ... | @@ -147,7 +131,7 @@ |
| 147 | <div> | 131 | <div> |
| 148 | <el-button | 132 | <el-button |
| 149 | type="text" | 133 | type="text" |
| 150 | disabled={scope.$index == 0 || !this.formData.ableOperation} | 134 | disabled={scope.$index == 0} |
| 151 | onClick={() => { | 135 | onClick={() => { |
| 152 | this.moveUpward(scope.$index, scope.row); | 136 | this.moveUpward(scope.$index, scope.row); |
| 153 | }} | 137 | }} |
| ... | @@ -156,16 +140,13 @@ | ... | @@ -156,16 +140,13 @@ |
| 156 | </el-button> | 140 | </el-button> |
| 157 | <el-button | 141 | <el-button |
| 158 | type="text" | 142 | type="text" |
| 159 | disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} | 143 | disabled={scope.$index + 1 == this.tableData.length} |
| 160 | onClick={() => { | 144 | onClick={() => { |
| 161 | this.moveDown(scope.$index, scope.row); | 145 | this.moveDown(scope.$index, scope.row); |
| 162 | }} | 146 | }} |
| 163 | > | 147 | > |
| 164 | 下移 | 148 | 下移 |
| 165 | </el-button> | 149 | </el-button> |
| 166 | <i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => { | ||
| 167 | this.handleDelete(scope.$index, scope.row); | ||
| 168 | }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i> | ||
| 169 | </div > | 150 | </div > |
| 170 | ) | 151 | ) |
| 171 | } | 152 | } |
| ... | @@ -188,6 +169,15 @@ | ... | @@ -188,6 +169,15 @@ |
| 188 | handleCancel () { | 169 | handleCancel () { |
| 189 | ywPopupCacel() | 170 | ywPopupCacel() |
| 190 | }, | 171 | }, |
| 172 | handleAdd () { | ||
| 173 | this.tableData.push({ | ||
| 174 | clmc: '', | ||
| 175 | cllx: '1', | ||
| 176 | sjsl: '', | ||
| 177 | smzt: '', | ||
| 178 | count: 0 | ||
| 179 | }) | ||
| 180 | }, | ||
| 191 | handleSubmit () { | 181 | handleSubmit () { |
| 192 | this.loading = true | 182 | this.loading = true |
| 193 | updateClml(this.tableData).then(res => { | 183 | updateClml(this.tableData).then(res => { |
| ... | @@ -311,25 +301,6 @@ | ... | @@ -311,25 +301,6 @@ |
| 311 | message: '已取消删除' | 301 | message: '已取消删除' |
| 312 | }) | 302 | }) |
| 313 | }) | 303 | }) |
| 314 | }, | ||
| 315 | // 字典 | ||
| 316 | /** | ||
| 317 | * @description: 字典 | ||
| 318 | * @param {*} val | ||
| 319 | * @param {*} code | ||
| 320 | * @author: renchao | ||
| 321 | */ | ||
| 322 | dicStatus (val, code) { | ||
| 323 | let data = store.getters.dictData[code], | ||
| 324 | name = "暂无"; | ||
| 325 | if (data) { | ||
| 326 | data.map((item) => { | ||
| 327 | if (item.dcode == val) { | ||
| 328 | name = item.dname; | ||
| 329 | } | ||
| 330 | }); | ||
| 331 | return name; | ||
| 332 | } | ||
| 333 | } | 304 | } |
| 334 | } | 305 | } |
| 335 | } | 306 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 08:51:36 | 4 | * @LastEditTime: 2023-09-12 13:46:29 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> | 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> |
| 12 | <i class="el-icon-arrow-right"></i> | 12 | <i class="el-icon-arrow-right"></i> |
| 13 | </div> | 13 | </div> |
| 14 | <div class="img-list-wrap"> | 14 | <div class="img-list-wrap" v-Loading="loading"> |
| 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> |
| 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> |
| 17 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | 17 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
| ... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
| 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
| 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
| 36 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
| 37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | 37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button> |
| 38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | 38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> |
| 39 | </div> | 39 | </div> |
| 40 | </div> | 40 | </div> |
| ... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
| 73 | }, | 73 | }, |
| 74 | data () { | 74 | data () { |
| 75 | return { | 75 | return { |
| 76 | loading: false, | ||
| 76 | key: 0, | 77 | key: 0, |
| 77 | isScan: false, | 78 | isScan: false, |
| 78 | // 打开高拍仪 | 79 | // 打开高拍仪 |
| ... | @@ -125,18 +126,19 @@ | ... | @@ -125,18 +126,19 @@ |
| 125 | handleOpenScan () { | 126 | handleOpenScan () { |
| 126 | this.isScan = !this.isScan | 127 | this.isScan = !this.isScan |
| 127 | if (this.isScan) { | 128 | if (this.isScan) { |
| 129 | this.loading = true | ||
| 128 | this.$message({ | 130 | this.$message({ |
| 129 | message: '正在启动程序请稍等', | 131 | message: '正在启动程序请稍等', |
| 130 | type: 'success' | 132 | type: 'success' |
| 131 | }) | 133 | }) |
| 132 | setTimeout(() => { | 134 | setTimeout(() => { |
| 133 | this.scanTitle = '关闭高拍仪' | 135 | this.scanTitle = '关闭高拍仪' |
| 134 | }, 4000) | 136 | this.loading = false |
| 137 | }, 3000) | ||
| 135 | } else { | 138 | } else { |
| 136 | this.scanTitle = '打开高拍仪' | 139 | this.scanTitle = '打开高拍仪' |
| 137 | } | 140 | } |
| 138 | }, | 141 | }, |
| 139 | // 左右移动 | ||
| 140 | /** | 142 | /** |
| 141 | * @description: 左右移动 | 143 | * @description: 左右移动 |
| 142 | * @param {*} direction | 144 | * @param {*} direction |
| ... | @@ -144,11 +146,20 @@ | ... | @@ -144,11 +146,20 @@ |
| 144 | */ | 146 | */ |
| 145 | handleMove (direction) { | 147 | handleMove (direction) { |
| 146 | move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => { | 148 | move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => { |
| 149 | if (res.code == 200) { | ||
| 150 | if (direction == 'left') { | ||
| 151 | this.previewImg.index = this.previewImg.index - 1 | ||
| 152 | } else { | ||
| 153 | this.previewImg.index = this.previewImg.index + 1 | ||
| 154 | } | ||
| 147 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | 155 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) |
| 148 | this.$message({ | 156 | this.$message({ |
| 149 | message: '移动成功!', | 157 | message: '移动成功!', |
| 150 | type: 'success' | 158 | type: 'success' |
| 151 | }) | 159 | }) |
| 160 | } else { | ||
| 161 | this.$message.error(res.message); | ||
| 162 | } | ||
| 152 | }) | 163 | }) |
| 153 | }, | 164 | }, |
| 154 | /** | 165 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 11:26:18 | 4 | * @LastEditTime: 2023-09-12 13:39:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -293,7 +293,6 @@ | ... | @@ -293,7 +293,6 @@ |
| 293 | * @author: renchao | 293 | * @author: renchao |
| 294 | */ | 294 | */ |
| 295 | ywhClick (item) { | 295 | ywhClick (item) { |
| 296 | sessionStorage.removeItem('keyPath') | ||
| 297 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 296 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
| 298 | judgeUserTaskPermission({ | 297 | judgeUserTaskPermission({ |
| 299 | bsmSlsq: item.bsmSlsq, | 298 | bsmSlsq: item.bsmSlsq, | ... | ... |
| ... | @@ -386,7 +386,7 @@ | ... | @@ -386,7 +386,7 @@ |
| 386 | } | 386 | } |
| 387 | this.ruleForm.qlrList.forEach((item) => { | 387 | this.ruleForm.qlrList.forEach((item) => { |
| 388 | if (item.sfczr == 1) { | 388 | if (item.sfczr == 1) { |
| 389 | this.czr = item.sqrmc; | 389 | this.czr = item.zjh |
| 390 | } | 390 | } |
| 391 | }); | 391 | }); |
| 392 | }).catch(() => { | 392 | }).catch(() => { |
| ... | @@ -506,7 +506,7 @@ | ... | @@ -506,7 +506,7 @@ |
| 506 | } | 506 | } |
| 507 | this.num = 0 | 507 | this.num = 0 |
| 508 | this.ruleForm.qlrList.forEach(item => { | 508 | this.ruleForm.qlrList.forEach(item => { |
| 509 | if (item.sqrmc == this.czr) { | 509 | if (item.zjh == this.czr) { |
| 510 | this.num++ | 510 | this.num++ |
| 511 | } | 511 | } |
| 512 | }) | 512 | }) | ... | ... |
| ... | @@ -281,7 +281,7 @@ | ... | @@ -281,7 +281,7 @@ |
| 281 | }; | 281 | }; |
| 282 | this.ruleForm.qlrList.forEach((item) => { | 282 | this.ruleForm.qlrList.forEach((item) => { |
| 283 | if (item.sfczr == 1) { | 283 | if (item.sfczr == 1) { |
| 284 | this.czr = item.sqrmc; | 284 | this.czr = item.zjh |
| 285 | } | 285 | } |
| 286 | }); | 286 | }); |
| 287 | this.czrOptions = this.ruleForm.qlrList; | 287 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -355,7 +355,7 @@ | ... | @@ -355,7 +355,7 @@ |
| 355 | } | 355 | } |
| 356 | this.num = 0 | 356 | this.num = 0 |
| 357 | this.ruleForm.qlrList.forEach(item => { | 357 | this.ruleForm.qlrList.forEach(item => { |
| 358 | if (item.sqrmc == this.czr) { | 358 | if (item.zjh == this.czr) { |
| 359 | this.num++ | 359 | this.num++ |
| 360 | } | 360 | } |
| 361 | }) | 361 | }) | ... | ... |
| ... | @@ -436,7 +436,7 @@ | ... | @@ -436,7 +436,7 @@ |
| 436 | }; | 436 | }; |
| 437 | this.ruleForm.qlrList.forEach((item) => { | 437 | this.ruleForm.qlrList.forEach((item) => { |
| 438 | if (item.sfczr == 1) { | 438 | if (item.sfczr == 1) { |
| 439 | this.czr = item.sqrmc; | 439 | this.czr = item.zjh |
| 440 | } | 440 | } |
| 441 | }); | 441 | }); |
| 442 | this.czrOptions = this.ruleForm.qlrList; | 442 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -513,7 +513,7 @@ | ... | @@ -513,7 +513,7 @@ |
| 513 | this.czrOptions = this.ruleForm.qlrList; | 513 | this.czrOptions = this.ruleForm.qlrList; |
| 514 | this.num = 0 | 514 | this.num = 0 |
| 515 | this.ruleForm.qlrList.forEach(item => { | 515 | this.ruleForm.qlrList.forEach(item => { |
| 516 | if (item.sqrmc == this.czr) { | 516 | if (item.zjh == this.czr) { |
| 517 | this.num++ | 517 | this.num++ |
| 518 | } | 518 | } |
| 519 | }) | 519 | }) | ... | ... |
| ... | @@ -295,7 +295,7 @@ | ... | @@ -295,7 +295,7 @@ |
| 295 | }; | 295 | }; |
| 296 | this.ruleForm.qlrList.forEach((item) => { | 296 | this.ruleForm.qlrList.forEach((item) => { |
| 297 | if (item.sfczr == 1) { | 297 | if (item.sfczr == 1) { |
| 298 | this.czr = item.sqrmc; | 298 | this.czr = item.zjh |
| 299 | } | 299 | } |
| 300 | }); | 300 | }); |
| 301 | this.czrOptions = this.ruleForm.qlrList; | 301 | this.czrOptions = this.ruleForm.qlrList; | ... | ... |
| ... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
| 11 | ref="ruleForm" | 11 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 13 | :inline="flag" |
| 14 | label-width="130px" | 14 | label-width="130px"> |
| 15 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
| 18 | 申请业务信息 | 17 | 申请业务信息 |
| ... | @@ -40,16 +39,14 @@ | ... | @@ -40,16 +39,14 @@ |
| 40 | <el-form-item label="权利类型:"> | 39 | <el-form-item label="权利类型:"> |
| 41 | <el-input | 40 | <el-input |
| 42 | disabled | 41 | disabled |
| 43 | v-model="ruleForm.sldyList[0].qllxmc" | 42 | v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
| 44 | ></el-input> | ||
| 45 | </el-form-item> | 43 | </el-form-item> |
| 46 | </el-col> | 44 | </el-col> |
| 47 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> | 45 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> |
| 48 | <el-form-item label="登记类型:"> | 46 | <el-form-item label="登记类型:"> |
| 49 | <el-input | 47 | <el-input |
| 50 | disabled | 48 | disabled |
| 51 | v-model="ruleForm.sldyList[0].djlxmc" | 49 | v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
| 52 | ></el-input> | ||
| 53 | </el-form-item> | 50 | </el-form-item> |
| 54 | </el-col> | 51 | </el-col> |
| 55 | <el-col :span="8"> | 52 | <el-col :span="8"> |
| ... | @@ -70,14 +67,12 @@ | ... | @@ -70,14 +67,12 @@ |
| 70 | <el-select | 67 | <el-select |
| 71 | disabled | 68 | disabled |
| 72 | v-model="ruleForm.zdjbxx.mjdw" | 69 | v-model="ruleForm.zdjbxx.mjdw" |
| 73 | style="width: 68px" | 70 | style="width: 68px"> |
| 74 | > | ||
| 75 | <el-option | 71 | <el-option |
| 76 | v-for="item in dictData['A7']" | 72 | v-for="item in dictData['A7']" |
| 77 | :key="item.dcode" | 73 | :key="item.dcode" |
| 78 | :label="item.dname" | 74 | :label="item.dname" |
| 79 | :value="item.dcode" | 75 | :value="item.dcode"></el-option> |
| 80 | ></el-option> | ||
| 81 | </el-select> | 76 | </el-select> |
| 82 | </div> | 77 | </div> |
| 83 | </el-form-item> | 78 | </el-form-item> |
| ... | @@ -151,8 +146,7 @@ | ... | @@ -151,8 +146,7 @@ |
| 151 | <el-form-item label="共有方式:"> | 146 | <el-form-item label="共有方式:"> |
| 152 | <el-radio-group | 147 | <el-radio-group |
| 153 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit" |
| 154 | v-model="ruleForm.sldyList[0].gyfs" | 149 | v-model="ruleForm.sldyList[0].gyfs"> |
| 155 | > | ||
| 156 | <el-radio label="0">单独所有</el-radio> | 150 | <el-radio label="0">单独所有</el-radio> |
| 157 | <el-radio label="1">共同共有</el-radio> | 151 | <el-radio label="1">共同共有</el-radio> |
| 158 | <el-radio label="2">按份所有</el-radio> | 152 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -166,8 +160,7 @@ | ... | @@ -166,8 +160,7 @@ |
| 166 | <el-radio-group | 160 | <el-radio-group |
| 167 | v-model="ruleForm.sldyList[0].sqfbcz" | 161 | v-model="ruleForm.sldyList[0].sqfbcz" |
| 168 | :disabled="!viewEdit" | 162 | :disabled="!viewEdit" |
| 169 | @input="updaterow()" | 163 | @input="updaterow()"> |
| 170 | > | ||
| 171 | <el-radio :label="1">是</el-radio> | 164 | <el-radio :label="1">是</el-radio> |
| 172 | <el-radio :label="0">否</el-radio> | 165 | <el-radio :label="0">否</el-radio> |
| 173 | </el-radio-group> | 166 | </el-radio-group> |
| ... | @@ -178,20 +171,17 @@ | ... | @@ -178,20 +171,17 @@ |
| 178 | v-if=" | 171 | v-if=" |
| 179 | ruleForm.sldyList[0].gyfs != 0 && | 172 | ruleForm.sldyList[0].gyfs != 0 && |
| 180 | ruleForm.sldyList[0].sqfbcz == '0' | 173 | ruleForm.sldyList[0].sqfbcz == '0' |
| 181 | " | 174 | "> |
| 182 | > | ||
| 183 | <el-form-item label="持证人:"> | 175 | <el-form-item label="持证人:"> |
| 184 | <el-select | 176 | <el-select |
| 185 | v-model="czr" | 177 | v-model="czr" |
| 186 | placeholder="持证人" | 178 | placeholder="持证人" |
| 187 | :disabled="!viewEdit" | 179 | :disabled="!viewEdit"> |
| 188 | > | ||
| 189 | <el-option | 180 | <el-option |
| 190 | v-for="item in czrOptions" | 181 | v-for="item in czrOptions" |
| 191 | :key="item.zjh" | 182 | :key="item.zjh" |
| 192 | :label="item.sqrmc" | 183 | :label="item.sqrmc" |
| 193 | :value="item.zjh" | 184 | :value="item.zjh"></el-option> |
| 194 | ></el-option> | ||
| 195 | </el-select> | 185 | </el-select> |
| 196 | </el-form-item> | 186 | </el-form-item> |
| 197 | </el-col> | 187 | </el-col> |
| ... | @@ -200,8 +190,7 @@ | ... | @@ -200,8 +190,7 @@ |
| 200 | :disabled="viewEdit" | 190 | :disabled="viewEdit" |
| 201 | @upDateQlrxxList="upDateQlrxxList" | 191 | @upDateQlrxxList="upDateQlrxxList" |
| 202 | :tableData="ruleForm.qlrList" | 192 | :tableData="ruleForm.qlrList" |
| 203 | :gyfs="ruleForm.sldyList[0].gyfs" | 193 | :gyfs="ruleForm.sldyList[0].gyfs" /> |
| 204 | /> | ||
| 205 | <div class="slxx_title title-block"> | 194 | <div class="slxx_title title-block"> |
| 206 | 登记原因 | 195 | 登记原因 |
| 207 | <div class="triangle"></div> | 196 | <div class="triangle"></div> |
| ... | @@ -215,8 +204,7 @@ | ... | @@ -215,8 +204,7 @@ |
| 215 | maxlength="500" | 204 | maxlength="500" |
| 216 | show-word-limit | 205 | show-word-limit |
| 217 | :disabled="!viewEdit" | 206 | :disabled="!viewEdit" |
| 218 | v-model="ruleForm.fdcq2List[0].djyy" | 207 | v-model="ruleForm.fdcq2List[0].djyy"> |
| 219 | > | ||
| 220 | </el-input> | 208 | </el-input> |
| 221 | </el-form-item> | 209 | </el-form-item> |
| 222 | </el-col> | 210 | </el-col> |
| ... | @@ -231,16 +219,16 @@ | ... | @@ -231,16 +219,16 @@ |
| 231 | </div> | 219 | </div> |
| 232 | </template> | 220 | </template> |
| 233 | <script> | 221 | <script> |
| 234 | import ywmix from "@/views/ywbl/mixin/index"; | 222 | import ywmix from "@/views/ywbl/mixin/index"; |
| 235 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 223 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 236 | import { | 224 | import { |
| 237 | BatchInit, | 225 | BatchInit, |
| 238 | Init, | 226 | Init, |
| 239 | saveBatchData, | 227 | saveBatchData, |
| 240 | saveData, | 228 | saveData, |
| 241 | } from "@/api/workflow/fwsyqFlow.js"; | 229 | } from "@/api/workflow/fwsyqFlow.js"; |
| 242 | import { mapGetters } from "vuex"; | 230 | import { mapGetters } from "vuex"; |
| 243 | export default { | 231 | export default { |
| 244 | mixins: [ywmix], | 232 | mixins: [ywmix], |
| 245 | computed: { | 233 | computed: { |
| 246 | ...mapGetters(["dictData", "flag"]), | 234 | ...mapGetters(["dictData", "flag"]), |
| ... | @@ -253,10 +241,10 @@ export default { | ... | @@ -253,10 +241,10 @@ export default { |
| 253 | * @param {*} val | 241 | * @param {*} val |
| 254 | * @author: renchao | 242 | * @author: renchao |
| 255 | */ | 243 | */ |
| 256 | upDateYwrxxList(val) { | 244 | upDateYwrxxList (val) { |
| 257 | this.ruleForm.ywrList = _.cloneDeep(val); | 245 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 258 | }, | 246 | }, |
| 259 | data() { | 247 | data () { |
| 260 | return { | 248 | return { |
| 261 | disabled: true, | 249 | disabled: true, |
| 262 | tdytOption: [], | 250 | tdytOption: [], |
| ... | @@ -294,7 +282,7 @@ export default { | ... | @@ -294,7 +282,7 @@ export default { |
| 294 | }, | 282 | }, |
| 295 | }; | 283 | }; |
| 296 | }, | 284 | }, |
| 297 | mounted(callbackfn, thisArg) { | 285 | mounted (callbackfn, thisArg) { |
| 298 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 286 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 299 | this.propsParam = this.$attrs; | 287 | this.propsParam = this.$attrs; |
| 300 | var formdata = new FormData(); | 288 | var formdata = new FormData(); |
| ... | @@ -311,7 +299,7 @@ export default { | ... | @@ -311,7 +299,7 @@ export default { |
| 311 | } | 299 | } |
| 312 | this.ruleForm.qlrList.forEach((item) => { | 300 | this.ruleForm.qlrList.forEach((item) => { |
| 313 | if (item.sfczr == 1) { | 301 | if (item.sfczr == 1) { |
| 314 | this.czr = item.sqrmc; | 302 | this.czr = item.zjh |
| 315 | } | 303 | } |
| 316 | }); | 304 | }); |
| 317 | }); | 305 | }); |
| ... | @@ -322,7 +310,7 @@ export default { | ... | @@ -322,7 +310,7 @@ export default { |
| 322 | * @description: 组装房地产权通用信息 | 310 | * @description: 组装房地产权通用信息 |
| 323 | * @author: renchao | 311 | * @author: renchao |
| 324 | */ | 312 | */ |
| 325 | splicingFdcq2Info() { | 313 | splicingFdcq2Info () { |
| 326 | let fdcq2List = this.ruleForm.fdcq2List; | 314 | let fdcq2List = this.ruleForm.fdcq2List; |
| 327 | let fwxzArr = []; | 315 | let fwxzArr = []; |
| 328 | let fwjgArr = []; | 316 | let fwjgArr = []; |
| ... | @@ -347,7 +335,7 @@ export default { | ... | @@ -347,7 +335,7 @@ export default { |
| 347 | * @param {*} val | 335 | * @param {*} val |
| 348 | * @author: renchao | 336 | * @author: renchao |
| 349 | */ | 337 | */ |
| 350 | upDateQlrxxList(val) { | 338 | upDateQlrxxList (val) { |
| 351 | this.ruleForm.qlrList = _.cloneDeep(val); | 339 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 352 | this.czrOptions = this.ruleForm.qlrList; | 340 | this.czrOptions = this.ruleForm.qlrList; |
| 353 | }, | 341 | }, |
| ... | @@ -359,7 +347,7 @@ export default { | ... | @@ -359,7 +347,7 @@ export default { |
| 359 | * @param {*} val | 347 | * @param {*} val |
| 360 | * @author: renchao | 348 | * @author: renchao |
| 361 | */ | 349 | */ |
| 362 | updaterow() { | 350 | updaterow () { |
| 363 | this.czr = ""; | 351 | this.czr = ""; |
| 364 | }, | 352 | }, |
| 365 | // 更新义务人信息 | 353 | // 更新义务人信息 |
| ... | @@ -368,14 +356,14 @@ export default { | ... | @@ -368,14 +356,14 @@ export default { |
| 368 | * @param {*} val | 356 | * @param {*} val |
| 369 | * @author: renchao | 357 | * @author: renchao |
| 370 | */ | 358 | */ |
| 371 | upDateYwrxxList(val) { | 359 | upDateYwrxxList (val) { |
| 372 | this.ruleForm.ywrList = _.cloneDeep(val); | 360 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 373 | }, | 361 | }, |
| 374 | /** | 362 | /** |
| 375 | * @description: onSubmit | 363 | * @description: onSubmit |
| 376 | * @author: renchao | 364 | * @author: renchao |
| 377 | */ | 365 | */ |
| 378 | onSubmit() { | 366 | onSubmit () { |
| 379 | let that = this; | 367 | let that = this; |
| 380 | if (this.ruleForm.qlrList.length == 0) { | 368 | if (this.ruleForm.qlrList.length == 0) { |
| 381 | this.$message({ | 369 | this.$message({ |
| ... | @@ -447,55 +435,55 @@ export default { | ... | @@ -447,55 +435,55 @@ export default { |
| 447 | }); | 435 | }); |
| 448 | }, | 436 | }, |
| 449 | }, | 437 | }, |
| 450 | }; | 438 | }; |
| 451 | </script> | 439 | </script> |
| 452 | <style scoped lang="scss"> | 440 | <style scoped lang="scss"> |
| 453 | @import "~@/styles/public.scss"; | 441 | @import "~@/styles/public.scss"; |
| 454 | 442 | ||
| 455 | /deep/.el-form { | 443 | /deep/.el-form { |
| 456 | display: flex; | 444 | display: flex; |
| 457 | flex-direction: column; | 445 | flex-direction: column; |
| 458 | height: calc(100vh - 130px); | 446 | height: calc(100vh - 130px); |
| 459 | } | 447 | } |
| 460 | 448 | ||
| 461 | /deep/.el-form-item__label { | 449 | /deep/.el-form-item__label { |
| 462 | padding: 0; | 450 | padding: 0; |
| 463 | } | 451 | } |
| 464 | 452 | ||
| 465 | /deep/.el-radio { | 453 | /deep/.el-radio { |
| 466 | margin-right: 10px; | 454 | margin-right: 10px; |
| 467 | } | 455 | } |
| 468 | 456 | ||
| 469 | /deep/.el-select { | 457 | /deep/.el-select { |
| 470 | width: 100%; | 458 | width: 100%; |
| 471 | } | 459 | } |
| 472 | 460 | ||
| 473 | /deep/.el-form-item { | 461 | /deep/.el-form-item { |
| 474 | margin-bottom: 8px; | 462 | margin-bottom: 8px; |
| 475 | } | 463 | } |
| 476 | 464 | ||
| 477 | .marginBot0 { | 465 | .marginBot0 { |
| 478 | margin-bottom: 0 !important; | 466 | margin-bottom: 0 !important; |
| 479 | } | 467 | } |
| 480 | 468 | ||
| 481 | .slxx { | 469 | .slxx { |
| 482 | box-sizing: border-box; | 470 | box-sizing: border-box; |
| 483 | } | 471 | } |
| 484 | 472 | ||
| 485 | .slxx_con { | 473 | .slxx_con { |
| 486 | flex: 1; | 474 | flex: 1; |
| 487 | height: 100%; | 475 | height: 100%; |
| 488 | background-color: #ffffff; | 476 | background-color: #ffffff; |
| 489 | overflow-y: auto; | 477 | overflow-y: auto; |
| 490 | padding-right: 3px; | 478 | padding-right: 3px; |
| 491 | overflow-x: hidden; | 479 | overflow-x: hidden; |
| 492 | } | 480 | } |
| 493 | 481 | ||
| 494 | .submit_btn { | 482 | .submit_btn { |
| 495 | height: 50px; | 483 | height: 50px; |
| 496 | } | 484 | } |
| 497 | 485 | ||
| 498 | .slxx_title { | 486 | .slxx_title { |
| 499 | border-bottom: 1px solid $borderColor; | 487 | border-bottom: 1px solid $borderColor; |
| 500 | padding-left: 10px; | 488 | padding-left: 10px; |
| 501 | padding-bottom: 5px; | 489 | padding-bottom: 5px; |
| ... | @@ -504,23 +492,23 @@ export default { | ... | @@ -504,23 +492,23 @@ export default { |
| 504 | font-size: 16px; | 492 | font-size: 16px; |
| 505 | font-weight: 500; | 493 | font-weight: 500; |
| 506 | color: #4a4a4a; | 494 | color: #4a4a4a; |
| 507 | } | 495 | } |
| 508 | 496 | ||
| 509 | .btn { | 497 | .btn { |
| 510 | text-align: center; | 498 | text-align: center; |
| 511 | padding-top: 10px; | 499 | padding-top: 10px; |
| 512 | height: 36px; | 500 | height: 36px; |
| 513 | background-color: #ffffff; | 501 | background-color: #ffffff; |
| 514 | padding: 5px 0; | 502 | padding: 5px 0; |
| 515 | } | 503 | } |
| 516 | 504 | ||
| 517 | .textArea { | 505 | .textArea { |
| 518 | /deep/.el-textarea__inner { | 506 | /deep/.el-textarea__inner { |
| 519 | min-height: 90px !important; | 507 | min-height: 90px !important; |
| 520 | } | 508 | } |
| 521 | } | 509 | } |
| 522 | 510 | ||
| 523 | /deep/.el-form-item__label { | 511 | /deep/.el-form-item__label { |
| 524 | padding-bottom: 0px; | 512 | padding-bottom: 0px; |
| 525 | } | 513 | } |
| 526 | </style> | 514 | </style> | ... | ... |
| ... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
| 12 | ref="ruleForm" | 12 | ref="ruleForm" |
| 13 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
| 14 | :inline="flag" | 14 | :inline="flag" |
| 15 | label-width="120px" | 15 | label-width="120px"> |
| 16 | > | ||
| 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 18 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
| 19 | 申请业务信息 | 18 | 申请业务信息 |
| ... | @@ -44,14 +43,12 @@ | ... | @@ -44,14 +43,12 @@ |
| 44 | v-model="ruleForm.qllx" | 43 | v-model="ruleForm.qllx" |
| 45 | filterable | 44 | filterable |
| 46 | clearable | 45 | clearable |
| 47 | placeholder="请选择权利类型" | 46 | placeholder="请选择权利类型"> |
| 48 | > | ||
| 49 | <el-option | 47 | <el-option |
| 50 | v-for="item in dictData['A8']" | 48 | v-for="item in dictData['A8']" |
| 51 | :key="item.dcode" | 49 | :key="item.dcode" |
| 52 | :label="item.dname" | 50 | :label="item.dname" |
| 53 | :value="item.dcode" | 51 | :value="item.dcode"> |
| 54 | > | ||
| 55 | </el-option> | 52 | </el-option> |
| 56 | </el-select> | 53 | </el-select> |
| 57 | </el-form-item> | 54 | </el-form-item> |
| ... | @@ -63,14 +60,12 @@ | ... | @@ -63,14 +60,12 @@ |
| 63 | v-model="ruleForm.djlx" | 60 | v-model="ruleForm.djlx" |
| 64 | filterable | 61 | filterable |
| 65 | clearable | 62 | clearable |
| 66 | placeholder="请选择登记类型" | 63 | placeholder="请选择登记类型"> |
| 67 | > | ||
| 68 | <el-option | 64 | <el-option |
| 69 | v-for="item in dictData['A21']" | 65 | v-for="item in dictData['A21']" |
| 70 | :key="item.dcode" | 66 | :key="item.dcode" |
| 71 | :label="item.dname" | 67 | :label="item.dname" |
| 72 | :value="item.dcode" | 68 | :value="item.dcode"> |
| 73 | > | ||
| 74 | </el-option> | 69 | </el-option> |
| 75 | </el-select> | 70 | </el-select> |
| 76 | </el-form-item> | 71 | </el-form-item> |
| ... | @@ -120,8 +115,7 @@ | ... | @@ -120,8 +115,7 @@ |
| 120 | v-for="item in djztList" | 115 | v-for="item in djztList" |
| 121 | :key="item.value" | 116 | :key="item.value" |
| 122 | :label="item.label" | 117 | :label="item.label" |
| 123 | :value="item.value" | 118 | :value="item.value"> |
| 124 | > | ||
| 125 | </el-option> | 119 | </el-option> |
| 126 | </el-select> | 120 | </el-select> |
| 127 | </el-form-item> | 121 | </el-form-item> |
| ... | @@ -164,8 +158,7 @@ | ... | @@ -164,8 +158,7 @@ |
| 164 | <tdytTable | 158 | <tdytTable |
| 165 | :ableOperation="viewEdit" | 159 | :ableOperation="viewEdit" |
| 166 | :tableData="ruleForm.tdytqxList" | 160 | :tableData="ruleForm.tdytqxList" |
| 167 | @upDateTdytxxList="upDateTdytxxList" | 161 | @upDateTdytxxList="upDateTdytxxList" /> |
| 168 | /> | ||
| 169 | <div class="slxx_title title-block"> | 162 | <div class="slxx_title title-block"> |
| 170 | 权利人信息 | 163 | 权利人信息 |
| 171 | <div class="triangle"></div> | 164 | <div class="triangle"></div> |
| ... | @@ -186,8 +179,7 @@ | ... | @@ -186,8 +179,7 @@ |
| 186 | <el-radio-group | 179 | <el-radio-group |
| 187 | v-model="ruleForm.sffbcz" | 180 | v-model="ruleForm.sffbcz" |
| 188 | :disabled="!viewEdit" | 181 | :disabled="!viewEdit" |
| 189 | @input="updaterow()" | 182 | @input="updaterow()"> |
| 190 | > | ||
| 191 | <el-radio label="1">是</el-radio> | 183 | <el-radio label="1">是</el-radio> |
| 192 | <el-radio label="0">否</el-radio> | 184 | <el-radio label="0">否</el-radio> |
| 193 | </el-radio-group> | 185 | </el-radio-group> |
| ... | @@ -195,20 +187,17 @@ | ... | @@ -195,20 +187,17 @@ |
| 195 | </el-col> | 187 | </el-col> |
| 196 | <el-col | 188 | <el-col |
| 197 | :span="5" | 189 | :span="5" |
| 198 | v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'" | 190 | v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"> |
| 199 | > | ||
| 200 | <el-form-item label="持证人:"> | 191 | <el-form-item label="持证人:"> |
| 201 | <el-select | 192 | <el-select |
| 202 | v-model="czr" | 193 | v-model="czr" |
| 203 | placeholder="持证人" | 194 | placeholder="持证人" |
| 204 | :disabled="!viewEdit" | 195 | :disabled="!viewEdit"> |
| 205 | > | ||
| 206 | <el-option | 196 | <el-option |
| 207 | v-for="item in czrOptions" | 197 | v-for="item in czrOptions" |
| 208 | :key="item.value" | 198 | :key="item.value" |
| 209 | :label="item.label" | 199 | :label="item.label" |
| 210 | :value="item.value" | 200 | :value="item.value"> |
| 211 | > | ||
| 212 | </el-option> | 201 | </el-option> |
| 213 | </el-select> | 202 | </el-select> |
| 214 | </el-form-item> | 203 | </el-form-item> |
| ... | @@ -217,8 +206,7 @@ | ... | @@ -217,8 +206,7 @@ |
| 217 | <qlrCommonTable | 206 | <qlrCommonTable |
| 218 | :tableData="ruleForm.qlrList" | 207 | :tableData="ruleForm.qlrList" |
| 219 | :gyfs="ruleForm.gyfs" | 208 | :gyfs="ruleForm.gyfs" |
| 220 | :disabled="viewEdit" | 209 | :disabled="viewEdit" /> |
| 221 | /> | ||
| 222 | <div class="slxx_title title-block"> | 210 | <div class="slxx_title title-block"> |
| 223 | 登记原因 | 211 | 登记原因 |
| 224 | <div class="triangle"></div> | 212 | <div class="triangle"></div> |
| ... | @@ -232,8 +220,7 @@ | ... | @@ -232,8 +220,7 @@ |
| 232 | maxlength="500" | 220 | maxlength="500" |
| 233 | show-word-limit | 221 | show-word-limit |
| 234 | :disabled="!viewEdit" | 222 | :disabled="!viewEdit" |
| 235 | v-model="ruleForm.djyy" | 223 | v-model="ruleForm.djyy"> |
| 236 | > | ||
| 237 | </el-input> | 224 | </el-input> |
| 238 | </el-form-item> | 225 | </el-form-item> |
| 239 | </el-col> | 226 | </el-col> |
| ... | @@ -248,14 +235,14 @@ | ... | @@ -248,14 +235,14 @@ |
| 248 | </div> | 235 | </div> |
| 249 | </template> | 236 | </template> |
| 250 | <script> | 237 | <script> |
| 251 | import ywmix from "@/views/ywbl/mixin/index"; | 238 | import ywmix from "@/views/ywbl/mixin/index"; |
| 252 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 239 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 253 | import tdytTable from "@/views/workflow/components/tdytTable"; | 240 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 254 | import { Init } from "@/api/workflow/fwsyqFlow.js"; | 241 | import { Init } from "@/api/workflow/fwsyqFlow.js"; |
| 255 | import { mapGetters } from "vuex"; | 242 | import { mapGetters } from "vuex"; |
| 256 | export default { | 243 | export default { |
| 257 | mixins: [ywmix], | 244 | mixins: [ywmix], |
| 258 | mounted() { | 245 | mounted () { |
| 259 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 246 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 260 | this.propsParam = this.$attrs; | 247 | this.propsParam = this.$attrs; |
| 261 | var formdata = new FormData(); | 248 | var formdata = new FormData(); |
| ... | @@ -270,7 +257,7 @@ export default { | ... | @@ -270,7 +257,7 @@ export default { |
| 270 | }; | 257 | }; |
| 271 | this.ruleForm.qlrList.forEach((item) => { | 258 | this.ruleForm.qlrList.forEach((item) => { |
| 272 | if (item.sfczr == 1) { | 259 | if (item.sfczr == 1) { |
| 273 | this.czr = item.sqrmc; | 260 | this.czr = item.zjh |
| 274 | } | 261 | } |
| 275 | }); | 262 | }); |
| 276 | this.czrOptions = this.ruleForm.qlrList; | 263 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -281,7 +268,7 @@ export default { | ... | @@ -281,7 +268,7 @@ export default { |
| 281 | computed: { | 268 | computed: { |
| 282 | ...mapGetters(["dictData", "flag"]), | 269 | ...mapGetters(["dictData", "flag"]), |
| 283 | }, | 270 | }, |
| 284 | data() { | 271 | data () { |
| 285 | return { | 272 | return { |
| 286 | //表单是否可操作 | 273 | //表单是否可操作 |
| 287 | viewEdit: false, | 274 | viewEdit: false, |
| ... | @@ -333,7 +320,7 @@ export default { | ... | @@ -333,7 +320,7 @@ export default { |
| 333 | * @param {*} val | 320 | * @param {*} val |
| 334 | * @author: renchao | 321 | * @author: renchao |
| 335 | */ | 322 | */ |
| 336 | upDateTdytxxList(val) { | 323 | upDateTdytxxList (val) { |
| 337 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 324 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 338 | this.czrOptions = this.ruleForm.qlrData; | 325 | this.czrOptions = this.ruleForm.qlrData; |
| 339 | this.key++; | 326 | this.key++; |
| ... | @@ -344,7 +331,7 @@ export default { | ... | @@ -344,7 +331,7 @@ export default { |
| 344 | * @param {*} val | 331 | * @param {*} val |
| 345 | * @author: renchao | 332 | * @author: renchao |
| 346 | */ | 333 | */ |
| 347 | updaterow() { | 334 | updaterow () { |
| 348 | this.czr = ""; | 335 | this.czr = ""; |
| 349 | }, | 336 | }, |
| 350 | /** | 337 | /** |
| ... | @@ -352,7 +339,7 @@ export default { | ... | @@ -352,7 +339,7 @@ export default { |
| 352 | * @param {*} bsmSldy | 339 | * @param {*} bsmSldy |
| 353 | * @author: renchao | 340 | * @author: renchao |
| 354 | */ | 341 | */ |
| 355 | list(bsmSldy) { | 342 | list (bsmSldy) { |
| 356 | var formdata = new FormData(); | 343 | var formdata = new FormData(); |
| 357 | formdata.append("bsmSldy", bsmSldy); | 344 | formdata.append("bsmSldy", bsmSldy); |
| 358 | formdata.append("isEdit", this.viewEdit); | 345 | formdata.append("isEdit", this.viewEdit); |
| ... | @@ -371,7 +358,7 @@ export default { | ... | @@ -371,7 +358,7 @@ export default { |
| 371 | * @description: onSubmit | 358 | * @description: onSubmit |
| 372 | * @author: renchao | 359 | * @author: renchao |
| 373 | */ | 360 | */ |
| 374 | onSubmit() { | 361 | onSubmit () { |
| 375 | let that = this; | 362 | let that = this; |
| 376 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 363 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
| 377 | if (arr.length > 0) { | 364 | if (arr.length > 0) { |
| ... | @@ -443,55 +430,55 @@ export default { | ... | @@ -443,55 +430,55 @@ export default { |
| 443 | }); | 430 | }); |
| 444 | }, | 431 | }, |
| 445 | }, | 432 | }, |
| 446 | }; | 433 | }; |
| 447 | </script> | 434 | </script> |
| 448 | <style scoped lang="scss"> | 435 | <style scoped lang="scss"> |
| 449 | @import "~@/styles/public.scss"; | 436 | @import "~@/styles/public.scss"; |
| 450 | 437 | ||
| 451 | /deep/.el-form { | 438 | /deep/.el-form { |
| 452 | display: flex; | 439 | display: flex; |
| 453 | flex-direction: column; | 440 | flex-direction: column; |
| 454 | height: calc(100vh - 130px); | 441 | height: calc(100vh - 130px); |
| 455 | } | 442 | } |
| 456 | 443 | ||
| 457 | /deep/.el-form-item__label { | 444 | /deep/.el-form-item__label { |
| 458 | padding: 0; | 445 | padding: 0; |
| 459 | } | 446 | } |
| 460 | 447 | ||
| 461 | /deep/.el-radio { | 448 | /deep/.el-radio { |
| 462 | margin-right: 10px; | 449 | margin-right: 10px; |
| 463 | } | 450 | } |
| 464 | 451 | ||
| 465 | /deep/.el-select { | 452 | /deep/.el-select { |
| 466 | width: 100%; | 453 | width: 100%; |
| 467 | } | 454 | } |
| 468 | 455 | ||
| 469 | /deep/.el-form-item { | 456 | /deep/.el-form-item { |
| 470 | margin-bottom: 8px; | 457 | margin-bottom: 8px; |
| 471 | } | 458 | } |
| 472 | 459 | ||
| 473 | .marginBot0 { | 460 | .marginBot0 { |
| 474 | margin-bottom: 0 !important; | 461 | margin-bottom: 0 !important; |
| 475 | } | 462 | } |
| 476 | 463 | ||
| 477 | .slxx { | 464 | .slxx { |
| 478 | box-sizing: border-box; | 465 | box-sizing: border-box; |
| 479 | } | 466 | } |
| 480 | 467 | ||
| 481 | .slxx_con { | 468 | .slxx_con { |
| 482 | flex: 1; | 469 | flex: 1; |
| 483 | height: 100%; | 470 | height: 100%; |
| 484 | background-color: #ffffff; | 471 | background-color: #ffffff; |
| 485 | overflow-y: auto; | 472 | overflow-y: auto; |
| 486 | padding-right: 3px; | 473 | padding-right: 3px; |
| 487 | overflow-x: hidden; | 474 | overflow-x: hidden; |
| 488 | } | 475 | } |
| 489 | 476 | ||
| 490 | .submit_btn { | 477 | .submit_btn { |
| 491 | height: 50px; | 478 | height: 50px; |
| 492 | } | 479 | } |
| 493 | 480 | ||
| 494 | .slxx_title { | 481 | .slxx_title { |
| 495 | border-bottom: 1px solid $borderColor; | 482 | border-bottom: 1px solid $borderColor; |
| 496 | padding-left: 10px; | 483 | padding-left: 10px; |
| 497 | padding-bottom: 5px; | 484 | padding-bottom: 5px; |
| ... | @@ -500,23 +487,23 @@ export default { | ... | @@ -500,23 +487,23 @@ export default { |
| 500 | font-size: 16px; | 487 | font-size: 16px; |
| 501 | font-weight: 500; | 488 | font-weight: 500; |
| 502 | color: #4a4a4a; | 489 | color: #4a4a4a; |
| 503 | } | 490 | } |
| 504 | 491 | ||
| 505 | .btn { | 492 | .btn { |
| 506 | text-align: center; | 493 | text-align: center; |
| 507 | padding-top: 10px; | 494 | padding-top: 10px; |
| 508 | height: 36px; | 495 | height: 36px; |
| 509 | background-color: #ffffff; | 496 | background-color: #ffffff; |
| 510 | padding: 5px 0; | 497 | padding: 5px 0; |
| 511 | } | 498 | } |
| 512 | 499 | ||
| 513 | .textArea { | 500 | .textArea { |
| 514 | /deep/.el-textarea__inner { | 501 | /deep/.el-textarea__inner { |
| 515 | min-height: 90px !important; | 502 | min-height: 90px !important; |
| 516 | } | 503 | } |
| 517 | } | 504 | } |
| 518 | 505 | ||
| 519 | /deep/.el-form-item__label { | 506 | /deep/.el-form-item__label { |
| 520 | padding-bottom: 0px; | 507 | padding-bottom: 0px; |
| 521 | } | 508 | } |
| 522 | </style> | 509 | </style> | ... | ... |
| ... | @@ -264,7 +264,7 @@ | ... | @@ -264,7 +264,7 @@ |
| 264 | this.czrOptions = this.ruleForm.qlrList; | 264 | this.czrOptions = this.ruleForm.qlrList; |
| 265 | this.ruleForm.qlrList.forEach((item) => { | 265 | this.ruleForm.qlrList.forEach((item) => { |
| 266 | if (item.sfczr == 1) { | 266 | if (item.sfczr == 1) { |
| 267 | this.czr = item.sqrmc; | 267 | this.czr = item.zjh |
| 268 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); | 268 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); |
| 269 | } | 269 | } |
| 270 | }); | 270 | }); |
| ... | @@ -321,7 +321,7 @@ | ... | @@ -321,7 +321,7 @@ |
| 321 | this.key++; | 321 | this.key++; |
| 322 | this.num = 0 | 322 | this.num = 0 |
| 323 | this.ruleForm.qlrList.forEach(item => { | 323 | this.ruleForm.qlrList.forEach(item => { |
| 324 | if (item.sqrmc == this.czr) { | 324 | if (item.zjh == this.czr) { |
| 325 | this.num++ | 325 | this.num++ |
| 326 | } | 326 | } |
| 327 | }) | 327 | }) | ... | ... |
| ... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="120px" | 16 | label-width="120px"> |
| 17 | > | ||
| 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 20 | 申请业务信息 | 19 | 申请业务信息 |
| ... | @@ -56,8 +55,7 @@ | ... | @@ -56,8 +55,7 @@ |
| 56 | </el-row> | 55 | </el-row> |
| 57 | <div | 56 | <div |
| 58 | class="slxx_title title-block flex" | 57 | class="slxx_title title-block flex" |
| 59 | style="justify-content: space-between" | 58 | style="justify-content: space-between"> |
| 60 | > | ||
| 61 | 不动产单元情况 | 59 | 不动产单元情况 |
| 62 | <el-button @click="compare">变化情况对比+</el-button> | 60 | <el-button @click="compare">变化情况对比+</el-button> |
| 63 | </div> | 61 | </div> |
| ... | @@ -104,15 +102,13 @@ | ... | @@ -104,15 +102,13 @@ |
| 104 | v-model="ruleForm.jsydsyq.qdjg" | 102 | v-model="ruleForm.jsydsyq.qdjg" |
| 105 | style="width: 500%" | 103 | style="width: 500%" |
| 106 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 104 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 107 | disabled | 105 | disabled></el-input> |
| 108 | ></el-input> | ||
| 109 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> | 106 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> |
| 110 | <el-option | 107 | <el-option |
| 111 | v-for="item in dictData['A57']" | 108 | v-for="item in dictData['A57']" |
| 112 | :key="item.dcode" | 109 | :key="item.dcode" |
| 113 | :label="item.dname" | 110 | :label="item.dname" |
| 114 | :value="item.dcode" | 111 | :value="item.dcode"> |
| 115 | > | ||
| 116 | </el-option> | 112 | </el-option> |
| 117 | </el-select> | 113 | </el-select> |
| 118 | </div> | 114 | </div> |
| ... | @@ -133,8 +129,7 @@ | ... | @@ -133,8 +129,7 @@ |
| 133 | maxlength="500" | 129 | maxlength="500" |
| 134 | show-word-limit | 130 | show-word-limit |
| 135 | v-model="ruleForm.jsydsyq.fj" | 131 | v-model="ruleForm.jsydsyq.fj" |
| 136 | :disabled="!viewEdit" | 132 | :disabled="!viewEdit"></el-input> |
| 137 | ></el-input> | ||
| 138 | </el-form-item> | 133 | </el-form-item> |
| 139 | </el-col> | 134 | </el-col> |
| 140 | </el-row> | 135 | </el-row> |
| ... | @@ -145,8 +140,7 @@ | ... | @@ -145,8 +140,7 @@ |
| 145 | <tdytTable | 140 | <tdytTable |
| 146 | :tableData="ruleForm.tdytqxList" | 141 | :tableData="ruleForm.tdytqxList" |
| 147 | :ableOperation="viewEdit" | 142 | :ableOperation="viewEdit" |
| 148 | @upDateTdytxxList="upDateTdytxxList" | 143 | @upDateTdytxxList="upDateTdytxxList" /> |
| 149 | /> | ||
| 150 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> |
| 151 | 权利人信息 | 145 | 权利人信息 |
| 152 | <div class="triangle"></div> | 146 | <div class="triangle"></div> |
| ... | @@ -156,8 +150,7 @@ | ... | @@ -156,8 +150,7 @@ |
| 156 | <el-form-item label="共有方式:"> | 150 | <el-form-item label="共有方式:"> |
| 157 | <el-radio-group | 151 | <el-radio-group |
| 158 | :disabled="!viewEdit" | 152 | :disabled="!viewEdit" |
| 159 | v-model="ruleForm.sldy.gyfs" | 153 | v-model="ruleForm.sldy.gyfs"> |
| 160 | > | ||
| 161 | <el-radio label="0">单独所有</el-radio> | 154 | <el-radio label="0">单独所有</el-radio> |
| 162 | <el-radio label="1">共同共有</el-radio> | 155 | <el-radio label="1">共同共有</el-radio> |
| 163 | <el-radio label="2">按份所有</el-radio> | 156 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -170,8 +163,7 @@ | ... | @@ -170,8 +163,7 @@ |
| 170 | <el-radio-group | 163 | <el-radio-group |
| 171 | v-model="ruleForm.sldy.sqfbcz" | 164 | v-model="ruleForm.sldy.sqfbcz" |
| 172 | :disabled="!viewEdit" | 165 | :disabled="!viewEdit" |
| 173 | @input="updaterow()" | 166 | @input="updaterow()"> |
| 174 | > | ||
| 175 | <el-radio :label="1">是</el-radio> | 167 | <el-radio :label="1">是</el-radio> |
| 176 | <el-radio :label="0">否</el-radio> | 168 | <el-radio :label="0">否</el-radio> |
| 177 | </el-radio-group> | 169 | </el-radio-group> |
| ... | @@ -179,20 +171,17 @@ | ... | @@ -179,20 +171,17 @@ |
| 179 | </el-col> | 171 | </el-col> |
| 180 | <el-col | 172 | <el-col |
| 181 | :span="6" | 173 | :span="6" |
| 182 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 174 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 183 | > | ||
| 184 | <el-form-item label="持证人:"> | 175 | <el-form-item label="持证人:"> |
| 185 | <el-select | 176 | <el-select |
| 186 | v-model="czr" | 177 | v-model="czr" |
| 187 | placeholder="持证人" | 178 | placeholder="持证人" |
| 188 | :disabled="!viewEdit" | 179 | :disabled="!viewEdit"> |
| 189 | > | ||
| 190 | <el-option | 180 | <el-option |
| 191 | v-for="item in czrOptions" | 181 | v-for="item in czrOptions" |
| 192 | :key="item.zjh" | 182 | :key="item.zjh" |
| 193 | :label="item.sqrmc" | 183 | :label="item.sqrmc" |
| 194 | :value="item.zjh" | 184 | :value="item.zjh"> |
| 195 | > | ||
| 196 | </el-option> | 185 | </el-option> |
| 197 | </el-select> | 186 | </el-select> |
| 198 | </el-form-item> | 187 | </el-form-item> |
| ... | @@ -202,8 +191,7 @@ | ... | @@ -202,8 +191,7 @@ |
| 202 | :tableData="ruleForm.qlrList" | 191 | :tableData="ruleForm.qlrList" |
| 203 | :disabled="viewEdit" | 192 | :disabled="viewEdit" |
| 204 | @upDateQlrxxList="upDateQlrxxList" | 193 | @upDateQlrxxList="upDateQlrxxList" |
| 205 | :gyfs="ruleForm.sldy.gyfs" | 194 | :gyfs="ruleForm.sldy.gyfs" /> |
| 206 | /> | ||
| 207 | <div class="slxx_title title-block"> | 195 | <div class="slxx_title title-block"> |
| 208 | 登记原因 | 196 | 登记原因 |
| 209 | <div class="triangle"></div> | 197 | <div class="triangle"></div> |
| ... | @@ -217,8 +205,7 @@ | ... | @@ -217,8 +205,7 @@ |
| 217 | maxlength="500" | 205 | maxlength="500" |
| 218 | show-word-limit | 206 | show-word-limit |
| 219 | :disabled="!viewEdit" | 207 | :disabled="!viewEdit" |
| 220 | v-model="ruleForm.jsydsyq.djyy" | 208 | v-model="ruleForm.jsydsyq.djyy"> |
| 221 | > | ||
| 222 | </el-input> | 209 | </el-input> |
| 223 | </el-form-item> | 210 | </el-form-item> |
| 224 | </el-col> | 211 | </el-col> |
| ... | @@ -233,14 +220,14 @@ | ... | @@ -233,14 +220,14 @@ |
| 233 | </div> | 220 | </div> |
| 234 | </template> | 221 | </template> |
| 235 | <script> | 222 | <script> |
| 236 | import { mapGetters } from "vuex"; | 223 | import { mapGetters } from "vuex"; |
| 237 | import ywmix from "@/views/ywbl/mixin/index"; | 224 | import ywmix from "@/views/ywbl/mixin/index"; |
| 238 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 225 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 239 | import tdytTable from "@/views/workflow/components/tdytTable"; | 226 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 240 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 227 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 241 | export default { | 228 | export default { |
| 242 | mixins: [ywmix], | 229 | mixins: [ywmix], |
| 243 | mounted() { | 230 | mounted () { |
| 244 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 231 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 245 | this.propsParam = this.$attrs; | 232 | this.propsParam = this.$attrs; |
| 246 | var formdata = new FormData(); | 233 | var formdata = new FormData(); |
| ... | @@ -255,7 +242,7 @@ export default { | ... | @@ -255,7 +242,7 @@ export default { |
| 255 | } | 242 | } |
| 256 | this.ruleForm.qlrList.forEach((item) => { | 243 | this.ruleForm.qlrList.forEach((item) => { |
| 257 | if (item.sfczr == 1) { | 244 | if (item.sfczr == 1) { |
| 258 | this.czr = item.sqrmc; | 245 | this.czr = item.zjh |
| 259 | } | 246 | } |
| 260 | }); | 247 | }); |
| 261 | this.$endLoading(); | 248 | this.$endLoading(); |
| ... | @@ -265,7 +252,7 @@ export default { | ... | @@ -265,7 +252,7 @@ export default { |
| 265 | computed: { | 252 | computed: { |
| 266 | ...mapGetters(["dictData", "flag"]), | 253 | ...mapGetters(["dictData", "flag"]), |
| 267 | }, | 254 | }, |
| 268 | data() { | 255 | data () { |
| 269 | return { | 256 | return { |
| 270 | //表单是否可操作 | 257 | //表单是否可操作 |
| 271 | viewEdit: false, | 258 | viewEdit: false, |
| ... | @@ -289,7 +276,7 @@ export default { | ... | @@ -289,7 +276,7 @@ export default { |
| 289 | * @param {*} val | 276 | * @param {*} val |
| 290 | * @author: renchao | 277 | * @author: renchao |
| 291 | */ | 278 | */ |
| 292 | upDateTdytxxList(val) { | 279 | upDateTdytxxList (val) { |
| 293 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 280 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 294 | this.key++; | 281 | this.key++; |
| 295 | }, | 282 | }, |
| ... | @@ -298,7 +285,7 @@ export default { | ... | @@ -298,7 +285,7 @@ export default { |
| 298 | * @param {*} val | 285 | * @param {*} val |
| 299 | * @author: renchao | 286 | * @author: renchao |
| 300 | */ | 287 | */ |
| 301 | upDateQlrxxList(val) { | 288 | upDateQlrxxList (val) { |
| 302 | this.ruleForm.qlrList = _.cloneDeep(val); | 289 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 303 | this.czrOptions = this.ruleForm.qlrList; | 290 | this.czrOptions = this.ruleForm.qlrList; |
| 304 | this.key++; | 291 | this.key++; |
| ... | @@ -309,14 +296,14 @@ export default { | ... | @@ -309,14 +296,14 @@ export default { |
| 309 | * @param {*} val | 296 | * @param {*} val |
| 310 | * @author: renchao | 297 | * @author: renchao |
| 311 | */ | 298 | */ |
| 312 | updaterow() { | 299 | updaterow () { |
| 313 | this.czr = ""; | 300 | this.czr = ""; |
| 314 | }, | 301 | }, |
| 315 | /** | 302 | /** |
| 316 | * @description: onSubmit | 303 | * @description: onSubmit |
| 317 | * @author: renchao | 304 | * @author: renchao |
| 318 | */ | 305 | */ |
| 319 | onSubmit() { | 306 | onSubmit () { |
| 320 | let that = this; | 307 | let that = this; |
| 321 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 308 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
| 322 | if (arr.length > 0) { | 309 | if (arr.length > 0) { |
| ... | @@ -401,7 +388,7 @@ export default { | ... | @@ -401,7 +388,7 @@ export default { |
| 401 | * @description: compare | 388 | * @description: compare |
| 402 | * @author: renchao | 389 | * @author: renchao |
| 403 | */ | 390 | */ |
| 404 | compare() { | 391 | compare () { |
| 405 | console.log("this.ruleForm", this.ruleForm); | 392 | console.log("this.ruleForm", this.ruleForm); |
| 406 | this.$popupDialog( | 393 | this.$popupDialog( |
| 407 | this.ruleForm.qlxx.qllxmc, | 394 | this.ruleForm.qlxx.qllxmc, |
| ... | @@ -415,9 +402,9 @@ export default { | ... | @@ -415,9 +402,9 @@ export default { |
| 415 | ); | 402 | ); |
| 416 | }, | 403 | }, |
| 417 | }, | 404 | }, |
| 418 | }; | 405 | }; |
| 419 | </script> | 406 | </script> |
| 420 | <style scoped lang="scss"> | 407 | <style scoped lang="scss"> |
| 421 | @import "~@/styles/public.scss"; | 408 | @import "~@/styles/public.scss"; |
| 422 | @import "~@/styles/slxx/slxx.scss"; | 409 | @import "~@/styles/slxx/slxx.scss"; |
| 423 | </style> | 410 | </style> | ... | ... |
| ... | @@ -340,7 +340,7 @@ | ... | @@ -340,7 +340,7 @@ |
| 340 | }; | 340 | }; |
| 341 | this.ruleForm.qlrList.forEach((item) => { | 341 | this.ruleForm.qlrList.forEach((item) => { |
| 342 | if (item.sfczr == 1) { | 342 | if (item.sfczr == 1) { |
| 343 | this.czr = item.sqrmc; | 343 | this.czr = item.zjh |
| 344 | } | 344 | } |
| 345 | }); | 345 | }); |
| 346 | //初始化发证方式,1:小证,2:大正 | 346 | //初始化发证方式,1:小证,2:大正 |
| ... | @@ -422,7 +422,7 @@ | ... | @@ -422,7 +422,7 @@ |
| 422 | this.czrOptions = this.ruleForm.qlrList; | 422 | this.czrOptions = this.ruleForm.qlrList; |
| 423 | this.num = 0 | 423 | this.num = 0 |
| 424 | this.ruleForm.qlrList.forEach(item => { | 424 | this.ruleForm.qlrList.forEach(item => { |
| 425 | if (item.sqrmc == this.czr) { | 425 | if (item.zjh == this.czr) { |
| 426 | this.num++ | 426 | this.num++ |
| 427 | } | 427 | } |
| 428 | }) | 428 | }) | ... | ... |
| ... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
| 8 | ref="ruleForm" | 8 | ref="ruleForm" |
| 9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
| 10 | :inline="flag" | 10 | :inline="flag" |
| 11 | label-width="120px" | 11 | label-width="120px"> |
| 12 | > | ||
| 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
| 15 | 申请业务信息 | 14 | 申请业务信息 |
| ... | @@ -112,14 +111,12 @@ | ... | @@ -112,14 +111,12 @@ |
| 112 | :disabled="!viewEdit" | 111 | :disabled="!viewEdit" |
| 113 | class="width100" | 112 | class="width100" |
| 114 | filterable | 113 | filterable |
| 115 | clearable | 114 | clearable> |
| 116 | > | ||
| 117 | <el-option | 115 | <el-option |
| 118 | v-for="item in dictData['A45']" | 116 | v-for="item in dictData['A45']" |
| 119 | :key="item.dname" | 117 | :key="item.dname" |
| 120 | :label="item.dname" | 118 | :label="item.dname" |
| 121 | :value="item.dname" | 119 | :value="item.dname"> |
| 122 | > | ||
| 123 | </el-option> | 120 | </el-option> |
| 124 | </el-select> | 121 | </el-select> |
| 125 | </el-form-item> | 122 | </el-form-item> |
| ... | @@ -146,14 +143,12 @@ | ... | @@ -146,14 +143,12 @@ |
| 146 | class="width100" | 143 | class="width100" |
| 147 | filterable | 144 | filterable |
| 148 | clearable | 145 | clearable |
| 149 | @change="changeSyttlx" | 146 | @change="changeSyttlx"> |
| 150 | > | ||
| 151 | <el-option | 147 | <el-option |
| 152 | v-for="item in dictData['A23']" | 148 | v-for="item in dictData['A23']" |
| 153 | :key="item.dcode" | 149 | :key="item.dcode" |
| 154 | :label="item.dname" | 150 | :label="item.dname" |
| 155 | :value="item.dcode" | 151 | :value="item.dcode"> |
| 156 | > | ||
| 157 | </el-option> | 152 | </el-option> |
| 158 | </el-select> | 153 | </el-select> |
| 159 | </el-form-item> | 154 | </el-form-item> |
| ... | @@ -166,14 +161,12 @@ | ... | @@ -166,14 +161,12 @@ |
| 166 | class="width100" | 161 | class="width100" |
| 167 | filterable | 162 | filterable |
| 168 | clearable | 163 | clearable |
| 169 | @change="changeYzyfs" | 164 | @change="changeYzyfs"> |
| 170 | > | ||
| 171 | <el-option | 165 | <el-option |
| 172 | v-for="item in dictData['A24']" | 166 | v-for="item in dictData['A24']" |
| 173 | :key="item.dcode" | 167 | :key="item.dcode" |
| 174 | :label="item.dname" | 168 | :label="item.dname" |
| 175 | :value="item.dcode" | 169 | :value="item.dcode"> |
| 176 | > | ||
| 177 | </el-option> | 170 | </el-option> |
| 178 | </el-select> | 171 | </el-select> |
| 179 | </el-form-item> | 172 | </el-form-item> |
| ... | @@ -182,8 +175,7 @@ | ... | @@ -182,8 +175,7 @@ |
| 182 | <el-form-item label="草原质量:"> | 175 | <el-form-item label="草原质量:"> |
| 183 | <el-input | 176 | <el-input |
| 184 | v-model="ruleForm.nydsyq.cyzl" | 177 | v-model="ruleForm.nydsyq.cyzl" |
| 185 | :disabled="!viewEdit" | 178 | :disabled="!viewEdit"></el-input> |
| 186 | ></el-input> | ||
| 187 | </el-form-item> | 179 | </el-form-item> |
| 188 | </el-col> | 180 | </el-col> |
| 189 | </el-row> | 181 | </el-row> |
| ... | @@ -193,8 +185,7 @@ | ... | @@ -193,8 +185,7 @@ |
| 193 | <el-input | 185 | <el-input |
| 194 | v-model="ruleForm.nydsyq.syzcl" | 186 | v-model="ruleForm.nydsyq.syzcl" |
| 195 | :disabled="!viewEdit" | 187 | :disabled="!viewEdit" |
| 196 | oninput="value=value.replace(/[^\d.]/g,'')" | 188 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 197 | ></el-input> | ||
| 198 | </el-form-item> | 189 | </el-form-item> |
| 199 | </el-col> | 190 | </el-col> |
| 200 | <el-col :span="8"> | 191 | <el-col :span="8"> |
| ... | @@ -205,14 +196,12 @@ | ... | @@ -205,14 +196,12 @@ |
| 205 | :disabled="!viewEdit" | 196 | :disabled="!viewEdit" |
| 206 | filterable | 197 | filterable |
| 207 | clearable | 198 | clearable |
| 208 | @change="changeYdyhfl" | 199 | @change="changeYdyhfl"> |
| 209 | > | ||
| 210 | <el-option | 200 | <el-option |
| 211 | v-for="item in dictData['A51']" | 201 | v-for="item in dictData['A51']" |
| 212 | :key="item.dcode" | 202 | :key="item.dcode" |
| 213 | :label="item.dname" | 203 | :label="item.dname" |
| 214 | :value="item.dcode" | 204 | :value="item.dcode"> |
| 215 | > | ||
| 216 | </el-option> | 205 | </el-option> |
| 217 | </el-select> | 206 | </el-select> |
| 218 | </el-form-item> | 207 | </el-form-item> |
| ... | @@ -221,8 +210,7 @@ | ... | @@ -221,8 +210,7 @@ |
| 221 | <el-form-item label="土地承包合同:"> | 210 | <el-form-item label="土地承包合同:"> |
| 222 | <el-input | 211 | <el-input |
| 223 | v-model="ruleForm.nydsyq.tdcbht" | 212 | v-model="ruleForm.nydsyq.tdcbht" |
| 224 | :disabled="!viewEdit" | 213 | :disabled="!viewEdit"></el-input> |
| 225 | ></el-input> | ||
| 226 | </el-form-item> | 214 | </el-form-item> |
| 227 | </el-col> | 215 | </el-col> |
| 228 | </el-row> | 216 | </el-row> |
| ... | @@ -234,8 +222,7 @@ | ... | @@ -234,8 +222,7 @@ |
| 234 | maxlength="500" | 222 | maxlength="500" |
| 235 | show-word-limit | 223 | show-word-limit |
| 236 | v-model="ruleForm.nydsyq.fj" | 224 | v-model="ruleForm.nydsyq.fj" |
| 237 | :disabled="!viewEdit" | 225 | :disabled="!viewEdit"></el-input> |
| 238 | ></el-input> | ||
| 239 | </el-form-item> | 226 | </el-form-item> |
| 240 | </el-col> | 227 | </el-col> |
| 241 | </el-row> | 228 | </el-row> |
| ... | @@ -248,8 +235,7 @@ | ... | @@ -248,8 +235,7 @@ |
| 248 | <el-form-item label="共有方式:"> | 235 | <el-form-item label="共有方式:"> |
| 249 | <el-radio-group | 236 | <el-radio-group |
| 250 | v-model="ruleForm.sldy.gyfs" | 237 | v-model="ruleForm.sldy.gyfs" |
| 251 | :disabled="!viewEdit" | 238 | :disabled="!viewEdit"> |
| 252 | > | ||
| 253 | <el-radio label="0">单独所有</el-radio> | 239 | <el-radio label="0">单独所有</el-radio> |
| 254 | <el-radio label="1">共同共有</el-radio> | 240 | <el-radio label="1">共同共有</el-radio> |
| 255 | <el-radio label="2">按份所有</el-radio> | 241 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -262,8 +248,7 @@ | ... | @@ -262,8 +248,7 @@ |
| 262 | <el-radio-group | 248 | <el-radio-group |
| 263 | v-model="ruleForm.sldy.sqfbcz" | 249 | v-model="ruleForm.sldy.sqfbcz" |
| 264 | :disabled="!viewEdit" | 250 | :disabled="!viewEdit" |
| 265 | @input="updaterow()" | 251 | @input="updaterow()"> |
| 266 | > | ||
| 267 | <el-radio :label="1">是</el-radio> | 252 | <el-radio :label="1">是</el-radio> |
| 268 | <el-radio :label="0">否</el-radio> | 253 | <el-radio :label="0">否</el-radio> |
| 269 | </el-radio-group> | 254 | </el-radio-group> |
| ... | @@ -271,20 +256,17 @@ | ... | @@ -271,20 +256,17 @@ |
| 271 | </el-col> | 256 | </el-col> |
| 272 | <el-col | 257 | <el-col |
| 273 | :span="6" | 258 | :span="6" |
| 274 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 259 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 275 | > | ||
| 276 | <el-form-item label="持证人:"> | 260 | <el-form-item label="持证人:"> |
| 277 | <el-select | 261 | <el-select |
| 278 | v-model="czr" | 262 | v-model="czr" |
| 279 | placeholder="持证人" | 263 | placeholder="持证人" |
| 280 | :disabled="!viewEdit" | 264 | :disabled="!viewEdit"> |
| 281 | > | ||
| 282 | <el-option | 265 | <el-option |
| 283 | v-for="item in czrOptions" | 266 | v-for="item in czrOptions" |
| 284 | :key="item.zjh" | 267 | :key="item.zjh" |
| 285 | :label="item.sqrmc" | 268 | :label="item.sqrmc" |
| 286 | :value="item.zjh" | 269 | :value="item.zjh"> |
| 287 | > | ||
| 288 | </el-option> | 270 | </el-option> |
| 289 | </el-select> | 271 | </el-select> |
| 290 | </el-form-item> | 272 | </el-form-item> |
| ... | @@ -294,8 +276,7 @@ | ... | @@ -294,8 +276,7 @@ |
| 294 | :tableData="ruleForm.qlrList" | 276 | :tableData="ruleForm.qlrList" |
| 295 | @upDateQlrxxList="upDateQlrxxList" | 277 | @upDateQlrxxList="upDateQlrxxList" |
| 296 | :disabled="viewEdit" | 278 | :disabled="viewEdit" |
| 297 | :gyfs="ruleForm.sldy.gyfs" | 279 | :gyfs="ruleForm.sldy.gyfs" /> |
| 298 | /> | ||
| 299 | <div class="slxx_title title-block"> | 280 | <div class="slxx_title title-block"> |
| 300 | 家庭成员 | 281 | 家庭成员 |
| 301 | <div class="triangle"></div> | 282 | <div class="triangle"></div> |
| ... | @@ -304,8 +285,7 @@ | ... | @@ -304,8 +285,7 @@ |
| 304 | :tableData="ruleForm.jtcyList" | 285 | :tableData="ruleForm.jtcyList" |
| 305 | @upDateJtcyList="upDateJtcyList" | 286 | @upDateJtcyList="upDateJtcyList" |
| 306 | :disabled="viewEdit" | 287 | :disabled="viewEdit" |
| 307 | :gyfs="ruleForm.sldy.gyfs" | 288 | :gyfs="ruleForm.sldy.gyfs" /> |
| 308 | /> | ||
| 309 | <div class="slxx_title title-block"> | 289 | <div class="slxx_title title-block"> |
| 310 | 登记原因 | 290 | 登记原因 |
| 311 | <div class="triangle"></div> | 291 | <div class="triangle"></div> |
| ... | @@ -319,8 +299,7 @@ | ... | @@ -319,8 +299,7 @@ |
| 319 | maxlength="500" | 299 | maxlength="500" |
| 320 | show-word-limit | 300 | show-word-limit |
| 321 | :disabled="!viewEdit" | 301 | :disabled="!viewEdit" |
| 322 | v-model="ruleForm.nydsyq.djyy" | 302 | v-model="ruleForm.nydsyq.djyy"> |
| 323 | > | ||
| 324 | </el-input> | 303 | </el-input> |
| 325 | </el-form-item> | 304 | </el-form-item> |
| 326 | </el-col> | 305 | </el-col> |
| ... | @@ -335,14 +314,14 @@ | ... | @@ -335,14 +314,14 @@ |
| 335 | </div> | 314 | </div> |
| 336 | </template> | 315 | </template> |
| 337 | <script> | 316 | <script> |
| 338 | import { mapGetters } from "vuex"; | 317 | import { mapGetters } from "vuex"; |
| 339 | import ywmix from "@/views/ywbl/mixin/index"; | 318 | import ywmix from "@/views/ywbl/mixin/index"; |
| 340 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; | 319 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; |
| 341 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 320 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 342 | import JtcyTable from "@/views/workflow/components/JtcyTable"; | 321 | import JtcyTable from "@/views/workflow/components/JtcyTable"; |
| 343 | export default { | 322 | export default { |
| 344 | mixins: [ywmix], | 323 | mixins: [ywmix], |
| 345 | mounted() { | 324 | mounted () { |
| 346 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 325 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 347 | this.propsParam = this.$attrs; | 326 | this.propsParam = this.$attrs; |
| 348 | this.$startLoading(); | 327 | this.$startLoading(); |
| ... | @@ -355,7 +334,7 @@ export default { | ... | @@ -355,7 +334,7 @@ export default { |
| 355 | this.czrOptions = this.ruleForm.qlrList; | 334 | this.czrOptions = this.ruleForm.qlrList; |
| 356 | this.ruleForm.qlrList.forEach((item) => { | 335 | this.ruleForm.qlrList.forEach((item) => { |
| 357 | if (item.sfczr == 1) { | 336 | if (item.sfczr == 1) { |
| 358 | this.czr = item.sqrmc; | 337 | this.czr = item.zjh |
| 359 | } | 338 | } |
| 360 | }); | 339 | }); |
| 361 | this.$endLoading(); | 340 | this.$endLoading(); |
| ... | @@ -365,7 +344,7 @@ export default { | ... | @@ -365,7 +344,7 @@ export default { |
| 365 | computed: { | 344 | computed: { |
| 366 | ...mapGetters(["dictData", "flag"]), | 345 | ...mapGetters(["dictData", "flag"]), |
| 367 | }, | 346 | }, |
| 368 | data() { | 347 | data () { |
| 369 | return { | 348 | return { |
| 370 | disabled: true, | 349 | disabled: true, |
| 371 | //持证人选项 | 350 | //持证人选项 |
| ... | @@ -388,7 +367,7 @@ export default { | ... | @@ -388,7 +367,7 @@ export default { |
| 388 | * @description: onSubmit | 367 | * @description: onSubmit |
| 389 | * @author: renchao | 368 | * @author: renchao |
| 390 | */ | 369 | */ |
| 391 | onSubmit() { | 370 | onSubmit () { |
| 392 | let that = this; | 371 | let that = this; |
| 393 | if (this.ruleForm.qlrList.length == 0) { | 372 | if (this.ruleForm.qlrList.length == 0) { |
| 394 | this.$message({ | 373 | this.$message({ |
| ... | @@ -466,7 +445,7 @@ export default { | ... | @@ -466,7 +445,7 @@ export default { |
| 466 | * @param {*} val | 445 | * @param {*} val |
| 467 | * @author: renchao | 446 | * @author: renchao |
| 468 | */ | 447 | */ |
| 469 | upDateQlrxxList(val) { | 448 | upDateQlrxxList (val) { |
| 470 | this.ruleForm.qlrList = _.cloneDeep(val); | 449 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 471 | this.czrOptions = this.ruleForm.qlrList; | 450 | this.czrOptions = this.ruleForm.qlrList; |
| 472 | }, | 451 | }, |
| ... | @@ -476,7 +455,7 @@ export default { | ... | @@ -476,7 +455,7 @@ export default { |
| 476 | * @param {*} val | 455 | * @param {*} val |
| 477 | * @author: renchao | 456 | * @author: renchao |
| 478 | */ | 457 | */ |
| 479 | updaterow() { | 458 | updaterow () { |
| 480 | this.czr = ""; | 459 | this.czr = ""; |
| 481 | }, | 460 | }, |
| 482 | /** | 461 | /** |
| ... | @@ -484,7 +463,7 @@ export default { | ... | @@ -484,7 +463,7 @@ export default { |
| 484 | * @param {*} val | 463 | * @param {*} val |
| 485 | * @author: renchao | 464 | * @author: renchao |
| 486 | */ | 465 | */ |
| 487 | upDateJtcyList(val) { | 466 | upDateJtcyList (val) { |
| 488 | this.ruleForm.jtcyList = _.cloneDeep(val); | 467 | this.ruleForm.jtcyList = _.cloneDeep(val); |
| 489 | }, | 468 | }, |
| 490 | // 是否持证人变化 | 469 | // 是否持证人变化 |
| ... | @@ -493,7 +472,7 @@ export default { | ... | @@ -493,7 +472,7 @@ export default { |
| 493 | * @param {*} val | 472 | * @param {*} val |
| 494 | * @author: renchao | 473 | * @author: renchao |
| 495 | */ | 474 | */ |
| 496 | updaterow() { | 475 | updaterow () { |
| 497 | this.czr = ""; | 476 | this.czr = ""; |
| 498 | }, | 477 | }, |
| 499 | 478 | ||
| ... | @@ -502,7 +481,7 @@ export default { | ... | @@ -502,7 +481,7 @@ export default { |
| 502 | * @param {*} e | 481 | * @param {*} e |
| 503 | * @author: renchao | 482 | * @author: renchao |
| 504 | */ | 483 | */ |
| 505 | changeSyttlx(e) { | 484 | changeSyttlx (e) { |
| 506 | let itemLx = {}; | 485 | let itemLx = {}; |
| 507 | itemLx = this.dictData["A23"].find((item) => { | 486 | itemLx = this.dictData["A23"].find((item) => { |
| 508 | return item.dcode == e; | 487 | return item.dcode == e; |
| ... | @@ -514,7 +493,7 @@ export default { | ... | @@ -514,7 +493,7 @@ export default { |
| 514 | * @param {*} e | 493 | * @param {*} e |
| 515 | * @author: renchao | 494 | * @author: renchao |
| 516 | */ | 495 | */ |
| 517 | changeYzyfs(e) { | 496 | changeYzyfs (e) { |
| 518 | let itemLx = {}; | 497 | let itemLx = {}; |
| 519 | itemLx = this.dictData["A24"].find((item) => { | 498 | itemLx = this.dictData["A24"].find((item) => { |
| 520 | return item.dcode == e; | 499 | return item.dcode == e; |
| ... | @@ -526,7 +505,7 @@ export default { | ... | @@ -526,7 +505,7 @@ export default { |
| 526 | * @param {*} e | 505 | * @param {*} e |
| 527 | * @author: renchao | 506 | * @author: renchao |
| 528 | */ | 507 | */ |
| 529 | changeYdyhfl(e) { | 508 | changeYdyhfl (e) { |
| 530 | let itemLx = {}; | 509 | let itemLx = {}; |
| 531 | itemLx = this.dictData["A51"].find((item) => { | 510 | itemLx = this.dictData["A51"].find((item) => { |
| 532 | return item.dcode == e; | 511 | return item.dcode == e; |
| ... | @@ -534,9 +513,9 @@ export default { | ... | @@ -534,9 +513,9 @@ export default { |
| 534 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; | 513 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; |
| 535 | }, | 514 | }, |
| 536 | }, | 515 | }, |
| 537 | }; | 516 | }; |
| 538 | </script> | 517 | </script> |
| 539 | <style scoped lang="scss"> | 518 | <style scoped lang="scss"> |
| 540 | @import "~@/styles/public.scss"; | 519 | @import "~@/styles/public.scss"; |
| 541 | @import "~@/styles/slxx/slxx.scss"; | 520 | @import "~@/styles/slxx/slxx.scss"; |
| 542 | </style> | 521 | </style> | ... | ... |
| ... | @@ -347,7 +347,7 @@ | ... | @@ -347,7 +347,7 @@ |
| 347 | this.czrOptions = this.ruleForm.qlrList; | 347 | this.czrOptions = this.ruleForm.qlrList; |
| 348 | this.ruleForm.qlrList.forEach((item) => { | 348 | this.ruleForm.qlrList.forEach((item) => { |
| 349 | if (item.sfczr == 1) { | 349 | if (item.sfczr == 1) { |
| 350 | this.czr = item.sqrmc; | 350 | this.czr = item.zjh |
| 351 | } | 351 | } |
| 352 | }); | 352 | }); |
| 353 | this.$endLoading(); | 353 | this.$endLoading(); |
| ... | @@ -458,7 +458,7 @@ | ... | @@ -458,7 +458,7 @@ |
| 458 | this.czrOptions = this.ruleForm.qlrList; | 458 | this.czrOptions = this.ruleForm.qlrList; |
| 459 | this.num = 0 | 459 | this.num = 0 |
| 460 | this.ruleForm.qlrList.forEach(item => { | 460 | this.ruleForm.qlrList.forEach(item => { |
| 461 | if (item.sqrmc == this.czr) { | 461 | if (item.zjh == this.czr) { |
| 462 | this.num++ | 462 | this.num++ |
| 463 | } | 463 | } |
| 464 | }) | 464 | }) | ... | ... |
| ... | @@ -337,7 +337,7 @@ | ... | @@ -337,7 +337,7 @@ |
| 337 | }; | 337 | }; |
| 338 | this.ruleForm.qlrList.forEach((item) => { | 338 | this.ruleForm.qlrList.forEach((item) => { |
| 339 | if (item.sfczr == 1) { | 339 | if (item.sfczr == 1) { |
| 340 | this.czr = item.sqrmc; | 340 | this.czr = item.zjh |
| 341 | } | 341 | } |
| 342 | }); | 342 | }); |
| 343 | //初始化发证方式,1:小证,2:大正 | 343 | //初始化发证方式,1:小证,2:大正 |
| ... | @@ -408,7 +408,7 @@ | ... | @@ -408,7 +408,7 @@ |
| 408 | this.czrOptions = this.ruleForm.qlrList; | 408 | this.czrOptions = this.ruleForm.qlrList; |
| 409 | this.num = 0 | 409 | this.num = 0 |
| 410 | this.ruleForm.qlrList.forEach(item => { | 410 | this.ruleForm.qlrList.forEach(item => { |
| 411 | if (item.sqrmc == this.czr) { | 411 | if (item.zjh == this.czr) { |
| 412 | this.num++ | 412 | this.num++ |
| 413 | } | 413 | } |
| 414 | }) | 414 | }) | ... | ... |
| ... | @@ -375,7 +375,7 @@ | ... | @@ -375,7 +375,7 @@ |
| 375 | this.czrOptions = this.ruleForm.qlrList; | 375 | this.czrOptions = this.ruleForm.qlrList; |
| 376 | this.ruleForm.qlrList.forEach((item) => { | 376 | this.ruleForm.qlrList.forEach((item) => { |
| 377 | if (item.sfczr == 1) { | 377 | if (item.sfczr == 1) { |
| 378 | this.czr = item.sqrmc; | 378 | this.czr = item.zjh |
| 379 | } | 379 | } |
| 380 | }); | 380 | }); |
| 381 | }); | 381 | }); |
| ... | @@ -431,7 +431,7 @@ | ... | @@ -431,7 +431,7 @@ |
| 431 | this.czrOptions = this.ruleForm.qlrList; | 431 | this.czrOptions = this.ruleForm.qlrList; |
| 432 | this.num = 0 | 432 | this.num = 0 |
| 433 | this.ruleForm.qlrList.forEach(item => { | 433 | this.ruleForm.qlrList.forEach(item => { |
| 434 | if (item.sqrmc == this.czr) { | 434 | if (item.zjh == this.czr) { |
| 435 | this.num++ | 435 | this.num++ |
| 436 | } | 436 | } |
| 437 | }) | 437 | }) | ... | ... |
| ... | @@ -354,7 +354,7 @@ | ... | @@ -354,7 +354,7 @@ |
| 354 | this.czrOptions = this.ruleForm.qlrList; | 354 | this.czrOptions = this.ruleForm.qlrList; |
| 355 | this.num = 0 | 355 | this.num = 0 |
| 356 | this.ruleForm.qlrList.forEach(item => { | 356 | this.ruleForm.qlrList.forEach(item => { |
| 357 | if (item.sqrmc == this.czr) { | 357 | if (item.zjh == this.czr) { |
| 358 | this.num++ | 358 | this.num++ |
| 359 | } | 359 | } |
| 360 | }) | 360 | }) | ... | ... |
| ... | @@ -225,7 +225,7 @@ | ... | @@ -225,7 +225,7 @@ |
| 225 | this.czrOptions = this.ruleForm.qlrList; | 225 | this.czrOptions = this.ruleForm.qlrList; |
| 226 | this.ruleForm.qlrList.forEach((item) => { | 226 | this.ruleForm.qlrList.forEach((item) => { |
| 227 | if (item.sfczr == 1) { | 227 | if (item.sfczr == 1) { |
| 228 | this.czr = item.sqrmc; | 228 | this.czr = item.zjh |
| 229 | } | 229 | } |
| 230 | }); | 230 | }); |
| 231 | } | 231 | } |
| ... | @@ -272,7 +272,7 @@ | ... | @@ -272,7 +272,7 @@ |
| 272 | this.czrOptions = this.ruleForm.qlrList; | 272 | this.czrOptions = this.ruleForm.qlrList; |
| 273 | this.num = 0 | 273 | this.num = 0 |
| 274 | this.ruleForm.qlrList.forEach(item => { | 274 | this.ruleForm.qlrList.forEach(item => { |
| 275 | if (item.sqrmc == this.czr) { | 275 | if (item.zjh == this.czr) { |
| 276 | this.num++ | 276 | this.num++ |
| 277 | } | 277 | } |
| 278 | }) | 278 | }) | ... | ... |
| ... | @@ -321,7 +321,7 @@ | ... | @@ -321,7 +321,7 @@ |
| 321 | that.czrOptions = this.ruleForm.qlrList; | 321 | that.czrOptions = this.ruleForm.qlrList; |
| 322 | that.ruleForm.qlrList.forEach((item) => { | 322 | that.ruleForm.qlrList.forEach((item) => { |
| 323 | if (item.sfczr == 1) { | 323 | if (item.sfczr == 1) { |
| 324 | that.czr = item.sqrmc; | 324 | that.czr = item.zjh; |
| 325 | } | 325 | } |
| 326 | }); | 326 | }); |
| 327 | setTimeout(() => { | 327 | setTimeout(() => { |
| ... | @@ -360,7 +360,7 @@ | ... | @@ -360,7 +360,7 @@ |
| 360 | this.czrOptions = this.ruleForm.qlrList; | 360 | this.czrOptions = this.ruleForm.qlrList; |
| 361 | this.num = 0 | 361 | this.num = 0 |
| 362 | this.ruleForm.qlrList.forEach(item => { | 362 | this.ruleForm.qlrList.forEach(item => { |
| 363 | if (item.sqrmc == this.czr) { | 363 | if (item.zjh == this.czr) { |
| 364 | this.num++ | 364 | this.num++ |
| 365 | } | 365 | } |
| 366 | }) | 366 | }) | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
| 8 | ref="ruleForm" | 8 | ref="ruleForm" |
| 9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
| 10 | :inline="flag" | 10 | :inline="flag" |
| 11 | label-width="140px" | 11 | label-width="140px"> |
| 12 | > | ||
| 13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
| 15 | 申请业务信息 | 14 | 申请业务信息 |
| ... | @@ -63,8 +62,7 @@ | ... | @@ -63,8 +62,7 @@ |
| 63 | placeholder="" | 62 | placeholder="" |
| 64 | :normalizer="normalizer" | 63 | :normalizer="normalizer" |
| 65 | :show-count="true" | 64 | :show-count="true" |
| 66 | :options="dictData['A17']" | 65 | :options="dictData['A17']" /> |
| 67 | /> | ||
| 68 | </el-form-item> | 66 | </el-form-item> |
| 69 | </el-col> | 67 | </el-col> |
| 70 | <el-col :span="8"> | 68 | <el-col :span="8"> |
| ... | @@ -131,12 +129,10 @@ | ... | @@ -131,12 +129,10 @@ |
| 131 | <el-col :span="16"> | 129 | <el-col :span="16"> |
| 132 | <el-form-item | 130 | <el-form-item |
| 133 | label="是否存在禁止或者限制转让抵押不动产的约定:" | 131 | label="是否存在禁止或者限制转让抵押不动产的约定:" |
| 134 | label-width="350px" | 132 | label-width="350px"> |
| 135 | > | ||
| 136 | <el-radio-group | 133 | <el-radio-group |
| 137 | v-model="ruleForm.diyaq.sfczjzhxz" | 134 | v-model="ruleForm.diyaq.sfczjzhxz" |
| 138 | :disabled="!viewEdit" | 135 | :disabled="!viewEdit"> |
| 139 | > | ||
| 140 | <el-radio label="1">启用</el-radio> | 136 | <el-radio label="1">启用</el-radio> |
| 141 | <el-radio label="0">禁用</el-radio> | 137 | <el-radio label="0">禁用</el-radio> |
| 142 | </el-radio-group> | 138 | </el-radio-group> |
| ... | @@ -149,15 +145,13 @@ | ... | @@ -149,15 +145,13 @@ |
| 149 | <el-form-item label="被担保主债权数额:"> | 145 | <el-form-item label="被担保主债权数额:"> |
| 150 | <el-input | 146 | <el-input |
| 151 | v-model="ruleForm.diyaq.bdbzzqse" | 147 | v-model="ruleForm.diyaq.bdbzzqse" |
| 152 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit"></el-input> |
| 153 | ></el-input> | ||
| 154 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> | 149 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> |
| 155 | <el-option | 150 | <el-option |
| 156 | v-for="item in dictData['A57']" | 151 | v-for="item in dictData['A57']" |
| 157 | :key="item.dcode" | 152 | :key="item.dcode" |
| 158 | :label="item.dname" | 153 | :label="item.dname" |
| 159 | :value="item.dcode" | 154 | :value="item.dcode"> |
| 160 | > | ||
| 161 | </el-option> | 155 | </el-option> |
| 162 | </el-select> | 156 | </el-select> |
| 163 | </el-form-item> | 157 | </el-form-item> |
| ... | @@ -167,15 +161,13 @@ | ... | @@ -167,15 +161,13 @@ |
| 167 | <el-form-item label="最高债权额:"> | 161 | <el-form-item label="最高债权额:"> |
| 168 | <el-input | 162 | <el-input |
| 169 | v-model="ruleForm.diyaq.zgzqse" | 163 | v-model="ruleForm.diyaq.zgzqse" |
| 170 | :disabled="!viewEdit" | 164 | :disabled="!viewEdit"></el-input> |
| 171 | ></el-input> | ||
| 172 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> | 165 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> |
| 173 | <el-option | 166 | <el-option |
| 174 | v-for="item in dictData['A57']" | 167 | v-for="item in dictData['A57']" |
| 175 | :key="item.dcode" | 168 | :key="item.dcode" |
| 176 | :label="item.dname" | 169 | :label="item.dname" |
| 177 | :value="item.dcode" | 170 | :value="item.dcode"> |
| 178 | > | ||
| 179 | </el-option> | 171 | </el-option> |
| 180 | </el-select> | 172 | </el-select> |
| 181 | </el-form-item> | 173 | </el-form-item> |
| ... | @@ -186,8 +178,7 @@ | ... | @@ -186,8 +178,7 @@ |
| 186 | <el-date-picker | 178 | <el-date-picker |
| 187 | v-model="ruleForm.diyaq.zwlxqssj" | 179 | v-model="ruleForm.diyaq.zwlxqssj" |
| 188 | :disabled="!viewEdit" | 180 | :disabled="!viewEdit" |
| 189 | type="date" | 181 | type="date"> |
| 190 | > | ||
| 191 | </el-date-picker> | 182 | </el-date-picker> |
| 192 | </el-form-item> | 183 | </el-form-item> |
| 193 | </el-col> | 184 | </el-col> |
| ... | @@ -196,8 +187,7 @@ | ... | @@ -196,8 +187,7 @@ |
| 196 | <el-date-picker | 187 | <el-date-picker |
| 197 | v-model="ruleForm.diyaq.zwlxjssj" | 188 | v-model="ruleForm.diyaq.zwlxjssj" |
| 198 | :disabled="!viewEdit" | 189 | :disabled="!viewEdit" |
| 199 | type="date" | 190 | type="date"> |
| 200 | > | ||
| 201 | </el-date-picker> | 191 | </el-date-picker> |
| 202 | </el-form-item> | 192 | </el-form-item> |
| 203 | </el-col> | 193 | </el-col> |
| ... | @@ -208,8 +198,7 @@ | ... | @@ -208,8 +198,7 @@ |
| 208 | <el-form-item label="担保范围:"> | 198 | <el-form-item label="担保范围:"> |
| 209 | <el-input | 199 | <el-input |
| 210 | v-model="ruleForm.diyaq.dbfw" | 200 | v-model="ruleForm.diyaq.dbfw" |
| 211 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" | 201 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> |
| 212 | ></el-input> | ||
| 213 | </el-form-item> | 202 | </el-form-item> |
| 214 | </el-col> | 203 | </el-col> |
| 215 | </el-row> | 204 | </el-row> |
| ... | @@ -218,8 +207,7 @@ | ... | @@ -218,8 +207,7 @@ |
| 218 | <el-form-item label="最高债权确定事实和数额:"> | 207 | <el-form-item label="最高债权确定事实和数额:"> |
| 219 | <el-input | 208 | <el-input |
| 220 | v-model="ruleForm.diyaq.zgzqqdss" | 209 | v-model="ruleForm.diyaq.zgzqqdss" |
| 221 | :disabled="!viewEdit" | 210 | :disabled="!viewEdit"></el-input> |
| 222 | ></el-input> | ||
| 223 | </el-form-item> | 211 | </el-form-item> |
| 224 | </el-col> | 212 | </el-col> |
| 225 | </el-row> | 213 | </el-row> |
| ... | @@ -231,8 +219,7 @@ | ... | @@ -231,8 +219,7 @@ |
| 231 | maxlength="500" | 219 | maxlength="500" |
| 232 | show-word-limit | 220 | show-word-limit |
| 233 | v-model="ruleForm.diyaq.fj" | 221 | v-model="ruleForm.diyaq.fj" |
| 234 | :disabled="!viewEdit" | 222 | :disabled="!viewEdit"></el-input> |
| 235 | ></el-input> | ||
| 236 | </el-form-item> | 223 | </el-form-item> |
| 237 | </el-col> | 224 | </el-col> |
| 238 | </el-row> | 225 | </el-row> |
| ... | @@ -246,8 +233,7 @@ | ... | @@ -246,8 +233,7 @@ |
| 246 | <el-form-item label="共有方式:"> | 233 | <el-form-item label="共有方式:"> |
| 247 | <el-radio-group | 234 | <el-radio-group |
| 248 | :disabled="!viewEdit" | 235 | :disabled="!viewEdit" |
| 249 | v-model="ruleForm.sldy.gyfs" | 236 | v-model="ruleForm.sldy.gyfs"> |
| 250 | > | ||
| 251 | <el-radio label="0">单独所有</el-radio> | 237 | <el-radio label="0">单独所有</el-radio> |
| 252 | <el-radio label="1">共同共有</el-radio> | 238 | <el-radio label="1">共同共有</el-radio> |
| 253 | <el-radio label="2">按份所有</el-radio> | 239 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -260,8 +246,7 @@ | ... | @@ -260,8 +246,7 @@ |
| 260 | <el-radio-group | 246 | <el-radio-group |
| 261 | v-model="ruleForm.sldy.sqfbcz" | 247 | v-model="ruleForm.sldy.sqfbcz" |
| 262 | :disabled="!viewEdit" | 248 | :disabled="!viewEdit" |
| 263 | @input="updaterow()" | 249 | @input="updaterow()"> |
| 264 | > | ||
| 265 | <el-radio :label="1">是</el-radio> | 250 | <el-radio :label="1">是</el-radio> |
| 266 | <el-radio :label="0">否</el-radio> | 251 | <el-radio :label="0">否</el-radio> |
| 267 | </el-radio-group> | 252 | </el-radio-group> |
| ... | @@ -269,20 +254,17 @@ | ... | @@ -269,20 +254,17 @@ |
| 269 | </el-col> | 254 | </el-col> |
| 270 | <el-col | 255 | <el-col |
| 271 | :span="6" | 256 | :span="6" |
| 272 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 257 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 273 | > | ||
| 274 | <el-form-item label="持证人:"> | 258 | <el-form-item label="持证人:"> |
| 275 | <el-select | 259 | <el-select |
| 276 | v-model="czr" | 260 | v-model="czr" |
| 277 | placeholder="持证人" | 261 | placeholder="持证人" |
| 278 | :disabled="!viewEdit" | 262 | :disabled="!viewEdit"> |
| 279 | > | ||
| 280 | <el-option | 263 | <el-option |
| 281 | v-for="item in czrOptions" | 264 | v-for="item in czrOptions" |
| 282 | :key="item.zjh" | 265 | :key="item.zjh" |
| 283 | :label="item.sqrmc" | 266 | :label="item.sqrmc" |
| 284 | :value="item.zjh" | 267 | :value="item.zjh"> |
| 285 | > | ||
| 286 | </el-option> | 268 | </el-option> |
| 287 | </el-select> | 269 | </el-select> |
| 288 | </el-form-item> | 270 | </el-form-item> |
| ... | @@ -292,8 +274,7 @@ | ... | @@ -292,8 +274,7 @@ |
| 292 | :tableData="ruleForm.qlrList" | 274 | :tableData="ruleForm.qlrList" |
| 293 | @upDateQlrxxList="upDateQlrxxList" | 275 | @upDateQlrxxList="upDateQlrxxList" |
| 294 | :disabled="viewEdit" | 276 | :disabled="viewEdit" |
| 295 | :gyfs="ruleForm.sldy.gyfs" | 277 | :gyfs="ruleForm.sldy.gyfs" /> |
| 296 | /> | ||
| 297 | <div class="slxx_title title-block"> | 278 | <div class="slxx_title title-block"> |
| 298 | 抵押人信息 | 279 | 抵押人信息 |
| 299 | <div class="triangle"></div> | 280 | <div class="triangle"></div> |
| ... | @@ -301,8 +282,7 @@ | ... | @@ -301,8 +282,7 @@ |
| 301 | <qlrCommonTable | 282 | <qlrCommonTable |
| 302 | :tableData="ruleForm.ywrList" | 283 | :tableData="ruleForm.ywrList" |
| 303 | @upDateQlrxxList="upDateYwrxxList" | 284 | @upDateQlrxxList="upDateYwrxxList" |
| 304 | :disabled="viewEdit" | 285 | :disabled="viewEdit" /> |
| 305 | /> | ||
| 306 | 286 | ||
| 307 | <div class="slxx_title title-block"> | 287 | <div class="slxx_title title-block"> |
| 308 | 登记原因 | 288 | 登记原因 |
| ... | @@ -313,14 +293,12 @@ | ... | @@ -313,14 +293,12 @@ |
| 313 | <el-form-item | 293 | <el-form-item |
| 314 | v-if="ruleForm.sldy.djlx == '400'" | 294 | v-if="ruleForm.sldy.djlx == '400'" |
| 315 | label="注销抵押原因:" | 295 | label="注销抵押原因:" |
| 316 | prop="djyy" | 296 | prop="djyy"> |
| 317 | > | ||
| 318 | <el-input | 297 | <el-input |
| 319 | class="textArea" | 298 | class="textArea" |
| 320 | type="textarea" | 299 | type="textarea" |
| 321 | :disabled="!viewEdit" | 300 | :disabled="!viewEdit" |
| 322 | v-model="ruleForm.diyaq.zxdyyy" | 301 | v-model="ruleForm.diyaq.zxdyyy"> |
| 323 | > | ||
| 324 | </el-input> | 302 | </el-input> |
| 325 | </el-form-item> | 303 | </el-form-item> |
| 326 | <el-form-item v-else label="登记原因:" prop="djyy"> | 304 | <el-form-item v-else label="登记原因:" prop="djyy"> |
| ... | @@ -330,8 +308,7 @@ | ... | @@ -330,8 +308,7 @@ |
| 330 | maxlength="500" | 308 | maxlength="500" |
| 331 | show-word-limit | 309 | show-word-limit |
| 332 | :disabled="!viewEdit" | 310 | :disabled="!viewEdit" |
| 333 | v-model="ruleForm.diyaq.djyy" | 311 | v-model="ruleForm.diyaq.djyy"> |
| 334 | > | ||
| 335 | </el-input> | 312 | </el-input> |
| 336 | </el-form-item> | 313 | </el-form-item> |
| 337 | </el-col> | 314 | </el-col> |
| ... | @@ -346,11 +323,11 @@ | ... | @@ -346,11 +323,11 @@ |
| 346 | </div> | 323 | </div> |
| 347 | </template> | 324 | </template> |
| 348 | <script> | 325 | <script> |
| 349 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 326 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 350 | import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; | 327 | import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; |
| 351 | import { mapGetters } from "vuex"; | 328 | import { mapGetters } from "vuex"; |
| 352 | export default { | 329 | export default { |
| 353 | mounted() { | 330 | mounted () { |
| 354 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 331 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 355 | this.propsParam = this.$attrs; | 332 | this.propsParam = this.$attrs; |
| 356 | var formdata = new FormData(); | 333 | var formdata = new FormData(); |
| ... | @@ -364,7 +341,7 @@ export default { | ... | @@ -364,7 +341,7 @@ export default { |
| 364 | this.czrOptions = this.ruleForm.qlrList; | 341 | this.czrOptions = this.ruleForm.qlrList; |
| 365 | this.ruleForm.qlrList.forEach((item) => { | 342 | this.ruleForm.qlrList.forEach((item) => { |
| 366 | if (item.sfczr == 1) { | 343 | if (item.sfczr == 1) { |
| 367 | this.czr = item.sqrmc; | 344 | this.czr = item.zjh |
| 368 | } | 345 | } |
| 369 | }); | 346 | }); |
| 370 | this.$endLoading(); | 347 | this.$endLoading(); |
| ... | @@ -375,7 +352,7 @@ export default { | ... | @@ -375,7 +352,7 @@ export default { |
| 375 | computed: { | 352 | computed: { |
| 376 | ...mapGetters(["dictData", "flag"]), | 353 | ...mapGetters(["dictData", "flag"]), |
| 377 | }, | 354 | }, |
| 378 | data() { | 355 | data () { |
| 379 | return { | 356 | return { |
| 380 | //表单是否可操作 | 357 | //表单是否可操作 |
| 381 | viewEdit: true, | 358 | viewEdit: true, |
| ... | @@ -387,7 +364,7 @@ export default { | ... | @@ -387,7 +364,7 @@ export default { |
| 387 | propsParam: {}, | 364 | propsParam: {}, |
| 388 | rules: {}, | 365 | rules: {}, |
| 389 | // 键名转换,方法默认是label和children进行树状渲染 | 366 | // 键名转换,方法默认是label和children进行树状渲染 |
| 390 | normalizer(node) { | 367 | normalizer (node) { |
| 391 | //方法 | 368 | //方法 |
| 392 | if (node.children == null || node.children == "null") { | 369 | if (node.children == null || node.children == "null") { |
| 393 | delete node.children; | 370 | delete node.children; |
| ... | @@ -404,7 +381,7 @@ export default { | ... | @@ -404,7 +381,7 @@ export default { |
| 404 | * @description: onSubmitClick | 381 | * @description: onSubmitClick |
| 405 | * @author: renchao | 382 | * @author: renchao |
| 406 | */ | 383 | */ |
| 407 | onSubmitClick() { | 384 | onSubmitClick () { |
| 408 | let that = this; | 385 | let that = this; |
| 409 | if (this.ruleForm.qlrList.length == 0) { | 386 | if (this.ruleForm.qlrList.length == 0) { |
| 410 | this.$message({ | 387 | this.$message({ |
| ... | @@ -482,7 +459,7 @@ export default { | ... | @@ -482,7 +459,7 @@ export default { |
| 482 | * @param {*} val | 459 | * @param {*} val |
| 483 | * @author: renchao | 460 | * @author: renchao |
| 484 | */ | 461 | */ |
| 485 | upDateQlrxxList(val) { | 462 | upDateQlrxxList (val) { |
| 486 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 463 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
| 487 | this.ruleForm.qlrList = _.cloneDeep(val); | 464 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 488 | this.czrOptions = this.ruleForm.qlrList; | 465 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -494,7 +471,7 @@ export default { | ... | @@ -494,7 +471,7 @@ export default { |
| 494 | * @param {*} val | 471 | * @param {*} val |
| 495 | * @author: renchao | 472 | * @author: renchao |
| 496 | */ | 473 | */ |
| 497 | updaterow() { | 474 | updaterow () { |
| 498 | this.czr = ""; | 475 | this.czr = ""; |
| 499 | }, | 476 | }, |
| 500 | /** | 477 | /** |
| ... | @@ -502,15 +479,15 @@ export default { | ... | @@ -502,15 +479,15 @@ export default { |
| 502 | * @param {*} val | 479 | * @param {*} val |
| 503 | * @author: renchao | 480 | * @author: renchao |
| 504 | */ | 481 | */ |
| 505 | upDateYwrxxList(val) { | 482 | upDateYwrxxList (val) { |
| 506 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | 483 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
| 507 | this.ruleForm.ywrList = _.cloneDeep(val); | 484 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 508 | } | 485 | } |
| 509 | } | 486 | } |
| 510 | } | 487 | } |
| 511 | } | 488 | } |
| 512 | </script> | 489 | </script> |
| 513 | <style scoped lang="scss"> | 490 | <style scoped lang="scss"> |
| 514 | @import "~@/styles/public.scss"; | 491 | @import "~@/styles/public.scss"; |
| 515 | @import "~@/styles/slxx/slxx.scss"; | 492 | @import "~@/styles/slxx/slxx.scss"; |
| 516 | </style> | 493 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 11:25:49 | 4 | * @LastEditTime: 2023-09-12 13:39:30 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -219,7 +219,6 @@ | ... | @@ -219,7 +219,6 @@ |
| 219 | * @author: renchao | 219 | * @author: renchao |
| 220 | */ | 220 | */ |
| 221 | ywhClick (item) { | 221 | ywhClick (item) { |
| 222 | sessionStorage.removeItem('keyPath') | ||
| 223 | //有任务权限 | 222 | //有任务权限 |
| 224 | if (item.sjlx == "3") { | 223 | if (item.sjlx == "3") { |
| 225 | item.djywbm = "DJBBL"; | 224 | item.djywbm = "DJBBL"; |
| ... | @@ -241,9 +240,9 @@ | ... | @@ -241,9 +240,9 @@ |
| 241 | ); | 240 | ); |
| 242 | window.open(href, `workFrameView${item.bsmSlsq}`); | 241 | window.open(href, `workFrameView${item.bsmSlsq}`); |
| 243 | } | 242 | } |
| 244 | }, | 243 | } |
| 245 | }, | 244 | } |
| 246 | }; | 245 | } |
| 247 | </script> | 246 | </script> |
| 248 | <style scoped lang="scss"> | 247 | <style scoped lang="scss"> |
| 249 | @import "~@/styles/public.scss"; | 248 | @import "~@/styles/public.scss"; | ... | ... |
-
Please register or sign in to post a comment