Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
63 changed files
with
3520 additions
and
2850 deletions
| ... | @@ -23,7 +23,9 @@ | ... | @@ -23,7 +23,9 @@ |
| 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", |
| 28 | "sortablejs": "^1.15.0", | ||
| 27 | "vue": "2.6.10", | 29 | "vue": "2.6.10", |
| 28 | "vue-json-editor": "^1.4.3", | 30 | "vue-json-editor": "^1.4.3", |
| 29 | "vue-print-nb": "^1.7.5", | 31 | "vue-print-nb": "^1.7.5", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: 企业银行接口 | 2 | * @Description: 企业银行接口 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 10:19:36 | 4 | * @LastEditTime: 2023-09-12 08:35:25 |
| 5 | */ | 5 | */ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| ... | @@ -80,4 +80,21 @@ export function deleteFile (bsmFile) { | ... | @@ -80,4 +80,21 @@ export function deleteFile (bsmFile) { |
| 80 | bsmFile: bsmFile | 80 | bsmFile: bsmFile |
| 81 | } | 81 | } |
| 82 | }) | 82 | }) |
| 83 | } | ||
| 84 | |||
| 85 | /** | ||
| 86 | * @description: 移动 | ||
| 87 | * @param {*} bsmFile | ||
| 88 | * @param {*} direction | ||
| 89 | * @author: renchao | ||
| 90 | */ | ||
| 91 | export function move (bsmFile, direction) { | ||
| 92 | return request({ | ||
| 93 | url: SERVER.SERVERAPI + '/rest/sys/company/move', | ||
| 94 | method: 'get', | ||
| 95 | params: { | ||
| 96 | bsmFile: bsmFile, | ||
| 97 | direction: direction | ||
| 98 | } | ||
| 99 | }) | ||
| 83 | } | 100 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -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 | // 全局加载 | ... | ... |
| ... | @@ -41,4 +41,4 @@ export function getDictLeabel (level, code) { | ... | @@ -41,4 +41,4 @@ export function getDictLeabel (level, code) { |
| 41 | return node.dcode === level | 41 | return node.dcode === level |
| 42 | }) | 42 | }) |
| 43 | return data.dname | 43 | return data.dname |
| 44 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 44 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 16:09:13 | 4 | * @LastEditTime: 2023-09-13 09:10: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.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,20 +126,22 @@ | ... | @@ -125,20 +126,22 @@ |
| 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 | /** |
| 144 | * @description: 拍照 | 147 | * @description: 拍照 |
| ... | @@ -270,6 +273,9 @@ | ... | @@ -270,6 +273,9 @@ |
| 270 | } | 273 | } |
| 271 | formData.append("bsmSj", this.previewImg.bsmSj); | 274 | formData.append("bsmSj", this.previewImg.bsmSj); |
| 272 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 275 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); |
| 276 | if (this.previewImg.imgList.length > 0) { | ||
| 277 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); | ||
| 278 | } | ||
| 273 | uploadBatch(formData).then((res) => { | 279 | uploadBatch(formData).then((res) => { |
| 274 | if (res.code == 200) { | 280 | if (res.code == 200) { |
| 275 | this.$emit('updateList', res.result) | 281 | this.$emit('updateList', res.result) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:42:01 | 4 | * @LastEditTime: 2023-09-12 13:26:13 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <!-- 表单部分 --> | ||
| 9 | <div class="from-clues-header"> | 8 | <div class="from-clues-header"> |
| 10 | <el-form ref="queryForm" label-width="180px" v-if="this.formData.obj"> | 9 | <el-form ref="queryForm" label-width="180px" v-if="this.formData.obj"> |
| 11 | <el-form-item label="下一环节名称:"> | 10 | <el-form-item label="下一环节名称:"> |
| ... | @@ -21,139 +20,136 @@ | ... | @@ -21,139 +20,136 @@ |
| 21 | </el-form-item> | 20 | </el-form-item> |
| 22 | </el-form> | 21 | </el-form> |
| 23 | <div v-if="this.formData.showidea"> | 22 | <div v-if="this.formData.showidea"> |
| 24 | <div class="invalid-reson">审批意见:</div> | 23 | <div class="invalid-reson">审批意见:</div> |
| 25 | <el-input | 24 | <el-input |
| 26 | class="opinion" | 25 | class="opinion" |
| 27 | v-model="shyj" | 26 | v-model="shyj" |
| 28 | placeholder="请输入审批意见" | 27 | placeholder="请输入审批意见" |
| 29 | type="textarea" | 28 | type="textarea" |
| 30 | :rows="4" | 29 | :rows="4"></el-input> |
| 31 | ></el-input> | 30 | </div> |
| 31 | <div style="text-align:center"> | ||
| 32 | <el-button @click="cancelBack">取消转出</el-button> | ||
| 33 | <el-button type="primary" @click="submitForm">确定转出</el-button> | ||
| 32 | </div> | 34 | </div> |
| 33 | |||
| 34 | <!-- <el-button class="opinion_btn" @click="commonOpinion">常用意见</el-button> --> | ||
| 35 | <el-button style="float: right" @click="cancelBack">取消转出</el-button> | ||
| 36 | <el-button type="primary" @click="submitForm" style="float: right" | ||
| 37 | >确定转出</el-button | ||
| 38 | > | ||
| 39 | </div> | 35 | </div> |
| 40 | </div> | 36 | </div> |
| 41 | </template> | 37 | </template> |
| 42 | 38 | ||
| 43 | <script> | 39 | <script> |
| 44 | import { completeTask, getNextLinkInfo } from "@/api/workFlow.js"; | 40 | import { completeTask, getNextLinkInfo } from "@/api/workFlow.js"; |
| 45 | import { popupCacel } from "@/utils/popup.js"; | 41 | import { popupCacel } from "@/utils/popup.js"; |
| 46 | import { mapGetters } from "vuex"; | 42 | import { mapGetters } from "vuex"; |
| 47 | export default { | 43 | export default { |
| 48 | computed: { | 44 | computed: { |
| 49 | }, | 45 | }, |
| 50 | props: { | 46 | props: { |
| 51 | formData: { | 47 | formData: { |
| 52 | type: Object, | 48 | type: Object, |
| 53 | default: {}, | 49 | default: {}, |
| 50 | }, | ||
| 54 | }, | 51 | }, |
| 55 | }, | ||
| 56 | 52 | ||
| 57 | data() { | 53 | data () { |
| 58 | return { | 54 | return { |
| 59 | queryForm: {}, | 55 | queryForm: {}, |
| 60 | shyj: "", | 56 | shyj: "", |
| 61 | }; | 57 | }; |
| 62 | }, | 58 | }, |
| 63 | 59 | ||
| 64 | watch: { | 60 | watch: { |
| 65 | yjsqOptions: { | 61 | yjsqOptions: { |
| 66 | handler(val) { | 62 | handler (val) { |
| 67 | this.add(val.opinion); | 63 | this.add(val.opinion); |
| 64 | }, | ||
| 65 | deep: true, | ||
| 66 | immediate: true, | ||
| 68 | }, | 67 | }, |
| 69 | deep: true, | ||
| 70 | immediate: true, | ||
| 71 | }, | 68 | }, |
| 72 | }, | 69 | mounted () { |
| 73 | mounted() { | 70 | // this.queryForm= this.queryForm.obj |
| 74 | // this.queryForm= this.queryForm.obj | ||
| 75 | }, | ||
| 76 | methods: { | ||
| 77 | /** | ||
| 78 | * @description: submitForm | ||
| 79 | * @author: renchao | ||
| 80 | */ | ||
| 81 | commonOpinion() { | ||
| 82 | this.$popup('常用意见',"workflow/components/dialog/commonOpinion",{ | ||
| 83 | title:"常用意见", | ||
| 84 | width: '75%', // 初始化75% 不需要改的话 可以直接不要 | ||
| 85 | formData:{}, // 父组件传给子组件的参数 | ||
| 86 | cancel: function () {}, //取消事件的回调 没有按钮可以不需要 | ||
| 87 | confirm: function () {} //确认事件的回调 没有按钮可以不需要 | ||
| 88 | }) | ||
| 89 | }, | 71 | }, |
| 90 | submitForm() { | 72 | methods: { |
| 91 | this.queryForm = { | 73 | /** |
| 92 | bsmSlsq: this.formData.bsmSlsq, | 74 | * @description: submitForm |
| 93 | shyj: this.shyj, | 75 | * @author: renchao |
| 94 | stepform: JSON.stringify(this.formData.tabList), | 76 | */ |
| 95 | }; | 77 | commonOpinion () { |
| 96 | completeTask(this.queryForm).then((res) => { | 78 | this.$popup('常用意见', "workflow/components/dialog/commonOpinion", { |
| 97 | if (res.code === 200) { | 79 | title: "常用意见", |
| 98 | this.$message.success("转件成功"); | 80 | width: '75%', // 初始化75% 不需要改的话 可以直接不要 |
| 99 | // setTimeout(() => { | 81 | formData: {}, // 父组件传给子组件的参数 |
| 100 | // window.opener = null; | 82 | cancel: function () { }, //取消事件的回调 没有按钮可以不需要 |
| 101 | // window.open("about:blank", "_self"); | 83 | confirm: function () { } //确认事件的回调 没有按钮可以不需要 |
| 102 | // window.close(); | 84 | }) |
| 103 | // this.$emit("input", false); | 85 | }, |
| 104 | // }, 1000); | 86 | submitForm () { |
| 105 | popupCacel(); | 87 | this.queryForm = { |
| 106 | setTimeout(() => { | 88 | bsmSlsq: this.formData.bsmSlsq, |
| 107 | // window.opener.location.reload(); //刷新父窗口 | 89 | shyj: this.shyj, |
| 108 | if (window.opener && window.opener.getBpageList) { | 90 | stepform: JSON.stringify(this.formData.tabList), |
| 109 | window.opener.getBpageList(); | 91 | }; |
| 110 | } else { | 92 | completeTask(this.queryForm).then((res) => { |
| 111 | window.opener.frames[0].getBpageList(); | 93 | if (res.code === 200) { |
| 112 | } | 94 | this.$message.success("转件成功"); |
| 113 | window.close(); | 95 | // setTimeout(() => { |
| 114 | this.$emit("input", false); | 96 | // window.opener = null; |
| 115 | }, 1000); | 97 | // window.open("about:blank", "_self"); |
| 116 | } else { | 98 | // window.close(); |
| 117 | this.$message.error(res.message); | 99 | // this.$emit("input", false); |
| 100 | // }, 1000); | ||
| 101 | popupCacel(); | ||
| 102 | setTimeout(() => { | ||
| 103 | // window.opener.location.reload(); //刷新父窗口 | ||
| 104 | if (window.opener && window.opener.getBpageList) { | ||
| 105 | window.opener.getBpageList(); | ||
| 106 | } else { | ||
| 107 | window.opener.frames[0].getBpageList(); | ||
| 108 | } | ||
| 109 | window.close(); | ||
| 110 | this.$emit("input", false); | ||
| 111 | }, 1000); | ||
| 112 | } else { | ||
| 113 | this.$message.error(res.message); | ||
| 114 | } | ||
| 115 | }); | ||
| 116 | }, | ||
| 117 | /** | ||
| 118 | * @description: add | ||
| 119 | * @param {*} val | ||
| 120 | * @author: renchao | ||
| 121 | */ | ||
| 122 | add (val) { | ||
| 123 | if (val != "") { | ||
| 124 | this.shyj; | ||
| 118 | } | 125 | } |
| 119 | }); | 126 | }, |
| 120 | }, | ||
| 121 | /** | ||
| 122 | * @description: add | ||
| 123 | * @param {*} val | ||
| 124 | * @author: renchao | ||
| 125 | */ | ||
| 126 | add(val) { | ||
| 127 | if (val != "") { | ||
| 128 | this.shyj; | ||
| 129 | } | ||
| 130 | }, | ||
| 131 | 127 | ||
| 132 | /** | 128 | /** |
| 133 | * @description: closeDialog | 129 | * @description: closeDialog |
| 134 | * @author: renchao | 130 | * @author: renchao |
| 135 | */ | 131 | */ |
| 136 | cancelBack() { | 132 | cancelBack () { |
| 137 | popupCacel(); | 133 | popupCacel(); |
| 134 | }, | ||
| 138 | }, | 135 | }, |
| 139 | }, | 136 | }; |
| 140 | }; | ||
| 141 | </script> | 137 | </script> |
| 142 | <style scoped lang="scss"> | 138 | <style scoped lang="scss"> |
| 143 | @import "~@/styles/mixin.scss"; | 139 | @import "~@/styles/mixin.scss"; |
| 144 | .el-button { | 140 | .el-button { |
| 145 | margin-top: 20px; | 141 | margin-top: 20px; |
| 146 | margin-right: 10px; | 142 | margin-right: 10px; |
| 147 | } | 143 | } |
| 148 | 144 | ||
| 149 | .opinion { | 145 | .opinion { |
| 150 | position: relative; | 146 | position: relative; |
| 151 | font-size: 14px; | 147 | font-size: 14px; |
| 152 | } | 148 | } |
| 153 | 149 | ||
| 154 | .opinion_btn { | 150 | .opinion_btn { |
| 155 | position: absolute; | 151 | position: absolute; |
| 156 | right: 35px; | 152 | right: 35px; |
| 157 | bottom: 80px; | 153 | bottom: 80px; |
| 158 | } | 154 | } |
| 159 | </style> | 155 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:27:42 | 4 | * @LastEditTime: 2023-09-11 16:37:36 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
| 142 | <el-form-item label="分摊土地面积:"> | 142 | <el-form-item label="分摊土地面积:"> |
| 143 | <div class="flex"> | 143 | <div class="flex"> |
| 144 | <el-input | 144 | <el-input |
| 145 | maxlength="12" | 145 | maxlength="12" |
| 146 | v-model="ruleForm.fdcq2.fttdmj" | 146 | v-model="ruleForm.fdcq2.fttdmj" |
| 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 148 | <el-select disabled v-model="mjdw" style="width: 68px"> | 148 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| ... | @@ -173,7 +173,7 @@ | ... | @@ -173,7 +173,7 @@ |
| 173 | <el-form-item label="房地产交易价格:"> | 173 | <el-form-item label="房地产交易价格:"> |
| 174 | <div class="flex"> | 174 | <div class="flex"> |
| 175 | <el-input | 175 | <el-input |
| 176 | maxlength="11" | 176 | maxlength="11" |
| 177 | v-model="ruleForm.fdcq2.qjjg" | 177 | v-model="ruleForm.fdcq2.qjjg" |
| 178 | style="width: 500%" | 178 | style="width: 500%" |
| 179 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 179 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -256,14 +256,14 @@ | ... | @@ -256,14 +256,14 @@ |
| 256 | </el-col> | 256 | </el-col> |
| 257 | <el-col :span="8"> | 257 | <el-col :span="8"> |
| 258 | <el-form-item label="总层数:"> | 258 | <el-form-item label="总层数:"> |
| 259 | <el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 259 | <el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
| 260 | </el-form-item> | 260 | </el-form-item> |
| 261 | </el-col> | 261 | </el-col> |
| 262 | <el-col :span="8"> | 262 | <el-col :span="8"> |
| 263 | <el-form-item label="建筑面积:"> | 263 | <el-form-item label="建筑面积:"> |
| 264 | <div class="flex"> | 264 | <div class="flex"> |
| 265 | <el-input | 265 | <el-input |
| 266 | maxlength="12" | 266 | maxlength="12" |
| 267 | v-model="ruleForm.fdcq2.jzmj" | 267 | v-model="ruleForm.fdcq2.jzmj" |
| 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 269 | <el-select disabled v-model="mjdw" style="width: 68px"> | 269 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| ... | @@ -479,7 +479,6 @@ | ... | @@ -479,7 +479,6 @@ |
| 479 | }, | 479 | }, |
| 480 | }; | 480 | }; |
| 481 | }, | 481 | }, |
| 482 | created () { }, | ||
| 483 | mounted () { | 482 | mounted () { |
| 484 | this.loadData(); | 483 | this.loadData(); |
| 485 | this.ableOperation = this.$parent.ableOperation; | 484 | this.ableOperation = this.$parent.ableOperation; |
| ... | @@ -495,7 +494,6 @@ | ... | @@ -495,7 +494,6 @@ |
| 495 | this.ruleForm.qlxx.ssywh = val.ywh; | 494 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 496 | this.ssQlxxchangediolog(val); | 495 | this.ssQlxxchangediolog(val); |
| 497 | }, | 496 | }, |
| 498 | // 弹框事件 | ||
| 499 | /** | 497 | /** |
| 500 | * @description: 弹框事件 | 498 | * @description: 弹框事件 |
| 501 | * @param {*} val | 499 | * @param {*} val |
| ... | @@ -600,7 +598,6 @@ | ... | @@ -600,7 +598,6 @@ |
| 600 | } | 598 | } |
| 601 | }); | 599 | }); |
| 602 | }, | 600 | }, |
| 603 | // 更新土地用途信息 | ||
| 604 | /** | 601 | /** |
| 605 | * @description: 更新土地用途信息 | 602 | * @description: 更新土地用途信息 |
| 606 | * @param {*} val | 603 | * @param {*} val |
| ... | @@ -610,16 +607,16 @@ | ... | @@ -610,16 +607,16 @@ |
| 610 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 607 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 611 | this.key++; | 608 | this.key++; |
| 612 | }, | 609 | }, |
| 613 | // 更新权利人信息 | ||
| 614 | /** | 610 | /** |
| 615 | * @description: 更新权利人信息 | 611 | * @description: 更新权利人信息 |
| 616 | * @param {*} val | 612 | * @param {*} val |
| 617 | * @author: renchao | 613 | * @author: renchao |
| 618 | */ | 614 | */ |
| 619 | upDateQlrxxList (val) { | 615 | upDateQlrxxList (val) { |
| 620 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 616 | if (!_.isEqual(val, this.ruleForm.qlrData)) { |
| 621 | this.czrOptions = this.ruleForm.qlrData; | 617 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 622 | this.key++; | 618 | this.czrOptions = this.ruleForm.qlrData; |
| 619 | } | ||
| 623 | }, | 620 | }, |
| 624 | // 更新义务人信息 | 621 | // 更新义务人信息 |
| 625 | /** | 622 | /** | ... | ... |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <el-form | 9 | <el-form |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | v-Loading="loading" | 12 | v-Loading="loading" |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| ... | @@ -523,16 +523,19 @@ | ... | @@ -523,16 +523,19 @@ |
| 523 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 523 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 524 | this.key++; | 524 | this.key++; |
| 525 | }, | 525 | }, |
| 526 | // 更新权利人信息 | ||
| 527 | /** | 526 | /** |
| 528 | * @description: 更新权利人信息 | 527 | * @description: 更新权利人信息 |
| 529 | * @param {*} val | 528 | * @param {*} val |
| 530 | * @author: renchao | 529 | * @author: renchao |
| 531 | */ | 530 | */ |
| 532 | upDateQlrxxList (val) { | 531 | upDateQlrxxList (val) { |
| 533 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 532 | if (!_.isEqual(val, this.ruleForm.qlrData)) { |
| 534 | this.czrOptions = this.ruleForm.qlrData; | 533 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 535 | this.key++; | 534 | this.czrOptions = this.ruleForm.qlrData; |
| 535 | } | ||
| 536 | if (this.ruleForm.qlrData.length == 0) { | ||
| 537 | this.czr = '' | ||
| 538 | } | ||
| 536 | }, | 539 | }, |
| 537 | // 保存 | 540 | // 保存 |
| 538 | /** | 541 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:27:48 | 4 | * @LastEditTime: 2023-09-11 16:38:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -167,7 +167,7 @@ | ... | @@ -167,7 +167,7 @@ |
| 167 | <el-form-item label="农用地面积:"> | 167 | <el-form-item label="农用地面积:"> |
| 168 | <div class="flex"> | 168 | <div class="flex"> |
| 169 | <el-input | 169 | <el-input |
| 170 | maxlength="12" | 170 | maxlength="12" |
| 171 | v-model="ruleForm.tdsyq.nydmj" | 171 | v-model="ruleForm.tdsyq.nydmj" |
| 172 | :disabled="!ableOperation" | 172 | :disabled="!ableOperation" |
| 173 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 173 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -189,7 +189,7 @@ | ... | @@ -189,7 +189,7 @@ |
| 189 | <el-form-item label="耕地面积:"> | 189 | <el-form-item label="耕地面积:"> |
| 190 | <div class="flex"> | 190 | <div class="flex"> |
| 191 | <el-input | 191 | <el-input |
| 192 | maxlength="12" | 192 | maxlength="12" |
| 193 | v-model="ruleForm.tdsyq.gdmj" | 193 | v-model="ruleForm.tdsyq.gdmj" |
| 194 | :disabled="!ableOperation" | 194 | :disabled="!ableOperation" |
| 195 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 195 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -211,7 +211,7 @@ | ... | @@ -211,7 +211,7 @@ |
| 211 | <el-form-item label="林地面积:"> | 211 | <el-form-item label="林地面积:"> |
| 212 | <div class="flex"> | 212 | <div class="flex"> |
| 213 | <el-input | 213 | <el-input |
| 214 | maxlength="12" | 214 | maxlength="12" |
| 215 | v-model="ruleForm.tdsyq.ldmj" | 215 | v-model="ruleForm.tdsyq.ldmj" |
| 216 | :disabled="!ableOperation" | 216 | :disabled="!ableOperation" |
| 217 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 217 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -235,7 +235,7 @@ | ... | @@ -235,7 +235,7 @@ |
| 235 | <el-form-item label="草地面积:"> | 235 | <el-form-item label="草地面积:"> |
| 236 | <div class="flex"> | 236 | <div class="flex"> |
| 237 | <el-input | 237 | <el-input |
| 238 | maxlength="12" | 238 | maxlength="12" |
| 239 | v-model="ruleForm.tdsyq.cdmj" | 239 | v-model="ruleForm.tdsyq.cdmj" |
| 240 | :disabled="!ableOperation" | 240 | :disabled="!ableOperation" |
| 241 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 241 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -257,7 +257,7 @@ | ... | @@ -257,7 +257,7 @@ |
| 257 | <el-form-item label="其他农用地面积:"> | 257 | <el-form-item label="其他农用地面积:"> |
| 258 | <div class="flex"> | 258 | <div class="flex"> |
| 259 | <el-input | 259 | <el-input |
| 260 | maxlength="12" | 260 | maxlength="12" |
| 261 | v-model="ruleForm.tdsyq.qtnydmj" | 261 | v-model="ruleForm.tdsyq.qtnydmj" |
| 262 | :disabled="!ableOperation" | 262 | :disabled="!ableOperation" |
| 263 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 263 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -279,7 +279,7 @@ | ... | @@ -279,7 +279,7 @@ |
| 279 | <el-form-item label="建筑使用面积:"> | 279 | <el-form-item label="建筑使用面积:"> |
| 280 | <div class="flex"> | 280 | <div class="flex"> |
| 281 | <el-input | 281 | <el-input |
| 282 | maxlength="12" | 282 | maxlength="12" |
| 283 | v-model="ruleForm.tdsyq.jsydmj" | 283 | v-model="ruleForm.tdsyq.jsydmj" |
| 284 | :disabled="!ableOperation" | 284 | :disabled="!ableOperation" |
| 285 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -303,7 +303,7 @@ | ... | @@ -303,7 +303,7 @@ |
| 303 | <el-form-item label="未利用地面积:"> | 303 | <el-form-item label="未利用地面积:"> |
| 304 | <div class="flex"> | 304 | <div class="flex"> |
| 305 | <el-input | 305 | <el-input |
| 306 | maxlength="12" | 306 | maxlength="12" |
| 307 | v-model="ruleForm.tdsyq.wlydmj" | 307 | v-model="ruleForm.tdsyq.wlydmj" |
| 308 | :disabled="!ableOperation" | 308 | :disabled="!ableOperation" |
| 309 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 309 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| ... | @@ -631,15 +631,16 @@ | ... | @@ -631,15 +631,16 @@ |
| 631 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 631 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 632 | this.key++; | 632 | this.key++; |
| 633 | }, | 633 | }, |
| 634 | // 更新权利人信息 | ||
| 635 | /** | 634 | /** |
| 636 | * @description: 更新权利人信息 | 635 | * @description: 更新权利人信息 |
| 637 | * @param {*} val | 636 | * @param {*} val |
| 638 | * @author: renchao | 637 | * @author: renchao |
| 639 | */ | 638 | */ |
| 640 | upDateQlrxxList (val) { | 639 | upDateQlrxxList (val) { |
| 641 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 640 | if (!_.isEqual(val, this.ruleForm.qlrData)) { |
| 642 | this.key++; | 641 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 642 | this.czrOptions = this.ruleForm.qlrData; | ||
| 643 | } | ||
| 643 | }, | 644 | }, |
| 644 | /** | 645 | /** |
| 645 | * @description: onSubmit | 646 | * @description: onSubmit | ... | ... |
| ... | @@ -51,6 +51,25 @@ | ... | @@ -51,6 +51,25 @@ |
| 51 | </el-col> | 51 | </el-col> |
| 52 | </el-row> | 52 | </el-row> |
| 53 | <el-row> | 53 | <el-row> |
| 54 | <el-col :span="12"> | ||
| 55 | <el-form-item label="接口类型:" prop="requestType"> | ||
| 56 | <el-input v-model="ruleForm.requestType"></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | <el-col :span="12"> | ||
| 60 | <el-form-item label="接口模块:" prop="requestModule"> | ||
| 61 | <el-input v-model="ruleForm.requestModule"></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | </el-row> | ||
| 65 | <el-row> | ||
| 66 | <el-col :span="24"> | ||
| 67 | <el-form-item label="接口参数:" prop="requestParams"> | ||
| 68 | <el-input v-model="ruleForm.requestParams" type="textarea" :rows="4"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row> | ||
| 54 | <el-col :span="24"> | 73 | <el-col :span="24"> |
| 55 | <el-form-item label="接口描述:" prop="interfaceDescription"> | 74 | <el-form-item label="接口描述:" prop="interfaceDescription"> |
| 56 | <el-input v-model="ruleForm.interfaceDescription" type="textarea" :rows="4"></el-input> | 75 | <el-input v-model="ruleForm.interfaceDescription" type="textarea" :rows="4"></el-input> |
| ... | @@ -91,6 +110,9 @@ | ... | @@ -91,6 +110,9 @@ |
| 91 | interfaceMethod: '', | 110 | interfaceMethod: '', |
| 92 | interfaceType: '', | 111 | interfaceType: '', |
| 93 | interfaceKey: '', | 112 | interfaceKey: '', |
| 113 | requestParams: '', | ||
| 114 | requestType: '', | ||
| 115 | requestModule: '', | ||
| 94 | }, | 116 | }, |
| 95 | rules: { | 117 | rules: { |
| 96 | interfaceCode: [ | 118 | interfaceCode: [ | ... | ... |
| ... | @@ -45,6 +45,11 @@ | ... | @@ -45,6 +45,11 @@ |
| 45 | }) | 45 | }) |
| 46 | }, | 46 | }, |
| 47 | methods: { | 47 | methods: { |
| 48 | /** | ||
| 49 | * @description: handleSelectBdcdyh | ||
| 50 | * @param {*} val | ||
| 51 | * @author: renchao | ||
| 52 | */ | ||
| 48 | handleSelectBdcdyh (val) { | 53 | handleSelectBdcdyh (val) { |
| 49 | this.$emit('getBdcdyh', val); | 54 | this.$emit('getBdcdyh', val); |
| 50 | } | 55 | } | ... | ... |
| ... | @@ -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,12 +127,42 @@ export default { | ... | @@ -125,12 +127,42 @@ 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() { |
| 131 | this.loadData(); | 134 | this.loadData(); |
| 132 | }, | 135 | }, |
| 133 | methods: { | 136 | methods: { |
| 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 | }, | ||
| 134 | /** | 166 | /** |
| 135 | * @description: loadData | 167 | * @description: loadData |
| 136 | * @author: renchao | 168 | * @author: renchao | ... | ... |
| ... | @@ -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: { |
| ... | @@ -46,50 +54,57 @@ export default { | ... | @@ -46,50 +54,57 @@ export default { |
| 46 | type: Object, | 54 | type: Object, |
| 47 | default: () => {}, | 55 | default: () => {}, |
| 48 | }, | 56 | }, |
| 49 | tableData: { | 57 | tableData: { |
| 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() | 71 | }, |
| 61 | }, | 72 | }, |
| 62 | } | 73 | render: { |
| 74 | handler(newValue, oldValue) { | ||
| 75 | if(newValue){ | ||
| 76 | this.loadData(); | ||
| 77 | } | ||
| 78 | }, | ||
| 79 | }, | ||
| 80 | immediate: true, | ||
| 81 | deep: true, | ||
| 63 | }, | 82 | }, |
| 64 | methods: { | 83 | methods: { |
| 65 | /** | 84 | /** |
| 66 | * @description: loadData | 85 | * @description: loadData |
| 67 | * @author: renchao | 86 | * @author: miaofang |
| 68 | */ | 87 | */ |
| 69 | loadData() { | 88 | loadData() { |
| 70 | getFieldListByQlxx({ | 89 | getFieldListByQlxx({ |
| 71 | qllx: this.propsParam.qllx | 90 | qllx: this.propsParam.qllx, |
| 72 | }).then((res) => { | 91 | }).then((res) => { |
| 73 | if (res.code === 200) { | 92 | if (res.code === 200) { |
| 74 | this.columns = res.result; | 93 | this.columns = res.result; |
| 75 | |||
| 76 | } | 94 | } |
| 77 | }); | 95 | }); |
| 78 | 96 | if (this.tableData.length&&this.datass.length==0) { | |
| 79 | this.tableData.forEach((item) => { | 97 | for (let i = 0; i < this.tableData.length; i += 4) { |
| 80 | item.sjlx = getSjlx(item.sjlx); | 98 | this.datass.push(this.tableData.slice(i, i + 4)); |
| 81 | }) | 99 | } |
| 82 | for (let i = 0; i < this.tableData.length; i+=3) { | 100 | let num = this.datass[this.datass.length - 1].length; |
| 83 | this.datass.push(this.tableData.slice(i,i+3)) | 101 | if (num < 4) { |
| 84 | } | 102 | this.emptycolNum = 4 - num; |
| 85 | let num=this.datass[this.datass.length-1].length | 103 | this.datass[this.datass.length - 1].emptycolNum = true; |
| 86 | if (num < 3) { | 104 | } else { |
| 87 | this.emptycolNum = | 105 | this.emptycolNum = 0; |
| 88 | 3 - num; | 106 | } |
| 89 | this.datass[this.datass.length-1].emptycolNum=true | 107 | } |
| 90 | } else { | ||
| 91 | this.emptycolNum = 0; | ||
| 92 | } | ||
| 93 | }, | 108 | }, |
| 94 | }, | 109 | }, |
| 95 | }; | 110 | }; |
| ... | @@ -97,7 +112,7 @@ export default { | ... | @@ -97,7 +112,7 @@ export default { |
| 97 | 112 | ||
| 98 | <style lang="scss" scoped> | 113 | <style lang="scss" scoped> |
| 99 | .tbalede { | 114 | .tbalede { |
| 100 | width: 794px; | 115 | width: 100%; |
| 101 | // height: 1123px; | 116 | // height: 1123px; |
| 102 | margin: auto; | 117 | margin: auto; |
| 103 | .title { | 118 | .title { |
| ... | @@ -124,6 +139,17 @@ export default { | ... | @@ -124,6 +139,17 @@ export default { |
| 124 | min-width: 80px; | 139 | min-width: 80px; |
| 125 | padding: 5px; | 140 | padding: 5px; |
| 126 | } | 141 | } |
| 142 | td { | ||
| 143 | width: 20px!important; | ||
| 144 | word-break: break-all; | ||
| 145 | // /* 方法一:使用 word-break */ | ||
| 146 | // word-break: break-all; | ||
| 147 | // // /* 方法二:使用 white-space */ | ||
| 148 | // // white-space: pre-wrap; | ||
| 149 | // // /* 方法三:使用 overflow-wrap */ | ||
| 150 | // // overflow-wrap: break-word; | ||
| 151 | } | ||
| 152 | |||
| 127 | } | 153 | } |
| 128 | } | 154 | } |
| 129 | </style> | 155 | </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,12 +129,42 @@ export default { | ... | @@ -127,12 +129,42 @@ 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() { |
| 133 | this.loadData(); | 136 | this.loadData(); |
| 134 | }, | 137 | }, |
| 135 | methods: { | 138 | methods: { |
| 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 | }, | ||
| 136 | /** | 168 | /** |
| 137 | * @description: loadData | 169 | * @description: loadData |
| 138 | * @author: renchao | 170 | * @author: renchao | ... | ... |
| 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,22 +148,54 @@ export default { | ... | @@ -144,22 +148,54 @@ 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() { |
| 154 | this.loadData(); | 161 | this.loadData(); |
| 155 | }, | 162 | }, |
| 156 | methods: { | 163 | methods: { |
| 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 | }, | ||
| 157 | /** | 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) { |
| 163 | this.columns.unshift({ prop: "cz", label: "操作" }); | 199 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 164 | } | 200 | } |
| 165 | getFdcq1List({ | 201 | getFdcq1List({ |
| ... | @@ -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 |
| ... | @@ -106,16 +113,13 @@ import { datas } from "./qlxxFormData.js"; | ... | @@ -106,16 +113,13 @@ import { datas } from "./qlxxFormData.js"; |
| 106 | import { getSjlx } from "@/utils/dictionary.js"; | 113 | import { getSjlx } from "@/utils/dictionary.js"; |
| 107 | import { getFdcq2List } from "@/api/djbDetail.js"; | 114 | import { getFdcq2List } from "@/api/djbDetail.js"; |
| 108 | export default { | 115 | export default { |
| 109 | components: { | 116 | components: { |
| 110 | printTemplate, | 117 | printTemplate, |
| 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,18 +134,47 @@ export default { | ... | @@ -127,18 +134,47 @@ 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() { |
| 133 | this.loadData(); | 141 | this.loadData(); |
| 134 | }, | 142 | }, |
| 135 | methods: { | 143 | methods: { |
| 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 | }, | ||
| 136 | /** | 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,14 +256,14 @@ export default { | ... | @@ -220,14 +256,14 @@ 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; |
| 227 | z-index: 10; | 263 | z-index: 10; |
| 228 | position: absolute; | 264 | position: absolute; |
| 229 | left: 11px; | 265 | left: 11px; |
| 230 | top: 5px; | 266 | top: 5px; |
| 231 | } | 267 | } |
| 232 | } | 268 | } |
| 233 | </style> | 269 | </style> | ... | ... |
| 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,117 +134,147 @@ export default { | ... | @@ -98,117 +134,147 @@ 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, |
| 105 | //传递参数 | 141 | //传递参数 |
| 106 | propsParam: this.$attrs, | 142 | propsParam: this.$attrs, |
| 107 | //列表数据 | 143 | //列表数据 |
| 108 | tableData: [], | 144 | tableData: [], |
| 109 | //空列值个数 | 145 | //空列值个数 |
| 110 | emptycolNum: datas.columns().emptycolNum, | 146 | emptycolNum: datas.columns().emptycolNum, |
| 111 | //列名称对象 | 147 | //列名称对象 |
| 112 | columns: datas.columns().LDSYQ, | 148 | columns: datas.columns().LDSYQ, |
| 113 | }; | 149 | render: false, |
| 150 | }; | ||
| 151 | }, | ||
| 152 | created() { | ||
| 153 | this.loadData(); | ||
| 154 | }, | ||
| 155 | methods: { | ||
| 156 | /** | ||
| 157 | * @description: openPrint | ||
| 158 | * @author: miaofang | ||
| 159 | */ | ||
| 160 | openPrint() { | ||
| 161 | this.render = true; | ||
| 162 | setTimeout(() => { | ||
| 163 | this.prinsss(); | ||
| 164 | }, 100); | ||
| 114 | }, | 165 | }, |
| 115 | created () { | 166 | /** |
| 116 | this.loadData(); | 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 | ||
| 117 | }, | 184 | }, |
| 118 | methods: { | 185 | /** |
| 119 | /** | 186 | * @description: loadData |
| 120 | * @description: loadData | 187 | * @author: miaofang |
| 121 | * @author: renchao | 188 | */ |
| 122 | */ | 189 | loadData() { |
| 123 | loadData () { | 190 | if (this.$parent.addRepairRecord) { |
| 124 | if (this.$parent.addRepairRecord) { | 191 | this.columns.unshift({ |
| 125 | this.columns.unshift({ | 192 | prop: "cz", |
| 126 | prop: "cz", | 193 | label: "操作", |
| 127 | label: "操作", | 194 | }); |
| 195 | } | ||
| 196 | getLqList({ | ||
| 197 | bdcdyid: this.propsParam.bdcdyid, | ||
| 198 | qllx: this.propsParam.qllx, | ||
| 199 | qszt: this.checkList, | ||
| 200 | }).then((res) => { | ||
| 201 | if (res.code === 200) { | ||
| 202 | this.tableData = res.result; | ||
| 203 | this.shows = this.tableData.length > 0; | ||
| 204 | this.tableData.forEach((item) => { | ||
| 205 | item.sjlx = getSjlx(item.sjlx); | ||
| 128 | }); | 206 | }); |
| 129 | } | 207 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 130 | getLqList({ | 208 | this.emptycolNum = |
| 131 | bdcdyid: this.propsParam.bdcdyid, | 209 | datas.columns().emptycolNum - this.tableData.length; |
| 132 | qllx: this.propsParam.qllx, | 210 | } else { |
| 133 | qszt: this.checkList, | 211 | this.emptycolNum = 0; |
| 134 | }).then((res) => { | ||
| 135 | if (res.code === 200) { | ||
| 136 | this.tableData = res.result; | ||
| 137 | this.shows=this.tableData.length>0 | ||
| 138 | this.tableData.forEach((item) => { | ||
| 139 | item.sjlx = getSjlx(item.sjlx); | ||
| 140 | }); | ||
| 141 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 142 | this.emptycolNum = | ||
| 143 | datas.columns().emptycolNum - this.tableData.length; | ||
| 144 | } else { | ||
| 145 | this.emptycolNum = 0; | ||
| 146 | } | ||
| 147 | } | 212 | } |
| 148 | }); | ||
| 149 | }, | ||
| 150 | /** | ||
| 151 | * @description: checkChange | ||
| 152 | * @author: renchao | ||
| 153 | */ | ||
| 154 | checkChange () { | ||
| 155 | if (this.checkList.length === 0) { | ||
| 156 | this.tableData = []; | ||
| 157 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 158 | } else { | ||
| 159 | this.loadData(); | ||
| 160 | } | 213 | } |
| 161 | }, | 214 | }); |
| 162 | /** | 215 | }, |
| 163 | * @description: getQsztName | 216 | /** |
| 164 | * @param {*} code | 217 | * @description: checkChange |
| 165 | * @author: renchao | 218 | * @author: miaofang |
| 166 | */ | 219 | */ |
| 167 | getQsztName (code) { | 220 | checkChange() { |
| 168 | let name = ""; | 221 | if (this.checkList.length === 0) { |
| 169 | for (let item of this.qsztList) { | 222 | this.tableData = []; |
| 170 | if (item.value == code) { | 223 | this.emptycolNum = datas.columns().emptycolNum; |
| 171 | name = item.label; | 224 | } else { |
| 172 | break; | 225 | this.loadData(); |
| 173 | } | 226 | } |
| 227 | }, | ||
| 228 | /** | ||
| 229 | * @description: getQsztName | ||
| 230 | * @param {*} code | ||
| 231 | * @author: miaofang | ||
| 232 | */ | ||
| 233 | getQsztName(code) { | ||
| 234 | let name = ""; | ||
| 235 | for (let item of this.qsztList) { | ||
| 236 | if (item.value == code) { | ||
| 237 | name = item.label; | ||
| 238 | break; | ||
| 174 | } | 239 | } |
| 175 | return name; | 240 | } |
| 176 | }, | 241 | return name; |
| 177 | // 新增一条补录信息 | 242 | }, |
| 178 | /** | 243 | // 新增一条补录信息 |
| 179 | * @description: 新增一条补录信息 | 244 | /** |
| 180 | * @param {*} row | 245 | * @description: 新增一条补录信息 |
| 181 | * @param {*} del | 246 | * @param {*} row |
| 182 | * @author: renchao | 247 | * @param {*} del |
| 183 | */ | 248 | * @author: miaofang |
| 184 | editDialog (row, del) { | 249 | */ |
| 185 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 250 | editDialog(row, del) { |
| 186 | confirmButtonText: "确定", | 251 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 187 | cancelButtonText: "取消", | 252 | confirmButtonText: "确定", |
| 188 | type: "warning", | 253 | cancelButtonText: "取消", |
| 189 | }) | 254 | type: "warning", |
| 190 | .then(() => { | 255 | }) |
| 191 | this.$parent.addRepairRecord(row, del); | 256 | .then(() => { |
| 257 | this.$parent.addRepairRecord(row, del); | ||
| 192 | 258 | ||
| 193 | this.$message({ | 259 | this.$message({ |
| 194 | type: "success", | 260 | type: "success", |
| 195 | message: "补录成功!", | 261 | message: "补录成功!", |
| 196 | }); | ||
| 197 | }) | ||
| 198 | .catch(() => { | ||
| 199 | this.$message({ | ||
| 200 | type: "info", | ||
| 201 | message: "取消编辑", | ||
| 202 | }); | ||
| 203 | }); | 262 | }); |
| 204 | }, | 263 | }) |
| 264 | .catch(() => { | ||
| 265 | this.$message({ | ||
| 266 | type: "info", | ||
| 267 | message: "取消编辑", | ||
| 268 | }); | ||
| 269 | }); | ||
| 205 | }, | 270 | }, |
| 206 | }; | 271 | }, |
| 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,21 +36,35 @@ | ... | @@ -24,21 +36,35 @@ |
| 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 |
| 28 | row.qszt == '2' ? 'lishi' : '', | 40 | v-for="(row, index) in tableData" |
| 29 | row.qszt == '0' ? 'linshi' : '', | 41 | :key="index" |
| 30 | row.qlzt == '4' ? 'linshi' : '', | 42 | :class="[ |
| 43 | row.qszt == '2' ? 'lishi' : '', | ||
| 44 | row.qszt == '0' ? 'linshi' : '', | ||
| 45 | row.qlzt == '4' ? 'linshi' : '', | ||
| 31 | 46 | ||
| 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,117 +119,140 @@ export default { | ... | @@ -87,117 +119,140 @@ 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, |
| 94 | //传递参数 | 126 | //传递参数 |
| 95 | propsParam: this.$attrs, | 127 | propsParam: this.$attrs, |
| 96 | //列表数据 | 128 | //列表数据 |
| 97 | tableData: [], | 129 | tableData: [], |
| 98 | //空列值个数 | 130 | //空列值个数 |
| 99 | emptycolNum: datas.columns().emptycolNum, | 131 | emptycolNum: datas.columns().emptycolNum, |
| 100 | //列名称对象 | 132 | //列名称对象 |
| 101 | columns: datas.columns().YYDJ, | 133 | columns: datas.columns().YYDJ, |
| 102 | }; | 134 | render: false, |
| 135 | }; | ||
| 136 | }, | ||
| 137 | created() { | ||
| 138 | this.loadData(); | ||
| 139 | }, | ||
| 140 | methods: { | ||
| 141 | openPrint() { | ||
| 142 | this.render = true; | ||
| 143 | setTimeout(() => { | ||
| 144 | this.prinsss(); | ||
| 145 | }, 100); | ||
| 103 | }, | 146 | }, |
| 104 | created () { | 147 | prinsss() { |
| 105 | this.loadData(); | 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 | ||
| 106 | }, | 161 | }, |
| 107 | methods: { | 162 | /** |
| 108 | /** | 163 | * @description: loadData |
| 109 | * @description: loadData | 164 | * @author: miaofang |
| 110 | * @author: renchao | 165 | */ |
| 111 | */ | 166 | loadData() { |
| 112 | loadData () { | 167 | if (this.$parent.addRepairRecord) { |
| 113 | if (this.$parent.addRepairRecord) { | 168 | this.columns.unshift({ |
| 114 | this.columns.unshift({ | 169 | prop: "cz", |
| 115 | prop: "cz", | 170 | label: "操作", |
| 116 | label: "操作" | ||
| 117 | }) | ||
| 118 | } | ||
| 119 | getYydjList({ | ||
| 120 | bdcdyid: this.propsParam.bdcdyid, | ||
| 121 | qllx: this.propsParam.qllx, | ||
| 122 | qszt: this.checkList, | ||
| 123 | }).then((res) => { | ||
| 124 | if (res.code === 200) { | ||
| 125 | this.tableData = res.result; | ||
| 126 | this.shows=this.tableData.length>0 | ||
| 127 | this.tableData.forEach((item) => { | ||
| 128 | item.sjlx = getSjlx(item.sjlx); | ||
| 129 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | ||
| 130 | }); | ||
| 131 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 132 | this.emptycolNum = | ||
| 133 | datas.columns().emptycolNum - this.tableData.length; | ||
| 134 | } else { | ||
| 135 | this.emptycolNum = 0; | ||
| 136 | } | ||
| 137 | } | ||
| 138 | }); | 171 | }); |
| 139 | }, | 172 | } |
| 140 | /** | 173 | getYydjList({ |
| 141 | * @description: checkChange | 174 | bdcdyid: this.propsParam.bdcdyid, |
| 142 | * @author: renchao | 175 | qllx: this.propsParam.qllx, |
| 143 | */ | 176 | qszt: this.checkList, |
| 144 | checkChange () { | 177 | }).then((res) => { |
| 145 | if (this.checkList.length === 0) { | 178 | if (res.code === 200) { |
| 146 | this.tableData = []; | 179 | this.tableData = res.result; |
| 147 | this.emptycolNum = datas.columns().emptycolNum; | 180 | this.shows = this.tableData.length > 0; |
| 148 | } else { | 181 | this.tableData.forEach((item) => { |
| 149 | this.loadData(); | 182 | item.sjlx = getSjlx(item.sjlx); |
| 150 | } | 183 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); |
| 151 | }, | 184 | }); |
| 152 | /** | 185 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 153 | * @description: getQsztName | 186 | this.emptycolNum = |
| 154 | * @param {*} code | 187 | datas.columns().emptycolNum - this.tableData.length; |
| 155 | * @author: renchao | 188 | } else { |
| 156 | */ | 189 | this.emptycolNum = 0; |
| 157 | getQsztName (code) { | ||
| 158 | let name = ""; | ||
| 159 | for (let item of this.qsztList) { | ||
| 160 | if (item.value == code) { | ||
| 161 | name = item.label; | ||
| 162 | break; | ||
| 163 | } | 190 | } |
| 164 | } | 191 | } |
| 165 | return name; | 192 | }); |
| 166 | }, | 193 | }, |
| 167 | // 新增一条补录信息 | 194 | /** |
| 168 | /** | 195 | * @description: checkChange |
| 169 | * @description: 新增一条补录信息 | 196 | * @author: miaofang |
| 170 | * @param {*} row | 197 | */ |
| 171 | * @param {*} del | 198 | checkChange() { |
| 172 | * @author: renchao | 199 | if (this.checkList.length === 0) { |
| 173 | */ | 200 | this.tableData = []; |
| 174 | editDialog (row, del) { | 201 | this.emptycolNum = datas.columns().emptycolNum; |
| 175 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 202 | } else { |
| 176 | confirmButtonText: '确定', | 203 | this.loadData(); |
| 177 | cancelButtonText: '取消', | 204 | } |
| 178 | type: 'warning' | 205 | }, |
| 179 | }).then(() => { | 206 | /** |
| 180 | this.$parent.addRepairRecord(row, del) | 207 | * @description: getQsztName |
| 208 | * @param {*} code | ||
| 209 | * @author: miaofang | ||
| 210 | */ | ||
| 211 | getQsztName(code) { | ||
| 212 | let name = ""; | ||
| 213 | for (let item of this.qsztList) { | ||
| 214 | if (item.value == code) { | ||
| 215 | name = item.label; | ||
| 216 | break; | ||
| 217 | } | ||
| 218 | } | ||
| 219 | return name; | ||
| 220 | }, | ||
| 221 | // 新增一条补录信息 | ||
| 222 | /** | ||
| 223 | * @description: 新增一条补录信息 | ||
| 224 | * @param {*} row | ||
| 225 | * @param {*} del | ||
| 226 | * @author: miaofang | ||
| 227 | */ | ||
| 228 | editDialog(row, del) { | ||
| 229 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 230 | confirmButtonText: "确定", | ||
| 231 | cancelButtonText: "取消", | ||
| 232 | type: "warning", | ||
| 233 | }) | ||
| 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 | }, | ||
| 194 | }, | 248 | }, |
| 195 | }; | 249 | }, |
| 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; | ... | ... |
| ... | @@ -4,9 +4,9 @@ | ... | @@ -4,9 +4,9 @@ |
| 4 | * @LastEditors: yangwei | 4 | * @LastEditors: yangwei |
| 5 | * @LastEditTime: 2023-09-07 09:03:14 | 5 | * @LastEditTime: 2023-09-07 09:03:14 |
| 6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zbbjbxxcx.vue | 6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zbbjbxxcx.vue |
| 7 | * @Description: | 7 | * @Description: |
| 8 | * | 8 | * |
| 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. |
| 10 | --> | 10 | --> |
| 11 | <template> | 11 | <template> |
| 12 | <div class="check-result"> | 12 | <div class="check-result"> |
| ... | @@ -222,6 +222,10 @@ export default { | ... | @@ -222,6 +222,10 @@ export default { |
| 222 | }, | 222 | }, |
| 223 | mounted() {}, | 223 | mounted() {}, |
| 224 | methods: { | 224 | methods: { |
| 225 | /** | ||
| 226 | * @description: handleSearch | ||
| 227 | * @author: renchao | ||
| 228 | */ | ||
| 225 | handleSearch() { | 229 | handleSearch() { |
| 226 | xydm(this.queryForm).then((res) => { | 230 | xydm(this.queryForm).then((res) => { |
| 227 | if (res.status == "OK") { | 231 | if (res.status == "OK") { | ... | ... |
| ... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
| 58 | </el-radio-group> | 58 | </el-radio-group> |
| 59 | </el-form-item> | 59 | </el-form-item> |
| 60 | </el-col> | 60 | </el-col> |
| 61 | </el-row> | 61 | </el-row> |
| 62 | <el-row> | 62 | <el-row> |
| 63 | <el-col :span="8"> | 63 | <el-col :span="8"> |
| 64 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> | 64 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> |
| ... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
| 102 | </el-row> | 102 | </el-row> |
| 103 | </el-form> | 103 | </el-form> |
| 104 | <el-collapse class="modifycollapse" accordion> | 104 | <el-collapse class="modifycollapse" accordion> |
| 105 | <el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'"> | 105 | <el-collapse-item title="权利信息" name="0" v-if="form.sqdjyw.sqfl=='2'"> |
| 106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> | 106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> |
| 107 | </lb-table> | 107 | </lb-table> |
| 108 | </el-collapse-item> | 108 | </el-collapse-item> |
| ... | @@ -203,19 +203,19 @@ | ... | @@ -203,19 +203,19 @@ |
| 203 | */ | 203 | */ |
| 204 | init () { | 204 | init () { |
| 205 | this.tn = 0; | 205 | this.tn = 0; |
| 206 | if(this.formData.sqfl=="2"){ | 206 | if (this.formData.sqfl == "2") { |
| 207 | this.getDetail(this.formData.bsmSqyw); | 207 | this.getDetail(this.formData.bsmSqyw); |
| 208 | }else{ | 208 | } else { |
| 209 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { | 209 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { |
| 210 | let { result } = res; | 210 | let { result } = res; |
| 211 | this.djlxList = result ? result : []; | 211 | this.djlxList = result ? result : []; |
| 212 | if (this.djlxList.length > 0) { | 212 | if (this.djlxList.length > 0) { |
| 213 | this.getDetail(this.djlxList[0].bsmSqyw); | 213 | this.getDetail(this.djlxList[0].bsmSqyw); |
| 214 | } else { | 214 | } else { |
| 215 | this.getDetail(this.formData.bsmSqyw); | 215 | this.getDetail(this.formData.bsmSqyw); |
| 216 | } | 216 | } |
| 217 | }) | 217 | }) |
| 218 | } | 218 | } |
| 219 | }, | 219 | }, |
| 220 | /** | 220 | /** |
| 221 | * @description: orderNoChange | 221 | * @description: orderNoChange | ... | ... |
| ... | @@ -116,6 +116,11 @@ | ... | @@ -116,6 +116,11 @@ |
| 116 | this.$store.dispatch("user/refreshPage", false); | 116 | this.$store.dispatch("user/refreshPage", false); |
| 117 | }, | 117 | }, |
| 118 | //删除 | 118 | //删除 |
| 119 | /** | ||
| 120 | * @description: 删除 | ||
| 121 | * @param {*} item | ||
| 122 | * @author: renchao | ||
| 123 | */ | ||
| 119 | delNotice (item) { | 124 | delNotice (item) { |
| 120 | this.$confirm('是否确定删除', '提示', { | 125 | this.$confirm('是否确定删除', '提示', { |
| 121 | confirmButtonText: '确定', | 126 | confirmButtonText: '确定', |
| ... | @@ -138,6 +143,11 @@ | ... | @@ -138,6 +143,11 @@ |
| 138 | }); | 143 | }); |
| 139 | }, | 144 | }, |
| 140 | //发布 | 145 | //发布 |
| 146 | /** | ||
| 147 | * @description: 发布 | ||
| 148 | * @param {*} item | ||
| 149 | * @author: renchao | ||
| 150 | */ | ||
| 141 | toPublish (item) { | 151 | toPublish (item) { |
| 142 | this.$confirm('是否确定发布', '提示', { | 152 | this.$confirm('是否确定发布', '提示', { |
| 143 | confirmButtonText: '确定', | 153 | confirmButtonText: '确定', |
| ... | @@ -160,10 +170,19 @@ | ... | @@ -160,10 +170,19 @@ |
| 160 | }); | 170 | }); |
| 161 | }); | 171 | }); |
| 162 | }, | 172 | }, |
| 173 | /** | ||
| 174 | * @description: postMessage | ||
| 175 | * @author: renchao | ||
| 176 | */ | ||
| 163 | postMessage () { | 177 | postMessage () { |
| 164 | window.parent.postMessage({ update: true }, '*') | 178 | window.parent.postMessage({ update: true }, '*') |
| 165 | }, | 179 | }, |
| 166 | //取消发布 | 180 | //取消发布 |
| 181 | /** | ||
| 182 | * @description: 取消发布 | ||
| 183 | * @param {*} item | ||
| 184 | * @author: renchao | ||
| 185 | */ | ||
| 167 | toUnPublish (item) { | 186 | toUnPublish (item) { |
| 168 | this.$confirm('是否确定取消发布', '提示', { | 187 | this.$confirm('是否确定取消发布', '提示', { |
| 169 | confirmButtonText: '确定', | 188 | confirmButtonText: '确定', |
| ... | @@ -187,9 +206,19 @@ | ... | @@ -187,9 +206,19 @@ |
| 187 | }); | 206 | }); |
| 188 | }, | 207 | }, |
| 189 | //编辑通知 | 208 | //编辑通知 |
| 209 | /** | ||
| 210 | * @description: 编辑通知 | ||
| 211 | * @param {*} item | ||
| 212 | * @author: renchao | ||
| 213 | */ | ||
| 190 | editNotice (item) { | 214 | editNotice (item) { |
| 191 | this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": true, "edit": true }, "50%") | 215 | this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": true, "edit": true }, "50%") |
| 192 | }, | 216 | }, |
| 217 | /** | ||
| 218 | * @description: downloadFile | ||
| 219 | * @param {*} item | ||
| 220 | * @author: renchao | ||
| 221 | */ | ||
| 193 | downloadFile (item) { | 222 | downloadFile (item) { |
| 194 | const href = item.noticeFileUrl | 223 | const href = item.noticeFileUrl |
| 195 | window.open(href, '_blank'); | 224 | window.open(href, '_blank'); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 16:12:27 | 4 | * @LastEditTime: 2023-09-12 08:55:14 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| ... | @@ -16,8 +16,8 @@ | ... | @@ -16,8 +16,8 @@ |
| 16 | 16 | ||
| 17 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> | 17 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> |
| 18 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> | 18 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> |
| 19 | <el-tab-pane label="企业信息" name="2"></el-tab-pane> | 19 | <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane> |
| 20 | <el-tab-pane label="银行机构" name="3"></el-tab-pane> | 20 | <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane> |
| 21 | </el-tabs> | 21 | </el-tabs> |
| 22 | 22 | ||
| 23 | <el-form | 23 | <el-form |
| ... | @@ -422,6 +422,9 @@ | ... | @@ -422,6 +422,9 @@ |
| 422 | watch: { | 422 | watch: { |
| 423 | value (val) { | 423 | value (val) { |
| 424 | this.myValue = _.cloneDeep(val) | 424 | this.myValue = _.cloneDeep(val) |
| 425 | if (val && Object.keys(this.details).length > 0) { | ||
| 426 | this.activeName = '1' | ||
| 427 | } | ||
| 425 | this.isShow = this.showButton | 428 | this.isShow = this.showButton |
| 426 | }, | 429 | }, |
| 427 | details: { | 430 | details: { |
| ... | @@ -432,7 +435,11 @@ | ... | @@ -432,7 +435,11 @@ |
| 432 | } | 435 | } |
| 433 | }, | 436 | }, |
| 434 | methods: { | 437 | methods: { |
| 435 | // 证件种类选择 | 438 | /** |
| 439 | * @description: 证件种类选择 | ||
| 440 | * @param {*} val | ||
| 441 | * @author: renchao | ||
| 442 | */ | ||
| 436 | handleZjzl (val) { | 443 | handleZjzl (val) { |
| 437 | if (['6', '7', '8'].includes(val)) { | 444 | if (['6', '7', '8'].includes(val)) { |
| 438 | this.isBz = true | 445 | this.isBz = true |
| ... | @@ -440,14 +447,16 @@ | ... | @@ -440,14 +447,16 @@ |
| 440 | this.isBz = false | 447 | this.isBz = false |
| 441 | } | 448 | } |
| 442 | }, | 449 | }, |
| 443 | // 信息备案 | 450 | /** |
| 451 | * @description: 信息备案 | ||
| 452 | * @author: renchao | ||
| 453 | */ | ||
| 444 | handleFilings () { | 454 | handleFilings () { |
| 445 | this.ruleForm.qymc = this.ruleForm.sqrmc | 455 | this.ruleForm.qymc = this.ruleForm.sqrmc |
| 446 | this.ruleForm.dwdz = this.ruleForm.txdz | 456 | this.ruleForm.dwdz = this.ruleForm.txdz |
| 447 | addQy(this.ruleForm).then(res => { | 457 | addQy(this.ruleForm).then(res => { |
| 448 | if (res.code == 200) { | 458 | if (res.code == 200) { |
| 449 | this.$message.success('备案成功') | 459 | this.$message.success('备案成功') |
| 450 | this.$refs['ruleForm'].resetFields(); | ||
| 451 | } else { | 460 | } else { |
| 452 | this.$message.error(res.message); | 461 | this.$message.error(res.message); |
| 453 | } | 462 | } |
| ... | @@ -474,6 +483,8 @@ | ... | @@ -474,6 +483,8 @@ |
| 474 | }, | 483 | }, |
| 475 | /** | 484 | /** |
| 476 | * @description:企业查询 | 485 | * @description:企业查询 |
| 486 | * @param {*} val | ||
| 487 | * @param {*} code | ||
| 477 | * @author: renchao | 488 | * @author: renchao |
| 478 | */ | 489 | */ |
| 479 | dicStatus (val, code) { | 490 | dicStatus (val, code) { |
| ... | @@ -488,6 +499,10 @@ | ... | @@ -488,6 +499,10 @@ |
| 488 | return name | 499 | return name |
| 489 | } | 500 | } |
| 490 | }, | 501 | }, |
| 502 | /** | ||
| 503 | * @description: handleSearchQY | ||
| 504 | * @author: renchao | ||
| 505 | */ | ||
| 491 | handleSearchQY () { | 506 | handleSearchQY () { |
| 492 | let data = { ...this.queryFormQY, ...this.pageData } | 507 | let data = { ...this.queryFormQY, ...this.pageData } |
| 493 | this.tableDataQy.data = [] | 508 | this.tableDataQy.data = [] |
| ... | @@ -504,15 +519,29 @@ | ... | @@ -504,15 +519,29 @@ |
| 504 | } | 519 | } |
| 505 | }) | 520 | }) |
| 506 | }, | 521 | }, |
| 522 | /** | ||
| 523 | * @description: handleQYCurrentChange | ||
| 524 | * @param {*} val | ||
| 525 | * @author: renchao | ||
| 526 | */ | ||
| 507 | handleQYCurrentChange (val) { | 527 | handleQYCurrentChange (val) { |
| 508 | this.pageData.currentPage = val | 528 | this.pageData.currentPage = val |
| 509 | this.handleSearchQY() | 529 | this.handleSearchQY() |
| 510 | }, | 530 | }, |
| 531 | /** | ||
| 532 | * @description: handlesQYSelect | ||
| 533 | * @param {*} val | ||
| 534 | * @author: renchao | ||
| 535 | */ | ||
| 511 | handlesQYSelect (val) { | 536 | handlesQYSelect (val) { |
| 512 | this.$emit("updateDetail", _.cloneDeep(val)); | 537 | this.$emit("updateDetail", _.cloneDeep(val)); |
| 513 | this.$emit("input", false); | 538 | this.$emit("input", false); |
| 514 | }, | 539 | }, |
| 515 | // 银行 | 540 | // 银行 |
| 541 | /** | ||
| 542 | * @description: 银行 | ||
| 543 | * @author: renchao | ||
| 544 | */ | ||
| 516 | handleSearchYH () { | 545 | handleSearchYH () { |
| 517 | let data = { ...this.queryFormYH, ...this.pageData } | 546 | let data = { ...this.queryFormYH, ...this.pageData } |
| 518 | this.tableDataYh.data = [] | 547 | this.tableDataYh.data = [] |
| ... | @@ -529,10 +558,20 @@ | ... | @@ -529,10 +558,20 @@ |
| 529 | } | 558 | } |
| 530 | }) | 559 | }) |
| 531 | }, | 560 | }, |
| 561 | /** | ||
| 562 | * @description: handleYHCurrentChange | ||
| 563 | * @param {*} val | ||
| 564 | * @author: renchao | ||
| 565 | */ | ||
| 532 | handleYHCurrentChange (val) { | 566 | handleYHCurrentChange (val) { |
| 533 | this.pageData.currentPage = val | 567 | this.pageData.currentPage = val |
| 534 | this.handleSearchQY() | 568 | this.handleSearchQY() |
| 535 | }, | 569 | }, |
| 570 | /** | ||
| 571 | * @description: handlesYHSelect | ||
| 572 | * @param {*} val | ||
| 573 | * @author: renchao | ||
| 574 | */ | ||
| 536 | handlesYHSelect (val) { | 575 | handlesYHSelect (val) { |
| 537 | this.$emit("updateDetail", _.cloneDeep(val)); | 576 | this.$emit("updateDetail", _.cloneDeep(val)); |
| 538 | this.$emit("input", false); | 577 | this.$emit("input", false); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 16:01:19 | 4 | * @LastEditTime: 2023-09-13 10:33:50 |
| 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 | <div style="text-align:right"> |
| 9 | <el-button type="primary" icon="el-icon-top">上移</el-button> | ||
| 10 | <el-button type="primary" icon="el-icon-bottom">下移</el-button> | ||
| 11 | </div> | ||
| 12 | <lb-table :column="column" :key="key" row-key="bsmSj" ref="listTable" :heightNumSetting="true" :calcHeight="600" | ||
| 13 | :pagination="false" :data="tableData"> | ||
| 9 | </lb-table> | 14 | </lb-table> |
| 10 | <div class="text-center"> | 15 | <div class="text-center"> |
| 11 | <el-button @click="$popupCacel">取消</el-button> | 16 | <el-button @click="$popupCacel">取消</el-button> |
| ... | @@ -15,8 +20,9 @@ | ... | @@ -15,8 +20,9 @@ |
| 15 | </template> | 20 | </template> |
| 16 | <script> | 21 | <script> |
| 17 | import Vue from 'vue' | 22 | import Vue from 'vue' |
| 23 | import Sortable from 'sortablejs' | ||
| 18 | import store from '@/store/index.js' | 24 | import store from '@/store/index.js' |
| 19 | import { InitClml, updateClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 25 | import { InitClml, updateClml } from "@/api/clxx.js"; |
| 20 | export default { | 26 | export default { |
| 21 | props: { | 27 | props: { |
| 22 | formData: { | 28 | formData: { |
| ... | @@ -29,25 +35,11 @@ | ... | @@ -29,25 +35,11 @@ |
| 29 | data () { | 35 | data () { |
| 30 | return { | 36 | return { |
| 31 | loading: false, | 37 | loading: false, |
| 38 | sortable: null, | ||
| 32 | column: [ | 39 | column: [ |
| 33 | { | 40 | { |
| 34 | width: '50', | 41 | label: "选择", |
| 35 | renderHeader: (h, scope) => { | 42 | type: 'selection' |
| 36 | return <div> { | ||
| 37 | !this.formData.ableOperation ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
| 38 | } | ||
| 39 | </div> | ||
| 40 | }, | ||
| 41 | render: (h, scope) => { | ||
| 42 | return ( | ||
| 43 | <div> | ||
| 44 | { | ||
| 45 | !this.formData.ableOperation ? <span>{scope.$index + 1}</span> : | ||
| 46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> | ||
| 47 | } | ||
| 48 | </div> | ||
| 49 | ) | ||
| 50 | } | ||
| 51 | }, | 43 | }, |
| 52 | { | 44 | { |
| 53 | prop: "isrequired", | 45 | prop: "isrequired", |
| ... | @@ -100,46 +92,34 @@ | ... | @@ -100,46 +92,34 @@ |
| 100 | }, | 92 | }, |
| 101 | { | 93 | { |
| 102 | prop: "sjsl", | 94 | prop: "sjsl", |
| 103 | label: "份数", | 95 | label: "收件数量", |
| 104 | width: "50", | 96 | width: "80", |
| 105 | render: (h, scope) => { | 97 | render: (h, scope) => { |
| 106 | return ( | 98 | return ( |
| 107 | (this.formData.ableOperation && scope.row.isrequired != '1') ? | 99 | (this.formData.ableOperation) ? |
| 108 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> : <span>{ | 100 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> : <span>{ |
| 109 | scope.row.sjsl ? | 101 | scope.row.sjsl |
| 110 | <span>{scope.row.sjsl}</span> : 1 | ||
| 111 | }</span> | 102 | }</span> |
| 112 | ) | 103 | ) |
| 113 | } | 104 | } |
| 114 | }, | 105 | }, |
| 115 | { | 106 | { |
| 116 | prop: "smzt", | 107 | label: "扫描时间", |
| 117 | label: "扫描状态", | 108 | width: "140", |
| 118 | width: "80", | ||
| 119 | render: (h, scope) => { | 109 | render: (h, scope) => { |
| 120 | if (scope.row.children && scope.row.children.length > 0) { | 110 | return ( |
| 121 | return ( | 111 | <span>{scope.row.sjsj}</span> |
| 122 | <div> | 112 | ) |
| 123 | <span>已扫描</span> | 113 | } |
| 124 | </div> | ||
| 125 | ); | ||
| 126 | } else { | ||
| 127 | return ( | ||
| 128 | <div> | ||
| 129 | <span>未扫描</span> | ||
| 130 | </div> | ||
| 131 | ); | ||
| 132 | } | ||
| 133 | }, | ||
| 134 | }, | 114 | }, |
| 135 | { | 115 | { |
| 136 | label: "扫描页数", | 116 | label: "页数", |
| 137 | width: "80", | 117 | width: "60", |
| 138 | render: (h, scope) => { | 118 | render: (h, scope) => { |
| 139 | if (scope.row.children && scope.row.children.length > 0) { | 119 | if (scope.row.ys && scope.row.ys > 0) { |
| 140 | return ( | 120 | return ( |
| 141 | <div> | 121 | <div> |
| 142 | <span>{scope.row.children.length}</span> | 122 | <span>{scope.row.ys}</span> |
| 143 | </div> | 123 | </div> |
| 144 | ); | 124 | ); |
| 145 | } else { | 125 | } else { |
| ... | @@ -159,21 +139,13 @@ | ... | @@ -159,21 +139,13 @@ |
| 159 | <div> | 139 | <div> |
| 160 | <el-button | 140 | <el-button |
| 161 | type="text" | 141 | type="text" |
| 162 | disabled={scope.$index == 0 || !this.formData.ableOperation} | 142 | icon="el-icon-delete" |
| 163 | onClick={() => { | 143 | disabled={scope.row.ys == 0 || !this.formData.ableOperation} |
| 164 | this.moveUpward(scope.$index, scope.row); | ||
| 165 | }} | ||
| 166 | > | ||
| 167 | 上移 | ||
| 168 | </el-button> | ||
| 169 | <el-button | ||
| 170 | type="text" | ||
| 171 | disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} | ||
| 172 | onClick={() => { | 144 | onClick={() => { |
| 173 | this.moveDown(scope.$index, scope.row); | 145 | this.handleDelete(scope.$index, scope.row); |
| 174 | }} | 146 | }} |
| 175 | > | 147 | > |
| 176 | 下移 | 148 | 删除 |
| 177 | </el-button> | 149 | </el-button> |
| 178 | 150 | ||
| 179 | </div > | 151 | </div > |
| ... | @@ -194,11 +166,15 @@ | ... | @@ -194,11 +166,15 @@ |
| 194 | deep: true | 166 | deep: true |
| 195 | } | 167 | } |
| 196 | }, | 168 | }, |
| 169 | mounted () { | ||
| 170 | this.initSort() | ||
| 171 | }, | ||
| 172 | beforeDestroy () { | ||
| 173 | if (this.sortable) { | ||
| 174 | this.sortable.destroy(); | ||
| 175 | } | ||
| 176 | }, | ||
| 197 | methods: { | 177 | methods: { |
| 198 | /** | ||
| 199 | * @description: handleSubmit | ||
| 200 | * @author: renchao | ||
| 201 | */ | ||
| 202 | handleSubmit () { | 178 | handleSubmit () { |
| 203 | this.loading = true | 179 | this.loading = true |
| 204 | updateClml(this.tableData).then(res => { | 180 | updateClml(this.tableData).then(res => { |
| ... | @@ -246,64 +222,9 @@ | ... | @@ -246,64 +222,9 @@ |
| 246 | }) | 222 | }) |
| 247 | }, | 223 | }, |
| 248 | /** | 224 | /** |
| 249 | * @description: 上移 | ||
| 250 | * @param {*} index | ||
| 251 | * @param {*} row | ||
| 252 | * @author: renchao | ||
| 253 | */ | ||
| 254 | moveUpward (index, row) { | ||
| 255 | let obj = { | ||
| 256 | xh: row.xh, | ||
| 257 | bsmSlsq: row.bsmSlsq, | ||
| 258 | moveDirection: "UP", | ||
| 259 | }; | ||
| 260 | // 接口待调 | ||
| 261 | moveClml(obj).then(async (res) => { | ||
| 262 | if (res.code == 200) { | ||
| 263 | let res = await this.clmlInitList() | ||
| 264 | if (res == 200) { | ||
| 265 | this.$message({ | ||
| 266 | message: '上移成功', | ||
| 267 | type: 'success' | ||
| 268 | }) | ||
| 269 | } | ||
| 270 | } else { | ||
| 271 | this.$message.error(res.message); | ||
| 272 | } | ||
| 273 | }) | ||
| 274 | }, | ||
| 275 | /** | ||
| 276 | * @description: 下移 | ||
| 277 | * @param {*} index | ||
| 278 | * @param {*} row | ||
| 279 | * @author: renchao | ||
| 280 | */ | ||
| 281 | moveDown (index, row) { | ||
| 282 | let obj = { | ||
| 283 | xh: row.xh, | ||
| 284 | bsmSlsq: row.bsmSlsq, | ||
| 285 | moveDirection: "DOWN", | ||
| 286 | } | ||
| 287 | // 接口待调 | ||
| 288 | moveClml(obj).then(async (res) => { | ||
| 289 | if (res.code == 200) { | ||
| 290 | let res = await this.clmlInitList() | ||
| 291 | if (res == 200) { | ||
| 292 | this.$message({ | ||
| 293 | message: '下移成功', | ||
| 294 | type: 'success' | ||
| 295 | }) | ||
| 296 | } | ||
| 297 | } else { | ||
| 298 | this.$message.error(res.message); | ||
| 299 | } | ||
| 300 | }) | ||
| 301 | }, | ||
| 302 | /** | ||
| 303 | * @description: 材料目录删除 | 225 | * @description: 材料目录删除 |
| 304 | * @param {*} index | 226 | * @param {*} index |
| 305 | * @param {*} row | 227 | * @param {*} row |
| 306 | * @author: renchao | ||
| 307 | */ | 228 | */ |
| 308 | handleDelete (index, row) { | 229 | handleDelete (index, row) { |
| 309 | if (row.children.length > 0) { | 230 | if (row.children.length > 0) { |
| ... | @@ -316,17 +237,6 @@ | ... | @@ -316,17 +237,6 @@ |
| 316 | cancelButtonText: '取消', | 237 | cancelButtonText: '取消', |
| 317 | type: 'warning' | 238 | type: 'warning' |
| 318 | }).then(() => { | 239 | }).then(() => { |
| 319 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 320 | if (res.code == 200) { | ||
| 321 | let res = await that.clmlInitList() | ||
| 322 | if (res == 200) { | ||
| 323 | that.$message({ | ||
| 324 | message: "删除成功", | ||
| 325 | type: "success" | ||
| 326 | }) | ||
| 327 | } | ||
| 328 | } | ||
| 329 | }) | ||
| 330 | }).catch(() => { | 240 | }).catch(() => { |
| 331 | this.$message({ | 241 | this.$message({ |
| 332 | type: 'info', | 242 | type: 'info', |
| ... | @@ -334,24 +244,18 @@ | ... | @@ -334,24 +244,18 @@ |
| 334 | }) | 244 | }) |
| 335 | }) | 245 | }) |
| 336 | }, | 246 | }, |
| 337 | // 字典 | 247 | initSort () { |
| 338 | /** | 248 | const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] |
| 339 | * @description: 字典 | 249 | this.sortable = Sortable.create(el, { |
| 340 | * @param {*} val | 250 | ghostClass: 'sortable-ghost', |
| 341 | * @param {*} code | 251 | setData: function (dataTransfer) { |
| 342 | * @author: renchao | 252 | dataTransfer.setData('Text', '') |
| 343 | */ | 253 | }, |
| 344 | dicStatus (val, code) { | 254 | onEnd: evt => { |
| 345 | let data = store.getters.dictData[code], | 255 | const targetRow = this.tableData.splice(evt.oldIndex, 1)[0]; |
| 346 | name = "暂无"; | 256 | this.tableData.splice(evt.newIndex, 0, targetRow); |
| 347 | if (data) { | 257 | } |
| 348 | data.map((item) => { | 258 | }) |
| 349 | if (item.dcode == val) { | ||
| 350 | name = item.dname; | ||
| 351 | } | ||
| 352 | }); | ||
| 353 | return name; | ||
| 354 | } | ||
| 355 | } | 259 | } |
| 356 | } | 260 | } |
| 357 | } | 261 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-30 13:59:09 | 4 | * @LastEditTime: 2023-09-12 13:29:54 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
| 15 | 申请单元列表({{ unitData.length }}) | 15 | 申请单元列表({{ unitData.length }}) |
| 16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | 16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> |
| 17 | </div> | 17 | </div> |
| 18 | <el-menu :default-active="activeIndex" @select="unitClick"> | 18 | <el-menu v-model="activeIndex" :default-active="activeIndex" @select="unitClick"> |
| 19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> |
| 20 | <p class="dot" v-if="item.issave == '0'"></p> | 20 | <p class="dot" v-if="item.issave == '0'"></p> |
| 21 | <div class="menu-con"> | 21 | <div class="menu-con"> |
| ... | @@ -74,18 +74,20 @@ | ... | @@ -74,18 +74,20 @@ |
| 74 | watch: { | 74 | watch: { |
| 75 | isRefresh: { | 75 | isRefresh: { |
| 76 | handler (newVal, oldVal) { | 76 | handler (newVal, oldVal) { |
| 77 | if (newVal) this.loadBdcdylist() | 77 | if (newVal) { |
| 78 | this.loadBdcdylist() | ||
| 79 | } | ||
| 78 | }, | 80 | }, |
| 79 | immediate: true | 81 | immediate: true |
| 80 | } | 82 | } |
| 81 | }, | 83 | }, |
| 82 | methods: { | 84 | methods: { |
| 83 | //读取申请单元信息 | ||
| 84 | /** | 85 | /** |
| 85 | * @description: 读取申请单元信息 | 86 | * @description: 读取申请单元信息 |
| 86 | * @author: renchao | 87 | * @author: renchao |
| 87 | */ | 88 | */ |
| 88 | loadBdcdylist () { | 89 | loadBdcdylist () { |
| 90 | let that = this | ||
| 89 | var formdata = new FormData(); | 91 | var formdata = new FormData(); |
| 90 | formdata.append("bsmSlsq", this.bsmSlsq); | 92 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 91 | if (this.$route.query.bestepid) { | 93 | if (this.$route.query.bestepid) { |
| ... | @@ -97,40 +99,43 @@ | ... | @@ -97,40 +99,43 @@ |
| 97 | if (this.$route.query.type == 'jdcx') { | 99 | if (this.$route.query.type == 'jdcx') { |
| 98 | jdcxLeftMenu(formdata).then((res) => { | 100 | jdcxLeftMenu(formdata).then((res) => { |
| 99 | if (res.code === 200 && res.result) { | 101 | if (res.code === 200 && res.result) { |
| 100 | this.unitData = res.result; | 102 | that.unitData = res.result; |
| 101 | window.unitData = res.result; | 103 | window.unitData = res.result; |
| 102 | this.currentSelectProps = res.result[0]; | 104 | that.currentSelectProps = res.result[0]; |
| 103 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 105 | that.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 104 | this.judgeBatchShow(); | 106 | that.judgeBatchShow(); |
| 105 | if (this.showBatch) { | 107 | if (sessionStorage.getItem('keyPath')) { |
| 106 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 108 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
| 107 | this.batchUnitClick(); | ||
| 108 | } else { | 109 | } else { |
| 109 | //默认选择单元列表第一个 | 110 | that.unitClick(0) |
| 110 | this.unitClick(0); | 111 | if (that.showBatch) { |
| 112 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 113 | that.batchUnitClick(); | ||
| 114 | } | ||
| 111 | } | 115 | } |
| 112 | } | 116 | } |
| 113 | }) | 117 | }) |
| 114 | } else { | 118 | } else { |
| 115 | leftMenu(formdata).then((res) => { | 119 | leftMenu(formdata).then((res) => { |
| 116 | if (res.code === 200 && res.result) { | 120 | if (res.code === 200 && res.result) { |
| 117 | this.unitData = res.result; | 121 | that.unitData = res.result; |
| 118 | window.unitData = res.result; | 122 | window.unitData = res.result; |
| 119 | this.currentSelectProps = res.result[0]; | 123 | this.currentSelectProps = res.result[0]; |
| 120 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 124 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 121 | this.judgeBatchShow(); | 125 | this.judgeBatchShow(); |
| 122 | if (this.showBatch) { | 126 | if (sessionStorage.getItem('keyPath')) { |
| 123 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 127 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
| 124 | this.batchUnitClick(); | ||
| 125 | } else { | 128 | } else { |
| 126 | //默认选择单元列表第一个 | 129 | that.unitClick(0) |
| 127 | this.unitClick(0); | 130 | if (that.showBatch) { |
| 131 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 132 | that.batchUnitClick(); | ||
| 133 | } | ||
| 128 | } | 134 | } |
| 129 | } | 135 | } |
| 130 | }) | 136 | }) |
| 131 | } | 137 | } |
| 132 | }, | 138 | }, |
| 133 | //批量按钮判断 | ||
| 134 | /** | 139 | /** |
| 135 | * @description: 批量按钮判断 | 140 | * @description: 批量按钮判断 |
| 136 | * @author: renchao | 141 | * @author: renchao |
| ... | @@ -224,11 +229,15 @@ | ... | @@ -224,11 +229,15 @@ |
| 224 | this.currentSelectProps = this.unitData[index]; | 229 | this.currentSelectProps = this.unitData[index]; |
| 225 | this.currentSelectProps.batchOperation = false; | 230 | this.currentSelectProps.batchOperation = false; |
| 226 | this.activeIndex = index.toString(); | 231 | this.activeIndex = index.toString(); |
| 232 | sessionStorage.setItem('keyPath', this.activeIndex); | ||
| 227 | //选中表单传递数据 | 233 | //选中表单传递数据 |
| 228 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 234 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 229 | this.$parent.stepForm(index); | 235 | this.$parent.stepForm(index); |
| 230 | this.$store.dispatch('user/refreshPage', false); | 236 | this.$store.dispatch('user/refreshPage', false); |
| 231 | } | 237 | } |
| 238 | }, | ||
| 239 | beforeDestroy () { | ||
| 240 | sessionStorage.removeItem('keyPath') | ||
| 232 | } | 241 | } |
| 233 | } | 242 | } |
| 234 | </script> | 243 | </script> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-28 08:46:04 | 4 | * @LastEditTime: 2023-09-12 13:32:29 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -98,12 +98,12 @@ | ... | @@ -98,12 +98,12 @@ |
| 98 | } | 98 | } |
| 99 | }, | 99 | }, |
| 100 | methods: { | 100 | methods: { |
| 101 | //读取申请单元信息 | ||
| 102 | /** | 101 | /** |
| 103 | * @description: 读取申请单元信息 | 102 | * @description: 读取申请单元信息 |
| 104 | * @author: renchao | 103 | * @author: renchao |
| 105 | */ | 104 | */ |
| 106 | loadBdcdylist () { | 105 | loadBdcdylist () { |
| 106 | let that = this | ||
| 107 | var formdata = new FormData(); | 107 | var formdata = new FormData(); |
| 108 | formdata.append("bsmSlsq", this.bsmSlsq); | 108 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 109 | if (this.$route.query.bestepid) { | 109 | if (this.$route.query.bestepid) { |
| ... | @@ -120,12 +120,14 @@ | ... | @@ -120,12 +120,14 @@ |
| 120 | this.currentSelectProps = res.result[0]; | 120 | this.currentSelectProps = res.result[0]; |
| 121 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 121 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 122 | this.judgeBatchShow(); | 122 | this.judgeBatchShow(); |
| 123 | if (this.showBatch) { | 123 | if (sessionStorage.getItem('keyPath')) { |
| 124 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 124 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
| 125 | this.batchUnitClick(); | ||
| 126 | } else { | 125 | } else { |
| 127 | //默认选择单元列表第一个 | 126 | that.unitClick(0) |
| 128 | this.unitClick(0); | 127 | if (that.showBatch) { |
| 128 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 129 | that.batchUnitClick(); | ||
| 130 | } | ||
| 129 | } | 131 | } |
| 130 | } | 132 | } |
| 131 | }) | 133 | }) |
| ... | @@ -137,12 +139,14 @@ | ... | @@ -137,12 +139,14 @@ |
| 137 | this.currentSelectProps = res.result[0]; | 139 | this.currentSelectProps = res.result[0]; |
| 138 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 140 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 139 | this.judgeBatchShow(); | 141 | this.judgeBatchShow(); |
| 140 | if (this.showBatch) { | 142 | if (sessionStorage.getItem('keyPath')) { |
| 141 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 143 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
| 142 | this.batchUnitClick(); | ||
| 143 | } else { | 144 | } else { |
| 144 | //默认选择单元列表第一个 | 145 | that.unitClick(0) |
| 145 | this.unitClick(0); | 146 | if (that.showBatch) { |
| 147 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 148 | that.batchUnitClick(); | ||
| 149 | } | ||
| 146 | } | 150 | } |
| 147 | } | 151 | } |
| 148 | }) | 152 | }) |
| ... | @@ -202,8 +206,6 @@ | ... | @@ -202,8 +206,6 @@ |
| 202 | }); | 206 | }); |
| 203 | }); | 207 | }); |
| 204 | }, | 208 | }, |
| 205 | |||
| 206 | //批量按钮点击事件 | ||
| 207 | /** | 209 | /** |
| 208 | * @description: 批量按钮点击事件 | 210 | * @description: 批量按钮点击事件 |
| 209 | * @author: renchao | 211 | * @author: renchao |
| ... | @@ -214,7 +216,6 @@ | ... | @@ -214,7 +216,6 @@ |
| 214 | this.$parent.stepForm(0); | 216 | this.$parent.stepForm(0); |
| 215 | 217 | ||
| 216 | }, | 218 | }, |
| 217 | //申请单元点击事件 | ||
| 218 | /** | 219 | /** |
| 219 | * @description: 申请单元点击事件 | 220 | * @description: 申请单元点击事件 |
| 220 | * @param {*} index | 221 | * @param {*} index |
| ... | @@ -226,6 +227,7 @@ | ... | @@ -226,6 +227,7 @@ |
| 226 | this.currentSelectProps.issave = '1' | 227 | this.currentSelectProps.issave = '1' |
| 227 | this.currentSelectProps.batchOperation = false; | 228 | this.currentSelectProps.batchOperation = false; |
| 228 | this.activeIndex = index.toString(); | 229 | this.activeIndex = index.toString(); |
| 230 | sessionStorage.setItem('keyPath', this.activeIndex); | ||
| 229 | //选中表单传递数据 | 231 | //选中表单传递数据 |
| 230 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 232 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 231 | this.$parent.stepForm(index); | 233 | this.$parent.stepForm(index); | ... | ... |
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> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-30 11:01:54 | 4 | * @LastEditTime: 2023-09-12 09:40:17 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -14,15 +14,13 @@ | ... | @@ -14,15 +14,13 @@ |
| 14 | :heightNumSetting="true" | 14 | :heightNumSetting="true" |
| 15 | :minHeight="150" | 15 | :minHeight="150" |
| 16 | height="150" | 16 | height="150" |
| 17 | style="width: 100%" | 17 | style="width: 100%"> |
| 18 | > | ||
| 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 18 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
| 20 | <template slot-scope="scope"> | 19 | <template slot-scope="scope"> |
| 21 | <i | 20 | <i |
| 22 | class="el-icon-minus pointer" | 21 | class="el-icon-minus pointer" |
| 23 | @click="deleClick(scope.$index, scope.row)" | 22 | @click="deleClick(scope.$index, scope.row)" |
| 24 | v-if="ableOperation" | 23 | v-if="ableOperation"></i> |
| 25 | ></i> | ||
| 26 | <div style="text-align: center" v-else> | 24 | <div style="text-align: center" v-else> |
| 27 | {{ scope.$index + 1 }} | 25 | {{ scope.$index + 1 }} |
| 28 | </div> | 26 | </div> |
| ... | @@ -40,8 +38,7 @@ | ... | @@ -40,8 +38,7 @@ |
| 40 | :normalizer="normalizer" | 38 | :normalizer="normalizer" |
| 41 | :appendToBody="true" | 39 | :appendToBody="true" |
| 42 | z-index="9999" | 40 | z-index="9999" |
| 43 | @input="addrow(scope.row)" | 41 | @input="addrow(scope.row)" /> |
| 44 | /> | ||
| 45 | </template> | 42 | </template> |
| 46 | </el-table-column> | 43 | </el-table-column> |
| 47 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 44 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> |
| ... | @@ -54,8 +51,7 @@ | ... | @@ -54,8 +51,7 @@ |
| 54 | placeholder="选择日期" | 51 | placeholder="选择日期" |
| 55 | value-format="yyyy-MM-dd HH:mm:ss" | 52 | value-format="yyyy-MM-dd HH:mm:ss" |
| 56 | format="yyyy-MM-dd" | 53 | format="yyyy-MM-dd" |
| 57 | @input="startTime(scope.$index)" | 54 | @input="startTime(scope.$index)"> |
| 58 | > | ||
| 59 | </el-date-picker> | 55 | </el-date-picker> |
| 60 | </template> | 56 | </template> |
| 61 | </el-table-column> | 57 | </el-table-column> |
| ... | @@ -69,8 +65,7 @@ | ... | @@ -69,8 +65,7 @@ |
| 69 | placeholder="选择日期" | 65 | placeholder="选择日期" |
| 70 | value-format="yyyy-MM-dd HH:mm:ss" | 66 | value-format="yyyy-MM-dd HH:mm:ss" |
| 71 | format="yyyy-MM-dd" | 67 | format="yyyy-MM-dd" |
| 72 | @input="endTime(scope.$index)" | 68 | @input="endTime(scope.$index)"> |
| 73 | > | ||
| 74 | </el-date-picker> | 69 | </el-date-picker> |
| 75 | </template> | 70 | </template> |
| 76 | </el-table-column> | 71 | </el-table-column> |
| ... | @@ -82,232 +77,229 @@ | ... | @@ -82,232 +77,229 @@ |
| 82 | v-model="scope.row.tdsyqx" | 77 | v-model="scope.row.tdsyqx" |
| 83 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 78 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 84 | placeholder="请输入内容" | 79 | placeholder="请输入内容" |
| 85 | @input="sumTime(scope.$index, scope.row.tdsyqx)" | 80 | @input="sumTime(scope.$index, scope.row.tdsyqx)"> |
| 86 | > | 81 | ></el-input> |
| 87 | ></el-input | ||
| 88 | > | ||
| 89 | </template> | 82 | </template> |
| 90 | </el-table-column> | 83 | </el-table-column> |
| 91 | </el-table> | 84 | </el-table> |
| 92 | </div> | 85 | </div> |
| 93 | </template> | 86 | </template> |
| 94 | <script> | 87 | <script> |
| 95 | import { mapGetters } from "vuex"; | 88 | import { mapGetters } from "vuex"; |
| 96 | export default { | 89 | export default { |
| 97 | computed: { | 90 | computed: { |
| 98 | ...mapGetters(["dictData"]), | 91 | ...mapGetters(["dictData"]), |
| 99 | }, | ||
| 100 | props: { | ||
| 101 | tableData: { | ||
| 102 | type: Array, | ||
| 103 | default: function () { | ||
| 104 | return []; | ||
| 105 | }, | ||
| 106 | }, | ||
| 107 | ableOperation: { | ||
| 108 | type: Boolean, | ||
| 109 | default: true, | ||
| 110 | }, | 92 | }, |
| 111 | }, | 93 | props: { |
| 112 | data() { | 94 | tableData: { |
| 113 | return { | 95 | type: Array, |
| 114 | // 键名转换,方法默认是label和children进行树状渲染 | 96 | default: function () { |
| 115 | key: 0, | 97 | return []; |
| 116 | newdata: { | 98 | }, |
| 117 | yt: null, | ||
| 118 | qssj: "", | ||
| 119 | jssj: "", | ||
| 120 | tdsyqx: "", | ||
| 121 | }, | ||
| 122 | tableDataList: [], | ||
| 123 | // 起始时间选择范围 | ||
| 124 | pickerStart: {}, | ||
| 125 | pickerEnd: {}, | ||
| 126 | normalizer(node) { | ||
| 127 | if (node.children == null || node.children == "null") { | ||
| 128 | delete node.children; | ||
| 129 | } | ||
| 130 | return { | ||
| 131 | id: node.dcode, | ||
| 132 | label: node.dname, | ||
| 133 | children: node.children, | ||
| 134 | }; | ||
| 135 | }, | 99 | }, |
| 136 | }; | 100 | ableOperation: { |
| 137 | }, | 101 | type: Boolean, |
| 138 | mounted() {}, | 102 | default: true, |
| 139 | watch: { | ||
| 140 | tableData: { | ||
| 141 | handler: function (val, oldVal) { | ||
| 142 | let that = this; | ||
| 143 | this.$nextTick(() => { | ||
| 144 | if (!val || val.length == 0) { | ||
| 145 | that.tableDataList = _.cloneDeep([ | ||
| 146 | { | ||
| 147 | yt: null, | ||
| 148 | qssj: "", | ||
| 149 | jssj: "", | ||
| 150 | tdsyqx: "", | ||
| 151 | }, | ||
| 152 | ]); | ||
| 153 | } else { | ||
| 154 | that.tableDataList = _.cloneDeep(val); | ||
| 155 | } | ||
| 156 | }); | ||
| 157 | }, | 103 | }, |
| 158 | immediate: true, | ||
| 159 | deep: true, | ||
| 160 | }, | 104 | }, |
| 161 | }, | 105 | data () { |
| 162 | methods: { | 106 | return { |
| 163 | /** | 107 | // 键名转换,方法默认是label和children进行树状渲染 |
| 164 | * @description: renderHeader | 108 | key: 0, |
| 165 | * @author: renchao | 109 | newdata: { |
| 166 | */ | 110 | yt: null, |
| 167 | renderHeader() { | 111 | qssj: "", |
| 168 | return ( | 112 | jssj: "", |
| 169 | <div> | 113 | tdsyqx: "", |
| 170 | {" "} | ||
| 171 | {!this.ableOperation ? ( | ||
| 172 | "序号" | ||
| 173 | ) : ( | ||
| 174 | <i | ||
| 175 | class="el-icon-plus pointer" | ||
| 176 | onClick={() => { | ||
| 177 | this.addClick(); | ||
| 178 | }} | ||
| 179 | ></i> | ||
| 180 | )} | ||
| 181 | </div> | ||
| 182 | ); | ||
| 183 | }, | ||
| 184 | // 修改事件 | ||
| 185 | /** | ||
| 186 | * @description: 修改事件 | ||
| 187 | * @author: renchao | ||
| 188 | */ | ||
| 189 | addrow(a) { | ||
| 190 | console.log(a); | ||
| 191 | // this.tableDataList = this.tableDataList.map((item) => { | ||
| 192 | // return { | ||
| 193 | // ...item, | ||
| 194 | // yt: a.yt, | ||
| 195 | // }; | ||
| 196 | // }); | ||
| 197 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 198 | }, | ||
| 199 | /** | ||
| 200 | * @description: startTime | ||
| 201 | * @param {*} index | ||
| 202 | * @author: renchao | ||
| 203 | */ | ||
| 204 | startTime(index) { | ||
| 205 | console.log("index", index); | ||
| 206 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
| 207 | let endTime = this.tableDataList[index].jssj; | ||
| 208 | let startTime = this.tableDataList[index].qssj; | ||
| 209 | this.tableDataList[index].pickerEnd = { | ||
| 210 | disabledDate: (time) => { | ||
| 211 | if (Object.keys(startTime).length > 0) { | ||
| 212 | return new Date(startTime).getTime() > time.getTime(); | ||
| 213 | } else { | ||
| 214 | return time.getTime() < Date.now(); | ||
| 215 | } | ||
| 216 | }, | 114 | }, |
| 217 | }; | 115 | tableDataList: [], |
| 218 | if (startTime && endTime) { | 116 | // 起始时间选择范围 |
| 219 | let startYear = new Date(startTime).getFullYear(); | 117 | pickerStart: {}, |
| 220 | let endYear = new Date(endTime).getFullYear(); | 118 | pickerEnd: {}, |
| 221 | this.tableDataList[index].tdsyqx = endYear - startYear; | 119 | normalizer (node) { |
| 222 | } | 120 | if (node.children == null || node.children == "null") { |
| 223 | this.$emit("upDateTdytxxList", this.tableDataList); | 121 | delete node.children; |
| 224 | }, | ||
| 225 | /** | ||
| 226 | * @description: endTime | ||
| 227 | * @param {*} index | ||
| 228 | * @author: renchao | ||
| 229 | */ | ||
| 230 | endTime(index) { | ||
| 231 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
| 232 | let startTime = this.tableDataList[index].qssj; | ||
| 233 | let endTime = this.tableDataList[index].jssj; | ||
| 234 | this.tableDataList[index].pickerStart = { | ||
| 235 | disabledDate: (time) => { | ||
| 236 | if (Object.keys(endTime).length > 0) { | ||
| 237 | return new Date(endTime).getTime() < time.getTime(); | ||
| 238 | } else { | ||
| 239 | return time.getTime() > Date.now(); | ||
| 240 | } | 122 | } |
| 123 | return { | ||
| 124 | id: node.dcode, | ||
| 125 | label: node.dname, | ||
| 126 | children: node.children, | ||
| 127 | }; | ||
| 241 | }, | 128 | }, |
| 242 | }; | 129 | }; |
| 243 | if (startTime && endTime) { | ||
| 244 | let startYear = new Date(startTime).getFullYear(); | ||
| 245 | let endYear = new Date(endTime).getFullYear(); | ||
| 246 | this.tableDataList[index].tdsyqx = endYear - startYear; | ||
| 247 | } | ||
| 248 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 249 | }, | ||
| 250 | /** | ||
| 251 | * @description: sumTime | ||
| 252 | * @param {*} index | ||
| 253 | * @param {*} tdsyqx | ||
| 254 | * @author: renchao | ||
| 255 | */ | ||
| 256 | sumTime(index, tdsyqx) { | ||
| 257 | let startTime = this.tableDataList[index].qssj; | ||
| 258 | this.tableDataList[index].jssj = | ||
| 259 | Number(startTime.substring(0, 4)) + | ||
| 260 | Number(tdsyqx) + | ||
| 261 | startTime.slice(4, 19); | ||
| 262 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 263 | }, | 130 | }, |
| 264 | // 新增 | 131 | mounted () { }, |
| 265 | /** | 132 | watch: { |
| 266 | * @description: 新增 | 133 | tableData: { |
| 267 | * @author: renchao | 134 | handler: function (val, oldVal) { |
| 268 | */ | 135 | let that = this; |
| 269 | addClick() { | 136 | this.$nextTick(() => { |
| 270 | // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 137 | if (!val || val.length == 0) { |
| 271 | this.tableDataList.push(_.cloneDeep(this.newdata)) | 138 | that.tableDataList = _.cloneDeep([ |
| 272 | this.$emit("upDateTdytxxList", this.tableDataList); | 139 | { |
| 140 | yt: null, | ||
| 141 | qssj: "", | ||
| 142 | jssj: "", | ||
| 143 | tdsyqx: "", | ||
| 144 | }, | ||
| 145 | ]); | ||
| 146 | } else { | ||
| 147 | that.tableDataList = _.cloneDeep(val); | ||
| 148 | } | ||
| 149 | }); | ||
| 150 | }, | ||
| 151 | immediate: true, | ||
| 152 | deep: true, | ||
| 153 | }, | ||
| 273 | }, | 154 | }, |
| 155 | methods: { | ||
| 156 | /** | ||
| 157 | * @description: renderHeader | ||
| 158 | * @author: renchao | ||
| 159 | */ | ||
| 160 | renderHeader () { | ||
| 161 | return ( | ||
| 162 | <div> | ||
| 163 | {" "} | ||
| 164 | {!this.ableOperation ? ( | ||
| 165 | "序号" | ||
| 166 | ) : ( | ||
| 167 | <i | ||
| 168 | class="el-icon-plus pointer" | ||
| 169 | onClick={() => { | ||
| 170 | this.addClick(); | ||
| 171 | }} | ||
| 172 | ></i> | ||
| 173 | )} | ||
| 174 | </div> | ||
| 175 | ); | ||
| 176 | }, | ||
| 177 | // 修改事件 | ||
| 178 | /** | ||
| 179 | * @description: 修改事件 | ||
| 180 | * @author: renchao | ||
| 181 | */ | ||
| 182 | addrow (a) { | ||
| 183 | // this.tableDataList = this.tableDataList.map((item) => { | ||
| 184 | // return { | ||
| 185 | // ...item, | ||
| 186 | // yt: a.yt, | ||
| 187 | // }; | ||
| 188 | // }); | ||
| 189 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 190 | }, | ||
| 191 | /** | ||
| 192 | * @description: startTime | ||
| 193 | * @param {*} index | ||
| 194 | * @author: renchao | ||
| 195 | */ | ||
| 196 | startTime (index) { | ||
| 197 | console.log("index", index); | ||
| 198 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
| 199 | let endTime = this.tableDataList[index].jssj; | ||
| 200 | let startTime = this.tableDataList[index].qssj; | ||
| 201 | this.tableDataList[index].pickerEnd = { | ||
| 202 | disabledDate: (time) => { | ||
| 203 | if (Object.keys(startTime).length > 0) { | ||
| 204 | return new Date(startTime).getTime() > time.getTime(); | ||
| 205 | } else { | ||
| 206 | return time.getTime() < Date.now(); | ||
| 207 | } | ||
| 208 | }, | ||
| 209 | }; | ||
| 210 | if (startTime && endTime) { | ||
| 211 | let startYear = new Date(startTime).getFullYear(); | ||
| 212 | let endYear = new Date(endTime).getFullYear(); | ||
| 213 | this.tableDataList[index].tdsyqx = endYear - startYear; | ||
| 214 | } | ||
| 215 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 216 | }, | ||
| 217 | /** | ||
| 218 | * @description: endTime | ||
| 219 | * @param {*} index | ||
| 220 | * @author: renchao | ||
| 221 | */ | ||
| 222 | endTime (index) { | ||
| 223 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
| 224 | let startTime = this.tableDataList[index].qssj; | ||
| 225 | let endTime = this.tableDataList[index].jssj; | ||
| 226 | this.tableDataList[index].pickerStart = { | ||
| 227 | disabledDate: (time) => { | ||
| 228 | if (Object.keys(endTime).length > 0) { | ||
| 229 | return new Date(endTime).getTime() < time.getTime(); | ||
| 230 | } else { | ||
| 231 | return time.getTime() > Date.now(); | ||
| 232 | } | ||
| 233 | }, | ||
| 234 | }; | ||
| 235 | if (startTime && endTime) { | ||
| 236 | let startYear = new Date(startTime).getFullYear(); | ||
| 237 | let endYear = new Date(endTime).getFullYear(); | ||
| 238 | this.tableDataList[index].tdsyqx = endYear - startYear; | ||
| 239 | } | ||
| 240 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 241 | }, | ||
| 242 | /** | ||
| 243 | * @description: sumTime | ||
| 244 | * @param {*} index | ||
| 245 | * @param {*} tdsyqx | ||
| 246 | * @author: renchao | ||
| 247 | */ | ||
| 248 | sumTime (index, tdsyqx) { | ||
| 249 | let startTime = this.tableDataList[index].qssj; | ||
| 250 | this.tableDataList[index].jssj = | ||
| 251 | Number(startTime.substring(0, 4)) + | ||
| 252 | Number(tdsyqx) + | ||
| 253 | startTime.slice(4, 19); | ||
| 254 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 255 | }, | ||
| 256 | // 新增 | ||
| 257 | /** | ||
| 258 | * @description: 新增 | ||
| 259 | * @author: renchao | ||
| 260 | */ | ||
| 261 | addClick () { | ||
| 262 | // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | ||
| 263 | this.tableDataList.push(_.cloneDeep(this.newdata)) | ||
| 264 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 265 | }, | ||
| 274 | 266 | ||
| 275 | // 删除 | 267 | // 删除 |
| 276 | /** | 268 | /** |
| 277 | * @description: 删除 | 269 | * @description: 删除 |
| 278 | * @param {*} index | 270 | * @param {*} index |
| 279 | * @param {*} row | 271 | * @param {*} row |
| 280 | * @author: renchao | 272 | * @author: renchao |
| 281 | */ | 273 | */ |
| 282 | deleClick(index, row) { | 274 | deleClick (index, row) { |
| 283 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 275 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 284 | confirmButtonText: "确定", | 276 | confirmButtonText: "确定", |
| 285 | cancelButtonText: "取消", | 277 | cancelButtonText: "取消", |
| 286 | type: "warning", | 278 | type: "warning", |
| 287 | }) | ||
| 288 | .then(() => { | ||
| 289 | this.tableDataList.splice(index, 1); | ||
| 290 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 291 | }) | 279 | }) |
| 292 | .catch(() => {}); | 280 | .then(() => { |
| 281 | this.tableDataList.splice(index, 1); | ||
| 282 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 283 | }) | ||
| 284 | .catch(() => { }); | ||
| 285 | }, | ||
| 293 | }, | 286 | }, |
| 294 | }, | 287 | }; |
| 295 | }; | ||
| 296 | </script> | 288 | </script> |
| 297 | <style scoped lang="scss"> | 289 | <style scoped lang="scss"> |
| 298 | .el-input { | 290 | .el-input { |
| 299 | border: none !important; | 291 | border: none !important; |
| 300 | } | 292 | } |
| 301 | /deep/.el-table__row { | 293 | /deep/.el-table__row { |
| 302 | border: none !important; | 294 | border: none !important; |
| 303 | } | 295 | } |
| 304 | .el-date-editor.el-input { | 296 | .el-date-editor.el-input { |
| 305 | width: 100%; | 297 | width: 100%; |
| 306 | } | 298 | } |
| 307 | /deep/.el-table th { | 299 | /deep/.el-table th { |
| 308 | height: 30px !important; | 300 | height: 30px !important; |
| 309 | } | 301 | } |
| 310 | /deep/ .el-table--border .el-table__cell:first-child .cell{ | 302 | /deep/ .el-table--border .el-table__cell:first-child .cell { |
| 311 | text-align: center; | 303 | text-align: center; |
| 312 | } | 304 | } |
| 313 | </style> | 305 | </style> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-17 15:34:33 | 4 | * @LastEditTime: 2023-09-12 09:41:27 |
| 5 | */ | 5 | */ |
| 6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
| 7 | /** | 7 | /** |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | * @param {*} djywbm | 10 | * @param {*} djywbm |
| 11 | * @author: renchao | 11 | * @author: renchao |
| 12 | */ | 12 | */ |
| 13 | export function getForm(tabName, djywbm) { | 13 | export function getForm (tabName, djywbm) { |
| 14 | let form; | 14 | let form; |
| 15 | switch (tabName) { | 15 | switch (tabName) { |
| 16 | case "tdsyqslxx": | 16 | case "tdsyqslxx": |
| ... | @@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) { | ... | @@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) { |
| 72 | case "sfxx": | 72 | case "sfxx": |
| 73 | form = require("@/views/workflow/components/sfxx.vue"); | 73 | form = require("@/views/workflow/components/sfxx.vue"); |
| 74 | break; | 74 | break; |
| 75 | case "sdqxx": | 75 | case "sdqxx": |
| 76 | form = require("@/views/workflow/components/sdqxx.vue"); | 76 | form = require("@/views/workflow/components/sdqxx.vue"); |
| 77 | break; | 77 | break; |
| 78 | case "zdjbxx": | 78 | case "zdjbxx": | ... | ... |
| ... | @@ -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; | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-05 15:05:56 | 4 | * @LastEditTime: 2023-09-12 10:52:24 |
| 5 | */ | 5 | */ |
| 6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
| 7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
| ... | @@ -32,7 +32,6 @@ export default { | ... | @@ -32,7 +32,6 @@ export default { |
| 32 | } | 32 | } |
| 33 | }) | 33 | }) |
| 34 | }, | 34 | }, |
| 35 | //右侧表单选项卡事件 | ||
| 36 | /** | 35 | /** |
| 37 | * @description: 右侧表单选项卡事件 | 36 | * @description: 右侧表单选项卡事件 |
| 38 | * @param {*} activeName | 37 | * @param {*} activeName |
| ... | @@ -40,9 +39,9 @@ export default { | ... | @@ -40,9 +39,9 @@ export default { |
| 40 | * @author: renchao | 39 | * @author: renchao |
| 41 | */ | 40 | */ |
| 42 | beforeLeave (activeName, oldActiveName) { | 41 | beforeLeave (activeName, oldActiveName) { |
| 42 | sessionStorage.setItem('activeName', activeName); | ||
| 43 | if (activeName && activeName != 0) this.getFromRouter(activeName) | 43 | if (activeName && activeName != 0) this.getFromRouter(activeName) |
| 44 | }, | 44 | }, |
| 45 | //切换选项卡内容组件 | ||
| 46 | /** | 45 | /** |
| 47 | * @description: 切换选项卡内容组件 | 46 | * @description: 切换选项卡内容组件 |
| 48 | * @param {*} tabname | 47 | * @param {*} tabname | ... | ... |
| ... | @@ -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 | } |
| ... | @@ -231,4 +239,4 @@ | ... | @@ -231,4 +239,4 @@ |
| 231 | position: absolute; | 239 | position: absolute; |
| 232 | left: 0; | 240 | left: 0; |
| 233 | bottom: 0; | 241 | bottom: 0; |
| 234 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 242 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-30 14:14:55 | 4 | * @LastEditTime: 2023-09-12 16:39:53 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -9,24 +9,38 @@ | ... | @@ -9,24 +9,38 @@ |
| 9 | <div class="topButton"> | 9 | <div class="topButton"> |
| 10 | <!-- 左侧业务功能按钮 --> | 10 | <!-- 左侧业务功能按钮 --> |
| 11 | <ul> | 11 | <ul> |
| 12 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 12 | <li v-for="(item, index) in leftButtonList" :key="index"> |
| 13 | <svg-icon class="icon" :icon-class="item.icon" /> | 13 | <div v-if="item.value == 'B10'" @click="openPrint()"> |
| 14 | <span class="iconName">{{ item.name }}</span> | 14 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 15 | <span class="iconName">{{ item.name }}</span> | ||
| 16 | </div> | ||
| 17 | <div v-else @click="operation(item)"> | ||
| 18 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 19 | <span class="iconName">{{ item.name }}</span> | ||
| 20 | </div> | ||
| 15 | </li> | 21 | </li> |
| 16 | </ul> | 22 | </ul> |
| 17 | <!-- 右侧流程按钮 --> | 23 | <!-- 右侧流程按钮 --> |
| 18 | <ul> | 24 | <ul> |
| 19 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 25 | <li |
| 26 | @click="operation(item)" | ||
| 27 | v-for="(item, index) in rightButtonList" | ||
| 28 | :key="index"> | ||
| 20 | <svg-icon class="icon" :icon-class="item.icon" /> | 29 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 21 | <span class="iconName">{{ item.name }}</span> | 30 | <span class="iconName">{{ item.name }}</span> |
| 22 | </li> | 31 | </li> |
| 23 | </ul> | 32 | </ul> |
| 24 | <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" /> | 33 | <NoticeBar |
| 34 | class="NoticeBar" | ||
| 35 | :noticeList="noticeList" | ||
| 36 | v-if="noticeList.length > 0" /> | ||
| 25 | </div> | 37 | </div> |
| 26 | <!-- 内容框架 --> | 38 | <!-- 内容框架 --> |
| 27 | <div class="containerFrame"> | 39 | <div class="containerFrame"> |
| 28 | <!-- 左侧菜单栏 区分业务--> | 40 | <!-- 左侧菜单栏 区分业务--> |
| 29 | <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> | 41 | <segmentMenu |
| 42 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" | ||
| 43 | @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 44 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
| 31 | <div class="leftCon"> | 45 | <div class="leftCon"> |
| 32 | <!-- 分屏左侧预览 --> | 46 | <!-- 分屏左侧预览 --> |
| ... | @@ -39,20 +53,50 @@ | ... | @@ -39,20 +53,50 @@ |
| 39 | 当前流程所在环节: | 53 | 当前流程所在环节: |
| 40 | <span>{{ this.zbhj }}</span> | 54 | <span>{{ this.zbhj }}</span> |
| 41 | </div> | 55 | </div> |
| 42 | <el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick"> | 56 | <el-tabs |
| 43 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 57 | v-model="tabName" |
| 58 | :before-leave="beforeLeave" | ||
| 59 | @tab-click="handleClick"> | ||
| 60 | <el-tab-pane | ||
| 61 | :label="item.name" | ||
| 62 | :name="item.value" | ||
| 63 | v-for="item in tabList" | ||
| 64 | :key="item.value"> | ||
| 44 | </el-tab-pane> | 65 | </el-tab-pane> |
| 45 | </el-tabs> | 66 | </el-tabs> |
| 46 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 67 | <div v-show="false"> |
| 68 | <div v-if="shows"> | ||
| 69 | <receipt :Receiptdata="Receiptdata" id="boxaaa" /> | ||
| 70 | </div> | ||
| 71 | |||
| 72 | </div> | ||
| 73 | <component | ||
| 74 | :key="fresh" | ||
| 75 | :is="componentTag" | ||
| 76 | v-bind="currentSelectProps" /> | ||
| 47 | </div> | 77 | </div> |
| 48 | </div> | 78 | </div> |
| 49 | </div> | 79 | </div> |
| 50 | <!-- 打印模板需要此模块 --> | 80 | <!-- 打印模板需要此模块 --> |
| 51 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 81 | <object |
| 52 | <embed id="LODOP_EM" type="application/x-print-lodop" width="820" height="450" pluginspage="install_lodop32.exe" /> | 82 | id="LODOP_OB" |
| 83 | classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" | ||
| 84 | v-show="false"> | ||
| 85 | <embed | ||
| 86 | id="LODOP_EM" | ||
| 87 | type="application/x-print-lodop" | ||
| 88 | width="820" | ||
| 89 | height="450" | ||
| 90 | pluginspage="install_lodop32.exe" /> | ||
| 53 | </object> | 91 | </object> |
| 54 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | 92 | <el-upload |
| 55 | :on-change="handleChange" :before-upload="beforeUpload"> | 93 | class="fileUpdate" |
| 94 | action="" | ||
| 95 | :show-file-list="false" | ||
| 96 | multiple | ||
| 97 | :auto-upload="false" | ||
| 98 | :on-change="handleChange" | ||
| 99 | :before-upload="beforeUpload"> | ||
| 56 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> | 100 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> |
| 57 | </el-upload> | 101 | </el-upload> |
| 58 | </div> | 102 | </div> |
| ... | @@ -62,27 +106,36 @@ | ... | @@ -62,27 +106,36 @@ |
| 62 | @import "./workFrame.scss"; | 106 | @import "./workFrame.scss"; |
| 63 | </style> | 107 | </style> |
| 64 | <script> | 108 | <script> |
| 65 | import WorkFlow from "./mixin/index" | 109 | import printJS from 'print-js' |
| 66 | import publicFlow from "./mixin/public.js" | 110 | import WorkFlow from "./mixin/index"; |
| 67 | import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js" | 111 | import publicFlow from "./mixin/public.js"; |
| 68 | import { getForm } from "./flowform" | 112 | import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js"; |
| 69 | import NoticeBar from "@/components/NoticeBar/index" | 113 | import { getForm } from "./flowform"; |
| 114 | import NoticeBar from "@/components/NoticeBar/index"; | ||
| 70 | // import ProcessViewer from "./components/processViewer.vue" | 115 | // import ProcessViewer from "./components/processViewer.vue" |
| 71 | // 引入左侧菜单 | 116 | // 引入左侧菜单 |
| 72 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" | 117 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 73 | // 引入左侧菜单 | 118 | // 引入左侧菜单 |
| 74 | import segmentMenu from "./components/leftmenu/segmentMenu.vue" | 119 | import segmentMenu from "./components/leftmenu/segmentMenu.vue"; |
| 75 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue" | 120 | // 回执单 |
| 121 | import receipt from "./components/receipt.vue"; | ||
| 122 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | ||
| 123 | import { BatchInit } from "@/api/workflow/cfdjFlow.js"; | ||
| 76 | export default { | 124 | export default { |
| 77 | components: { | 125 | components: { |
| 78 | selectBdc, | 126 | selectBdc, |
| 79 | NoticeBar, | 127 | NoticeBar, |
| 80 | ordinaryMenu, | 128 | ordinaryMenu, |
| 81 | segmentMenu | 129 | segmentMenu, |
| 130 | receipt, | ||
| 82 | }, | 131 | }, |
| 83 | mixins: [WorkFlow, publicFlow], | 132 | mixins: [WorkFlow, publicFlow], |
| 84 | data () { | 133 | data () { |
| 85 | return { | 134 | return { |
| 135 | // printObj: { | ||
| 136 | // id: "box", | ||
| 137 | // preview: true, | ||
| 138 | // }, | ||
| 86 | isDialog: false, | 139 | isDialog: false, |
| 87 | //受理申请标识码 | 140 | //受理申请标识码 |
| 88 | bsmSlsq: this.$route.query.bsmSlsq, | 141 | bsmSlsq: this.$route.query.bsmSlsq, |
| ... | @@ -110,11 +163,13 @@ | ... | @@ -110,11 +163,13 @@ |
| 110 | //页面监听时间 | 163 | //页面监听时间 |
| 111 | _beforeUnload_time: "", | 164 | _beforeUnload_time: "", |
| 112 | // 宗地id | 165 | // 宗地id |
| 113 | bsmZd: '' | 166 | bsmZd: "", |
| 114 | } | 167 | Receiptdata: {}, |
| 168 | shows: false | ||
| 169 | }; | ||
| 115 | }, | 170 | }, |
| 116 | mounted () { | 171 | mounted () { |
| 117 | this.$store.dispatch('user/refreshPage', false); | 172 | this.$store.dispatch("user/refreshPage", false); |
| 118 | //添加页面监听事件 | 173 | //添加页面监听事件 |
| 119 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); | 174 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); |
| 120 | window.addEventListener("unload", (e) => this.unloadHandler(e)); | 175 | window.addEventListener("unload", (e) => this.unloadHandler(e)); |
| ... | @@ -126,13 +181,44 @@ | ... | @@ -126,13 +181,44 @@ |
| 126 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | 181 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); |
| 127 | }, | 182 | }, |
| 128 | methods: { | 183 | methods: { |
| 184 | openPrint () { | ||
| 185 | // 获取打印回执数据 | ||
| 186 | var formdata = new FormData(); | ||
| 187 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | ||
| 188 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 189 | formdata.append("djlx", this.currentSelectProps.djlx); | ||
| 190 | BatchInit(formdata).then((res) => { | ||
| 191 | if (res.code === 200 && res.result) { | ||
| 192 | this.Receiptdata = res.result | ||
| 193 | this.shows = true | ||
| 194 | setTimeout(() => { | ||
| 195 | this.prinsss() | ||
| 196 | }, 100) | ||
| 197 | |||
| 198 | } | ||
| 199 | }) | ||
| 200 | }, | ||
| 201 | prinsss () { | ||
| 202 | printJS({ | ||
| 203 | printable: "boxaaa", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 204 | type: "html", | ||
| 205 | maxWidth: 800, // 最大宽度 | ||
| 206 | font_size: "", // 不设置则使用默认字体大小 | ||
| 207 | style: `@font-face { | ||
| 208 | font-family: "STZHONGS"; | ||
| 209 | src: url(${window.ttf}) format("truetype"); | ||
| 210 | }`, | ||
| 211 | // 继承原来的所有样式 | ||
| 212 | targetStyles: ["*"] | ||
| 213 | }); | ||
| 214 | }, | ||
| 129 | /** | 215 | /** |
| 130 | * @description: getCurrentSelectProps | 216 | * @description: getCurrentSelectProps |
| 131 | * @param {*} val | 217 | * @param {*} val |
| 132 | * @author: renchao | 218 | * @author: renchao |
| 133 | */ | 219 | */ |
| 134 | getCurrentSelectProps (val) { | 220 | getCurrentSelectProps (val) { |
| 135 | this.currentSelectProps = val | 221 | this.currentSelectProps = val; |
| 136 | }, | 222 | }, |
| 137 | /** | 223 | /** |
| 138 | * @description: beforeunloadHandler | 224 | * @description: beforeunloadHandler |
| ... | @@ -166,13 +252,13 @@ | ... | @@ -166,13 +252,13 @@ |
| 166 | //获取单元对应的所有表单信息 | 252 | //获取单元对应的所有表单信息 |
| 167 | this.tabList = res.result; | 253 | this.tabList = res.result; |
| 168 | //默认加载第一个表单信息 | 254 | //默认加载第一个表单信息 |
| 169 | let arr = res.result.filter(item => item.defaultForm) | 255 | let arr = res.result.filter((item) => item.defaultForm); |
| 170 | if (arr.length > 0) { | 256 | if (arr.length > 0) { |
| 171 | this.tabName = arr[0].value; | 257 | this.tabName = arr[0].value; |
| 172 | } else { | 258 | } else { |
| 173 | this.tabName = res.result[0].value; | 259 | this.tabName = res.result[0].value; |
| 174 | } | 260 | } |
| 175 | this.ableOperation = this.tabList[0].ableOperation | 261 | this.ableOperation = this.tabList[0].ableOperation; |
| 176 | //批量操作无分屏按钮 | 262 | //批量操作无分屏按钮 |
| 177 | if (index != null) { | 263 | if (index != null) { |
| 178 | //处理分屏材料信息 | 264 | //处理分屏材料信息 |
| ... | @@ -184,26 +270,33 @@ | ... | @@ -184,26 +270,33 @@ |
| 184 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 270 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 185 | that.clxxTab = item; | 271 | that.clxxTab = item; |
| 186 | } | 272 | } |
| 187 | }) | 273 | }); |
| 188 | } | 274 | } |
| 189 | } | 275 | } |
| 190 | }) | 276 | }); |
| 191 | }, | 277 | }, |
| 278 | |||
| 192 | /** | 279 | /** |
| 193 | * @description: openDialog | 280 | * @description: openDialog |
| 194 | * @author: renchao | 281 | * @author: renchao |
| 195 | */ | 282 | */ |
| 196 | openDialog () { | 283 | openDialog () { |
| 197 | this.$store.dispatch('user/refreshPage', false) | 284 | this.$store.dispatch("user/refreshPage", false); |
| 198 | let data = JSON.parse(localStorage.getItem('ywbl')) | 285 | let data = JSON.parse(localStorage.getItem("ywbl")); |
| 199 | let title | 286 | let title; |
| 200 | if (data?.sqywmc) { | 287 | if (data?.sqywmc) { |
| 201 | title = "申请业务:" + data?.sqywmc | 288 | title = "申请业务:" + data?.sqywmc; |
| 202 | } else { | 289 | } else { |
| 203 | title = "申请业务:" + data?.djywmc | 290 | title = "申请业务:" + data?.djywmc; |
| 204 | } | 291 | } |
| 205 | 292 | ||
| 206 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 293 | this.$popupDialog( |
| 294 | title, | ||
| 295 | "ywbl/ywsq/selectBdc", | ||
| 296 | { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data }, | ||
| 297 | "80%", | ||
| 298 | true | ||
| 299 | ); | ||
| 207 | }, | 300 | }, |
| 208 | //选项卡切换事件 | 301 | //选项卡切换事件 |
| 209 | /** | 302 | /** |
| ... | @@ -219,13 +312,18 @@ | ... | @@ -219,13 +312,18 @@ |
| 219 | this.ableOperation = this.tabList[a.index].ableOperation; | 312 | this.ableOperation = this.tabList[a.index].ableOperation; |
| 220 | } | 313 | } |
| 221 | }, | 314 | }, |
| 222 | } | 315 | }, |
| 223 | } | 316 | }; |
| 224 | </script> | 317 | </script> |
| 225 | <style scoped lang="scss"> | 318 | <style scoped lang="scss"> |
| 319 | @page { | ||
| 320 | size: auto; | ||
| 321 | margin: 0mm; | ||
| 322 | } | ||
| 226 | .rightContainer { | 323 | .rightContainer { |
| 227 | position: relative; | 324 | position: relative; |
| 228 | } | 325 | } |
| 326 | |||
| 229 | .count { | 327 | .count { |
| 230 | font-size: 14px; | 328 | font-size: 14px; |
| 231 | position: absolute; | 329 | position: absolute; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 13:35:33 | 4 | * @LastEditTime: 2023-09-13 09:18:13 |
| 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 | }, | 38 | <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> |
| 39 | { | ||
| 40 | prop: "isrequired", | ||
| 41 | label: "是否必选", | ||
| 42 | width: "80", | ||
| 43 | render: (h, scope) => { | ||
| 44 | if (scope.row.isrequired === "1") { | ||
| 45 | return ( | ||
| 46 | <div> | ||
| 47 | <span>必选</span> | ||
| 48 | </div> | ||
| 49 | ); | ||
| 50 | } | ||
| 51 | else { | ||
| 52 | return ( | ||
| 53 | <div> | ||
| 54 | <span>可选</span> | ||
| 55 | </div> | ||
| 56 | ) | ||
| 57 | } | 39 | } |
| 40 | </div> | ||
| 41 | }, | ||
| 42 | render: (h, scope) => { | ||
| 43 | return ( | ||
| 44 | <div> | ||
| 45 | { | ||
| 46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> | ||
| 47 | } | ||
| 48 | </div> | ||
| 49 | ) | ||
| 58 | } | 50 | } |
| 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,57 +62,30 @@ | ... | @@ -71,57 +62,30 @@ |
| 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 }}> | 67 | { |
| 77 | { | 68 | store.getters.dictData['A40'].map(option => { |
| 78 | store.getters.dictData['A40'].map(option => { | 69 | return ( |
| 79 | return ( | 70 | <el-option label={option.dname} value={option.dcode}></el-option> |
| 80 | <el-option label={option.dname} value={option.dcode}></el-option> | 71 | ) |
| 81 | ) | 72 | }) |
| 82 | }) | 73 | } |
| 83 | } | 74 | </el-select> |
| 84 | </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 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 | }, |
| 103 | { | 87 | { |
| 104 | prop: "smzt", | 88 | label: "页数", |
| 105 | label: "扫描状态", | ||
| 106 | width: "80", | ||
| 107 | render: (h, scope) => { | ||
| 108 | if (scope.row.children && scope.row.children.length > 0) { | ||
| 109 | return ( | ||
| 110 | <div> | ||
| 111 | <span>已扫描</span> | ||
| 112 | </div> | ||
| 113 | ); | ||
| 114 | } else { | ||
| 115 | return ( | ||
| 116 | <div> | ||
| 117 | <span>未扫描</span> | ||
| 118 | </div> | ||
| 119 | ); | ||
| 120 | } | ||
| 121 | }, | ||
| 122 | }, | ||
| 123 | { | ||
| 124 | label: "扫描页数", | ||
| 125 | width: "80", | 89 | width: "80", |
| 126 | render: (h, scope) => { | 90 | render: (h, scope) => { |
| 127 | if (scope.row.count && scope.row.count > 0) { | 91 | if (scope.row.count && scope.row.count > 0) { |
| ... | @@ -147,7 +111,7 @@ | ... | @@ -147,7 +111,7 @@ |
| 147 | <div> | 111 | <div> |
| 148 | <el-button | 112 | <el-button |
| 149 | type="text" | 113 | type="text" |
| 150 | disabled={scope.$index == 0 || !this.formData.ableOperation} | 114 | disabled={scope.$index == 0} |
| 151 | onClick={() => { | 115 | onClick={() => { |
| 152 | this.moveUpward(scope.$index, scope.row); | 116 | this.moveUpward(scope.$index, scope.row); |
| 153 | }} | 117 | }} |
| ... | @@ -156,16 +120,13 @@ | ... | @@ -156,16 +120,13 @@ |
| 156 | </el-button> | 120 | </el-button> |
| 157 | <el-button | 121 | <el-button |
| 158 | type="text" | 122 | type="text" |
| 159 | disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} | 123 | disabled={scope.$index + 1 == this.tableData.length} |
| 160 | onClick={() => { | 124 | onClick={() => { |
| 161 | this.moveDown(scope.$index, scope.row); | 125 | this.moveDown(scope.$index, scope.row); |
| 162 | }} | 126 | }} |
| 163 | > | 127 | > |
| 164 | 下移 | 128 | 下移 |
| 165 | </el-button> | 129 | </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 > | 130 | </div > |
| 170 | ) | 131 | ) |
| 171 | } | 132 | } |
| ... | @@ -188,6 +149,15 @@ | ... | @@ -188,6 +149,15 @@ |
| 188 | handleCancel () { | 149 | handleCancel () { |
| 189 | ywPopupCacel() | 150 | ywPopupCacel() |
| 190 | }, | 151 | }, |
| 152 | handleAdd () { | ||
| 153 | this.tableData.push({ | ||
| 154 | clmc: '', | ||
| 155 | cllx: '1', | ||
| 156 | sjsl: '', | ||
| 157 | smzt: '', | ||
| 158 | count: 0 | ||
| 159 | }) | ||
| 160 | }, | ||
| 191 | handleSubmit () { | 161 | handleSubmit () { |
| 192 | this.loading = true | 162 | this.loading = true |
| 193 | updateClml(this.tableData).then(res => { | 163 | updateClml(this.tableData).then(res => { |
| ... | @@ -311,25 +281,6 @@ | ... | @@ -311,25 +281,6 @@ |
| 311 | message: '已取消删除' | 281 | message: '已取消删除' |
| 312 | }) | 282 | }) |
| 313 | }) | 283 | }) |
| 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 | } | 284 | } |
| 334 | } | 285 | } |
| 335 | } | 286 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 14:01:06 | 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> |
| ... | @@ -53,7 +53,7 @@ | ... | @@ -53,7 +53,7 @@ |
| 53 | <script> | 53 | <script> |
| 54 | import PhotoZoom from '@/components/PhotoZoom' | 54 | import PhotoZoom from '@/components/PhotoZoom' |
| 55 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' | 55 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' |
| 56 | import { uploadBatch, deleteFile } from "@/api/company.js" | 56 | import { uploadBatch, deleteFile, move } from "@/api/company.js" |
| 57 | import publicPicture from '@/components/publicPicture/index.vue' | 57 | import publicPicture from '@/components/publicPicture/index.vue' |
| 58 | export default { | 58 | export default { |
| 59 | name: 'PreviewImage', | 59 | name: 'PreviewImage', |
| ... | @@ -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,20 +126,41 @@ | ... | @@ -125,20 +126,41 @@ |
| 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 | // 左右移动 | 142 | /** |
| 143 | * @description: 左右移动 | ||
| 144 | * @param {*} direction | ||
| 145 | * @author: renchao | ||
| 146 | */ | ||
| 140 | handleMove (direction) { | 147 | handleMove (direction) { |
| 141 | 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 | } | ||
| 155 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | ||
| 156 | this.$message({ | ||
| 157 | message: '移动成功!', | ||
| 158 | type: 'success' | ||
| 159 | }) | ||
| 160 | } else { | ||
| 161 | this.$message.error(res.message); | ||
| 162 | } | ||
| 163 | }) | ||
| 142 | }, | 164 | }, |
| 143 | /** | 165 | /** |
| 144 | * @description: 拍照 | 166 | * @description: 拍照 |
| ... | @@ -270,7 +292,7 @@ | ... | @@ -270,7 +292,7 @@ |
| 270 | } | 292 | } |
| 271 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); | 293 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); |
| 272 | if (this.previewImg.imgList.length > 0) { | 294 | if (this.previewImg.imgList.length > 0) { |
| 273 | formData.append("index", this.previewImg.index + 1); | 295 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); |
| 274 | } | 296 | } |
| 275 | uploadBatch(formData).then((res) => { | 297 | uploadBatch(formData).then((res) => { |
| 276 | if (res.code == 200) { | 298 | if (res.code == 200) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-28 09:56:03 | 4 | * @LastEditTime: 2023-09-12 13:39:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -349,7 +349,7 @@ | ... | @@ -349,7 +349,7 @@ |
| 349 | </script> | 349 | </script> |
| 350 | <style scoped lang="scss"> | 350 | <style scoped lang="scss"> |
| 351 | @import "~@/styles/public.scss"; | 351 | @import "~@/styles/public.scss"; |
| 352 | /deep/ .back{ | 352 | /deep/ .back { |
| 353 | display: inline-block; | 353 | display: inline-block; |
| 354 | font-size: 14px; | 354 | font-size: 14px; |
| 355 | width: 20px; | 355 | width: 20px; |
| ... | @@ -358,7 +358,7 @@ | ... | @@ -358,7 +358,7 @@ |
| 358 | line-height: 20px; | 358 | line-height: 20px; |
| 359 | margin-right: 4px; | 359 | margin-right: 4px; |
| 360 | text-align: center; | 360 | text-align: center; |
| 361 | background-color: rgba(171,12,12,0.1); | 361 | background-color: rgba(171, 12, 12, 0.1); |
| 362 | color: #B44747; | 362 | color: #b44747; |
| 363 | } | 363 | } |
| 364 | </style> | 364 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:25:12 | 4 | * @LastEditTime: 2023-09-12 09:59:18 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <el-form | 9 | <el-form |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | class="loadingtext" | 12 | v-Loading="loading" |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| ... | @@ -365,29 +365,33 @@ | ... | @@ -365,29 +365,33 @@ |
| 365 | import { mapGetters } from "vuex"; | 365 | import { mapGetters } from "vuex"; |
| 366 | export default { | 366 | export default { |
| 367 | mounted () { | 367 | mounted () { |
| 368 | this.loading = true | ||
| 368 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 369 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 369 | this.propsParam = this.$attrs; | 370 | this.propsParam = this.$attrs; |
| 370 | var formdata = new FormData(); | 371 | var formdata = new FormData(); |
| 371 | if (this.propsParam.djlx == "400") { | 372 | if (this.propsParam.djlx == "400") { |
| 372 | this.isJfOperation = true; | 373 | this.isJfOperation = true; |
| 373 | } | 374 | } |
| 374 | this.$startLoading(); | ||
| 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 377 | formdata.append("djlx", this.propsParam.djlx); | 377 | formdata.append("djlx", this.propsParam.djlx); |
| 378 | formdata.append("isEdit", this.viewEdit); | 378 | formdata.append("isEdit", this.viewEdit); |
| 379 | Init(formdata).then((res) => { | 379 | Init(formdata).then((res) => { |
| 380 | setTimeout(() => { | ||
| 381 | this.loading = false | ||
| 382 | }, 200) | ||
| 380 | if (res.code === 200 && res.result) { | 383 | if (res.code === 200 && res.result) { |
| 381 | this.ruleForm = res.result; | 384 | this.ruleForm = res.result; |
| 382 | this.czrOptions = this.ruleForm.qlrList; | 385 | this.czrOptions = this.ruleForm.qlrList; |
| 383 | } | 386 | } |
| 384 | this.ruleForm.qlrList.forEach((item) => { | 387 | this.ruleForm.qlrList.forEach((item) => { |
| 385 | if (item.sfczr == 1) { | 388 | if (item.sfczr == 1) { |
| 386 | this.czr = item.sqrmc; | 389 | this.czr = item.zjh |
| 387 | } | 390 | } |
| 388 | }); | 391 | }); |
| 389 | this.$endLoading(); | 392 | }).catch(() => { |
| 390 | }); | 393 | this.loading = false |
| 394 | }) | ||
| 391 | }, | 395 | }, |
| 392 | components: { qlrCommonTable }, | 396 | components: { qlrCommonTable }, |
| 393 | computed: { | 397 | computed: { |
| ... | @@ -395,6 +399,7 @@ | ... | @@ -395,6 +399,7 @@ |
| 395 | }, | 399 | }, |
| 396 | data () { | 400 | data () { |
| 397 | return { | 401 | return { |
| 402 | loading: false, | ||
| 398 | //表单是否可操作 | 403 | //表单是否可操作 |
| 399 | viewEdit: true, | 404 | viewEdit: true, |
| 400 | disabled: true, | 405 | disabled: true, |
| ... | @@ -499,8 +504,17 @@ | ... | @@ -499,8 +504,17 @@ |
| 499 | this.ruleForm.qlrList = _.cloneDeep(val); | 504 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 500 | this.czrOptions = this.ruleForm.qlrList; | 505 | this.czrOptions = this.ruleForm.qlrList; |
| 501 | } | 506 | } |
| 507 | this.num = 0 | ||
| 508 | this.ruleForm.qlrList.forEach(item => { | ||
| 509 | if (item.zjh == this.czr) { | ||
| 510 | this.num++ | ||
| 511 | } | ||
| 512 | }) | ||
| 513 | if (this.num == 0) { | ||
| 514 | this.czr = '' | ||
| 515 | } | ||
| 516 | |||
| 502 | }, | 517 | }, |
| 503 | // 是否持证人变化 | ||
| 504 | /** | 518 | /** |
| 505 | * @description: 是否持证人变化 | 519 | * @description: 是否持证人变化 |
| 506 | * @author: renchao | 520 | * @author: renchao | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-09-05 15:48:55 | 4 | * @LastEditTime: 2023-09-12 09:55:25 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -271,6 +271,9 @@ | ... | @@ -271,6 +271,9 @@ |
| 271 | formdata.append("djlx", this.propsParam.djlx); | 271 | formdata.append("djlx", this.propsParam.djlx); |
| 272 | formdata.append("isEdit", this.viewEdit); | 272 | formdata.append("isEdit", this.viewEdit); |
| 273 | Init(formdata).then((res) => { | 273 | Init(formdata).then((res) => { |
| 274 | setTimeout(() => { | ||
| 275 | this.loading = false | ||
| 276 | }, 200) | ||
| 274 | if (res.code === 200 && res.result) { | 277 | if (res.code === 200 && res.result) { |
| 275 | this.ruleForm = { | 278 | this.ruleForm = { |
| 276 | ...res.result, | 279 | ...res.result, |
| ... | @@ -278,19 +281,12 @@ | ... | @@ -278,19 +281,12 @@ |
| 278 | }; | 281 | }; |
| 279 | this.ruleForm.qlrList.forEach((item) => { | 282 | this.ruleForm.qlrList.forEach((item) => { |
| 280 | if (item.sfczr == 1) { | 283 | if (item.sfczr == 1) { |
| 281 | this.czr = item.sqrmc; | 284 | this.czr = item.zjh |
| 282 | } | 285 | } |
| 283 | }); | 286 | }); |
| 284 | setTimeout(() => { | ||
| 285 | this.loading = false | ||
| 286 | }, 200) | ||
| 287 | //初始化发证方式,1:小证,2:大正 | ||
| 288 | this.ruleForm.slsq.fzfs == null | ||
| 289 | ? (this.ruleForm.slsq.fzfs = "1") | ||
| 290 | : this.ruleForm.slsq.fzfs; | ||
| 291 | this.czrOptions = this.ruleForm.qlrList; | 287 | this.czrOptions = this.ruleForm.qlrList; |
| 292 | } | 288 | } |
| 293 | }); | 289 | }) |
| 294 | }, | 290 | }, |
| 295 | components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable }, | 291 | components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable }, |
| 296 | computed: { | 292 | computed: { |
| ... | @@ -353,9 +349,19 @@ | ... | @@ -353,9 +349,19 @@ |
| 353 | * @author: renchao | 349 | * @author: renchao |
| 354 | */ | 350 | */ |
| 355 | upDateQlrxxList (val) { | 351 | upDateQlrxxList (val) { |
| 356 | this.ruleForm.qlrList = _.cloneDeep(val); | 352 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
| 357 | this.czrOptions = this.ruleForm.qlrList; | 353 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 358 | this.key++; | 354 | this.czrOptions = this.ruleForm.qlrList; |
| 355 | } | ||
| 356 | this.num = 0 | ||
| 357 | this.ruleForm.qlrList.forEach(item => { | ||
| 358 | if (item.zjh == this.czr) { | ||
| 359 | this.num++ | ||
| 360 | } | ||
| 361 | }) | ||
| 362 | if (this.num == 0) { | ||
| 363 | this.czr = '' | ||
| 364 | } | ||
| 359 | }, | 365 | }, |
| 360 | /** | 366 | /** |
| 361 | * @description: 是否持证人变化 | 367 | * @description: 是否持证人变化 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-05 15:53:51 | 4 | * @LastEditTime: 2023-09-12 10:04:14 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
| 9 | :model="ruleForm" | 9 | :model="ruleForm" |
| 10 | :rules="rules" | 10 | :rules="rules" |
| 11 | ref="ruleForm" | 11 | ref="ruleForm" |
| 12 | v-Loading="loading" | ||
| 12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 14 | :inline="flag" |
| 14 | label-width="120px"> | 15 | label-width="120px"> |
| ... | @@ -417,6 +418,7 @@ | ... | @@ -417,6 +418,7 @@ |
| 417 | export default { | 418 | export default { |
| 418 | mixins: [ywmix], | 419 | mixins: [ywmix], |
| 419 | mounted () { | 420 | mounted () { |
| 421 | this.loading = true | ||
| 420 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 422 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 421 | this.propsParam = this.$attrs; | 423 | this.propsParam = this.$attrs; |
| 422 | var formdata = new FormData(); | 424 | var formdata = new FormData(); |
| ... | @@ -424,6 +426,9 @@ | ... | @@ -424,6 +426,9 @@ |
| 424 | formdata.append("djlx", this.propsParam.djlx); | 426 | formdata.append("djlx", this.propsParam.djlx); |
| 425 | formdata.append("isEdit", this.viewEdit); | 427 | formdata.append("isEdit", this.viewEdit); |
| 426 | Init(formdata).then((res) => { | 428 | Init(formdata).then((res) => { |
| 429 | setTimeout(() => { | ||
| 430 | this.loading = false | ||
| 431 | }, 200) | ||
| 427 | if (res.code === 200 && res.result) { | 432 | if (res.code === 200 && res.result) { |
| 428 | this.ruleForm = { | 433 | this.ruleForm = { |
| 429 | ...res.result, | 434 | ...res.result, |
| ... | @@ -431,16 +436,14 @@ | ... | @@ -431,16 +436,14 @@ |
| 431 | }; | 436 | }; |
| 432 | this.ruleForm.qlrList.forEach((item) => { | 437 | this.ruleForm.qlrList.forEach((item) => { |
| 433 | if (item.sfczr == 1) { | 438 | if (item.sfczr == 1) { |
| 434 | this.czr = item.sqrmc; | 439 | this.czr = item.zjh |
| 435 | } | 440 | } |
| 436 | }); | 441 | }); |
| 437 | //初始化发证方式,1:小证,2:大正 | ||
| 438 | this.ruleForm.slsq.fzfs == null | ||
| 439 | ? (this.ruleForm.slsq.fzfs = "1") | ||
| 440 | : this.ruleForm.slsq.fzfs; | ||
| 441 | this.czrOptions = this.ruleForm.qlrList; | 442 | this.czrOptions = this.ruleForm.qlrList; |
| 442 | } | 443 | } |
| 443 | }); | 444 | }).catch(() => { |
| 445 | this.loading = false | ||
| 446 | }) | ||
| 444 | }, | 447 | }, |
| 445 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, | 448 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, |
| 446 | computed: { | 449 | computed: { |
| ... | @@ -448,6 +451,7 @@ | ... | @@ -448,6 +451,7 @@ |
| 448 | }, | 451 | }, |
| 449 | data () { | 452 | data () { |
| 450 | return { | 453 | return { |
| 454 | loading: false, | ||
| 451 | mjdw: "1", | 455 | mjdw: "1", |
| 452 | // 键名转换,方法默认是label和children进行树状渲染 | 456 | // 键名转换,方法默认是label和children进行树状渲染 |
| 453 | normalizer (node) { | 457 | normalizer (node) { |
| ... | @@ -507,6 +511,15 @@ | ... | @@ -507,6 +511,15 @@ |
| 507 | upDateQlrxxList (val) { | 511 | upDateQlrxxList (val) { |
| 508 | this.ruleForm.qlrList = _.cloneDeep(val); | 512 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 509 | this.czrOptions = this.ruleForm.qlrList; | 513 | this.czrOptions = this.ruleForm.qlrList; |
| 514 | this.num = 0 | ||
| 515 | this.ruleForm.qlrList.forEach(item => { | ||
| 516 | if (item.zjh == this.czr) { | ||
| 517 | this.num++ | ||
| 518 | } | ||
| 519 | }) | ||
| 520 | if (this.num == 0) { | ||
| 521 | this.czr = '' | ||
| 522 | } | ||
| 510 | }, | 523 | }, |
| 511 | // 是否持证人变化 | 524 | // 是否持证人变化 |
| 512 | /** | 525 | /** |
| ... | @@ -593,6 +606,7 @@ | ... | @@ -593,6 +606,7 @@ |
| 593 | }); | 606 | }); |
| 594 | } | 607 | } |
| 595 | } | 608 | } |
| 609 | this.$store.dispatch("user/refreshPage", false); | ||
| 596 | saveData(this.ruleForm).then((res) => { | 610 | saveData(this.ruleForm).then((res) => { |
| 597 | if (res.code === 200) { | 611 | if (res.code === 200) { |
| 598 | this.$message({ | 612 | this.$message({ |
| ... | @@ -606,10 +620,10 @@ | ... | @@ -606,10 +620,10 @@ |
| 606 | showClose: true, | 620 | showClose: true, |
| 607 | message: res.message, | 621 | message: res.message, |
| 608 | type: "error", | 622 | type: "error", |
| 609 | }); | 623 | }) |
| 610 | } | 624 | } |
| 611 | }); | 625 | }) |
| 612 | }, | 626 | } |
| 613 | }, | 627 | }, |
| 614 | }; | 628 | }; |
| 615 | </script> | 629 | </script> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-17 13:46:51 | 4 | * @LastEditTime: 2023-09-12 09:56:07 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| 8 | <el-form | 8 | <el-form |
| 9 | :model="ruleForm" | 9 | :model="ruleForm" |
| 10 | :rules="rules" | 10 | :rules="rules" |
| 11 | v-Loading="loading" | ||
| 11 | ref="ruleForm" | 12 | ref="ruleForm" |
| 12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
| 13 | :inline="flag" | 14 | :inline="flag" |
| 14 | label-width="120px" | 15 | label-width="120px"> |
| 15 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
| 18 | 申请业务信息 | 18 | 申请业务信息 |
| ... | @@ -54,8 +54,7 @@ | ... | @@ -54,8 +54,7 @@ |
| 54 | </el-row> | 54 | </el-row> |
| 55 | <div | 55 | <div |
| 56 | class="slxx_title title-block flex" | 56 | class="slxx_title title-block flex" |
| 57 | style="justify-content: space-between" | 57 | style="justify-content: space-between"> |
| 58 | > | ||
| 59 | 不动产单元情况 | 58 | 不动产单元情况 |
| 60 | <el-button @click="compare">变化情况对比+</el-button> | 59 | <el-button @click="compare">变化情况对比+</el-button> |
| 61 | </div> | 60 | </div> |
| ... | @@ -116,8 +115,7 @@ | ... | @@ -116,8 +115,7 @@ |
| 116 | <el-input | 115 | <el-input |
| 117 | disabled | 116 | disabled |
| 118 | v-model.number="ruleForm.fdcq2.zcs" | 117 | v-model.number="ruleForm.fdcq2.zcs" |
| 119 | oninput="value=value.replace(/[^0-9]/g,'')" | 118 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
| 120 | ></el-input> | ||
| 121 | </el-form-item> | 119 | </el-form-item> |
| 122 | </el-col> | 120 | </el-col> |
| 123 | <el-col :span="8"> | 121 | <el-col :span="8"> |
| ... | @@ -133,15 +131,13 @@ | ... | @@ -133,15 +131,13 @@ |
| 133 | <el-input | 131 | <el-input |
| 134 | disabled | 132 | disabled |
| 135 | v-model="ruleForm.qlxx.mj" | 133 | v-model="ruleForm.qlxx.mj" |
| 136 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 134 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 137 | ></el-input> | ||
| 138 | <el-select disabled v-model="mjdw" style="width: 68px"> | 135 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 139 | <el-option | 136 | <el-option |
| 140 | v-for="item in dictData['A7']" | 137 | v-for="item in dictData['A7']" |
| 141 | :key="item.dcode" | 138 | :key="item.dcode" |
| 142 | :label="item.dname" | 139 | :label="item.dname" |
| 143 | :value="item.dcode" | 140 | :value="item.dcode"> |
| 144 | > | ||
| 145 | </el-option> | 141 | </el-option> |
| 146 | </el-select> | 142 | </el-select> |
| 147 | </div> | 143 | </div> |
| ... | @@ -153,15 +149,13 @@ | ... | @@ -153,15 +149,13 @@ |
| 153 | <el-input | 149 | <el-input |
| 154 | disabled | 150 | disabled |
| 155 | v-model="ruleForm.fdcq2.zyjzmj" | 151 | v-model="ruleForm.fdcq2.zyjzmj" |
| 156 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 152 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 157 | ></el-input> | ||
| 158 | <el-select disabled v-model="mjdw" style="width: 68px"> | 153 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 159 | <el-option | 154 | <el-option |
| 160 | v-for="item in dictData['A7']" | 155 | v-for="item in dictData['A7']" |
| 161 | :key="item.dcode" | 156 | :key="item.dcode" |
| 162 | :label="item.dname" | 157 | :label="item.dname" |
| 163 | :value="item.dcode" | 158 | :value="item.dcode"> |
| 164 | > | ||
| 165 | </el-option> | 159 | </el-option> |
| 166 | </el-select> | 160 | </el-select> |
| 167 | </div> | 161 | </div> |
| ... | @@ -173,15 +167,13 @@ | ... | @@ -173,15 +167,13 @@ |
| 173 | <el-input | 167 | <el-input |
| 174 | disabled | 168 | disabled |
| 175 | v-model="ruleForm.fdcq2.ftjzmj" | 169 | v-model="ruleForm.fdcq2.ftjzmj" |
| 176 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 170 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 177 | ></el-input> | ||
| 178 | <el-select disabled v-model="mjdw" style="width: 68px"> | 171 | <el-select disabled v-model="mjdw" style="width: 68px"> |
| 179 | <el-option | 172 | <el-option |
| 180 | v-for="item in dictData['A7']" | 173 | v-for="item in dictData['A7']" |
| 181 | :key="item.dcode" | 174 | :key="item.dcode" |
| 182 | :label="item.dname" | 175 | :label="item.dname" |
| 183 | :value="item.dcode" | 176 | :value="item.dcode"> |
| 184 | > | ||
| 185 | </el-option> | 177 | </el-option> |
| 186 | </el-select> | 178 | </el-select> |
| 187 | </div> | 179 | </div> |
| ... | @@ -195,8 +187,7 @@ | ... | @@ -195,8 +187,7 @@ |
| 195 | <tdytTable | 187 | <tdytTable |
| 196 | :ableOperation="viewEdit" | 188 | :ableOperation="viewEdit" |
| 197 | :tableData="ruleForm.tdytqxList" | 189 | :tableData="ruleForm.tdytqxList" |
| 198 | @upDateTdytxxList="upDateTdytxxList" | 190 | @upDateTdytxxList="upDateTdytxxList" /> |
| 199 | /> | ||
| 200 | <div class="slxx_title title-block"> | 191 | <div class="slxx_title title-block"> |
| 201 | 权利人信息 | 192 | 权利人信息 |
| 202 | <div class="triangle"></div> | 193 | <div class="triangle"></div> |
| ... | @@ -206,8 +197,7 @@ | ... | @@ -206,8 +197,7 @@ |
| 206 | <el-form-item label="共有方式:"> | 197 | <el-form-item label="共有方式:"> |
| 207 | <el-radio-group | 198 | <el-radio-group |
| 208 | :disabled="!viewEdit" | 199 | :disabled="!viewEdit" |
| 209 | v-model="ruleForm.sldy.gyfs" | 200 | v-model="ruleForm.sldy.gyfs"> |
| 210 | > | ||
| 211 | <el-radio label="0">单独所有</el-radio> | 201 | <el-radio label="0">单独所有</el-radio> |
| 212 | <el-radio label="1">共同共有</el-radio> | 202 | <el-radio label="1">共同共有</el-radio> |
| 213 | <el-radio label="2">按份所有</el-radio> | 203 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -220,8 +210,7 @@ | ... | @@ -220,8 +210,7 @@ |
| 220 | <el-radio-group | 210 | <el-radio-group |
| 221 | v-model="ruleForm.sldy.sqfbcz" | 211 | v-model="ruleForm.sldy.sqfbcz" |
| 222 | :disabled="!viewEdit" | 212 | :disabled="!viewEdit" |
| 223 | @input="updaterow()" | 213 | @input="updaterow()"> |
| 224 | > | ||
| 225 | <el-radio :label="1">是</el-radio> | 214 | <el-radio :label="1">是</el-radio> |
| 226 | <el-radio :label="0">否</el-radio> | 215 | <el-radio :label="0">否</el-radio> |
| 227 | </el-radio-group> | 216 | </el-radio-group> |
| ... | @@ -229,20 +218,17 @@ | ... | @@ -229,20 +218,17 @@ |
| 229 | </el-col> | 218 | </el-col> |
| 230 | <el-col | 219 | <el-col |
| 231 | :span="6" | 220 | :span="6" |
| 232 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 221 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 233 | > | ||
| 234 | <el-form-item label="持证人:"> | 222 | <el-form-item label="持证人:"> |
| 235 | <el-select | 223 | <el-select |
| 236 | v-model="czr" | 224 | v-model="czr" |
| 237 | placeholder="持证人" | 225 | placeholder="持证人" |
| 238 | :disabled="!viewEdit" | 226 | :disabled="!viewEdit"> |
| 239 | > | ||
| 240 | <el-option | 227 | <el-option |
| 241 | v-for="item in czrOptions" | 228 | v-for="item in czrOptions" |
| 242 | :key="item.zjh" | 229 | :key="item.zjh" |
| 243 | :label="item.sqrmc" | 230 | :label="item.sqrmc" |
| 244 | :value="item.zjh" | 231 | :value="item.zjh"> |
| 245 | > | ||
| 246 | </el-option> | 232 | </el-option> |
| 247 | </el-select> | 233 | </el-select> |
| 248 | </el-form-item> | 234 | </el-form-item> |
| ... | @@ -252,8 +238,7 @@ | ... | @@ -252,8 +238,7 @@ |
| 252 | @upDateQlrxxList="upDateQlrxxList" | 238 | @upDateQlrxxList="upDateQlrxxList" |
| 253 | :disabled="!viewEdit" | 239 | :disabled="!viewEdit" |
| 254 | :tableData="ruleForm.qlrList" | 240 | :tableData="ruleForm.qlrList" |
| 255 | :gyfs="ruleForm.sldy.gyfs" | 241 | :gyfs="ruleForm.sldy.gyfs" /> |
| 256 | /> | ||
| 257 | <div class="slxx_title title-block"> | 242 | <div class="slxx_title title-block"> |
| 258 | 登记原因 | 243 | 登记原因 |
| 259 | <div class="triangle"></div> | 244 | <div class="triangle"></div> |
| ... | @@ -267,8 +252,7 @@ | ... | @@ -267,8 +252,7 @@ |
| 267 | maxlength="500" | 252 | maxlength="500" |
| 268 | show-word-limit | 253 | show-word-limit |
| 269 | :disabled="!viewEdit" | 254 | :disabled="!viewEdit" |
| 270 | v-model="ruleForm.fdcq2.djyy" | 255 | v-model="ruleForm.fdcq2.djyy"> |
| 271 | > | ||
| 272 | </el-input> | 256 | </el-input> |
| 273 | </el-form-item> | 257 | </el-form-item> |
| 274 | </el-col> | 258 | </el-col> |
| ... | @@ -283,335 +267,338 @@ | ... | @@ -283,335 +267,338 @@ |
| 283 | </div> | 267 | </div> |
| 284 | </template> | 268 | </template> |
| 285 | <script> | 269 | <script> |
| 286 | import ywmix from "@/views/ywbl/mixin/index"; | 270 | import ywmix from "@/views/ywbl/mixin/index"; |
| 287 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 271 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 288 | import tdytTable from "@/views/workflow/components/tdytTable"; | 272 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 289 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; | 273 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 290 | import { mapGetters } from "vuex"; | 274 | import { mapGetters } from "vuex"; |
| 291 | export default { | 275 | export default { |
| 292 | mixins: [ywmix], | 276 | mixins: [ywmix], |
| 293 | mounted() { | 277 | mounted () { |
| 294 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 278 | this.loading = true |
| 295 | this.propsParam = this.$attrs; | 279 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 296 | var formdata = new FormData(); | 280 | this.propsParam = this.$attrs; |
| 297 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 281 | var formdata = new FormData(); |
| 298 | formdata.append("djlx", this.propsParam.djlx); | 282 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 299 | formdata.append("isEdit", this.viewEdit); | 283 | formdata.append("djlx", this.propsParam.djlx); |
| 300 | Init(formdata).then((res) => { | 284 | formdata.append("isEdit", this.viewEdit); |
| 301 | if (res.code === 200 && res.result) { | 285 | Init(formdata).then((res) => { |
| 302 | this.ruleForm = { | 286 | setTimeout(() => { |
| 303 | ...res.result, | 287 | this.loading = false |
| 304 | ...res.result.zdjbxxdatas, | 288 | }, 200) |
| 305 | ...res.result.qlxxdatas, | 289 | if (res.code === 200 && res.result) { |
| 306 | ...res.result.jsydsyqdatas, | 290 | this.ruleForm = { |
| 307 | }; | 291 | ...res.result, |
| 308 | this.ruleForm.qlrList.forEach((item) => { | 292 | ...res.result.zdjbxxdatas, |
| 309 | if (item.sfczr == 1) { | 293 | ...res.result.qlxxdatas, |
| 310 | this.czr = item.sqrmc; | 294 | ...res.result.jsydsyqdatas, |
| 311 | } | 295 | }; |
| 312 | }); | 296 | this.ruleForm.qlrList.forEach((item) => { |
| 313 | //初始化发证方式,1:小证,2:大正 | 297 | if (item.sfczr == 1) { |
| 314 | this.ruleForm.slsq.fzfs == null | 298 | this.czr = item.zjh |
| 315 | ? (this.ruleForm.slsq.fzfs = "1") | 299 | } |
| 316 | : this.ruleForm.slsq.fzfs; | 300 | }); |
| 317 | this.czrOptions = this.ruleForm.qlrList; | 301 | this.czrOptions = this.ruleForm.qlrList; |
| 318 | } | ||
| 319 | }); | ||
| 320 | }, | ||
| 321 | components: { qlrCommonTable, tdytTable }, | ||
| 322 | computed: { | ||
| 323 | ...mapGetters(["dictData", "flag"]), | ||
| 324 | }, | ||
| 325 | data() { | ||
| 326 | return { | ||
| 327 | mjdw: "1", | ||
| 328 | //表单是否可操作 | ||
| 329 | viewEdit: false, | ||
| 330 | disabled: true, | ||
| 331 | tdytOption: [], | ||
| 332 | czrOptions: [], | ||
| 333 | czr: "", | ||
| 334 | ruleForm: { | ||
| 335 | flow: { | ||
| 336 | ywh: "", | ||
| 337 | }, | ||
| 338 | slry: "", | ||
| 339 | slsj: "", | ||
| 340 | qllx: "", | ||
| 341 | djlx: "", | ||
| 342 | djqx: "", | ||
| 343 | sldy: { | ||
| 344 | gyfs: "", | ||
| 345 | }, | ||
| 346 | // 宗地代码 | ||
| 347 | zddm: "", | ||
| 348 | bdcdyh: "", | ||
| 349 | qlxzmc: "", | ||
| 350 | qlrxx: [], | ||
| 351 | // 自然幢号 | ||
| 352 | zrzh: "", | ||
| 353 | // 户不动产单元号 | ||
| 354 | hbdcdyh: "", | ||
| 355 | djzt: "", | ||
| 356 | // 图幅丘幢号 | ||
| 357 | tfqzh: "", | ||
| 358 | zl: "", | ||
| 359 | // 房屋用途 | ||
| 360 | fwyt: "", | ||
| 361 | fwxz: "", | ||
| 362 | fwjg: "", | ||
| 363 | // 权利人信息 | ||
| 364 | // 是否分别持证 | ||
| 365 | sffbcz: "", | ||
| 366 | // 持证人 | ||
| 367 | czr: "", | ||
| 368 | djyy: "", | ||
| 369 | // 规划用途名称 | ||
| 370 | zdjbxx: { | ||
| 371 | ghytmc: "", | ||
| 372 | }, | ||
| 373 | fdcq2: { | ||
| 374 | fwxzmc: "", | ||
| 375 | }, | ||
| 376 | slsq: { | ||
| 377 | gyfs: "", | ||
| 378 | }, | ||
| 379 | }, | ||
| 380 | //传递参数 | ||
| 381 | propsParam: {}, | ||
| 382 | rules: {}, | ||
| 383 | }; | ||
| 384 | }, | ||
| 385 | methods: { | ||
| 386 | /** | ||
| 387 | * @description: dataSelectClick | ||
| 388 | * @author: renchao | ||
| 389 | */ | ||
| 390 | dataSelectClick() { | ||
| 391 | this.$popup( | ||
| 392 | "房屋所有权", | ||
| 393 | this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", | ||
| 394 | { | ||
| 395 | formData: { | ||
| 396 | bsmSldy: this.propsParam.bsmSldy, | ||
| 397 | qllx: this.propsParam.qllx, | ||
| 398 | }, | ||
| 399 | } | 302 | } |
| 400 | ); | 303 | }).catch(() => { |
| 401 | }, | 304 | this.loading = false |
| 402 | /** | 305 | }) |
| 403 | * @description: 更新土地用途信息 | ||
| 404 | * @param {*} val | ||
| 405 | * @author: renchao | ||
| 406 | */ | ||
| 407 | upDateTdytxxList(val) { | ||
| 408 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 409 | this.key++; | ||
| 410 | }, | 306 | }, |
| 411 | // 是否持证人变化 | 307 | components: { qlrCommonTable, tdytTable }, |
| 412 | /** | 308 | computed: { |
| 413 | * @description: 是否持证人变化 | 309 | ...mapGetters(["dictData", "flag"]), |
| 414 | * @param {*} val | ||
| 415 | * @author: renchao | ||
| 416 | */ | ||
| 417 | updaterow() { | ||
| 418 | this.czr = ""; | ||
| 419 | }, | 310 | }, |
| 420 | /** | 311 | data () { |
| 421 | * @description: 更新权利人信息 | 312 | return { |
| 422 | * @param {*} val | 313 | loading: false, |
| 423 | * @author: renchao | 314 | mjdw: "1", |
| 424 | */ | 315 | //表单是否可操作 |
| 425 | upDateQlrxxList(val) { | 316 | viewEdit: false, |
| 426 | this.ruleForm.qlrList = _.cloneDeep(val); | 317 | disabled: true, |
| 427 | this.czrOptions = this.ruleForm.qlrList; | 318 | tdytOption: [], |
| 428 | this.key++; | 319 | czrOptions: [], |
| 429 | }, | 320 | czr: "", |
| 430 | // 更新权利人信息 | 321 | ruleForm: { |
| 431 | /** | 322 | flow: { |
| 432 | * @description: 更新权利人信息 | 323 | ywh: "", |
| 433 | * @param {*} val | 324 | }, |
| 434 | * @author: renchao | 325 | slry: "", |
| 435 | */ | 326 | slsj: "", |
| 436 | upDateYwrxxList(val) { | 327 | qllx: "", |
| 437 | this.ruleForm.ywrList = _.cloneDeep(val); | 328 | djlx: "", |
| 329 | djqx: "", | ||
| 330 | sldy: { | ||
| 331 | gyfs: "", | ||
| 332 | }, | ||
| 333 | // 宗地代码 | ||
| 334 | zddm: "", | ||
| 335 | bdcdyh: "", | ||
| 336 | qlxzmc: "", | ||
| 337 | qlrxx: [], | ||
| 338 | // 自然幢号 | ||
| 339 | zrzh: "", | ||
| 340 | // 户不动产单元号 | ||
| 341 | hbdcdyh: "", | ||
| 342 | djzt: "", | ||
| 343 | // 图幅丘幢号 | ||
| 344 | tfqzh: "", | ||
| 345 | zl: "", | ||
| 346 | // 房屋用途 | ||
| 347 | fwyt: "", | ||
| 348 | fwxz: "", | ||
| 349 | fwjg: "", | ||
| 350 | // 权利人信息 | ||
| 351 | // 是否分别持证 | ||
| 352 | sffbcz: "", | ||
| 353 | // 持证人 | ||
| 354 | czr: "", | ||
| 355 | djyy: "", | ||
| 356 | // 规划用途名称 | ||
| 357 | zdjbxx: { | ||
| 358 | ghytmc: "", | ||
| 359 | }, | ||
| 360 | fdcq2: { | ||
| 361 | fwxzmc: "", | ||
| 362 | }, | ||
| 363 | slsq: { | ||
| 364 | gyfs: "", | ||
| 365 | }, | ||
| 366 | }, | ||
| 367 | //传递参数 | ||
| 368 | propsParam: {}, | ||
| 369 | rules: {}, | ||
| 370 | }; | ||
| 438 | }, | 371 | }, |
| 439 | /** | 372 | methods: { |
| 440 | * @description: onSubmit | 373 | /** |
| 441 | * @author: renchao | 374 | * @description: dataSelectClick |
| 442 | */ | 375 | * @author: renchao |
| 443 | onSubmit() { | 376 | */ |
| 444 | let that = this; | 377 | dataSelectClick () { |
| 445 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 378 | this.$popup( |
| 446 | if (arr.length > 0) { | 379 | "房屋所有权", |
| 447 | this.$message({ | 380 | this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", |
| 448 | showClose: true, | 381 | { |
| 449 | message: "土地用途不能为空", | 382 | formData: { |
| 450 | type: "error", | 383 | bsmSldy: this.propsParam.bsmSldy, |
| 451 | }); | 384 | qllx: this.propsParam.qllx, |
| 452 | return false; | 385 | }, |
| 453 | } | 386 | } |
| 454 | if (this.ruleForm.qlrList.length == 0) { | 387 | ); |
| 455 | this.$message({ | 388 | }, |
| 456 | showClose: true, | 389 | /** |
| 457 | message: "请确认权利人信息", | 390 | * @description: 更新土地用途信息 |
| 458 | type: "error", | 391 | * @param {*} val |
| 459 | }); | 392 | * @author: renchao |
| 460 | return false; | 393 | */ |
| 461 | } | 394 | upDateTdytxxList (val) { |
| 462 | 395 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | |
| 463 | if (this.ruleForm.sldy.gyfs == "0") { | 396 | this.key++; |
| 464 | if (this.ruleForm.qlrList.length > 1) { | 397 | }, |
| 398 | // 是否持证人变化 | ||
| 399 | /** | ||
| 400 | * @description: 是否持证人变化 | ||
| 401 | * @param {*} val | ||
| 402 | * @author: renchao | ||
| 403 | */ | ||
| 404 | updaterow () { | ||
| 405 | this.czr = ""; | ||
| 406 | }, | ||
| 407 | /** | ||
| 408 | * @description: 更新权利人信息 | ||
| 409 | * @param {*} val | ||
| 410 | * @author: renchao | ||
| 411 | */ | ||
| 412 | upDateQlrxxList (val) { | ||
| 413 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 414 | this.czrOptions = this.ruleForm.qlrList; | ||
| 415 | this.key++; | ||
| 416 | }, | ||
| 417 | // 更新权利人信息 | ||
| 418 | /** | ||
| 419 | * @description: 更新权利人信息 | ||
| 420 | * @param {*} val | ||
| 421 | * @author: renchao | ||
| 422 | */ | ||
| 423 | upDateYwrxxList (val) { | ||
| 424 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 425 | }, | ||
| 426 | /** | ||
| 427 | * @description: onSubmit | ||
| 428 | * @author: renchao | ||
| 429 | */ | ||
| 430 | onSubmit () { | ||
| 431 | let that = this; | ||
| 432 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 433 | if (arr.length > 0) { | ||
| 465 | this.$message({ | 434 | this.$message({ |
| 466 | showClose: true, | 435 | showClose: true, |
| 467 | message: "共有方式:单独所有,权利人只能是一个人", | 436 | message: "土地用途不能为空", |
| 468 | type: "error", | 437 | type: "error", |
| 469 | }); | 438 | }); |
| 470 | return false; | 439 | return false; |
| 471 | } | 440 | } |
| 472 | this.ruleForm.qlrList[0].sfczr = "1"; | 441 | if (this.ruleForm.qlrList.length == 0) { |
| 473 | } else { | ||
| 474 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 475 | this.$message({ | 442 | this.$message({ |
| 476 | showClose: true, | 443 | showClose: true, |
| 477 | message: | 444 | message: "请确认权利人信息", |
| 478 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 479 | type: "error", | 445 | type: "error", |
| 480 | }); | 446 | }); |
| 481 | return false; | 447 | return false; |
| 482 | } | 448 | } |
| 483 | //是否分别持证 | 449 | |
| 484 | if (this.ruleForm.sldy.sqfbcz == "1") { | 450 | if (this.ruleForm.sldy.gyfs == "0") { |
| 485 | //是 | 451 | if (this.ruleForm.qlrList.length > 1) { |
| 486 | this.ruleForm.qlrList.forEach((item, index) => { | 452 | this.$message({ |
| 487 | item.sfczr = "1"; | 453 | showClose: true, |
| 488 | }); | 454 | message: "共有方式:单独所有,权利人只能是一个人", |
| 455 | type: "error", | ||
| 456 | }); | ||
| 457 | return false; | ||
| 458 | } | ||
| 459 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 489 | } else { | 460 | } else { |
| 490 | if (!that.czr) { | 461 | if (this.ruleForm.qlrList.length <= 1) { |
| 491 | that.$message({ | 462 | this.$message({ |
| 492 | showClose: true, | 463 | showClose: true, |
| 493 | message: "请选择持证人", | 464 | message: |
| 465 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 494 | type: "error", | 466 | type: "error", |
| 495 | }); | 467 | }); |
| 496 | return false; | 468 | return false; |
| 497 | } | 469 | } |
| 498 | this.ruleForm.qlrList.forEach((item, index) => { | 470 | //是否分别持证 |
| 499 | if (item.zjh == that.czr) { | 471 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 472 | //是 | ||
| 473 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 500 | item.sfczr = "1"; | 474 | item.sfczr = "1"; |
| 501 | } else { | 475 | }); |
| 502 | item.sfczr = "0"; | 476 | } else { |
| 477 | if (!that.czr) { | ||
| 478 | that.$message({ | ||
| 479 | showClose: true, | ||
| 480 | message: "请选择持证人", | ||
| 481 | type: "error", | ||
| 482 | }); | ||
| 483 | return false; | ||
| 503 | } | 484 | } |
| 504 | }); | 485 | this.ruleForm.qlrList.forEach((item, index) => { |
| 505 | } | 486 | if (item.zjh == that.czr) { |
| 506 | } | 487 | item.sfczr = "1"; |
| 507 | saveData(this.ruleForm).then((res) => { | 488 | } else { |
| 508 | if (res.code === 200) { | 489 | item.sfczr = "0"; |
| 509 | this.$message({ | 490 | } |
| 510 | showClose: true, | 491 | }); |
| 511 | message: "保存成功!", | 492 | } |
| 512 | type: "success", | ||
| 513 | }); | ||
| 514 | this.$store.dispatch("user/refreshPage", true); | ||
| 515 | } else { | ||
| 516 | this.$message({ | ||
| 517 | showClose: true, | ||
| 518 | message: res.message, | ||
| 519 | type: "error", | ||
| 520 | }); | ||
| 521 | } | 493 | } |
| 522 | }); | 494 | saveData(this.ruleForm).then((res) => { |
| 523 | }, | 495 | if (res.code === 200) { |
| 524 | /** | 496 | this.$message({ |
| 525 | * @description: compare | 497 | showClose: true, |
| 526 | * @author: renchao | 498 | message: "保存成功!", |
| 527 | */ | 499 | type: "success", |
| 528 | compare() { | 500 | }); |
| 529 | this.$popupDialog( | 501 | this.$store.dispatch("user/refreshPage", true); |
| 530 | this.ruleForm.qlxx.qllxmc, | 502 | } else { |
| 531 | "registerBook/comparison", | 503 | this.$message({ |
| 532 | { | 504 | showClose: true, |
| 533 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 505 | message: res.message, |
| 534 | dqqllx: "FDCQ2", | 506 | type: "error", |
| 535 | }, | 507 | }); |
| 536 | "80%", | 508 | } |
| 537 | true | 509 | }); |
| 538 | ); | 510 | }, |
| 511 | /** | ||
| 512 | * @description: compare | ||
| 513 | * @author: renchao | ||
| 514 | */ | ||
| 515 | compare () { | ||
| 516 | this.$popupDialog( | ||
| 517 | this.ruleForm.qlxx.qllxmc, | ||
| 518 | "registerBook/comparison", | ||
| 519 | { | ||
| 520 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 521 | dqqllx: "FDCQ2", | ||
| 522 | }, | ||
| 523 | "80%", | ||
| 524 | true | ||
| 525 | ); | ||
| 526 | }, | ||
| 539 | }, | 527 | }, |
| 540 | }, | 528 | }; |
| 541 | }; | ||
| 542 | </script> | 529 | </script> |
| 543 | <style scoped lang="scss"> | 530 | <style scoped lang="scss"> |
| 544 | @import "~@/styles/public.scss"; | 531 | @import "~@/styles/public.scss"; |
| 545 | @import "~@/styles/slxx/slxx.scss"; | 532 | @import "~@/styles/slxx/slxx.scss"; |
| 546 | /deep/.el-form { | 533 | /deep/.el-form { |
| 547 | display: flex; | 534 | display: flex; |
| 548 | flex-direction: column; | 535 | flex-direction: column; |
| 549 | height: calc(100vh - 130px); | 536 | height: calc(100vh - 130px); |
| 550 | } | 537 | } |
| 551 | 538 | ||
| 552 | /deep/.el-form-item__label { | 539 | /deep/.el-form-item__label { |
| 553 | padding: 0; | 540 | padding: 0; |
| 554 | } | 541 | } |
| 555 | 542 | ||
| 556 | /deep/.el-radio { | 543 | /deep/.el-radio { |
| 557 | margin-right: 10px; | 544 | margin-right: 10px; |
| 558 | } | 545 | } |
| 559 | 546 | ||
| 560 | /deep/.el-select { | 547 | /deep/.el-select { |
| 561 | width: 100%; | 548 | width: 100%; |
| 562 | } | 549 | } |
| 563 | 550 | ||
| 564 | /deep/.el-form-item { | 551 | /deep/.el-form-item { |
| 565 | margin-bottom: 8px; | 552 | margin-bottom: 8px; |
| 566 | } | 553 | } |
| 567 | 554 | ||
| 568 | .marginBot0 { | 555 | .marginBot0 { |
| 569 | margin-bottom: 0 !important; | 556 | margin-bottom: 0 !important; |
| 570 | } | 557 | } |
| 571 | 558 | ||
| 572 | .slxx { | 559 | .slxx { |
| 573 | box-sizing: border-box; | 560 | box-sizing: border-box; |
| 574 | } | 561 | } |
| 575 | 562 | ||
| 576 | .slxx_con { | 563 | .slxx_con { |
| 577 | flex: 1; | 564 | flex: 1; |
| 578 | height: 100%; | 565 | height: 100%; |
| 579 | background-color: #ffffff; | 566 | background-color: #ffffff; |
| 580 | overflow-y: auto; | 567 | overflow-y: auto; |
| 581 | padding-right: 3px; | 568 | padding-right: 3px; |
| 582 | overflow-x: hidden; | 569 | overflow-x: hidden; |
| 583 | } | 570 | } |
| 584 | 571 | ||
| 585 | .submit_btn { | 572 | .submit_btn { |
| 586 | height: 50px; | 573 | height: 50px; |
| 587 | } | 574 | } |
| 588 | 575 | ||
| 589 | .slxx_title { | 576 | .slxx_title { |
| 590 | border-bottom: 1px solid $borderColor; | 577 | border-bottom: 1px solid $borderColor; |
| 591 | padding-left: 10px; | 578 | padding-left: 10px; |
| 592 | padding-bottom: 5px; | 579 | padding-bottom: 5px; |
| 593 | margin-bottom: 10px; | 580 | margin-bottom: 10px; |
| 594 | margin-top: 5px; | 581 | margin-top: 5px; |
| 595 | font-size: 16px; | 582 | font-size: 16px; |
| 596 | font-weight: 500; | 583 | font-weight: 500; |
| 597 | color: #4a4a4a; | 584 | color: #4a4a4a; |
| 598 | } | 585 | } |
| 599 | 586 | ||
| 600 | .btn { | 587 | .btn { |
| 601 | text-align: center; | 588 | text-align: center; |
| 602 | padding-top: 10px; | 589 | padding-top: 10px; |
| 603 | height: 36px; | 590 | height: 36px; |
| 604 | background-color: #ffffff; | 591 | background-color: #ffffff; |
| 605 | padding: 5px 0; | 592 | padding: 5px 0; |
| 606 | } | 593 | } |
| 607 | 594 | ||
| 608 | .textArea { | 595 | .textArea { |
| 609 | /deep/.el-textarea__inner { | 596 | /deep/.el-textarea__inner { |
| 610 | min-height: 90px !important; | 597 | min-height: 90px !important; |
| 598 | } | ||
| 611 | } | 599 | } |
| 612 | } | ||
| 613 | 600 | ||
| 614 | /deep/.el-form-item__label { | 601 | /deep/.el-form-item__label { |
| 615 | padding-bottom: 0px; | 602 | padding-bottom: 0px; |
| 616 | } | 603 | } |
| 617 | </style> | 604 | </style> | ... | ... |
| ... | @@ -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,296 +219,296 @@ | ... | @@ -231,296 +219,296 @@ |
| 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"]), |
| 247 | }, | ||
| 248 | components: { qlrCommonTable }, | ||
| 249 | |||
| 250 | // 更新义务人信息 | ||
| 251 | /** | ||
| 252 | * @description: 更新义务人信息 | ||
| 253 | * @param {*} val | ||
| 254 | * @author: renchao | ||
| 255 | */ | ||
| 256 | upDateYwrxxList(val) { | ||
| 257 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 258 | }, | ||
| 259 | data() { | ||
| 260 | return { | ||
| 261 | disabled: true, | ||
| 262 | tdytOption: [], | ||
| 263 | ruleForm: { | ||
| 264 | cfdjList: [], //查封登记 | ||
| 265 | diyaqList: [], //抵押权 | ||
| 266 | fdcq2List: [], //房屋信息集合 | ||
| 267 | qlrList: [], //权利人 | ||
| 268 | ywrList: [], //义务人 | ||
| 269 | qlxxList: [], //权利信息集合 | ||
| 270 | sldyList: [], //受理不动产单元集合 | ||
| 271 | slsq: {}, //受理申请流程明细 | ||
| 272 | flow: {}, //受理申请流程明细 | ||
| 273 | sqrList: [], //申请人 | ||
| 274 | ssQlxxList: [], //上手权利信息 | ||
| 275 | user: {}, //用户 | ||
| 276 | zdjbxx: {}, //宗地基本信息 | ||
| 277 | }, | ||
| 278 | czrOptions: [], | ||
| 279 | czr: "", | ||
| 280 | //传递参数 | ||
| 281 | propsParam: this.$attrs, | ||
| 282 | //表单是否可操作 | ||
| 283 | viewEdit: true, | ||
| 284 | rules: {}, | ||
| 285 | gyfs: "", | ||
| 286 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 | ||
| 287 | splicingFdcq2: { | ||
| 288 | //前端根据后台数组组装展示内容 | ||
| 289 | tdxz: "", //土地性质 | ||
| 290 | fwxz: "", //房屋性质 | ||
| 291 | fwjg: "", //房屋结构 | ||
| 292 | jzmj: "", //建筑面积 | ||
| 293 | zts: "", //房屋总套数 | ||
| 294 | }, | ||
| 295 | }; | ||
| 296 | }, | ||
| 297 | mounted(callbackfn, thisArg) { | ||
| 298 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 299 | this.propsParam = this.$attrs; | ||
| 300 | var formdata = new FormData(); | ||
| 301 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 302 | formdata.append("djlx", this.propsParam.djlx); | ||
| 303 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 304 | formdata.append("isEdit", this.viewEdit); | ||
| 305 | BatchInit(formdata).then((res) => { | ||
| 306 | if (res.code == 200) { | ||
| 307 | this.ruleForm = res.result; | ||
| 308 | this.czrOptions = this.ruleForm.qlrList; | ||
| 309 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | ||
| 310 | this.splicingFdcq2Info(); | ||
| 311 | } | ||
| 312 | this.ruleForm.qlrList.forEach((item) => { | ||
| 313 | if (item.sfczr == 1) { | ||
| 314 | this.czr = item.sqrmc; | ||
| 315 | } | ||
| 316 | }); | ||
| 317 | }); | ||
| 318 | }, | ||
| 319 | methods: { | ||
| 320 | //组装房地产权通用信息 | ||
| 321 | /** | ||
| 322 | * @description: 组装房地产权通用信息 | ||
| 323 | * @author: renchao | ||
| 324 | */ | ||
| 325 | splicingFdcq2Info() { | ||
| 326 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 327 | let fwxzArr = []; | ||
| 328 | let fwjgArr = []; | ||
| 329 | let jzmj = 0; | ||
| 330 | fdcq2List.forEach((fdcq2) => { | ||
| 331 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 332 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 333 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 334 | }); | ||
| 335 | //将数据转为字符串 | ||
| 336 | //房屋性质 | ||
| 337 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 338 | //房屋结构 | ||
| 339 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 340 | this.splicingFdcq2.fwxz = fwxz; | ||
| 341 | this.splicingFdcq2.fwjg = fwjg; | ||
| 342 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
| 343 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 344 | }, | ||
| 345 | /** | ||
| 346 | * @description: 更新权利人信息 | ||
| 347 | * @param {*} val | ||
| 348 | * @author: renchao | ||
| 349 | */ | ||
| 350 | upDateQlrxxList(val) { | ||
| 351 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 352 | this.czrOptions = this.ruleForm.qlrList; | ||
| 353 | }, | 235 | }, |
| 236 | components: { qlrCommonTable }, | ||
| 354 | 237 | ||
| 355 | |||
| 356 | // 是否持证人变化 | ||
| 357 | /** | ||
| 358 | * @description: 是否持证人变化 | ||
| 359 | * @param {*} val | ||
| 360 | * @author: renchao | ||
| 361 | */ | ||
| 362 | updaterow() { | ||
| 363 | this.czr = ""; | ||
| 364 | }, | ||
| 365 | // 更新义务人信息 | 238 | // 更新义务人信息 |
| 366 | /** | 239 | /** |
| 367 | * @description: 更新义务人信息 | 240 | * @description: 更新义务人信息 |
| 368 | * @param {*} val | 241 | * @param {*} val |
| 369 | * @author: renchao | 242 | * @author: renchao |
| 370 | */ | 243 | */ |
| 371 | upDateYwrxxList(val) { | 244 | upDateYwrxxList (val) { |
| 372 | this.ruleForm.ywrList = _.cloneDeep(val); | 245 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 373 | }, | 246 | }, |
| 374 | /** | 247 | data () { |
| 375 | * @description: onSubmit | 248 | return { |
| 376 | * @author: renchao | 249 | disabled: true, |
| 377 | */ | 250 | tdytOption: [], |
| 378 | onSubmit() { | 251 | ruleForm: { |
| 379 | let that = this; | 252 | cfdjList: [], //查封登记 |
| 380 | if (this.ruleForm.qlrList.length == 0) { | 253 | diyaqList: [], //抵押权 |
| 381 | this.$message({ | 254 | fdcq2List: [], //房屋信息集合 |
| 382 | showClose: true, | 255 | qlrList: [], //权利人 |
| 383 | message: "请确认权利人信息", | 256 | ywrList: [], //义务人 |
| 384 | type: "error", | 257 | qlxxList: [], //权利信息集合 |
| 385 | }); | 258 | sldyList: [], //受理不动产单元集合 |
| 386 | return false; | 259 | slsq: {}, //受理申请流程明细 |
| 387 | } | 260 | flow: {}, //受理申请流程明细 |
| 388 | if (this.ruleForm.sldyList[0].gyfs == "0") { | 261 | sqrList: [], //申请人 |
| 389 | if (this.ruleForm.qlrList.length > 1) { | 262 | ssQlxxList: [], //上手权利信息 |
| 390 | this.$message({ | 263 | user: {}, //用户 |
| 391 | showClose: true, | 264 | zdjbxx: {}, //宗地基本信息 |
| 392 | message: "共有方式:单独所有,权利人只能是一个人", | 265 | }, |
| 393 | type: "error", | 266 | czrOptions: [], |
| 394 | }); | 267 | czr: "", |
| 395 | return false; | 268 | //传递参数 |
| 269 | propsParam: this.$attrs, | ||
| 270 | //表单是否可操作 | ||
| 271 | viewEdit: true, | ||
| 272 | rules: {}, | ||
| 273 | gyfs: "", | ||
| 274 | bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码 | ||
| 275 | splicingFdcq2: { | ||
| 276 | //前端根据后台数组组装展示内容 | ||
| 277 | tdxz: "", //土地性质 | ||
| 278 | fwxz: "", //房屋性质 | ||
| 279 | fwjg: "", //房屋结构 | ||
| 280 | jzmj: "", //建筑面积 | ||
| 281 | zts: "", //房屋总套数 | ||
| 282 | }, | ||
| 283 | }; | ||
| 284 | }, | ||
| 285 | mounted (callbackfn, thisArg) { | ||
| 286 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 287 | this.propsParam = this.$attrs; | ||
| 288 | var formdata = new FormData(); | ||
| 289 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 290 | formdata.append("djlx", this.propsParam.djlx); | ||
| 291 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 292 | formdata.append("isEdit", this.viewEdit); | ||
| 293 | BatchInit(formdata).then((res) => { | ||
| 294 | if (res.code == 200) { | ||
| 295 | this.ruleForm = res.result; | ||
| 296 | this.czrOptions = this.ruleForm.qlrList; | ||
| 297 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | ||
| 298 | this.splicingFdcq2Info(); | ||
| 396 | } | 299 | } |
| 397 | this.ruleForm.qlrList[0].sfczr = "1"; | 300 | this.ruleForm.qlrList.forEach((item) => { |
| 398 | } else { | 301 | if (item.sfczr == 1) { |
| 399 | if (this.ruleForm.qlrList.length <= 1) { | 302 | this.czr = item.zjh |
| 303 | } | ||
| 304 | }); | ||
| 305 | }); | ||
| 306 | }, | ||
| 307 | methods: { | ||
| 308 | //组装房地产权通用信息 | ||
| 309 | /** | ||
| 310 | * @description: 组装房地产权通用信息 | ||
| 311 | * @author: renchao | ||
| 312 | */ | ||
| 313 | splicingFdcq2Info () { | ||
| 314 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 315 | let fwxzArr = []; | ||
| 316 | let fwjgArr = []; | ||
| 317 | let jzmj = 0; | ||
| 318 | fdcq2List.forEach((fdcq2) => { | ||
| 319 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 320 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 321 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 322 | }); | ||
| 323 | //将数据转为字符串 | ||
| 324 | //房屋性质 | ||
| 325 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 326 | //房屋结构 | ||
| 327 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 328 | this.splicingFdcq2.fwxz = fwxz; | ||
| 329 | this.splicingFdcq2.fwjg = fwjg; | ||
| 330 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
| 331 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 332 | }, | ||
| 333 | /** | ||
| 334 | * @description: 更新权利人信息 | ||
| 335 | * @param {*} val | ||
| 336 | * @author: renchao | ||
| 337 | */ | ||
| 338 | upDateQlrxxList (val) { | ||
| 339 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 340 | this.czrOptions = this.ruleForm.qlrList; | ||
| 341 | }, | ||
| 342 | |||
| 343 | |||
| 344 | // 是否持证人变化 | ||
| 345 | /** | ||
| 346 | * @description: 是否持证人变化 | ||
| 347 | * @param {*} val | ||
| 348 | * @author: renchao | ||
| 349 | */ | ||
| 350 | updaterow () { | ||
| 351 | this.czr = ""; | ||
| 352 | }, | ||
| 353 | // 更新义务人信息 | ||
| 354 | /** | ||
| 355 | * @description: 更新义务人信息 | ||
| 356 | * @param {*} val | ||
| 357 | * @author: renchao | ||
| 358 | */ | ||
| 359 | upDateYwrxxList (val) { | ||
| 360 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 361 | }, | ||
| 362 | /** | ||
| 363 | * @description: onSubmit | ||
| 364 | * @author: renchao | ||
| 365 | */ | ||
| 366 | onSubmit () { | ||
| 367 | let that = this; | ||
| 368 | if (this.ruleForm.qlrList.length == 0) { | ||
| 400 | this.$message({ | 369 | this.$message({ |
| 401 | showClose: true, | 370 | showClose: true, |
| 402 | message: | 371 | message: "请确认权利人信息", |
| 403 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 404 | type: "error", | 372 | type: "error", |
| 405 | }); | 373 | }); |
| 406 | return false; | 374 | return false; |
| 407 | } | 375 | } |
| 408 | //是否分别持证 | 376 | if (this.ruleForm.sldyList[0].gyfs == "0") { |
| 409 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { | 377 | if (this.ruleForm.qlrList.length > 1) { |
| 410 | //是 | 378 | this.$message({ |
| 411 | this.ruleForm.qlrList.forEach((item, index) => { | 379 | showClose: true, |
| 412 | item.sfczr = "1"; | 380 | message: "共有方式:单独所有,权利人只能是一个人", |
| 413 | }); | 381 | type: "error", |
| 382 | }); | ||
| 383 | return false; | ||
| 384 | } | ||
| 385 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 414 | } else { | 386 | } else { |
| 415 | if (!that.czr) { | 387 | if (this.ruleForm.qlrList.length <= 1) { |
| 416 | that.$message({ | 388 | this.$message({ |
| 417 | showClose: true, | 389 | showClose: true, |
| 418 | message: "请选择持证人", | 390 | message: |
| 391 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 419 | type: "error", | 392 | type: "error", |
| 420 | }); | 393 | }); |
| 421 | return false; | 394 | return false; |
| 422 | } | 395 | } |
| 423 | this.ruleForm.qlrList.forEach((item, index) => { | 396 | //是否分别持证 |
| 424 | if (item.zjh == that.czr) { | 397 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { |
| 398 | //是 | ||
| 399 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 425 | item.sfczr = "1"; | 400 | item.sfczr = "1"; |
| 426 | } else { | 401 | }); |
| 427 | item.sfczr = "0"; | 402 | } else { |
| 403 | if (!that.czr) { | ||
| 404 | that.$message({ | ||
| 405 | showClose: true, | ||
| 406 | message: "请选择持证人", | ||
| 407 | type: "error", | ||
| 408 | }); | ||
| 409 | return false; | ||
| 428 | } | 410 | } |
| 429 | }); | 411 | this.ruleForm.qlrList.forEach((item, index) => { |
| 430 | } | 412 | if (item.zjh == that.czr) { |
| 431 | } | 413 | item.sfczr = "1"; |
| 432 | saveBatchData(this.ruleForm).then((res) => { | 414 | } else { |
| 433 | if (res.code === 200) { | 415 | item.sfczr = "0"; |
| 434 | this.$message({ | 416 | } |
| 435 | showClose: true, | 417 | }); |
| 436 | message: "保存成功!", | 418 | } |
| 437 | type: "success", | ||
| 438 | }); | ||
| 439 | this.$store.dispatch("user/refreshPage", true); | ||
| 440 | } else { | ||
| 441 | this.$message({ | ||
| 442 | showClose: true, | ||
| 443 | message: res.message, | ||
| 444 | type: "error", | ||
| 445 | }); | ||
| 446 | } | 419 | } |
| 447 | }); | 420 | saveBatchData(this.ruleForm).then((res) => { |
| 421 | if (res.code === 200) { | ||
| 422 | this.$message({ | ||
| 423 | showClose: true, | ||
| 424 | message: "保存成功!", | ||
| 425 | type: "success", | ||
| 426 | }); | ||
| 427 | this.$store.dispatch("user/refreshPage", true); | ||
| 428 | } else { | ||
| 429 | this.$message({ | ||
| 430 | showClose: true, | ||
| 431 | message: res.message, | ||
| 432 | type: "error", | ||
| 433 | }); | ||
| 434 | } | ||
| 435 | }); | ||
| 436 | }, | ||
| 448 | }, | 437 | }, |
| 449 | }, | 438 | }; |
| 450 | }; | ||
| 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; |
| 502 | margin-bottom: 10px; | 490 | margin-bottom: 10px; |
| 503 | margin-top: 5px; | 491 | margin-top: 5px; |
| 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; |
| 508 | } | ||
| 520 | } | 509 | } |
| 521 | } | ||
| 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,114 +235,18 @@ | ... | @@ -248,114 +235,18 @@ |
| 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(); | ||
| 262 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 263 | Init(formdata).then((res) => { | ||
| 264 | if (res.code === 200 && res.result) { | ||
| 265 | this.ruleForm = { | ||
| 266 | ...res.result, | ||
| 267 | ...res.result.zdjbxxdatas, | ||
| 268 | ...res.result.qlxxdatas, | ||
| 269 | ...res.result.jsydsyqdatas, | ||
| 270 | }; | ||
| 271 | this.ruleForm.qlrList.forEach((item) => { | ||
| 272 | if (item.sfczr == 1) { | ||
| 273 | this.czr = item.sqrmc; | ||
| 274 | } | ||
| 275 | }); | ||
| 276 | this.czrOptions = this.ruleForm.qlrList; | ||
| 277 | } | ||
| 278 | }); | ||
| 279 | }, | ||
| 280 | components: { qlrCommonTable, tdytTable }, | ||
| 281 | computed: { | ||
| 282 | ...mapGetters(["dictData", "flag"]), | ||
| 283 | }, | ||
| 284 | data() { | ||
| 285 | return { | ||
| 286 | //表单是否可操作 | ||
| 287 | viewEdit: false, | ||
| 288 | disabled: true, | ||
| 289 | tdytOption: [], | ||
| 290 | czrOptions: [], | ||
| 291 | czr: "", | ||
| 292 | ruleForm: { | ||
| 293 | ywh: "", | ||
| 294 | slry: "", | ||
| 295 | slsj: "", | ||
| 296 | qllx: "", | ||
| 297 | djlx: "", | ||
| 298 | djqx: "", | ||
| 299 | // 宗地代码 | ||
| 300 | zddm: "", | ||
| 301 | bdcdyh: "", | ||
| 302 | qlxzmc: "", | ||
| 303 | qlrxx: [], | ||
| 304 | // 自然幢号 | ||
| 305 | zrzh: "", | ||
| 306 | // 户不动产单元号 | ||
| 307 | ghytmc: "", | ||
| 308 | djzt: "", | ||
| 309 | // 图幅丘幢号 | ||
| 310 | tfqzh: "", | ||
| 311 | zl: "", | ||
| 312 | // 房屋用途 | ||
| 313 | fwyt: "", | ||
| 314 | fwxz: "", | ||
| 315 | fwjg: "", | ||
| 316 | // 权利人信息 | ||
| 317 | gyfs: "1", | ||
| 318 | // 是否分别持证 | ||
| 319 | sffbcz: "", | ||
| 320 | // 持证人 | ||
| 321 | czr: "", | ||
| 322 | djyy: "", | ||
| 323 | }, | ||
| 324 | //传递参数 | ||
| 325 | propsParam: {}, | ||
| 326 | rules: {}, | ||
| 327 | }; | ||
| 328 | }, | ||
| 329 | methods: { | ||
| 330 | // 更新土地用途信息 | ||
| 331 | /** | ||
| 332 | * @description: 更新土地用途信息 | ||
| 333 | * @param {*} val | ||
| 334 | * @author: renchao | ||
| 335 | */ | ||
| 336 | upDateTdytxxList(val) { | ||
| 337 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 338 | this.czrOptions = this.ruleForm.qlrData; | ||
| 339 | this.key++; | ||
| 340 | }, | ||
| 341 | // 是否持证人变化 | ||
| 342 | /** | ||
| 343 | * @description: 是否持证人变化 | ||
| 344 | * @param {*} val | ||
| 345 | * @author: renchao | ||
| 346 | */ | ||
| 347 | updaterow() { | ||
| 348 | this.czr = ""; | ||
| 349 | }, | ||
| 350 | /** | ||
| 351 | * @description: list | ||
| 352 | * @param {*} bsmSldy | ||
| 353 | * @author: renchao | ||
| 354 | */ | ||
| 355 | list(bsmSldy) { | ||
| 356 | var formdata = new FormData(); | 248 | var formdata = new FormData(); |
| 357 | formdata.append("bsmSldy", bsmSldy); | 249 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 358 | formdata.append("isEdit", this.viewEdit); | ||
| 359 | Init(formdata).then((res) => { | 250 | Init(formdata).then((res) => { |
| 360 | if (res.code === 200 && res.result) { | 251 | if (res.code === 200 && res.result) { |
| 361 | this.ruleForm = { | 252 | this.ruleForm = { |
| ... | @@ -364,159 +255,255 @@ export default { | ... | @@ -364,159 +255,255 @@ export default { |
| 364 | ...res.result.qlxxdatas, | 255 | ...res.result.qlxxdatas, |
| 365 | ...res.result.jsydsyqdatas, | 256 | ...res.result.jsydsyqdatas, |
| 366 | }; | 257 | }; |
| 258 | this.ruleForm.qlrList.forEach((item) => { | ||
| 259 | if (item.sfczr == 1) { | ||
| 260 | this.czr = item.zjh | ||
| 261 | } | ||
| 262 | }); | ||
| 263 | this.czrOptions = this.ruleForm.qlrList; | ||
| 367 | } | 264 | } |
| 368 | }); | 265 | }); |
| 369 | }, | 266 | }, |
| 370 | /** | 267 | components: { qlrCommonTable, tdytTable }, |
| 371 | * @description: onSubmit | 268 | computed: { |
| 372 | * @author: renchao | 269 | ...mapGetters(["dictData", "flag"]), |
| 373 | */ | 270 | }, |
| 374 | onSubmit() { | 271 | data () { |
| 375 | let that = this; | 272 | return { |
| 376 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 273 | //表单是否可操作 |
| 377 | if (arr.length > 0) { | 274 | viewEdit: false, |
| 378 | this.$message({ | 275 | disabled: true, |
| 379 | showClose: true, | 276 | tdytOption: [], |
| 380 | message: "土地用途不能为空", | 277 | czrOptions: [], |
| 381 | type: "error", | 278 | czr: "", |
| 382 | }); | 279 | ruleForm: { |
| 383 | return false; | 280 | ywh: "", |
| 384 | } | 281 | slry: "", |
| 385 | if (this.ruleForm.qlrList.length == 0) { | 282 | slsj: "", |
| 386 | this.$message({ | 283 | qllx: "", |
| 387 | showClose: true, | 284 | djlx: "", |
| 388 | message: "请确认权利人信息", | 285 | djqx: "", |
| 389 | type: "error", | 286 | // 宗地代码 |
| 287 | zddm: "", | ||
| 288 | bdcdyh: "", | ||
| 289 | qlxzmc: "", | ||
| 290 | qlrxx: [], | ||
| 291 | // 自然幢号 | ||
| 292 | zrzh: "", | ||
| 293 | // 户不动产单元号 | ||
| 294 | ghytmc: "", | ||
| 295 | djzt: "", | ||
| 296 | // 图幅丘幢号 | ||
| 297 | tfqzh: "", | ||
| 298 | zl: "", | ||
| 299 | // 房屋用途 | ||
| 300 | fwyt: "", | ||
| 301 | fwxz: "", | ||
| 302 | fwjg: "", | ||
| 303 | // 权利人信息 | ||
| 304 | gyfs: "1", | ||
| 305 | // 是否分别持证 | ||
| 306 | sffbcz: "", | ||
| 307 | // 持证人 | ||
| 308 | czr: "", | ||
| 309 | djyy: "", | ||
| 310 | }, | ||
| 311 | //传递参数 | ||
| 312 | propsParam: {}, | ||
| 313 | rules: {}, | ||
| 314 | }; | ||
| 315 | }, | ||
| 316 | methods: { | ||
| 317 | // 更新土地用途信息 | ||
| 318 | /** | ||
| 319 | * @description: 更新土地用途信息 | ||
| 320 | * @param {*} val | ||
| 321 | * @author: renchao | ||
| 322 | */ | ||
| 323 | upDateTdytxxList (val) { | ||
| 324 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 325 | this.czrOptions = this.ruleForm.qlrData; | ||
| 326 | this.key++; | ||
| 327 | }, | ||
| 328 | // 是否持证人变化 | ||
| 329 | /** | ||
| 330 | * @description: 是否持证人变化 | ||
| 331 | * @param {*} val | ||
| 332 | * @author: renchao | ||
| 333 | */ | ||
| 334 | updaterow () { | ||
| 335 | this.czr = ""; | ||
| 336 | }, | ||
| 337 | /** | ||
| 338 | * @description: list | ||
| 339 | * @param {*} bsmSldy | ||
| 340 | * @author: renchao | ||
| 341 | */ | ||
| 342 | list (bsmSldy) { | ||
| 343 | var formdata = new FormData(); | ||
| 344 | formdata.append("bsmSldy", bsmSldy); | ||
| 345 | formdata.append("isEdit", this.viewEdit); | ||
| 346 | Init(formdata).then((res) => { | ||
| 347 | if (res.code === 200 && res.result) { | ||
| 348 | this.ruleForm = { | ||
| 349 | ...res.result, | ||
| 350 | ...res.result.zdjbxxdatas, | ||
| 351 | ...res.result.qlxxdatas, | ||
| 352 | ...res.result.jsydsyqdatas, | ||
| 353 | }; | ||
| 354 | } | ||
| 390 | }); | 355 | }); |
| 391 | return false; | 356 | }, |
| 392 | } | 357 | /** |
| 393 | 358 | * @description: onSubmit | |
| 394 | if (this.ruleForm.gyfs == "0") { | 359 | * @author: renchao |
| 395 | if (this.ruleForm.qlrList.length > 1) { | 360 | */ |
| 361 | onSubmit () { | ||
| 362 | let that = this; | ||
| 363 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 364 | if (arr.length > 0) { | ||
| 396 | this.$message({ | 365 | this.$message({ |
| 397 | showClose: true, | 366 | showClose: true, |
| 398 | message: "共有方式:单独所有,权利人只能是一个人", | 367 | message: "土地用途不能为空", |
| 399 | type: "error", | 368 | type: "error", |
| 400 | }); | 369 | }); |
| 401 | return false; | 370 | return false; |
| 402 | } | 371 | } |
| 403 | this.ruleForm.qlrList[0].sfczr = "1"; | 372 | if (this.ruleForm.qlrList.length == 0) { |
| 404 | } else { | ||
| 405 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 406 | this.$message({ | 373 | this.$message({ |
| 407 | showClose: true, | 374 | showClose: true, |
| 408 | message: | 375 | message: "请确认权利人信息", |
| 409 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 410 | type: "error", | 376 | type: "error", |
| 411 | }); | 377 | }); |
| 412 | return false; | 378 | return false; |
| 413 | } | 379 | } |
| 414 | //是否分别持证 | 380 | |
| 415 | if (this.ruleForm.sqfbcz == "1") { | 381 | if (this.ruleForm.gyfs == "0") { |
| 416 | //是 | 382 | if (this.ruleForm.qlrList.length > 1) { |
| 417 | this.ruleForm.qlrList.forEach((item, index) => { | 383 | this.$message({ |
| 418 | item.sfczr = "1"; | 384 | showClose: true, |
| 419 | }); | 385 | message: "共有方式:单独所有,权利人只能是一个人", |
| 386 | type: "error", | ||
| 387 | }); | ||
| 388 | return false; | ||
| 389 | } | ||
| 390 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 420 | } else { | 391 | } else { |
| 421 | if (!that.czr) { | 392 | if (this.ruleForm.qlrList.length <= 1) { |
| 422 | that.$message({ | 393 | this.$message({ |
| 423 | showClose: true, | 394 | showClose: true, |
| 424 | message: "请选择持证人", | 395 | message: |
| 396 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 425 | type: "error", | 397 | type: "error", |
| 426 | }); | 398 | }); |
| 427 | return false; | 399 | return false; |
| 428 | } | 400 | } |
| 429 | this.ruleForm.qlrList.forEach((item, index) => { | 401 | //是否分别持证 |
| 430 | if (item.zjh == that.czr) { | 402 | if (this.ruleForm.sqfbcz == "1") { |
| 403 | //是 | ||
| 404 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 431 | item.sfczr = "1"; | 405 | item.sfczr = "1"; |
| 432 | } else { | 406 | }); |
| 433 | item.sfczr = "0"; | 407 | } else { |
| 408 | if (!that.czr) { | ||
| 409 | that.$message({ | ||
| 410 | showClose: true, | ||
| 411 | message: "请选择持证人", | ||
| 412 | type: "error", | ||
| 413 | }); | ||
| 414 | return false; | ||
| 434 | } | 415 | } |
| 435 | }); | 416 | this.ruleForm.qlrList.forEach((item, index) => { |
| 436 | } | 417 | if (item.zjh == that.czr) { |
| 437 | } | 418 | item.sfczr = "1"; |
| 438 | fristReg(this.ruleForm).then((res) => { | 419 | } else { |
| 439 | if (res.code === 200 && res.result) { | 420 | item.sfczr = "0"; |
| 440 | console.log(res); | 421 | } |
| 441 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | 422 | }); |
| 423 | } | ||
| 442 | } | 424 | } |
| 443 | }); | 425 | fristReg(this.ruleForm).then((res) => { |
| 426 | if (res.code === 200 && res.result) { | ||
| 427 | console.log(res); | ||
| 428 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 429 | } | ||
| 430 | }); | ||
| 431 | }, | ||
| 444 | }, | 432 | }, |
| 445 | }, | 433 | }; |
| 446 | }; | ||
| 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; |
| 498 | margin-bottom: 10px; | 485 | margin-bottom: 10px; |
| 499 | margin-top: 5px; | 486 | margin-top: 5px; |
| 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; |
| 503 | } | ||
| 516 | } | 504 | } |
| 517 | } | ||
| 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> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 13:41:37 | 4 | * @LastEditTime: 2023-09-11 16:28:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -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 | }); |
| ... | @@ -319,6 +319,15 @@ | ... | @@ -319,6 +319,15 @@ |
| 319 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 319 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
| 320 | this.czrOptions = this.ruleForm.qlrList; | 320 | this.czrOptions = this.ruleForm.qlrList; |
| 321 | this.key++; | 321 | this.key++; |
| 322 | this.num = 0 | ||
| 323 | this.ruleForm.qlrList.forEach(item => { | ||
| 324 | if (item.zjh == this.czr) { | ||
| 325 | this.num++ | ||
| 326 | } | ||
| 327 | }) | ||
| 328 | if (this.num == 0) { | ||
| 329 | this.czr = '' | ||
| 330 | } | ||
| 322 | }, | 331 | }, |
| 323 | // 是否持证人变化 | 332 | // 是否持证人变化 |
| 324 | /** | 333 | /** | ... | ... |
| ... | @@ -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,191 +220,191 @@ | ... | @@ -233,191 +220,191 @@ |
| 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(); |
| 247 | this.$startLoading(); | 234 | this.$startLoading(); |
| 248 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 235 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 249 | formdata.append("djlx", this.propsParam.djlx); | 236 | formdata.append("djlx", this.propsParam.djlx); |
| 250 | formdata.append("isEdit", this.viewEdit); | 237 | formdata.append("isEdit", this.viewEdit); |
| 251 | Init(formdata).then((res) => { | 238 | Init(formdata).then((res) => { |
| 252 | if (res.code === 200 && res.result) { | 239 | if (res.code === 200 && res.result) { |
| 253 | this.ruleForm = res.result; | 240 | this.ruleForm = res.result; |
| 254 | this.czrOptions = this.ruleForm.qlrList; | 241 | this.czrOptions = this.ruleForm.qlrList; |
| 255 | } | ||
| 256 | this.ruleForm.qlrList.forEach((item) => { | ||
| 257 | if (item.sfczr == 1) { | ||
| 258 | this.czr = item.sqrmc; | ||
| 259 | } | 242 | } |
| 243 | this.ruleForm.qlrList.forEach((item) => { | ||
| 244 | if (item.sfczr == 1) { | ||
| 245 | this.czr = item.zjh | ||
| 246 | } | ||
| 247 | }); | ||
| 248 | this.$endLoading(); | ||
| 260 | }); | 249 | }); |
| 261 | this.$endLoading(); | ||
| 262 | }); | ||
| 263 | }, | ||
| 264 | components: { qlrCommonTable, tdytTable }, | ||
| 265 | computed: { | ||
| 266 | ...mapGetters(["dictData", "flag"]), | ||
| 267 | }, | ||
| 268 | data() { | ||
| 269 | return { | ||
| 270 | //表单是否可操作 | ||
| 271 | viewEdit: false, | ||
| 272 | disabled: true, | ||
| 273 | czrOptions: [], | ||
| 274 | czr: "", | ||
| 275 | ruleForm: { | ||
| 276 | slywxx: {}, | ||
| 277 | qlxx: {}, | ||
| 278 | zdjbxx: {}, | ||
| 279 | jsydsyq: {}, | ||
| 280 | }, | ||
| 281 | //传递参数 | ||
| 282 | propsParam: {}, | ||
| 283 | rules: {}, | ||
| 284 | }; | ||
| 285 | }, | ||
| 286 | methods: { | ||
| 287 | /** | ||
| 288 | * @description: 更新土地用途信息 | ||
| 289 | * @param {*} val | ||
| 290 | * @author: renchao | ||
| 291 | */ | ||
| 292 | upDateTdytxxList(val) { | ||
| 293 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 294 | this.key++; | ||
| 295 | }, | 250 | }, |
| 296 | /** | 251 | components: { qlrCommonTable, tdytTable }, |
| 297 | * @description: 更新权利人信息 | 252 | computed: { |
| 298 | * @param {*} val | 253 | ...mapGetters(["dictData", "flag"]), |
| 299 | * @author: renchao | ||
| 300 | */ | ||
| 301 | upDateQlrxxList(val) { | ||
| 302 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 303 | this.czrOptions = this.ruleForm.qlrList; | ||
| 304 | this.key++; | ||
| 305 | }, | 254 | }, |
| 306 | // 是否持证人变化 | 255 | data () { |
| 307 | /** | 256 | return { |
| 308 | * @description: 是否持证人变化 | 257 | //表单是否可操作 |
| 309 | * @param {*} val | 258 | viewEdit: false, |
| 310 | * @author: renchao | 259 | disabled: true, |
| 311 | */ | 260 | czrOptions: [], |
| 312 | updaterow() { | 261 | czr: "", |
| 313 | this.czr = ""; | 262 | ruleForm: { |
| 263 | slywxx: {}, | ||
| 264 | qlxx: {}, | ||
| 265 | zdjbxx: {}, | ||
| 266 | jsydsyq: {}, | ||
| 267 | }, | ||
| 268 | //传递参数 | ||
| 269 | propsParam: {}, | ||
| 270 | rules: {}, | ||
| 271 | }; | ||
| 314 | }, | 272 | }, |
| 315 | /** | 273 | methods: { |
| 316 | * @description: onSubmit | 274 | /** |
| 317 | * @author: renchao | 275 | * @description: 更新土地用途信息 |
| 318 | */ | 276 | * @param {*} val |
| 319 | onSubmit() { | 277 | * @author: renchao |
| 320 | let that = this; | 278 | */ |
| 321 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 279 | upDateTdytxxList (val) { |
| 322 | if (arr.length > 0) { | 280 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 323 | this.$message({ | 281 | this.key++; |
| 324 | showClose: true, | 282 | }, |
| 325 | message: "土地用途不能为空", | 283 | /** |
| 326 | type: "error", | 284 | * @description: 更新权利人信息 |
| 327 | }); | 285 | * @param {*} val |
| 328 | return false; | 286 | * @author: renchao |
| 329 | } | 287 | */ |
| 330 | if (this.ruleForm.qlrList.length == 0) { | 288 | upDateQlrxxList (val) { |
| 331 | this.$message({ | 289 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 332 | showClose: true, | 290 | this.czrOptions = this.ruleForm.qlrList; |
| 333 | message: "请确认权利人信息", | 291 | this.key++; |
| 334 | type: "error", | 292 | }, |
| 335 | }); | 293 | // 是否持证人变化 |
| 336 | return false; | 294 | /** |
| 337 | } | 295 | * @description: 是否持证人变化 |
| 338 | 296 | * @param {*} val | |
| 339 | if (this.ruleForm.sldy.gyfs == "0") { | 297 | * @author: renchao |
| 340 | if (this.ruleForm.qlrList.length > 1) { | 298 | */ |
| 299 | updaterow () { | ||
| 300 | this.czr = ""; | ||
| 301 | }, | ||
| 302 | /** | ||
| 303 | * @description: onSubmit | ||
| 304 | * @author: renchao | ||
| 305 | */ | ||
| 306 | onSubmit () { | ||
| 307 | let that = this; | ||
| 308 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
| 309 | if (arr.length > 0) { | ||
| 341 | this.$message({ | 310 | this.$message({ |
| 342 | showClose: true, | 311 | showClose: true, |
| 343 | message: "共有方式:单独所有,权利人只能是一个人", | 312 | message: "土地用途不能为空", |
| 344 | type: "error", | 313 | type: "error", |
| 345 | }); | 314 | }); |
| 346 | return false; | 315 | return false; |
| 347 | } | 316 | } |
| 348 | this.ruleForm.qlrList[0].sfczr = "1"; | 317 | if (this.ruleForm.qlrList.length == 0) { |
| 349 | } else { | ||
| 350 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 351 | this.$message({ | 318 | this.$message({ |
| 352 | showClose: true, | 319 | showClose: true, |
| 353 | message: | 320 | message: "请确认权利人信息", |
| 354 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 355 | type: "error", | 321 | type: "error", |
| 356 | }); | 322 | }); |
| 357 | return false; | 323 | return false; |
| 358 | } | 324 | } |
| 359 | //是否分别持证 | 325 | |
| 360 | if (this.ruleForm.sldy.sqfbcz == "1") { | 326 | if (this.ruleForm.sldy.gyfs == "0") { |
| 361 | //是 | 327 | if (this.ruleForm.qlrList.length > 1) { |
| 362 | this.ruleForm.qlrList.forEach((item, index) => { | 328 | this.$message({ |
| 363 | item.sfczr = "1"; | 329 | showClose: true, |
| 364 | }); | 330 | message: "共有方式:单独所有,权利人只能是一个人", |
| 331 | type: "error", | ||
| 332 | }); | ||
| 333 | return false; | ||
| 334 | } | ||
| 335 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 365 | } else { | 336 | } else { |
| 366 | if (!that.czr) { | 337 | if (this.ruleForm.qlrList.length <= 1) { |
| 367 | that.$message({ | 338 | this.$message({ |
| 368 | showClose: true, | 339 | showClose: true, |
| 369 | message: "请选择持证人", | 340 | message: |
| 341 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 370 | type: "error", | 342 | type: "error", |
| 371 | }); | 343 | }); |
| 372 | return false; | 344 | return false; |
| 373 | } | 345 | } |
| 374 | this.ruleForm.qlrList.forEach((item, index) => { | 346 | //是否分别持证 |
| 375 | if (item.zjh == that.czr) { | 347 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 348 | //是 | ||
| 349 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 376 | item.sfczr = "1"; | 350 | item.sfczr = "1"; |
| 377 | } else { | 351 | }); |
| 378 | item.sfczr = "0"; | 352 | } else { |
| 353 | if (!that.czr) { | ||
| 354 | that.$message({ | ||
| 355 | showClose: true, | ||
| 356 | message: "请选择持证人", | ||
| 357 | type: "error", | ||
| 358 | }); | ||
| 359 | return false; | ||
| 379 | } | 360 | } |
| 380 | }); | 361 | this.ruleForm.qlrList.forEach((item, index) => { |
| 381 | } | 362 | if (item.zjh == that.czr) { |
| 382 | } | 363 | item.sfczr = "1"; |
| 383 | saveData(this.ruleForm).then((res) => { | 364 | } else { |
| 384 | if (res.code === 200) { | 365 | item.sfczr = "0"; |
| 385 | this.$message({ | 366 | } |
| 386 | showClose: true, | 367 | }); |
| 387 | message: "保存成功!", | 368 | } |
| 388 | type: "success", | ||
| 389 | }); | ||
| 390 | this.$store.dispatch("user/refreshPage", true); | ||
| 391 | } else { | ||
| 392 | this.$message({ | ||
| 393 | showClose: true, | ||
| 394 | message: res.message, | ||
| 395 | type: "error", | ||
| 396 | }); | ||
| 397 | } | 369 | } |
| 398 | }); | 370 | saveData(this.ruleForm).then((res) => { |
| 399 | }, | 371 | if (res.code === 200) { |
| 400 | /** | 372 | this.$message({ |
| 401 | * @description: compare | 373 | showClose: true, |
| 402 | * @author: renchao | 374 | message: "保存成功!", |
| 403 | */ | 375 | type: "success", |
| 404 | compare() { | 376 | }); |
| 405 | console.log("this.ruleForm", this.ruleForm); | 377 | this.$store.dispatch("user/refreshPage", true); |
| 406 | this.$popupDialog( | 378 | } else { |
| 407 | this.ruleForm.qlxx.qllxmc, | 379 | this.$message({ |
| 408 | "registerBook/comparison", | 380 | showClose: true, |
| 409 | { | 381 | message: res.message, |
| 410 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 382 | type: "error", |
| 411 | dqqllx: "JSYDSYQ", | 383 | }); |
| 412 | }, | 384 | } |
| 413 | "80%", | 385 | }); |
| 414 | true | 386 | }, |
| 415 | ); | 387 | /** |
| 388 | * @description: compare | ||
| 389 | * @author: renchao | ||
| 390 | */ | ||
| 391 | compare () { | ||
| 392 | console.log("this.ruleForm", this.ruleForm); | ||
| 393 | this.$popupDialog( | ||
| 394 | this.ruleForm.qlxx.qllxmc, | ||
| 395 | "registerBook/comparison", | ||
| 396 | { | ||
| 397 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 398 | dqqllx: "JSYDSYQ", | ||
| 399 | }, | ||
| 400 | "80%", | ||
| 401 | true | ||
| 402 | ); | ||
| 403 | }, | ||
| 416 | }, | 404 | }, |
| 417 | }, | 405 | }; |
| 418 | }; | ||
| 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:大正 |
| ... | @@ -348,7 +348,7 @@ | ... | @@ -348,7 +348,7 @@ |
| 348 | ? (this.ruleForm.slsq.fzfs = "1") | 348 | ? (this.ruleForm.slsq.fzfs = "1") |
| 349 | : this.ruleForm.slsq.fzfs; | 349 | : this.ruleForm.slsq.fzfs; |
| 350 | this.czrOptions = this.ruleForm.qlrList; | 350 | this.czrOptions = this.ruleForm.qlrList; |
| 351 | this.ruleForm.lq.zlnd ? this.$set(this.ruleForm.lq,'zlnd',this.ruleForm.lq.zlnd.toString()) : this.$set(this.ruleForm.lq,'zlnd',"") | 351 | this.ruleForm.lq.zlnd ? this.$set(this.ruleForm.lq, 'zlnd', this.ruleForm.lq.zlnd.toString()) : this.$set(this.ruleForm.lq, 'zlnd', "") |
| 352 | setTimeout(() => { | 352 | setTimeout(() => { |
| 353 | this.loading = false | 353 | this.loading = false |
| 354 | }, 200) | 354 | }, 200) |
| ... | @@ -367,7 +367,7 @@ | ... | @@ -367,7 +367,7 @@ |
| 367 | czrOptions: [], | 367 | czrOptions: [], |
| 368 | czr: "", | 368 | czr: "", |
| 369 | ruleForm: { | 369 | ruleForm: { |
| 370 | lq:{ | 370 | lq: { |
| 371 | }, | 371 | }, |
| 372 | flow: { | 372 | flow: { |
| 373 | ywh: "", | 373 | ywh: "", |
| ... | @@ -420,7 +420,15 @@ | ... | @@ -420,7 +420,15 @@ |
| 420 | upDateQlrxxList (val) { | 420 | upDateQlrxxList (val) { |
| 421 | this.ruleForm.qlrList = _.cloneDeep(val); | 421 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 422 | this.czrOptions = this.ruleForm.qlrList; | 422 | this.czrOptions = this.ruleForm.qlrList; |
| 423 | this.key++; | 423 | this.num = 0 |
| 424 | this.ruleForm.qlrList.forEach(item => { | ||
| 425 | if (item.zjh == this.czr) { | ||
| 426 | this.num++ | ||
| 427 | } | ||
| 428 | }) | ||
| 429 | if (this.num == 0) { | ||
| 430 | this.czr = '' | ||
| 431 | } | ||
| 424 | }, | 432 | }, |
| 425 | /** | 433 | /** |
| 426 | * @description: 更新业务人信息 | 434 | * @description: 更新业务人信息 | ... | ... |
| ... | @@ -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,208 +314,208 @@ | ... | @@ -335,208 +314,208 @@ |
| 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(); |
| 349 | var formdata = new FormData(); | 328 | var formdata = new FormData(); |
| 350 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 329 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 351 | formdata.append("djlx", this.propsParam.djlx); | 330 | formdata.append("djlx", this.propsParam.djlx); |
| 352 | formdata.append("isEdit", this.viewEdit); | 331 | formdata.append("isEdit", this.viewEdit); |
| 353 | Init(formdata).then((res) => { | 332 | Init(formdata).then((res) => { |
| 354 | this.ruleForm = res.result; | 333 | this.ruleForm = res.result; |
| 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 | } |
| 339 | }); | ||
| 340 | this.$endLoading(); | ||
| 360 | }); | 341 | }); |
| 361 | this.$endLoading(); | 342 | }, |
| 362 | }); | 343 | components: { qlrCommonTable, JtcyTable }, |
| 363 | }, | 344 | computed: { |
| 364 | components: { qlrCommonTable, JtcyTable }, | 345 | ...mapGetters(["dictData", "flag"]), |
| 365 | computed: { | 346 | }, |
| 366 | ...mapGetters(["dictData", "flag"]), | 347 | data () { |
| 367 | }, | 348 | return { |
| 368 | data() { | 349 | disabled: true, |
| 369 | return { | 350 | //持证人选项 |
| 370 | disabled: true, | 351 | czrOptions: [], |
| 371 | //持证人选项 | 352 | czr: "", |
| 372 | czrOptions: [], | 353 | ruleForm: { |
| 373 | czr: "", | 354 | zdjbxx: { |
| 374 | ruleForm: { | 355 | ghytmc: "", |
| 375 | zdjbxx: { | 356 | }, |
| 376 | ghytmc: "", | ||
| 377 | }, | 357 | }, |
| 378 | }, | 358 | //传递参数 |
| 379 | //传递参数 | 359 | propsParam: {}, |
| 380 | propsParam: {}, | 360 | //表单是否可操作 |
| 381 | //表单是否可操作 | 361 | viewEdit: true, |
| 382 | viewEdit: true, | 362 | rules: {}, |
| 383 | rules: {}, | 363 | }; |
| 384 | }; | 364 | }, |
| 385 | }, | 365 | methods: { |
| 386 | methods: { | 366 | /** |
| 387 | /** | 367 | * @description: onSubmit |
| 388 | * @description: onSubmit | 368 | * @author: renchao |
| 389 | * @author: renchao | 369 | */ |
| 390 | */ | 370 | onSubmit () { |
| 391 | onSubmit() { | 371 | let that = this; |
| 392 | let that = this; | 372 | if (this.ruleForm.qlrList.length == 0) { |
| 393 | if (this.ruleForm.qlrList.length == 0) { | ||
| 394 | this.$message({ | ||
| 395 | showClose: true, | ||
| 396 | message: "请确认权利人信息", | ||
| 397 | type: "error", | ||
| 398 | }); | ||
| 399 | return false; | ||
| 400 | } | ||
| 401 | |||
| 402 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 403 | if (this.ruleForm.qlrList.length > 1) { | ||
| 404 | this.$message({ | ||
| 405 | showClose: true, | ||
| 406 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 407 | type: "error", | ||
| 408 | }); | ||
| 409 | return false; | ||
| 410 | } | ||
| 411 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 412 | } else { | ||
| 413 | if (this.ruleForm.qlrList.length <= 1) { | ||
| 414 | this.$message({ | 373 | this.$message({ |
| 415 | showClose: true, | 374 | showClose: true, |
| 416 | message: | 375 | message: "请确认权利人信息", |
| 417 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 418 | type: "error", | 376 | type: "error", |
| 419 | }); | 377 | }); |
| 420 | return false; | 378 | return false; |
| 421 | } | 379 | } |
| 422 | //是否分别持证 | 380 | |
| 423 | if (this.ruleForm.sldy.sqfbcz == "1") { | 381 | if (this.ruleForm.sldy.gyfs == "0") { |
| 424 | //是 | 382 | if (this.ruleForm.qlrList.length > 1) { |
| 425 | this.ruleForm.qlrList.forEach((item, index) => { | 383 | this.$message({ |
| 426 | item.sfczr = "1"; | 384 | showClose: true, |
| 427 | }); | 385 | message: "共有方式:单独所有,权利人只能是一个人", |
| 386 | type: "error", | ||
| 387 | }); | ||
| 388 | return false; | ||
| 389 | } | ||
| 390 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 428 | } else { | 391 | } else { |
| 429 | if (!that.czr) { | 392 | if (this.ruleForm.qlrList.length <= 1) { |
| 430 | that.$message({ | 393 | this.$message({ |
| 431 | showClose: true, | 394 | showClose: true, |
| 432 | message: "请选择持证人", | 395 | message: |
| 396 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 433 | type: "error", | 397 | type: "error", |
| 434 | }); | 398 | }); |
| 435 | return false; | 399 | return false; |
| 436 | } | 400 | } |
| 437 | this.ruleForm.qlrList.forEach((item, index) => { | 401 | //是否分别持证 |
| 438 | if (item.zjh == that.czr) { | 402 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 403 | //是 | ||
| 404 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 439 | item.sfczr = "1"; | 405 | item.sfczr = "1"; |
| 440 | } else { | 406 | }); |
| 441 | item.sfczr = "0"; | 407 | } else { |
| 408 | if (!that.czr) { | ||
| 409 | that.$message({ | ||
| 410 | showClose: true, | ||
| 411 | message: "请选择持证人", | ||
| 412 | type: "error", | ||
| 413 | }); | ||
| 414 | return false; | ||
| 442 | } | 415 | } |
| 443 | }); | 416 | this.ruleForm.qlrList.forEach((item, index) => { |
| 417 | if (item.zjh == that.czr) { | ||
| 418 | item.sfczr = "1"; | ||
| 419 | } else { | ||
| 420 | item.sfczr = "0"; | ||
| 421 | } | ||
| 422 | }); | ||
| 423 | } | ||
| 444 | } | 424 | } |
| 445 | } | ||
| 446 | 425 | ||
| 447 | saveData(this.ruleForm).then((res) => { | 426 | saveData(this.ruleForm).then((res) => { |
| 448 | if (res.code === 200) { | 427 | if (res.code === 200) { |
| 449 | this.$message({ | 428 | this.$message({ |
| 450 | showClose: true, | 429 | showClose: true, |
| 451 | message: "保存成功!", | 430 | message: "保存成功!", |
| 452 | type: "success", | 431 | type: "success", |
| 453 | }); | 432 | }); |
| 454 | this.$store.dispatch("user/refreshPage", true); | 433 | this.$store.dispatch("user/refreshPage", true); |
| 455 | } else { | 434 | } else { |
| 456 | this.$message({ | 435 | this.$message({ |
| 457 | showClose: true, | 436 | showClose: true, |
| 458 | message: res.message, | 437 | message: res.message, |
| 459 | type: "error", | 438 | type: "error", |
| 460 | }); | 439 | }); |
| 461 | } | 440 | } |
| 462 | }); | 441 | }); |
| 463 | }, | 442 | }, |
| 464 | /** | 443 | /** |
| 465 | * @description: upDateQlrxxList | 444 | * @description: upDateQlrxxList |
| 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 | }, |
| 473 | // 是否持证人变化 | 452 | // 是否持证人变化 |
| 474 | /** | 453 | /** |
| 475 | * @description: 是否持证人变化 | 454 | * @description: 是否持证人变化 |
| 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 | /** |
| 483 | * @description: upDateJtcyList | 462 | * @description: upDateJtcyList |
| 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 | // 是否持证人变化 |
| 491 | /** | 470 | /** |
| 492 | * @description: 是否持证人变化 | 471 | * @description: 是否持证人变化 |
| 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 | ||
| 500 | /** | 479 | /** |
| 501 | * @description: 水域滩涂类型变化事件 | 480 | * @description: 水域滩涂类型变化事件 |
| 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; |
| 509 | }); | 488 | }); |
| 510 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; | 489 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; |
| 511 | }, | 490 | }, |
| 512 | /** | 491 | /** |
| 513 | * @description: 养殖业方式变化事件 | 492 | * @description: 养殖业方式变化事件 |
| 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; |
| 521 | }); | 500 | }); |
| 522 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; | 501 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; |
| 523 | }, | 502 | }, |
| 524 | /** | 503 | /** |
| 525 | * @description: 用地用海变化事件 | 504 | * @description: 用地用海变化事件 |
| 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; |
| 533 | }); | 512 | }); |
| 534 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; | 513 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; |
| 514 | }, | ||
| 535 | }, | 515 | }, |
| 536 | }, | 516 | }; |
| 537 | }; | ||
| 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(); |
| ... | @@ -456,6 +456,15 @@ | ... | @@ -456,6 +456,15 @@ |
| 456 | upDateQlrxxList (val) { | 456 | upDateQlrxxList (val) { |
| 457 | this.ruleForm.qlrList = _.cloneDeep(val); | 457 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 458 | this.czrOptions = this.ruleForm.qlrList; | 458 | this.czrOptions = this.ruleForm.qlrList; |
| 459 | this.num = 0 | ||
| 460 | this.ruleForm.qlrList.forEach(item => { | ||
| 461 | if (item.zjh == this.czr) { | ||
| 462 | this.num++ | ||
| 463 | } | ||
| 464 | }) | ||
| 465 | if (this.num == 0) { | ||
| 466 | this.czr = '' | ||
| 467 | } | ||
| 459 | }, | 468 | }, |
| 460 | // 是否持证人变化 | 469 | // 是否持证人变化 |
| 461 | /** | 470 | /** | ... | ... |
| ... | @@ -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:大正 |
| ... | @@ -359,10 +359,10 @@ | ... | @@ -359,10 +359,10 @@ |
| 359 | czrOptions: [], | 359 | czrOptions: [], |
| 360 | czr: "", | 360 | czr: "", |
| 361 | ruleForm: { | 361 | ruleForm: { |
| 362 | lq:{ | 362 | lq: { |
| 363 | zlnd:"", | 363 | zlnd: "", |
| 364 | ldsyqssj:"", | 364 | ldsyqssj: "", |
| 365 | ldsyjssj:"" | 365 | ldsyjssj: "" |
| 366 | }, | 366 | }, |
| 367 | flow: { | 367 | flow: { |
| 368 | ywh: "", | 368 | ywh: "", |
| ... | @@ -406,7 +406,15 @@ | ... | @@ -406,7 +406,15 @@ |
| 406 | upDateQlrxxList (val) { | 406 | upDateQlrxxList (val) { |
| 407 | this.ruleForm.qlrList = _.cloneDeep(val); | 407 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 408 | this.czrOptions = this.ruleForm.qlrList; | 408 | this.czrOptions = this.ruleForm.qlrList; |
| 409 | this.key++; | 409 | this.num = 0 |
| 410 | this.ruleForm.qlrList.forEach(item => { | ||
| 411 | if (item.zjh == this.czr) { | ||
| 412 | this.num++ | ||
| 413 | } | ||
| 414 | }) | ||
| 415 | if (this.num == 0) { | ||
| 416 | this.czr = '' | ||
| 417 | } | ||
| 410 | }, | 418 | }, |
| 411 | // 是否持证人变化 | 419 | // 是否持证人变化 |
| 412 | /** | 420 | /** | ... | ... |
| ... | @@ -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 | }); |
| ... | @@ -429,7 +429,15 @@ | ... | @@ -429,7 +429,15 @@ |
| 429 | upDateQlrxxList (val) { | 429 | upDateQlrxxList (val) { |
| 430 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 430 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
| 431 | this.czrOptions = this.ruleForm.qlrList; | 431 | this.czrOptions = this.ruleForm.qlrList; |
| 432 | this.key++; | 432 | this.num = 0 |
| 433 | this.ruleForm.qlrList.forEach(item => { | ||
| 434 | if (item.zjh == this.czr) { | ||
| 435 | this.num++ | ||
| 436 | } | ||
| 437 | }) | ||
| 438 | if (this.num == 0) { | ||
| 439 | this.czr = '' | ||
| 440 | } | ||
| 433 | }, | 441 | }, |
| 434 | // 更新义务人信息 | 442 | // 更新义务人信息 |
| 435 | /** | 443 | /** | ... | ... |
| ... | @@ -340,8 +340,8 @@ | ... | @@ -340,8 +340,8 @@ |
| 340 | }, | 340 | }, |
| 341 | //传递参数 | 341 | //传递参数 |
| 342 | propsParam: this.$attrs, | 342 | propsParam: this.$attrs, |
| 343 | rules: {}, | 343 | rules: {} |
| 344 | }; | 344 | } |
| 345 | }, | 345 | }, |
| 346 | methods: { | 346 | methods: { |
| 347 | /** | 347 | /** |
| ... | @@ -352,6 +352,15 @@ | ... | @@ -352,6 +352,15 @@ |
| 352 | upDateQlrxxList (val) { | 352 | upDateQlrxxList (val) { |
| 353 | this.ruleForm.qlrList = _.cloneDeep(val); | 353 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 354 | this.czrOptions = this.ruleForm.qlrList; | 354 | this.czrOptions = this.ruleForm.qlrList; |
| 355 | this.num = 0 | ||
| 356 | this.ruleForm.qlrList.forEach(item => { | ||
| 357 | if (item.zjh == this.czr) { | ||
| 358 | this.num++ | ||
| 359 | } | ||
| 360 | }) | ||
| 361 | if (this.num == 0) { | ||
| 362 | this.czr = '' | ||
| 363 | } | ||
| 355 | }, | 364 | }, |
| 356 | /** | 365 | /** |
| 357 | * @description: 更新业务人信息 | 366 | * @description: 更新业务人信息 | ... | ... |
| ... | @@ -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 | } |
| ... | @@ -270,6 +270,15 @@ | ... | @@ -270,6 +270,15 @@ |
| 270 | upDateQlrxxList (val) { | 270 | upDateQlrxxList (val) { |
| 271 | this.ruleForm.qlrList = _.cloneDeep(val); | 271 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 272 | this.czrOptions = this.ruleForm.qlrList; | 272 | this.czrOptions = this.ruleForm.qlrList; |
| 273 | this.num = 0 | ||
| 274 | this.ruleForm.qlrList.forEach(item => { | ||
| 275 | if (item.zjh == this.czr) { | ||
| 276 | this.num++ | ||
| 277 | } | ||
| 278 | }) | ||
| 279 | if (this.num == 0) { | ||
| 280 | this.czr = '' | ||
| 281 | } | ||
| 273 | }, | 282 | }, |
| 274 | /** | 283 | /** |
| 275 | * @description: 是否持证人变化 | 284 | * @description: 是否持证人变化 | ... | ... |
| ... | @@ -130,22 +130,20 @@ | ... | @@ -130,22 +130,20 @@ |
| 130 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> | 130 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> |
| 131 | </el-form-item> | 131 | </el-form-item> |
| 132 | </el-col> | 132 | </el-col> |
| 133 | <el-col :span="8"> | 133 | <el-col :span="8"> |
| 134 | <el-form-item | 134 | <el-form-item |
| 135 | label="是否禁止或者限制转让的约定:" | 135 | label="是否禁止或者限制转让的约定:" |
| 136 | label-width="200px" | 136 | label-width="200px"> |
| 137 | > | ||
| 138 | <el-radio-group | 137 | <el-radio-group |
| 139 | v-model="ruleForm.ygdj.sfczjzhxz" | 138 | v-model="ruleForm.ygdj.sfczjzhxz" |
| 140 | :disabled="!viewEdit || isJfOperation" | 139 | :disabled="!viewEdit"> |
| 141 | > | ||
| 142 | <el-radio label="1">是</el-radio> | 140 | <el-radio label="1">是</el-radio> |
| 143 | <el-radio label="0">否</el-radio> | 141 | <el-radio label="0">否</el-radio> |
| 144 | </el-radio-group> | 142 | </el-radio-group> |
| 145 | </el-form-item> | 143 | </el-form-item> |
| 146 | </el-col> | 144 | </el-col> |
| 147 | </el-row> | 145 | </el-row> |
| 148 | <el-row :gutter="10"> | 146 | <el-row :gutter="10"> |
| 149 | <el-col :span="8"> | 147 | <el-col :span="8"> |
| 150 | <el-form-item label="被担保主债权数额:"> | 148 | <el-form-item label="被担保主债权数额:"> |
| 151 | <div class="flex"> | 149 | <div class="flex"> |
| ... | @@ -320,14 +318,14 @@ | ... | @@ -320,14 +318,14 @@ |
| 320 | Init(formdata).then((res) => { | 318 | Init(formdata).then((res) => { |
| 321 | if (res.code === 200 && res.result) { | 319 | if (res.code === 200 && res.result) { |
| 322 | that.ruleForm = res.result; | 320 | that.ruleForm = res.result; |
| 323 | this.czrOptions = this.ruleForm.qlrList; | 321 | that.czrOptions = this.ruleForm.qlrList; |
| 324 | this.ruleForm.qlrList.forEach((item) => { | 322 | that.ruleForm.qlrList.forEach((item) => { |
| 325 | if (item.sfczr == 1) { | 323 | if (item.sfczr == 1) { |
| 326 | this.czr = item.sqrmc; | 324 | that.czr = item.zjh; |
| 327 | } | 325 | } |
| 328 | }); | 326 | }); |
| 329 | setTimeout(() => { | 327 | setTimeout(() => { |
| 330 | this.loading = false | 328 | that.loading = false |
| 331 | }, 200) | 329 | }, 200) |
| 332 | } | 330 | } |
| 333 | }) | 331 | }) |
| ... | @@ -360,6 +358,15 @@ | ... | @@ -360,6 +358,15 @@ |
| 360 | upDateQlrxxList (val) { | 358 | upDateQlrxxList (val) { |
| 361 | this.ruleForm.qlrList = _.cloneDeep(val); | 359 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 362 | this.czrOptions = this.ruleForm.qlrList; | 360 | this.czrOptions = this.ruleForm.qlrList; |
| 361 | this.num = 0 | ||
| 362 | this.ruleForm.qlrList.forEach(item => { | ||
| 363 | if (item.zjh == this.czr) { | ||
| 364 | this.num++ | ||
| 365 | } | ||
| 366 | }) | ||
| 367 | if (this.num == 0) { | ||
| 368 | this.czr = '' | ||
| 369 | } | ||
| 363 | }, | 370 | }, |
| 364 | /** | 371 | /** |
| 365 | * @description: 义务人信息 | 372 | * @description: 义务人信息 | ... | ... |
| ... | @@ -5,8 +5,7 @@ | ... | @@ -5,8 +5,7 @@ |
| 5 | class="loadingtext" | 5 | class="loadingtext" |
| 6 | :label-position="flag ? 'top' : ''" | 6 | :label-position="flag ? 'top' : ''" |
| 7 | :inline="flag" | 7 | :inline="flag" |
| 8 | label-width="140px" | 8 | label-width="140px"> |
| 9 | > | ||
| 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 9 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 11 | <div class="slxx_title title-block"> | 10 | <div class="slxx_title title-block"> |
| 12 | 申请业务信息 | 11 | 申请业务信息 |
| ... | @@ -34,16 +33,14 @@ | ... | @@ -34,16 +33,14 @@ |
| 34 | <el-form-item label="权利类型:"> | 33 | <el-form-item label="权利类型:"> |
| 35 | <el-input | 34 | <el-input |
| 36 | disabled | 35 | disabled |
| 37 | v-model="ruleForm.sldyList[0].qllxmc" | 36 | v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
| 38 | ></el-input> | ||
| 39 | </el-form-item> | 37 | </el-form-item> |
| 40 | </el-col> | 38 | </el-col> |
| 41 | <el-col :span="8"> | 39 | <el-col :span="8"> |
| 42 | <el-form-item label="登记类型:"> | 40 | <el-form-item label="登记类型:"> |
| 43 | <el-input | 41 | <el-input |
| 44 | disabled | 42 | disabled |
| 45 | v-model="ruleForm.sldyList[0].djlxmc" | 43 | v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
| 46 | ></el-input> | ||
| 47 | </el-form-item> | 44 | </el-form-item> |
| 48 | </el-col> | 45 | </el-col> |
| 49 | <el-col :span="8"> | 46 | <el-col :span="8"> |
| ... | @@ -54,8 +51,7 @@ | ... | @@ -54,8 +51,7 @@ |
| 54 | </el-row> | 51 | </el-row> |
| 55 | <div | 52 | <div |
| 56 | class="slxx_title title-block" | 53 | class="slxx_title title-block" |
| 57 | v-if="ruleForm.hlist && ruleForm.hlist.length > 0" | 54 | v-if="ruleForm.hlist && ruleForm.hlist.length > 0"> |
| 58 | > | ||
| 59 | 抵押户信息列表信息({{ ruleForm.hlist.length }} 户) | 55 | 抵押户信息列表信息({{ ruleForm.hlist.length }} 户) |
| 60 | <div class="triangle"></div> | 56 | <div class="triangle"></div> |
| 61 | </div> | 57 | </div> |
| ... | @@ -66,8 +62,7 @@ | ... | @@ -66,8 +62,7 @@ |
| 66 | </div> | 62 | </div> |
| 67 | <el-row | 63 | <el-row |
| 68 | :gutter="10" | 64 | :gutter="10" |
| 69 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" | 65 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> |
| 70 | > | ||
| 71 | <el-col :span="8"> | 66 | <el-col :span="8"> |
| 72 | <el-form-item label="抵押方式:"> | 67 | <el-form-item label="抵押方式:"> |
| 73 | <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> | 68 | <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> |
| ... | @@ -80,8 +75,7 @@ | ... | @@ -80,8 +75,7 @@ |
| 80 | <el-form-item label="抵押金额类型:"> | 75 | <el-form-item label="抵押金额类型:"> |
| 81 | <el-radio-group | 76 | <el-radio-group |
| 82 | v-model="ruleForm.diyaqList[0].dyjelx" | 77 | v-model="ruleForm.diyaqList[0].dyjelx" |
| 83 | :disabled="!viewEdit" | 78 | :disabled="!viewEdit"> |
| 84 | > | ||
| 85 | <el-radio label="0">独立抵押</el-radio> | 79 | <el-radio label="0">独立抵押</el-radio> |
| 86 | <el-radio label="1">整体抵押</el-radio> | 80 | <el-radio label="1">整体抵押</el-radio> |
| 87 | </el-radio-group> | 81 | </el-radio-group> |
| ... | @@ -90,12 +84,10 @@ | ... | @@ -90,12 +84,10 @@ |
| 90 | <el-col :span="8"> | 84 | <el-col :span="8"> |
| 91 | <el-form-item | 85 | <el-form-item |
| 92 | label="是否存在禁止或者限制转让抵押不动产的约定:" | 86 | label="是否存在禁止或者限制转让抵押不动产的约定:" |
| 93 | label-width="350px" | 87 | label-width="350px"> |
| 94 | > | ||
| 95 | <el-radio-group | 88 | <el-radio-group |
| 96 | v-model="ruleForm.diyaqList[0].sfczjzhxz" | 89 | v-model="ruleForm.diyaqList[0].sfczjzhxz" |
| 97 | :disabled="!viewEdit" | 90 | :disabled="!viewEdit"> |
| 98 | > | ||
| 99 | <el-radio label="1">启用</el-radio> | 91 | <el-radio label="1">启用</el-radio> |
| 100 | <el-radio label="0">禁用</el-radio> | 92 | <el-radio label="0">禁用</el-radio> |
| 101 | </el-radio-group> | 93 | </el-radio-group> |
| ... | @@ -105,24 +97,20 @@ | ... | @@ -105,24 +97,20 @@ |
| 105 | 97 | ||
| 106 | <el-row | 98 | <el-row |
| 107 | :gutter="10" | 99 | :gutter="10" |
| 108 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" | 100 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> |
| 109 | > | ||
| 110 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> | 101 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> |
| 111 | <el-form-item label="被担保主债权数额:"> | 102 | <el-form-item label="被担保主债权数额:"> |
| 112 | <el-input | 103 | <el-input |
| 113 | v-model="ruleForm.diyaqList[0].bdbzzqse" | 104 | v-model="ruleForm.diyaqList[0].bdbzzqse" |
| 114 | :disabled="!viewEdit" | 105 | :disabled="!viewEdit"></el-input> |
| 115 | ></el-input> | ||
| 116 | <el-select | 106 | <el-select |
| 117 | v-model="ruleForm.diyaqList[0].jedw" | 107 | v-model="ruleForm.diyaqList[0].jedw" |
| 118 | :disabled="!viewEdit" | 108 | :disabled="!viewEdit"> |
| 119 | > | ||
| 120 | <el-option | 109 | <el-option |
| 121 | v-for="item in dictData['A57']" | 110 | v-for="item in dictData['A57']" |
| 122 | :key="item.dcode" | 111 | :key="item.dcode" |
| 123 | :label="item.dname" | 112 | :label="item.dname" |
| 124 | :value="item.dcode" | 113 | :value="item.dcode"> |
| 125 | > | ||
| 126 | </el-option> | 114 | </el-option> |
| 127 | </el-select> | 115 | </el-select> |
| 128 | </el-form-item> | 116 | </el-form-item> |
| ... | @@ -132,18 +120,15 @@ | ... | @@ -132,18 +120,15 @@ |
| 132 | <el-form-item label="最高债权额:"> | 120 | <el-form-item label="最高债权额:"> |
| 133 | <el-input | 121 | <el-input |
| 134 | v-model="ruleForm.diyaqList[0].zgzqse" | 122 | v-model="ruleForm.diyaqList[0].zgzqse" |
| 135 | :disabled="!viewEdit" | 123 | :disabled="!viewEdit"></el-input> |
| 136 | ></el-input> | ||
| 137 | <el-select | 124 | <el-select |
| 138 | v-model="ruleForm.diyaqList[0].jedw" | 125 | v-model="ruleForm.diyaqList[0].jedw" |
| 139 | :disabled="!viewEdit" | 126 | :disabled="!viewEdit"> |
| 140 | > | ||
| 141 | <el-option | 127 | <el-option |
| 142 | v-for="item in dictData['A57']" | 128 | v-for="item in dictData['A57']" |
| 143 | :key="item.dcode" | 129 | :key="item.dcode" |
| 144 | :label="item.dname" | 130 | :label="item.dname" |
| 145 | :value="item.dcode" | 131 | :value="item.dcode"> |
| 146 | > | ||
| 147 | </el-option> | 132 | </el-option> |
| 148 | </el-select> | 133 | </el-select> |
| 149 | </el-form-item> | 134 | </el-form-item> |
| ... | @@ -154,8 +139,7 @@ | ... | @@ -154,8 +139,7 @@ |
| 154 | <el-date-picker | 139 | <el-date-picker |
| 155 | v-model="ruleForm.diyaqList[0].zwlxqssj" | 140 | v-model="ruleForm.diyaqList[0].zwlxqssj" |
| 156 | :disabled="!viewEdit" | 141 | :disabled="!viewEdit" |
| 157 | type="date" | 142 | type="date"> |
| 158 | > | ||
| 159 | </el-date-picker> | 143 | </el-date-picker> |
| 160 | </el-form-item> | 144 | </el-form-item> |
| 161 | </el-col> | 145 | </el-col> |
| ... | @@ -164,8 +148,7 @@ | ... | @@ -164,8 +148,7 @@ |
| 164 | <el-date-picker | 148 | <el-date-picker |
| 165 | v-model="ruleForm.diyaqList[0].zwlxjssj" | 149 | v-model="ruleForm.diyaqList[0].zwlxjssj" |
| 166 | :disabled="!viewEdit" | 150 | :disabled="!viewEdit" |
| 167 | type="date" | 151 | type="date"> |
| 168 | > | ||
| 169 | </el-date-picker> | 152 | </el-date-picker> |
| 170 | </el-form-item> | 153 | </el-form-item> |
| 171 | </el-col> | 154 | </el-col> |
| ... | @@ -176,8 +159,7 @@ | ... | @@ -176,8 +159,7 @@ |
| 176 | <el-form-item label="担保范围:"> | 159 | <el-form-item label="担保范围:"> |
| 177 | <el-input | 160 | <el-input |
| 178 | v-model="ruleForm.diyaqList[0].dbfw" | 161 | v-model="ruleForm.diyaqList[0].dbfw" |
| 179 | :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit" | 162 | :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input> |
| 180 | ></el-input> | ||
| 181 | </el-form-item> | 163 | </el-form-item> |
| 182 | </el-col> | 164 | </el-col> |
| 183 | </el-row> | 165 | </el-row> |
| ... | @@ -186,8 +168,7 @@ | ... | @@ -186,8 +168,7 @@ |
| 186 | <el-form-item label="最高债权确定事实和数额:"> | 168 | <el-form-item label="最高债权确定事实和数额:"> |
| 187 | <el-input | 169 | <el-input |
| 188 | v-model="ruleForm.diyaqList[0].zgzqqdss" | 170 | v-model="ruleForm.diyaqList[0].zgzqqdss" |
| 189 | :disabled="!viewEdit" | 171 | :disabled="!viewEdit"></el-input> |
| 190 | ></el-input> | ||
| 191 | </el-form-item> | 172 | </el-form-item> |
| 192 | </el-col> | 173 | </el-col> |
| 193 | </el-row> | 174 | </el-row> |
| ... | @@ -199,8 +180,7 @@ | ... | @@ -199,8 +180,7 @@ |
| 199 | maxlength="500" | 180 | maxlength="500" |
| 200 | show-word-limit | 181 | show-word-limit |
| 201 | v-model="ruleForm.diyaqList[0].fj" | 182 | v-model="ruleForm.diyaqList[0].fj" |
| 202 | :disabled="!viewEdit" | 183 | :disabled="!viewEdit"></el-input> |
| 203 | ></el-input> | ||
| 204 | </el-form-item> | 184 | </el-form-item> |
| 205 | </el-col> | 185 | </el-col> |
| 206 | </el-row> | 186 | </el-row> |
| ... | @@ -211,14 +191,12 @@ | ... | @@ -211,14 +191,12 @@ |
| 211 | </div> | 191 | </div> |
| 212 | <el-row | 192 | <el-row |
| 213 | :gutter="10" | 193 | :gutter="10" |
| 214 | v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0" | 194 | v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"> |
| 215 | > | ||
| 216 | <el-col :span="14"> | 195 | <el-col :span="14"> |
| 217 | <el-form-item label="共有方式:"> | 196 | <el-form-item label="共有方式:"> |
| 218 | <el-radio-group | 197 | <el-radio-group |
| 219 | :disabled="!viewEdit" | 198 | :disabled="!viewEdit" |
| 220 | v-model="ruleForm.sldyList[0].gyfs" | 199 | v-model="ruleForm.sldyList[0].gyfs"> |
| 221 | > | ||
| 222 | <el-radio label="0">单独所有</el-radio> | 200 | <el-radio label="0">单独所有</el-radio> |
| 223 | <el-radio label="1">共同共有</el-radio> | 201 | <el-radio label="1">共同共有</el-radio> |
| 224 | <el-radio label="2">按份所有</el-radio> | 202 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -232,8 +210,7 @@ | ... | @@ -232,8 +210,7 @@ |
| 232 | <el-radio-group | 210 | <el-radio-group |
| 233 | v-model="ruleForm.sldyList[0].sqfbcz" | 211 | v-model="ruleForm.sldyList[0].sqfbcz" |
| 234 | :disabled="!viewEdit" | 212 | :disabled="!viewEdit" |
| 235 | @input="updaterow()" | 213 | @input="updaterow()"> |
| 236 | > | ||
| 237 | <el-radio label="1">是</el-radio> | 214 | <el-radio label="1">是</el-radio> |
| 238 | <el-radio label="0">否</el-radio> | 215 | <el-radio label="0">否</el-radio> |
| 239 | </el-radio-group> | 216 | </el-radio-group> |
| ... | @@ -244,20 +221,17 @@ | ... | @@ -244,20 +221,17 @@ |
| 244 | v-show=" | 221 | v-show=" |
| 245 | ruleForm.sldyList[0].gyfs != '0' && | 222 | ruleForm.sldyList[0].gyfs != '0' && |
| 246 | ruleForm.sldyList[0].sqfbcz == '0' | 223 | ruleForm.sldyList[0].sqfbcz == '0' |
| 247 | " | 224 | "> |
| 248 | > | ||
| 249 | <el-form-item label="持证人:"> | 225 | <el-form-item label="持证人:"> |
| 250 | <el-select | 226 | <el-select |
| 251 | v-model="czr" | 227 | v-model="czr" |
| 252 | placeholder="持证人" | 228 | placeholder="持证人" |
| 253 | :disabled="!viewEdit" | 229 | :disabled="!viewEdit"> |
| 254 | > | ||
| 255 | <el-option | 230 | <el-option |
| 256 | v-for="item in czrOptions" | 231 | v-for="item in czrOptions" |
| 257 | :key="item.value" | 232 | :key="item.value" |
| 258 | :label="item.label" | 233 | :label="item.label" |
| 259 | :value="item.value" | 234 | :value="item.value"> |
| 260 | > | ||
| 261 | </el-option> | 235 | </el-option> |
| 262 | </el-select> | 236 | </el-select> |
| 263 | </el-form-item> | 237 | </el-form-item> |
| ... | @@ -268,8 +242,7 @@ | ... | @@ -268,8 +242,7 @@ |
| 268 | :tableData="ruleForm.qlrList" | 242 | :tableData="ruleForm.qlrList" |
| 269 | @upDateQlrxxList="upDateQlrxxList" | 243 | @upDateQlrxxList="upDateQlrxxList" |
| 270 | :disabled="viewEdit" | 244 | :disabled="viewEdit" |
| 271 | :gyfs="ruleForm.sldyList[0].gyfs" | 245 | :gyfs="ruleForm.sldyList[0].gyfs" /> |
| 272 | /> | ||
| 273 | <div class="slxx_title title-block"> | 246 | <div class="slxx_title title-block"> |
| 274 | 抵押人信息 | 247 | 抵押人信息 |
| 275 | <div class="triangle"></div> | 248 | <div class="triangle"></div> |
| ... | @@ -277,8 +250,7 @@ | ... | @@ -277,8 +250,7 @@ |
| 277 | <qlrCommonTable | 250 | <qlrCommonTable |
| 278 | :tableData="ruleForm.ywrList" | 251 | :tableData="ruleForm.ywrList" |
| 279 | @upDateQlrxxList="upDateYwrxxList" | 252 | @upDateQlrxxList="upDateYwrxxList" |
| 280 | :disabled="viewEdit" | 253 | :disabled="viewEdit" /> |
| 281 | /> | ||
| 282 | 254 | ||
| 283 | <div class="slxx_title title-block"> | 255 | <div class="slxx_title title-block"> |
| 284 | 登记原因 | 256 | 登记原因 |
| ... | @@ -286,20 +258,17 @@ | ... | @@ -286,20 +258,17 @@ |
| 286 | </div> | 258 | </div> |
| 287 | <el-row | 259 | <el-row |
| 288 | :gutter="10" | 260 | :gutter="10" |
| 289 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" | 261 | v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> |
| 290 | > | ||
| 291 | <el-col> | 262 | <el-col> |
| 292 | <el-form-item | 263 | <el-form-item |
| 293 | v-if="ruleForm.sldyList[0].djlx == '400'" | 264 | v-if="ruleForm.sldyList[0].djlx == '400'" |
| 294 | label="注销抵押原因:" | 265 | label="注销抵押原因:" |
| 295 | prop="djyy" | 266 | prop="djyy"> |
| 296 | > | ||
| 297 | <el-input | 267 | <el-input |
| 298 | class="textArea" | 268 | class="textArea" |
| 299 | type="textarea" | 269 | type="textarea" |
| 300 | :disabled="!viewEdit" | 270 | :disabled="!viewEdit" |
| 301 | v-model="ruleForm.diyaqList[0].zxdyyy" | 271 | v-model="ruleForm.diyaqList[0].zxdyyy"> |
| 302 | > | ||
| 303 | </el-input> | 272 | </el-input> |
| 304 | </el-form-item> | 273 | </el-form-item> |
| 305 | <el-form-item v-else label="登记原因:" prop="djyy"> | 274 | <el-form-item v-else label="登记原因:" prop="djyy"> |
| ... | @@ -309,8 +278,7 @@ | ... | @@ -309,8 +278,7 @@ |
| 309 | maxlength="500" | 278 | maxlength="500" |
| 310 | show-word-limit | 279 | show-word-limit |
| 311 | :disabled="!viewEdit" | 280 | :disabled="!viewEdit" |
| 312 | v-model="ruleForm.diyaqList[0].djyy" | 281 | v-model="ruleForm.diyaqList[0].djyy"> |
| 313 | > | ||
| 314 | </el-input> | 282 | </el-input> |
| 315 | </el-form-item> | 283 | </el-form-item> |
| 316 | </el-col> | 284 | </el-col> |
| ... | @@ -325,163 +293,163 @@ | ... | @@ -325,163 +293,163 @@ |
| 325 | </div> | 293 | </div> |
| 326 | </template> | 294 | </template> |
| 327 | <script> | 295 | <script> |
| 328 | import qjhTable from "@/views/workflow/components/qjhTable"; | 296 | import qjhTable from "@/views/workflow/components/qjhTable"; |
| 329 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 297 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 330 | import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; | 298 | import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; |
| 331 | import { mapGetters } from "vuex"; | 299 | import { mapGetters } from "vuex"; |
| 332 | export default { | 300 | export default { |
| 333 | mounted() { | 301 | mounted () { |
| 334 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 302 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 335 | this.propsParam = this.$attrs; | 303 | this.propsParam = this.$attrs; |
| 336 | var formdata = new FormData(); | 304 | var formdata = new FormData(); |
| 337 | 305 | ||
| 338 | this.$startLoading(); | 306 | this.$startLoading(); |
| 339 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 307 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 340 | formdata.append("djlx", this.propsParam.djlx); | 308 | formdata.append("djlx", this.propsParam.djlx); |
| 341 | formdata.append("isEdit", this.viewEdit); | 309 | formdata.append("isEdit", this.viewEdit); |
| 342 | bacthInit(formdata).then((res) => { | 310 | bacthInit(formdata).then((res) => { |
| 343 | this.$endLoading(); | 311 | this.$endLoading(); |
| 344 | if (res.code === 200 && res.result) { | 312 | if (res.code === 200 && res.result) { |
| 345 | this.ruleForm = res.result; | 313 | this.ruleForm = res.result; |
| 346 | this.czrOptions = this.ruleForm.qlrList; | 314 | this.czrOptions = this.ruleForm.qlrList; |
| 347 | this.ruleForm.qlrList.forEach((item) => { | 315 | this.ruleForm.qlrList.forEach((item) => { |
| 348 | if (item.sfczr == 1) { | 316 | if (item.sfczr == 1) { |
| 349 | this.czr = item.sqrmc; | 317 | this.czr = item.zjh |
| 350 | } | 318 | } |
| 351 | }); | ||
| 352 | } else { | ||
| 353 | this.$message.error(res.message); | ||
| 354 | } | ||
| 355 | }); | ||
| 356 | }, | ||
| 357 | components: { qlrCommonTable, qjhTable }, | ||
| 358 | computed: { | ||
| 359 | ...mapGetters(["dictData", "flag"]), | ||
| 360 | }, | ||
| 361 | data() { | ||
| 362 | return { | ||
| 363 | //表单是否可操作 | ||
| 364 | viewEdit: true, | ||
| 365 | disabled: true, | ||
| 366 | czrOptions: [], | ||
| 367 | czr: "", | ||
| 368 | ruleForm: {}, | ||
| 369 | //传递参数 | ||
| 370 | propsParam: {}, | ||
| 371 | rules: {}, | ||
| 372 | tableData: [], | ||
| 373 | }; | ||
| 374 | }, | ||
| 375 | methods: { | ||
| 376 | /** | ||
| 377 | * @description: onSubmitClick | ||
| 378 | * @author: renchao | ||
| 379 | */ | ||
| 380 | onSubmitClick() { | ||
| 381 | let that = this; | ||
| 382 | if (this.ruleForm.qlrList.length == 0) { | ||
| 383 | this.$message({ | ||
| 384 | showClose: true, | ||
| 385 | message: "请确认抵押权人信息", | ||
| 386 | type: "error", | ||
| 387 | }); | ||
| 388 | return false; | ||
| 389 | } | ||
| 390 | if (ruleForm.sldyList[0].gyfs == "0") { | ||
| 391 | if (this.ruleForm.qlrList.length > 1) { | ||
| 392 | this.$message({ | ||
| 393 | showClose: true, | ||
| 394 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 395 | type: "error", | ||
| 396 | }); | 319 | }); |
| 397 | return false; | 320 | } else { |
| 321 | this.$message.error(res.message); | ||
| 398 | } | 322 | } |
| 399 | this.ruleForm.qlrList[0].sfczr = "1"; | 323 | }); |
| 400 | } else { | 324 | }, |
| 401 | if (this.ruleForm.qlrList.length <= 1) { | 325 | components: { qlrCommonTable, qjhTable }, |
| 326 | computed: { | ||
| 327 | ...mapGetters(["dictData", "flag"]), | ||
| 328 | }, | ||
| 329 | data () { | ||
| 330 | return { | ||
| 331 | //表单是否可操作 | ||
| 332 | viewEdit: true, | ||
| 333 | disabled: true, | ||
| 334 | czrOptions: [], | ||
| 335 | czr: "", | ||
| 336 | ruleForm: {}, | ||
| 337 | //传递参数 | ||
| 338 | propsParam: {}, | ||
| 339 | rules: {}, | ||
| 340 | tableData: [], | ||
| 341 | }; | ||
| 342 | }, | ||
| 343 | methods: { | ||
| 344 | /** | ||
| 345 | * @description: onSubmitClick | ||
| 346 | * @author: renchao | ||
| 347 | */ | ||
| 348 | onSubmitClick () { | ||
| 349 | let that = this; | ||
| 350 | if (this.ruleForm.qlrList.length == 0) { | ||
| 402 | this.$message({ | 351 | this.$message({ |
| 403 | showClose: true, | 352 | showClose: true, |
| 404 | message: | 353 | message: "请确认抵押权人信息", |
| 405 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 406 | type: "error", | 354 | type: "error", |
| 407 | }); | 355 | }); |
| 408 | return false; | 356 | return false; |
| 409 | } | 357 | } |
| 410 | //是否分别持证 | 358 | if (ruleForm.sldyList[0].gyfs == "0") { |
| 411 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { | 359 | if (this.ruleForm.qlrList.length > 1) { |
| 412 | //是 | 360 | this.$message({ |
| 413 | this.ruleForm.qlrList.forEach((item, index) => { | 361 | showClose: true, |
| 414 | item.sfczr = "1"; | 362 | message: "共有方式:单独所有,权利人只能是一个人", |
| 415 | }); | 363 | type: "error", |
| 364 | }); | ||
| 365 | return false; | ||
| 366 | } | ||
| 367 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 416 | } else { | 368 | } else { |
| 417 | if (!that.czr) { | 369 | if (this.ruleForm.qlrList.length <= 1) { |
| 418 | that.$message({ | 370 | this.$message({ |
| 419 | showClose: true, | 371 | showClose: true, |
| 420 | message: "请选择持证人", | 372 | message: |
| 373 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 421 | type: "error", | 374 | type: "error", |
| 422 | }); | 375 | }); |
| 423 | return false; | 376 | return false; |
| 424 | } | 377 | } |
| 425 | this.ruleForm.qlrList.forEach((item, index) => { | 378 | //是否分别持证 |
| 426 | if (item.zjh == that.czr) { | 379 | if (this.ruleForm.sldyList[0].sqfbcz == "1") { |
| 380 | //是 | ||
| 381 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 427 | item.sfczr = "1"; | 382 | item.sfczr = "1"; |
| 428 | } else { | 383 | }); |
| 429 | item.sfczr = "0"; | 384 | } else { |
| 385 | if (!that.czr) { | ||
| 386 | that.$message({ | ||
| 387 | showClose: true, | ||
| 388 | message: "请选择持证人", | ||
| 389 | type: "error", | ||
| 390 | }); | ||
| 391 | return false; | ||
| 430 | } | 392 | } |
| 431 | }); | 393 | this.ruleForm.qlrList.forEach((item, index) => { |
| 394 | if (item.zjh == that.czr) { | ||
| 395 | item.sfczr = "1"; | ||
| 396 | } else { | ||
| 397 | item.sfczr = "0"; | ||
| 398 | } | ||
| 399 | }); | ||
| 400 | } | ||
| 432 | } | 401 | } |
| 433 | } | 402 | saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 434 | saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => { | 403 | if (res.code === 200) { |
| 435 | if (res.code === 200) { | 404 | this.$message({ |
| 436 | this.$message({ | 405 | showClose: true, |
| 437 | showClose: true, | 406 | message: "保存成功!", |
| 438 | message: "保存成功!", | 407 | type: "success", |
| 439 | type: "success", | 408 | }); |
| 440 | }); | 409 | this.$store.dispatch("user/refreshPage", true); |
| 441 | this.$store.dispatch("user/refreshPage", true); | 410 | } else { |
| 442 | } else { | 411 | this.$message({ |
| 443 | this.$message({ | 412 | showClose: true, |
| 444 | showClose: true, | 413 | message: res.message, |
| 445 | message: res.message, | 414 | type: "error", |
| 446 | type: "error", | 415 | }); |
| 447 | }); | 416 | } |
| 417 | }); | ||
| 418 | }, | ||
| 419 | // 是否持证人变化 | ||
| 420 | /** | ||
| 421 | * @description: 是否持证人变化 | ||
| 422 | * @param {*} val | ||
| 423 | * @author: renchao | ||
| 424 | */ | ||
| 425 | updaterow () { | ||
| 426 | this.czr = ""; | ||
| 427 | }, | ||
| 428 | /** | ||
| 429 | * @description: 更新权利人信息 | ||
| 430 | * @param {*} val | ||
| 431 | * @author: renchao | ||
| 432 | */ | ||
| 433 | upDateQlrxxList (val) { | ||
| 434 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 435 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 436 | this.czrOptions = this.ruleForm.qlrList; | ||
| 448 | } | 437 | } |
| 449 | }); | 438 | }, |
| 450 | }, | 439 | /** |
| 451 | // 是否持证人变化 | 440 | * @description: 更新义务人信息 |
| 452 | /** | 441 | * @param {*} val |
| 453 | * @description: 是否持证人变化 | 442 | * @author: renchao |
| 454 | * @param {*} val | 443 | */ |
| 455 | * @author: renchao | 444 | upDateYwrxxList (val) { |
| 456 | */ | 445 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
| 457 | updaterow() { | 446 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 458 | this.czr = ""; | 447 | } |
| 459 | }, | 448 | }, |
| 460 | /** | ||
| 461 | * @description: 更新权利人信息 | ||
| 462 | * @param {*} val | ||
| 463 | * @author: renchao | ||
| 464 | */ | ||
| 465 | upDateQlrxxList(val) { | ||
| 466 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 467 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 468 | this.czrOptions = this.ruleForm.qlrList; | ||
| 469 | } | ||
| 470 | }, | ||
| 471 | /** | ||
| 472 | * @description: 更新义务人信息 | ||
| 473 | * @param {*} val | ||
| 474 | * @author: renchao | ||
| 475 | */ | ||
| 476 | upDateYwrxxList(val) { | ||
| 477 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
| 478 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 479 | } | ||
| 480 | }, | 449 | }, |
| 481 | }, | 450 | }; |
| 482 | }; | ||
| 483 | </script> | 451 | </script> |
| 484 | <style scoped lang="scss"> | 452 | <style scoped lang="scss"> |
| 485 | @import "~@/styles/public.scss"; | 453 | @import "~@/styles/public.scss"; |
| 486 | @import "~@/styles/slxx/slxx.scss"; | 454 | @import "~@/styles/slxx/slxx.scss"; |
| 487 | </style> | 455 | </style> | ... | ... |
| ... | @@ -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,171 +323,171 @@ | ... | @@ -346,171 +323,171 @@ |
| 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(); |
| 357 | this.$startLoading(); | 334 | this.$startLoading(); |
| 358 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 335 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 359 | formdata.append("djlx", this.propsParam.djlx); | 336 | formdata.append("djlx", this.propsParam.djlx); |
| 360 | formdata.append("isEdit", this.viewEdit); | 337 | formdata.append("isEdit", this.viewEdit); |
| 361 | Init(formdata).then((res) => { | 338 | Init(formdata).then((res) => { |
| 362 | if (res.code === 200 && res.result) { | 339 | if (res.code === 200 && res.result) { |
| 363 | this.ruleForm = res.result; | 340 | this.ruleForm = res.result; |
| 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 | }); | ||
| 370 | this.$endLoading(); | ||
| 371 | } | ||
| 372 | }); | ||
| 373 | }, | ||
| 374 | components: { qlrCommonTable }, | ||
| 375 | computed: { | ||
| 376 | ...mapGetters(["dictData", "flag"]), | ||
| 377 | }, | ||
| 378 | data() { | ||
| 379 | return { | ||
| 380 | //表单是否可操作 | ||
| 381 | viewEdit: true, | ||
| 382 | disabled: true, | ||
| 383 | czrOptions: [], | ||
| 384 | czr: "", | ||
| 385 | ruleForm: {}, | ||
| 386 | //传递参数 | ||
| 387 | propsParam: {}, | ||
| 388 | rules: {}, | ||
| 389 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 390 | normalizer(node) { | ||
| 391 | //方法 | ||
| 392 | if (node.children == null || node.children == "null") { | ||
| 393 | delete node.children; | ||
| 394 | } | ||
| 395 | return { | ||
| 396 | id: node.dcode, | ||
| 397 | label: node.dname, | ||
| 398 | }; | ||
| 399 | }, | ||
| 400 | }; | ||
| 401 | }, | ||
| 402 | methods: { | ||
| 403 | /** | ||
| 404 | * @description: onSubmitClick | ||
| 405 | * @author: renchao | ||
| 406 | */ | ||
| 407 | onSubmitClick() { | ||
| 408 | let that = this; | ||
| 409 | if (this.ruleForm.qlrList.length == 0) { | ||
| 410 | this.$message({ | ||
| 411 | showClose: true, | ||
| 412 | message: "请确认权利人信息", | ||
| 413 | type: "error", | ||
| 414 | }); | ||
| 415 | return false; | ||
| 416 | } | ||
| 417 | |||
| 418 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 419 | if (this.ruleForm.qlrList.length > 1) { | ||
| 420 | this.$message({ | ||
| 421 | showClose: true, | ||
| 422 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 423 | type: "error", | ||
| 424 | }); | 346 | }); |
| 425 | return false; | 347 | this.$endLoading(); |
| 426 | } | 348 | } |
| 427 | this.ruleForm.qlrList[0].sfczr = "1"; | 349 | }); |
| 428 | } else { | 350 | }, |
| 429 | if (this.ruleForm.qlrList.length <= 1) { | 351 | components: { qlrCommonTable }, |
| 352 | computed: { | ||
| 353 | ...mapGetters(["dictData", "flag"]), | ||
| 354 | }, | ||
| 355 | data () { | ||
| 356 | return { | ||
| 357 | //表单是否可操作 | ||
| 358 | viewEdit: true, | ||
| 359 | disabled: true, | ||
| 360 | czrOptions: [], | ||
| 361 | czr: "", | ||
| 362 | ruleForm: {}, | ||
| 363 | //传递参数 | ||
| 364 | propsParam: {}, | ||
| 365 | rules: {}, | ||
| 366 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 367 | normalizer (node) { | ||
| 368 | //方法 | ||
| 369 | if (node.children == null || node.children == "null") { | ||
| 370 | delete node.children; | ||
| 371 | } | ||
| 372 | return { | ||
| 373 | id: node.dcode, | ||
| 374 | label: node.dname, | ||
| 375 | }; | ||
| 376 | }, | ||
| 377 | }; | ||
| 378 | }, | ||
| 379 | methods: { | ||
| 380 | /** | ||
| 381 | * @description: onSubmitClick | ||
| 382 | * @author: renchao | ||
| 383 | */ | ||
| 384 | onSubmitClick () { | ||
| 385 | let that = this; | ||
| 386 | if (this.ruleForm.qlrList.length == 0) { | ||
| 430 | this.$message({ | 387 | this.$message({ |
| 431 | showClose: true, | 388 | showClose: true, |
| 432 | message: | 389 | message: "请确认权利人信息", |
| 433 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 434 | type: "error", | 390 | type: "error", |
| 435 | }); | 391 | }); |
| 436 | return false; | 392 | return false; |
| 437 | } | 393 | } |
| 438 | //是否分别持证 | 394 | |
| 439 | if (this.ruleForm.sldy.sqfbcz == "1") { | 395 | if (this.ruleForm.sldy.gyfs == "0") { |
| 440 | //是 | 396 | if (this.ruleForm.qlrList.length > 1) { |
| 441 | this.ruleForm.qlrList.forEach((item, index) => { | 397 | this.$message({ |
| 442 | item.sfczr = "1"; | 398 | showClose: true, |
| 443 | }); | 399 | message: "共有方式:单独所有,权利人只能是一个人", |
| 400 | type: "error", | ||
| 401 | }); | ||
| 402 | return false; | ||
| 403 | } | ||
| 404 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 444 | } else { | 405 | } else { |
| 445 | if (!that.czr) { | 406 | if (this.ruleForm.qlrList.length <= 1) { |
| 446 | that.$message({ | 407 | this.$message({ |
| 447 | showClose: true, | 408 | showClose: true, |
| 448 | message: "请选择持证人", | 409 | message: |
| 410 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
| 449 | type: "error", | 411 | type: "error", |
| 450 | }); | 412 | }); |
| 451 | return false; | 413 | return false; |
| 452 | } | 414 | } |
| 453 | this.ruleForm.qlrList.forEach((item, index) => { | 415 | //是否分别持证 |
| 454 | if (item.zjh == that.czr) { | 416 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 417 | //是 | ||
| 418 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 455 | item.sfczr = "1"; | 419 | item.sfczr = "1"; |
| 456 | } else { | 420 | }); |
| 457 | item.sfczr = "0"; | 421 | } else { |
| 422 | if (!that.czr) { | ||
| 423 | that.$message({ | ||
| 424 | showClose: true, | ||
| 425 | message: "请选择持证人", | ||
| 426 | type: "error", | ||
| 427 | }); | ||
| 428 | return false; | ||
| 458 | } | 429 | } |
| 459 | }); | 430 | this.ruleForm.qlrList.forEach((item, index) => { |
| 460 | } | 431 | if (item.zjh == that.czr) { |
| 461 | } | 432 | item.sfczr = "1"; |
| 462 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { | 433 | } else { |
| 463 | if (res.code === 200) { | 434 | item.sfczr = "0"; |
| 464 | this.$message({ | 435 | } |
| 465 | showClose: true, | 436 | }); |
| 466 | message: "保存成功!", | 437 | } |
| 467 | type: "success", | ||
| 468 | }); | ||
| 469 | this.$store.dispatch("user/refreshPage", true); | ||
| 470 | } else { | ||
| 471 | this.$message({ | ||
| 472 | showClose: true, | ||
| 473 | message: res.message, | ||
| 474 | type: "error", | ||
| 475 | }); | ||
| 476 | } | 438 | } |
| 477 | }); | 439 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 478 | }, | 440 | if (res.code === 200) { |
| 441 | this.$message({ | ||
| 442 | showClose: true, | ||
| 443 | message: "保存成功!", | ||
| 444 | type: "success", | ||
| 445 | }); | ||
| 446 | this.$store.dispatch("user/refreshPage", true); | ||
| 447 | } else { | ||
| 448 | this.$message({ | ||
| 449 | showClose: true, | ||
| 450 | message: res.message, | ||
| 451 | type: "error", | ||
| 452 | }); | ||
| 453 | } | ||
| 454 | }); | ||
| 455 | }, | ||
| 479 | 456 | ||
| 480 | /** | 457 | /** |
| 481 | * @description: 更新权利人信息 | 458 | * @description: 更新权利人信息 |
| 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; |
| 489 | } | 466 | } |
| 490 | }, | 467 | }, |
| 491 | // 是否持证人变化 | 468 | // 是否持证人变化 |
| 492 | /** | 469 | /** |
| 493 | * @description: 是否持证人变化 | 470 | * @description: 是否持证人变化 |
| 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 | /** |
| 501 | * @description: 更新义务人信息 | 478 | * @description: 更新义务人信息 |
| 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); |
| 485 | } | ||
| 508 | } | 486 | } |
| 509 | } | 487 | } |
| 510 | } | 488 | } |
| 511 | } | ||
| 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-08-28 15:38:25 | 4 | * @LastEditTime: 2023-09-12 13:39:30 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -240,9 +240,9 @@ | ... | @@ -240,9 +240,9 @@ |
| 240 | ); | 240 | ); |
| 241 | window.open(href, `workFrameView${item.bsmSlsq}`); | 241 | window.open(href, `workFrameView${item.bsmSlsq}`); |
| 242 | } | 242 | } |
| 243 | }, | 243 | } |
| 244 | }, | 244 | } |
| 245 | }; | 245 | } |
| 246 | </script> | 246 | </script> |
| 247 | <style scoped lang="scss"> | 247 | <style scoped lang="scss"> |
| 248 | @import "~@/styles/public.scss"; | 248 | @import "~@/styles/public.scss"; | ... | ... |
| ... | @@ -83,32 +83,19 @@ | ... | @@ -83,32 +83,19 @@ |
| 83 | </el-form-item> | 83 | </el-form-item> |
| 84 | </el-col> | 84 | </el-col> |
| 85 | <el-col :span="7"> | 85 | <el-col :span="7"> |
| 86 | <el-form-item label="土地证号"> | 86 | <el-form-item label="坐落"> |
| 87 | <el-input placeholder="请输入土地证号" v-model="querydzForm.bdcqzh" clearable> | ||
| 88 | </el-input> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | <el-col :span="7"> | ||
| 92 | <el-form-item label="土地坐落"> | ||
| 93 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> | 87 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> |
| 94 | </el-input> | 88 | </el-input> |
| 95 | </el-form-item> | 89 | </el-form-item> |
| 96 | </el-col> | 90 | </el-col> |
| 97 | </el-row> | 91 | <el-col :span="10" class="btnColRight"> |
| 98 | <el-row> | ||
| 99 | <el-col :span="6"> | ||
| 100 | <el-form-item label="项目名称"> | ||
| 101 | <el-input placeholder="请输入项目名称" v-model="querydzForm.xmmc"></el-input> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | |||
| 105 | <el-col :span="18" class="btnColRight"> | ||
| 106 | <el-form-item> | 92 | <el-form-item> |
| 107 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 93 | <el-button type="primary" @click="resetForm(true)">重置</el-button> |
| 108 | <el-button type="primary" @click="handleSearch">查询</el-button> | 94 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 109 | </el-form-item> | 95 | </el-form-item> |
| 110 | </el-col> | 96 | </el-col> |
| 111 | </el-row> | 97 | </el-row> |
| 98 | |||
| 112 | </el-form> | 99 | </el-form> |
| 113 | </div> | 100 | </div> |
| 114 | <div class="from-clues-content loadingtext"> | 101 | <div class="from-clues-content loadingtext"> |
| ... | @@ -310,6 +297,11 @@ | ... | @@ -310,6 +297,11 @@ |
| 310 | this.bdcdysz = val; | 297 | this.bdcdysz = val; |
| 311 | } | 298 | } |
| 312 | }, | 299 | }, |
| 300 | /** | ||
| 301 | * @description: handleLpbClick | ||
| 302 | * @param {*} item | ||
| 303 | * @author: renchao | ||
| 304 | */ | ||
| 313 | handleLpbClick (item) { | 305 | handleLpbClick (item) { |
| 314 | ywPopupDialog('楼盘表', 'lpb/index', { | 306 | ywPopupDialog('楼盘表', 'lpb/index', { |
| 315 | bsm: item.bsm, | 307 | bsm: item.bsm, |
| ... | @@ -317,17 +309,6 @@ | ... | @@ -317,17 +309,6 @@ |
| 317 | scyclx:1 | 309 | scyclx:1 |
| 318 | }, '85%', true,false) | 310 | }, '85%', true,false) |
| 319 | }, | 311 | }, |
| 320 | handleSelectionChange (val) { | ||
| 321 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 322 | if (val.length > 1) { | ||
| 323 | this.bdcdysz = [...val[val.length - 1]]; | ||
| 324 | } else { | ||
| 325 | this.bdcdysz = val; | ||
| 326 | } | ||
| 327 | } else { | ||
| 328 | this.bdcdysz = val; | ||
| 329 | } | ||
| 330 | }, | ||
| 331 | /** | 312 | /** |
| 332 | * @description: select | 313 | * @description: select |
| 333 | * @param {*} selection | 314 | * @param {*} selection | ... | ... |
| ... | @@ -38,7 +38,6 @@ class data extends filter { | ... | @@ -38,7 +38,6 @@ class data extends filter { |
| 38 | render: (h, scope) => { | 38 | render: (h, scope) => { |
| 39 | return ( | 39 | return ( |
| 40 | <div> | 40 | <div> |
| 41 | {/*<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>*/} | ||
| 42 | <span v-show={scope.row.qqzt == 1}>已确权</span> | 41 | <span v-show={scope.row.qqzt == 1}>已确权</span> |
| 43 | <span v-show={scope.row.qqzt == 0}>未确权</span> | 42 | <span v-show={scope.row.qqzt == 0}>未确权</span> |
| 44 | </div> | 43 | </div> |
| ... | @@ -47,10 +46,11 @@ class data extends filter { | ... | @@ -47,10 +46,11 @@ class data extends filter { |
| 47 | }, | 46 | }, |
| 48 | { | 47 | { |
| 49 | prop: "tdzh", | 48 | prop: "tdzh", |
| 49 | width: '150', | ||
| 50 | label: "土地证号", | 50 | label: "土地证号", |
| 51 | }, | 51 | }, |
| 52 | { | 52 | { |
| 53 | width: '100', | 53 | width: '120', |
| 54 | label: "权利类型", | 54 | label: "权利类型", |
| 55 | render: (h, scope) => { | 55 | render: (h, scope) => { |
| 56 | return ( | 56 | return ( |
| ... | @@ -135,13 +135,12 @@ class data extends filter { | ... | @@ -135,13 +135,12 @@ class data extends filter { |
| 135 | }, | 135 | }, |
| 136 | { | 136 | { |
| 137 | label: '操作', | 137 | label: '操作', |
| 138 | width: '160', | 138 | width: '120', |
| 139 | align: 'center', | 139 | align: 'center', |
| 140 | render: (h, scope) => { | 140 | render: (h, scope) => { |
| 141 | return ( | 141 | return ( |
| 142 | <div> | 142 | <div> |
| 143 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> | 143 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> |
| 144 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
| 145 | </div> | 144 | </div> |
| 146 | ) | 145 | ) |
| 147 | } | 146 | } |
| ... | @@ -191,24 +190,18 @@ class data extends filter { | ... | @@ -191,24 +190,18 @@ class data extends filter { |
| 191 | }, | 190 | }, |
| 192 | { | 191 | { |
| 193 | prop: "tdzh", | 192 | prop: "tdzh", |
| 193 | width: '150', | ||
| 194 | label: "土地证号", | 194 | label: "土地证号", |
| 195 | }, | 195 | }, |
| 196 | { | 196 | { |
| 197 | prop: "qllxmc", | 197 | prop: "qllxmc", |
| 198 | width: '120', | ||
| 198 | label: "权利类型", | 199 | label: "权利类型", |
| 199 | }, | 200 | }, |
| 200 | { | 201 | { |
| 201 | prop: "xmmc", | 202 | prop: "xmmc", |
| 202 | label: "项目名称", | 203 | label: "项目名称", |
| 203 | }, | 204 | }, |
| 204 | // { | ||
| 205 | // prop: "zrzh", | ||
| 206 | // label: "自然幢号", | ||
| 207 | // }, | ||
| 208 | // { | ||
| 209 | // prop: "jzwmc", | ||
| 210 | // label: "建筑物名称", | ||
| 211 | // }, | ||
| 212 | { | 205 | { |
| 213 | label: "土地/房屋性质", | 206 | label: "土地/房屋性质", |
| 214 | render: (h, scope) => { | 207 | render: (h, scope) => { |
| ... | @@ -220,7 +213,7 @@ class data extends filter { | ... | @@ -220,7 +213,7 @@ class data extends filter { |
| 220 | } | 213 | } |
| 221 | }, | 214 | }, |
| 222 | { | 215 | { |
| 223 | label: "面积", | 216 | label: "土地/房屋面积", |
| 224 | render: (h, scope) => { | 217 | render: (h, scope) => { |
| 225 | return ( | 218 | return ( |
| 226 | <div> | 219 | <div> |
| ... | @@ -239,29 +232,19 @@ class data extends filter { | ... | @@ -239,29 +232,19 @@ class data extends filter { |
| 239 | ) | 232 | ) |
| 240 | } | 233 | } |
| 241 | }, | 234 | }, |
| 242 | // { | ||
| 243 | // prop: "zcs", | ||
| 244 | // label: "总层数", | ||
| 245 | // width: '70', | ||
| 246 | // }, | ||
| 247 | // { | ||
| 248 | // prop: "zts", | ||
| 249 | // label: "总套数", | ||
| 250 | // width: '70', | ||
| 251 | // }, | ||
| 252 | { | 235 | { |
| 253 | prop: "zl", | 236 | prop: "zl", |
| 254 | label: "多幢坐落", | 237 | label: "多幢坐落", |
| 255 | }, | 238 | }, |
| 256 | { | 239 | { |
| 257 | label: '操作', | 240 | label: '操作', |
| 258 | width: '80', | 241 | width: '120', |
| 259 | align: 'center', | 242 | align: 'center', |
| 260 | fixed: 'right', | 243 | fixed: 'right', |
| 261 | render: (h, scope) => { | 244 | render: (h, scope) => { |
| 262 | return ( | 245 | return ( |
| 263 | <div> | 246 | <div> |
| 264 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 247 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>自然幢</el-button> |
| 265 | </div> | 248 | </div> |
| 266 | ) | 249 | ) |
| 267 | } | 250 | } | ... | ... |
-
Please register or sign in to post a comment