Merge branch 'dev'
Showing
35 changed files
with
801 additions
and
689 deletions
public/InvsWeb.exe
deleted
100644 → 0
This file is too large to display.
1 | { | 1 | { |
2 | "TITLE": "不动产登记系统", | 2 | "TITLE": "不动产登记系统", |
3 | "SERVERAPI": "/bdcdj", | 3 | "SERVERAPI": "/bdcdj", |
4 | "ip": "http://192.168.2.38" | 4 | "ip": "http://192.168.2.38", |
5 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" | ||
5 | } | 6 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
public/configBase.json
deleted
100644 → 0
public/configT.json
deleted
100644 → 0
... | @@ -67,6 +67,9 @@ export function uploadSjClmx (data) { | ... | @@ -67,6 +67,9 @@ export function uploadSjClmx (data) { |
67 | return request({ | 67 | return request({ |
68 | url: SERVER.SERVERAPI + '/rest/ywbl/clxx/uploadSjClmx', | 68 | url: SERVER.SERVERAPI + '/rest/ywbl/clxx/uploadSjClmx', |
69 | method: 'post', | 69 | method: 'post', |
70 | headers: { | ||
71 | 'Content-Type': 'multipart/form-data' | ||
72 | }, | ||
70 | data | 73 | data |
71 | }) | 74 | }) |
72 | } | 75 | } | ... | ... |
... | @@ -17,56 +17,53 @@ export function addRepairRecord (data) { | ... | @@ -17,56 +17,53 @@ export function addRepairRecord (data) { |
17 | data | 17 | data |
18 | }) | 18 | }) |
19 | } | 19 | } |
20 | |||
21 | /** | 20 | /** |
22 | * @description: 删除流程 | 21 | * @description: 删除流程 |
23 | * @param {*} data | 22 | * @param {*} params |
24 | * @author: renchao | 23 | * @author: renchao |
25 | */ | 24 | */ |
26 | export function deleteFlow (data) { | 25 | export function deleteFlow (params) { |
27 | return request({ | 26 | return request({ |
28 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow', | 27 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow', |
29 | method: 'post', | 28 | method: 'get', |
30 | data | 29 | params:params |
31 | }) | 30 | }) |
32 | } | 31 | } |
33 | 32 | ||
34 | /** | 33 | /** |
35 | * @description: 删除补录记录 | 34 | * @description: 删除补录记录 |
36 | * @param {*} data | 35 | * @param {*} params |
37 | * @author: renchao | 36 | * @author: renchao |
38 | */ | 37 | */ |
39 | export function deleteRepairRecord (data) { | 38 | export function deleteRepairRecord (params) { |
40 | return request({ | 39 | return request({ |
41 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord', | 40 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params, |
42 | method: 'post', | 41 | method: 'get', |
43 | data | ||
44 | }) | 42 | }) |
45 | } | 43 | } |
46 | 44 | ||
47 | /** | 45 | /** |
48 | * @description: 初始化内容 | 46 | * @description: 初始化内容 |
49 | * @param {*} data | 47 | * @param {*} params |
50 | * @author: renchao | 48 | * @author: renchao |
51 | */ | 49 | */ |
52 | export function init (data) { | 50 | export function init (params) { |
53 | return request({ | 51 | return request({ |
54 | url: SERVER.SERVERAPI + '/rest/djbRepair/init', | 52 | url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params, |
55 | method: 'post', | 53 | method: 'get', |
56 | data | ||
57 | }) | 54 | }) |
58 | } | 55 | } |
59 | 56 | ||
60 | /** | 57 | /** |
61 | * @description: 左侧菜单集合 | 58 | * @description: 左侧菜单集合 |
62 | * @param {*} data | 59 | * @param {*} params |
63 | * @author: renchao | 60 | * @author: renchao |
64 | */ | 61 | */ |
65 | export function leftMenubl (data) { | 62 | export function leftMenubl (params) { |
66 | return request({ | 63 | return request({ |
67 | url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu', | 64 | url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params, |
68 | method: 'post', | 65 | method: 'get', |
69 | data | 66 | params |
70 | }) | 67 | }) |
71 | } | 68 | } |
72 | 69 | ... | ... |
... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
75 | }, | 75 | }, |
76 | heightNum: { | 76 | heightNum: { |
77 | type: Number, | 77 | type: Number, |
78 | default: 355, | 78 | default: 0, |
79 | }, | 79 | }, |
80 | maxHeight: { | 80 | maxHeight: { |
81 | type: Number, | 81 | type: Number, |
... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
138 | getHeight () { | 138 | getHeight () { |
139 | if (!this.heightNumSetting) { | 139 | if (!this.heightNumSetting) { |
140 | let _this = this | 140 | let _this = this |
141 | if (this.heightNum) { | 141 | if (this.heightNum == 0) { |
142 | _this.$nextTick(() => { | 142 | _this.$nextTick(() => { |
143 | if (document.querySelector(".tags-view-container")) { | 143 | if (document.querySelector(".tags-view-container")) { |
144 | window.addEventListener('resize', () => { | 144 | window.addEventListener('resize', () => { | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-14 15:05:38 | ||
5 | */ | ||
1 | import Vue from 'vue' | 6 | import Vue from 'vue' |
2 | import Popup from './index.vue' | 7 | import Popup from './index.vue' |
3 | const PopupBox = Vue.extend(Popup) | 8 | const PopupBox = Vue.extend(Popup) |
... | @@ -36,9 +41,9 @@ const Popup1 = (title, editItem, data, formData) => { | ... | @@ -36,9 +41,9 @@ const Popup1 = (title, editItem, data, formData) => { |
36 | document.body.appendChild(instance.$el) | 41 | document.body.appendChild(instance.$el) |
37 | Vue.nextTick(() => { | 42 | Vue.nextTick(() => { |
38 | instance.isShow = true | 43 | instance.isShow = true |
44 | // 将组件实例赋值给loading | ||
45 | popuping = instance | ||
39 | }) | 46 | }) |
40 | // 将组件实例赋值给loading | ||
41 | popuping = instance | ||
42 | return instance | 47 | return instance |
43 | } | 48 | } |
44 | export default Popup1 | 49 | export default Popup1 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-14 09:25:12 | 4 | * @LastEditTime: 2023-06-14 11:10:26 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -127,6 +127,29 @@ | ... | @@ -127,6 +127,29 @@ |
127 | * @author: renchao | 127 | * @author: renchao |
128 | */ | 128 | */ |
129 | handleViewScan () { | 129 | handleViewScan () { |
130 | function dataURLtoBlob (base64String) { | ||
131 | const arr = base64String.split(','); | ||
132 | if (arr.length !== 2) { | ||
133 | throw new Error('Invalid Base64 format'); | ||
134 | } | ||
135 | const mime = arr[0].match(/:(.*?);/)[1]; | ||
136 | if (!mime) { | ||
137 | throw new Error('Cannot retrieve MIME type'); | ||
138 | } | ||
139 | const bstr = atob(arr[1]); | ||
140 | const n = bstr.length; | ||
141 | const u8arr = new Uint8Array(n); | ||
142 | for (let i = 0; i < n; i++) { | ||
143 | u8arr[i] = bstr.charCodeAt(i); | ||
144 | } | ||
145 | return new Blob([u8arr], { type: mime }); | ||
146 | } | ||
147 | function blobToFile (blob) { | ||
148 | const options = { type: blob.type }; | ||
149 | const file = new File([blob], options); | ||
150 | return file; | ||
151 | } | ||
152 | |||
130 | let data = { | 153 | let data = { |
131 | "filepath": "base64", | 154 | "filepath": "base64", |
132 | "rotate": "0", | 155 | "rotate": "0", |
... | @@ -136,7 +159,21 @@ | ... | @@ -136,7 +159,21 @@ |
136 | "quality": "3" | 159 | "quality": "3" |
137 | } | 160 | } |
138 | axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data)).then((res) => { | 161 | axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data)).then((res) => { |
139 | console.log(res.data); | 162 | let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); |
163 | let file = blobToFile(blob); | ||
164 | var formData = new FormData(); | ||
165 | formData.append('file', file.raw) | ||
166 | formData.append("bsmSj", this.previewImg.bsmSj); | ||
167 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | ||
168 | uploadSjClmx(formData).then((res) => { | ||
169 | if (res.code == 200) { | ||
170 | this.$emit('updateList', res.result) | ||
171 | this.$message({ | ||
172 | message: '上传成功!', | ||
173 | type: 'success' | ||
174 | }) | ||
175 | } | ||
176 | }) | ||
140 | }) | 177 | }) |
141 | }, | 178 | }, |
142 | prev () { | 179 | prev () { |
... | @@ -189,8 +226,6 @@ | ... | @@ -189,8 +226,6 @@ |
189 | this.$refs.upload.clearFiles(); | 226 | this.$refs.upload.clearFiles(); |
190 | setTimeout(() => { | 227 | setTimeout(() => { |
191 | if (length !== this.maxLength) return | 228 | if (length !== this.maxLength) return |
192 | console.log(files); | ||
193 | // let data = _.cloneDeep(this.previewImg.imgList[this.previewImg.index]) | ||
194 | var formData = new FormData(); | 229 | var formData = new FormData(); |
195 | files.forEach(file => { | 230 | files.forEach(file => { |
196 | formData.append('file', file.raw) | 231 | formData.append('file', file.raw) |
... | @@ -204,10 +239,9 @@ | ... | @@ -204,10 +239,9 @@ |
204 | message: '上传成功!', | 239 | message: '上传成功!', |
205 | type: 'success' | 240 | type: 'success' |
206 | }) | 241 | }) |
207 | |||
208 | } | 242 | } |
209 | }) | 243 | }) |
210 | }) | 244 | }, 0) |
211 | }, | 245 | }, |
212 | handleDelete () { | 246 | handleDelete () { |
213 | let that = this | 247 | let that = this | ... | ... |
... | @@ -6,156 +6,207 @@ | ... | @@ -6,156 +6,207 @@ |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
8 | <div v-if="this.isShowdrawer"> | 8 | <div v-if="this.isShowdrawer"> |
9 | <el-menu :default-active="activeIndex" @select="djbClick" class="title-batch"> | 9 | <el-menu |
10 | <el-menu-item index="-1" key="-1" class="menus"> | 10 | @select="djbClick" |
11 | <div>登记簿</div> | 11 | class="title-batch" |
12 | </el-menu-item> | 12 | > |
13 | </el-menu> | 13 | <el-menu-item index="-1" key="-1" class="menus"> |
14 | <div class="blxx"> | 14 | <div>登记簿</div> |
15 | <el-menu :default-active="activeIndex" @select="blxxClick" class="title-batch"> | ||
16 | <el-menu-item index="-1" key="-1" class="menus"> | ||
17 | <div>补录信息</div> | ||
18 | </el-menu-item> | ||
19 | </el-menu> | ||
20 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
21 | <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index"> | ||
22 | <div> | ||
23 | <p>{{ item.qllxmc }} ||{{ item.operate }} </p> | ||
24 | <!-- <p class="title-detail">{{ item.zl }}</p> --> | ||
25 | </div> | ||
26 | <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i> | ||
27 | </el-menu-item> | 15 | </el-menu-item> |
28 | </el-menu> | 16 | </el-menu> |
17 | <div class="blxx"> | ||
18 | <el-menu | ||
19 | @select="blxxClick" | ||
20 | class="title-batch" | ||
21 | > | ||
22 | <el-menu-item index="-1" key="-1" class="menus"> | ||
23 | <div>补录信息</div> | ||
24 | </el-menu-item> | ||
25 | </el-menu> | ||
26 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
27 | <el-menu-item | ||
28 | v-for="(item, index) in supplementarylist" | ||
29 | :index="index.toString()" | ||
30 | :key="index" | ||
31 | > | ||
32 | <div> | ||
33 | <p>{{ item.qllxmc }} ||{{ item.operate }}</p> | ||
34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> | ||
35 | </div> | ||
36 | <i | ||
37 | class="el-icon-delete" | ||
38 | v-if="supplementarylist.length > 1" | ||
39 | @click.stop="handleDel(item)" | ||
40 | ></i> | ||
41 | </el-menu-item> | ||
42 | </el-menu> | ||
43 | </div> | ||
29 | </div> | 44 | </div> |
30 | 45 | <div | |
31 | </div> | 46 | class="map-drawer-click map-drawer" |
32 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | 47 | v-if="!isShowdrawer" |
33 | () => { | 48 | @click=" |
34 | this.isShowdrawer = !this.isShowdrawer; | 49 | () => { |
35 | } | 50 | this.isShowdrawer = !this.isShowdrawer; |
36 | "></div> | 51 | } |
37 | <div class="map-drawer-expand map-drawer" v-else @click=" | 52 | " |
38 | () => { | 53 | ></div> |
39 | this.isShowdrawer = !this.isShowdrawer; | 54 | <div |
40 | } | 55 | class="map-drawer-expand map-drawer" |
41 | "></div> | 56 | v-else |
57 | @click=" | ||
58 | () => { | ||
59 | this.isShowdrawer = !this.isShowdrawer; | ||
60 | } | ||
61 | " | ||
62 | ></div> | ||
42 | </div> | 63 | </div> |
43 | </template> | 64 | </template> |
44 | <script> | 65 | <script> |
45 | import { mapGetters } from 'vuex' | 66 | import { mapGetters } from "vuex"; |
46 | import { leftMenu } from "@/api/fqsq.js" | 67 | import { leftMenu } from "@/api/fqsq.js"; |
47 | import { leftMenubl } from "@/api/djbbl.js" | 68 | import { deleteRepairRecord } from "@/api/djbbl.js"; |
48 | import { deleteSlbdcdy } from "@/api/ywbl.js"; | 69 | import { leftMenubl } from "@/api/djbbl.js"; |
49 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 70 | import { deleteSlbdcdy } from "@/api/ywbl.js"; |
71 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | ||
50 | import { loadTreeData, getNode } from "./djbFrameData.js"; | 72 | import { loadTreeData, getNode } from "./djbFrameData.js"; |
51 | export default { | 73 | export default { |
52 | data () { | 74 | data() { |
53 | return { | 75 | return { |
54 | supplementarylist:[], | 76 | supplementarylist: [], |
55 | //受理申请标识码 | 77 | //受理申请标识码 |
56 | bsmSlsq: this.$route.query.bsmSlsq, | 78 | bsmSlsq: this.$route.query.bsmSlsq, |
57 | //当前流程所在环节 | 79 | //当前流程所在环节 |
58 | bestepid: this.$route.query.bestepid, | 80 | bestepid: this.$route.query.bestepid, |
59 | //受理申请标识码 | 81 | //受理申请标识码 |
60 | bdcdyid: this.$route.query.bdcdyid, | 82 | bdcdyid: this.$route.query.bdcdyid, |
61 | //当前流程所在环节 | 83 | //当前流程所在环节 |
62 | bdcdyh: this.$route.query.bdcdyh, | 84 | bdcdyh: this.$route.query.bdcdyh, |
63 | qllx:this.$route.query.qllx, | 85 | qllx: this.$route.query.qllx, |
64 | // 默认选中 | 86 | // 默认选中 |
65 | activeIndex: '0', | 87 | activeIndex: "0", |
66 | // 折叠 | 88 | // 折叠 |
67 | isShowdrawer: true, | 89 | isShowdrawer: true, |
68 | //批量操作按钮名称 | 90 | //批量操作按钮名称 |
69 | batchButtonName: '', | 91 | batchButtonName: "", |
70 | //左侧菜单数据集合 | 92 | //左侧菜单数据集合 |
71 | unitData: [], | 93 | unitData: [], |
72 | // 设置表单传递数据 | 94 | // 设置表单传递数据 |
73 | currentSelectProps: {}, | 95 | currentSelectProps: {}, |
74 | //左侧树形结构数据 | 96 | //左侧树形结构数据 |
75 | treedata: [], | 97 | treedata: [], |
76 | defaultNode: "", | 98 | defaultNode: "", |
77 | defaultProps: { | 99 | defaultProps: { |
78 | value: "id", | 100 | value: "id", |
79 | children: "children", | 101 | children: "children", |
80 | label: "label", | 102 | label: "label", |
81 | }, | 103 | }, |
82 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 | 104 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 |
83 | } | 105 | }; |
84 | }, | 106 | }, |
85 | mounted () { | 107 | mounted() { |
86 | this.loadBdcdylist(); | 108 | this.loadBdcdylist(); |
109 | }, | ||
110 | computed: { | ||
111 | ...mapGetters(["isRefresh"]), | ||
112 | }, | ||
113 | watch: { | ||
114 | isRefresh: { | ||
115 | handler(newVal, oldVal) { | ||
116 | if (newVal) this.loadBdcdylist(); | ||
117 | }, | ||
118 | immediate: true, | ||
87 | }, | 119 | }, |
88 | computed: { | 120 | }, |
89 | ...mapGetters(['isRefresh']) | 121 | methods: { |
122 | //读取申请单元信息 | ||
123 | loadBdcdylist() { | ||
124 | var formdata = new FormData(); | ||
125 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
126 | formdata.append("bestepid", this.bestepid); | ||
127 | leftMenu(formdata).then((res) => { | ||
128 | if (res.code === 200 && res.result) { | ||
129 | this.currentSelectProps = res.result[0]; | ||
130 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | ||
131 | } | ||
132 | }); | ||
133 | this.getleftMenubl(); | ||
90 | }, | 134 | }, |
91 | watch: { | 135 | // 获取右侧菜单 |
92 | isRefresh: { | 136 | getleftMenubl(row) { |
93 | handler (newVal, oldVal) { | 137 | leftMenubl(this.bsmSlsq).then((res) => { |
94 | if (newVal) this.loadBdcdylist() | 138 | this.supplementarylist = res.result; |
95 | }, | 139 | if(row){ |
96 | immediate: true | 140 | this.supplementarylist.forEach((item,index) => { |
97 | } | 141 | if(item.bsmRepair==row.bsmRepair){ |
142 | this.activeIndex=index | ||
143 | this.unitClick(index) | ||
144 | } | ||
145 | }) | ||
146 | } | ||
147 | }); | ||
148 | |||
149 | |||
98 | }, | 150 | }, |
99 | methods: { | 151 | handleNodeClick(data, node, elem) { |
100 | //读取申请单元信息 | 152 | this.$parent.loadComponent(this.currentSelectProps, data); |
101 | loadBdcdylist () { | ||
102 | var formdata = new FormData(); | ||
103 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
104 | formdata.append("bestepid", this.bestepid); | ||
105 | leftMenu(formdata).then((res) => { | ||
106 | if (res.code === 200 && res.result) { | ||
107 | this.currentSelectProps = res.result[0]; | ||
108 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
109 | } | ||
110 | }) | ||
111 | this.getleftMenubl() | ||
112 | }, | ||
113 | getleftMenubl(){ | ||
114 | var formdata = new FormData(); | ||
115 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
116 | leftMenubl(formdata).then((res) => { | ||
117 | this.supplementarylist=res.result; | ||
118 | } | ||
119 | ) | ||
120 | }, | ||
121 | handleNodeClick (data, node, elem) { | ||
122 | this.$parent.loadComponent(this.currentSelectProps,data); | ||
123 | this.$parent.tabset(); | 153 | this.$parent.tabset(); |
124 | }, | 154 | }, |
125 | //申请单元点击事件 | 155 | //申请单元点击事件 |
126 | unitClick (index) { | 156 | unitClick(index) { |
127 | this.$parent.currentSelectProps=this.supplementarylist[index]; | 157 | this.currentSelectProps = this.supplementarylist[index]; |
128 | this.$parent.tabset(); | 158 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
129 | // console.log("this.currentSelectProps", this.supplementarylist[index]); | ||
130 | // this.currentSelectProps.batchOperation = false; | ||
131 | // this.activeIndex = index.toString(); | ||
132 | // //选中表单传递数据 | ||
133 | // this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
134 | // this.$parent.stepForm(index); | ||
135 | // this.$store.dispatch('user/refreshPage', false); | ||
136 | }, | 159 | }, |
137 | //登记簿点击事件 | 160 | //登记簿点击事件 |
138 | djbClick () { | 161 | djbClick() { |
139 | console.log("this.currentSelectProps",this.currentSelectProps); | 162 | this.loadBdcdylist(); |
140 | this.currentSelectProps.batchOperation = true; | ||
141 | this.$parent.getdjblist() | ||
142 | 163 | ||
164 | // this.$parent.getdjblist() | ||
143 | }, | 165 | }, |
144 | //补录信息点击事件 | 166 | // 定位到该条补录记录 |
145 | blxxClick () { | 167 | // orientation(){ |
146 | this.$parent.tabset() | 168 | // // this.activeIndex="2" |
147 | 169 | // this.unitClick(0) | |
170 | // }, | ||
171 | // 删除补录记录 | ||
172 | handleDel(row) { | ||
173 | this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", { | ||
174 | confirmButtonText: "确定", | ||
175 | cancelButtonText: "取消", | ||
176 | type: "warning", | ||
177 | }) | ||
178 | .then(() => { | ||
179 | deleteRepairRecord(row.bsmRepair).then((res) => { | ||
180 | this.$message({ | ||
181 | type: "success", | ||
182 | message: "删除成功!", | ||
183 | }); | ||
184 | this.$nextTick(() => { | ||
185 | this.getleftMenubl(); | ||
186 | }); | ||
187 | }); | ||
188 | }) | ||
189 | .catch(() => { | ||
190 | this.$message({ | ||
191 | type: "info", | ||
192 | message: "已取消删除", | ||
193 | }); | ||
194 | }); | ||
148 | }, | 195 | }, |
149 | } | 196 | //补录信息点击事件默认展示第一条补录记录 |
150 | } | 197 | blxxClick() { |
198 | this.unitClick(0); | ||
199 | }, | ||
200 | }, | ||
201 | }; | ||
151 | </script> | 202 | </script> |
152 | <style scoped lang='scss'> | 203 | <style scoped lang="scss"> |
153 | @import "~@/styles/mixin.scss"; | 204 | @import "~@/styles/mixin.scss"; |
154 | @import "../../workFrame.scss"; | 205 | @import "../../workFrame.scss"; |
155 | .leftmenu ul { | 206 | .leftmenu ul { |
156 | height: calc(100vh - 120px); | 207 | height: calc(100vh - 120px); |
157 | } | 208 | } |
158 | /deep/.rollTable { | 209 | /deep/.rollTable { |
159 | height: calc(100vh - 240px) !important; | 210 | height: calc(100vh - 240px) !important; |
160 | } | 211 | } |
161 | 212 | ||
... | @@ -192,7 +243,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -192,7 +243,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
192 | height: 45px; | 243 | height: 45px; |
193 | } | 244 | } |
194 | 245 | ||
195 | /deep/ .el-tree-node:focus>.el-tree-node__content { | 246 | /deep/ .el-tree-node:focus > .el-tree-node__content { |
196 | background-color: #f5f5f5; | 247 | background-color: #f5f5f5; |
197 | color: #0079fe; | 248 | color: #0079fe; |
198 | border-right: 4px solid #0079fe; | 249 | border-right: 4px solid #0079fe; |
... | @@ -202,15 +253,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -202,15 +253,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
202 | white-space: pre-wrap; | 253 | white-space: pre-wrap; |
203 | } | 254 | } |
204 | 255 | ||
205 | /deep/ .is-current>.el-tree-node__content { | 256 | /deep/ .is-current > .el-tree-node__content { |
206 | background-color: #f5f5f5; | 257 | background-color: #f5f5f5; |
207 | color: #0079fe; | 258 | color: #0079fe; |
208 | border-right: 4px solid #0079fe; | 259 | border-right: 4px solid #0079fe; |
209 | } | 260 | } |
210 | .menus{ | 261 | .menus { |
211 | background-color: #e7f4fe; | 262 | background-color: #e7f4fe; |
212 | } | 263 | } |
213 | .blxx{ | 264 | .blxx { |
214 | border:#b0d9f8 solid 1px; | 265 | border: #b0d9f8 solid 1px; |
215 | } | 266 | } |
216 | </style> | 267 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description : 房地产权2 | 2 | * @Description : 房地产权2 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-13 14:33:55 | 4 | * @LastEditTime : 2023-06-14 10:52:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -106,22 +106,40 @@ export default { | ... | @@ -106,22 +106,40 @@ export default { |
106 | return name; | 106 | return name; |
107 | }, | 107 | }, |
108 | editDialog(row){ | 108 | editDialog(row){ |
109 | this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
110 | datalist:this.columns, | 110 | confirmButtonText: '确定', |
111 | data: row, | 111 | cancelButtonText: '取消', |
112 | type: 'warning' | ||
113 | }).then(() => { | ||
114 | this.$parent.addRepairRecord(row) | ||
115 | |||
116 | this.$message({ | ||
117 | type: 'success', | ||
118 | message: '补录成功!' | ||
119 | }); | ||
120 | }).catch(() => { | ||
121 | this.$message({ | ||
122 | type: 'info', | ||
123 | message: '取消编辑' | ||
124 | }); | ||
125 | }); | ||
126 | |||
127 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
128 | // datalist:this.columns, | ||
129 | // data: row, | ||
130 | |||
131 | // }) | ||
112 | 132 | ||
113 | }) | ||
114 | }, | 133 | }, |
115 | // 删除 | 134 | // 删除 |
135 | // 删除 | ||
116 | deleteDialog(row){ | 136 | deleteDialog(row){ |
117 | let that = this | 137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
118 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
119 | confirmButtonText: '确定', | 138 | confirmButtonText: '确定', |
120 | cancelButtonText: '取消', | 139 | cancelButtonText: '取消', |
121 | type: 'warning' | 140 | type: 'warning' |
122 | }).then(async () => { | 141 | }).then(() => { |
123 | 142 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | |
124 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
125 | // deleteClmx(bsmClmx).then(res => { | 143 | // deleteClmx(bsmClmx).then(res => { |
126 | // if (res.code == 200) { | 144 | // if (res.code == 200) { |
127 | // that.$emit('updateList', res.result) | 145 | // that.$emit('updateList', res.result) |
... | @@ -131,18 +149,19 @@ export default { | ... | @@ -131,18 +149,19 @@ export default { |
131 | // }) | 149 | // }) |
132 | // } | 150 | // } |
133 | // }) | 151 | // }) |
134 | that.$message({ | 152 | this.$message({ |
135 | message: '删除成功!', | 153 | type: 'success', |
136 | type: 'success' | 154 | message: '删除成功!' |
137 | }) | 155 | }); |
138 | }).catch(() => { | 156 | }).catch(() => { |
139 | this.$message({ | 157 | this.$message({ |
140 | type: 'info', | 158 | type: 'info', |
141 | message: '已取消删除' | 159 | message: '已取消删除' |
142 | }) | 160 | }); |
143 | }) | 161 | }); |
144 | 162 | ||
145 | } | 163 | } |
164 | |||
146 | }, | 165 | }, |
147 | }; | 166 | }; |
148 | </script> | 167 | </script> | ... | ... |
... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> |
45 | </div> | 45 | </div> |
46 | </el-form>--> | 46 | </el-form>--> |
47 | <div class="btn"> | 47 | <div class="btn"> |
48 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | 48 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> |
... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
52 | </template> | 52 | </template> |
53 | <script> | 53 | <script> |
54 | import { mapGetters } from "vuex"; | 54 | import { mapGetters } from "vuex"; |
55 | import { init } from "@/api/djbbl.js"; | 55 | import { init } from "@/api/djbbl.js" |
56 | export default { | 56 | export default { |
57 | props: { | 57 | props: { |
58 | currentSelectProps: { | 58 | currentSelectProps: { |
... | @@ -60,6 +60,7 @@ export default { | ... | @@ -60,6 +60,7 @@ export default { |
60 | default: () => {}, | 60 | default: () => {}, |
61 | }, | 61 | }, |
62 | }, | 62 | }, |
63 | |||
63 | data() { | 64 | data() { |
64 | return { | 65 | return { |
65 | //传递参数 | 66 | //传递参数 |
... | @@ -85,8 +86,7 @@ export default { | ... | @@ -85,8 +86,7 @@ export default { |
85 | ...mapGetters(["dictData"]), | 86 | ...mapGetters(["dictData"]), |
86 | }, | 87 | }, |
87 | created() { | 88 | created() { |
88 | this.init2(); | 89 | this.init() |
89 | //console.log("this.propsParam", this.propsParam); | ||
90 | // this.clmlInitList(1) | 90 | // this.clmlInitList(1) |
91 | }, | 91 | }, |
92 | mounted() { | 92 | mounted() { |
... | @@ -110,8 +110,20 @@ export default { | ... | @@ -110,8 +110,20 @@ export default { |
110 | }, | 110 | }, |
111 | 111 | ||
112 | methods: { | 112 | methods: { |
113 | init2() { | 113 | init() { |
114 | console.log("this.currentSelectProps", this.currentSelectProps); | 114 | init(this.propsParam.bsmRepair).then((res) => { |
115 | if (res.code === 200) { | ||
116 | console.log("/rest/djbRepair/init",res); | ||
117 | // this.tableData = res.result; | ||
118 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
119 | // this.emptycolNum = | ||
120 | // datas.columns().emptycolNum - this.tableData.length; | ||
121 | // } else { | ||
122 | // this.emptycolNum = 0; | ||
123 | // } | ||
124 | } | ||
125 | }); | ||
126 | |||
115 | }, | 127 | }, |
116 | // 受理信息保存 | 128 | // 受理信息保存 |
117 | slxxsubmitForm() { | 129 | slxxsubmitForm() { | ... | ... |
... | @@ -49,7 +49,6 @@ export default { | ... | @@ -49,7 +49,6 @@ export default { |
49 | if (res.code === 200) { | 49 | if (res.code === 200) { |
50 | this.leftButtonList = res.result.button; | 50 | this.leftButtonList = res.result.button; |
51 | this.rightButtonList = res.result.operation; | 51 | this.rightButtonList = res.result.operation; |
52 | console.log("this.leftButtonList",this.leftButtonList); | ||
53 | // this.rightButtonList.splice(0,2) | 52 | // this.rightButtonList.splice(0,2) |
54 | } | 53 | } |
55 | }) | 54 | }) |
... | @@ -57,7 +56,6 @@ export default { | ... | @@ -57,7 +56,6 @@ export default { |
57 | }, | 56 | }, |
58 | //流程环节操作按钮 | 57 | //流程环节操作按钮 |
59 | operation (item) { | 58 | operation (item) { |
60 | console.log("流程环节操作按钮信息",item); | ||
61 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | 59 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 |
62 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 60 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
63 | let that = this; | 61 | let that = this; |
... | @@ -107,7 +105,23 @@ export default { | ... | @@ -107,7 +105,23 @@ export default { |
107 | // bsmSlsq: this.bsmSlsq, | 105 | // bsmSlsq: this.bsmSlsq, |
108 | // entryType: '1' | 106 | // entryType: '1' |
109 | // }, '65%', true) | 107 | // }, '65%', true) |
110 | this.addRepairRecord() | 108 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
109 | confirmButtonText: '确定', | ||
110 | cancelButtonText: '取消', | ||
111 | type: 'warning' | ||
112 | }).then(() => { | ||
113 | this.addRepairRecord() | ||
114 | this.$message({ | ||
115 | type: 'success', | ||
116 | message: '补录成功!' | ||
117 | }); | ||
118 | }).catch(() => { | ||
119 | this.$message({ | ||
120 | type: 'info', | ||
121 | message: '取消编辑' | ||
122 | }); | ||
123 | }); | ||
124 | |||
111 | break; | 125 | break; |
112 | case "B6": | 126 | case "B6": |
113 | //根据编号获取对应信息 | 127 | //根据编号获取对应信息 | ... | ... |
... | @@ -26,7 +26,6 @@ export default { | ... | @@ -26,7 +26,6 @@ export default { |
26 | getHomeNoticeList().then(res => { | 26 | getHomeNoticeList().then(res => { |
27 | if (res.result) { | 27 | if (res.result) { |
28 | this.noticeList = res.result.noticeList | 28 | this.noticeList = res.result.noticeList |
29 | console.log("this.noticeList11111111111111111111111111111111111",this.noticeList); | ||
30 | } | 29 | } |
31 | }) | 30 | }) |
32 | }, | 31 | }, | ... | ... |
... | @@ -37,7 +37,7 @@ | ... | @@ -37,7 +37,7 @@ |
37 | <!-- 内容框架 --> | 37 | <!-- 内容框架 --> |
38 | <div class="containerFrame"> | 38 | <div class="containerFrame"> |
39 | <!-- 左侧菜单栏 区分业务--> | 39 | <!-- 左侧菜单栏 区分业务--> |
40 | <ordinaryMenu @getCurrentSelectProps="getCurrentSelectProps" /> | 40 | <ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" /> |
41 | <div class="leftCon"> | 41 | <div class="leftCon"> |
42 | <!-- 分屏左侧预览 --> | 42 | <!-- 分屏左侧预览 --> |
43 | <div v-if="splitScreen" class="splitScreen-con"> | 43 | <div v-if="splitScreen" class="splitScreen-con"> |
... | @@ -124,15 +124,19 @@ export default { | ... | @@ -124,15 +124,19 @@ export default { |
124 | methods: { | 124 | methods: { |
125 | getCurrentSelectProps (val) { | 125 | getCurrentSelectProps (val) { |
126 | this.currentSelectProps = val | 126 | this.currentSelectProps = val |
127 | this.getdjblist() | 127 | if(this.currentSelectProps.bsmRepair){ |
128 | this.tabset() | ||
129 | }else{ | ||
130 | this.getdjblist() | ||
131 | } | ||
132 | |||
128 | }, | 133 | }, |
129 | // 获取登记簿列表 | 134 | // 获取渲染登记簿列表 |
130 | getdjblist(){ | 135 | getdjblist(){ |
131 | getBdcqljqtsx({ | 136 | getBdcqljqtsx({ |
132 | bdcdyid: this.currentSelectProps.bdcdyid, | 137 | bdcdyid: this.currentSelectProps.bdcdyid, |
133 | bdcdyh: this.currentSelectProps.bdcdyh, | 138 | bdcdyh: this.currentSelectProps.bdcdyh, |
134 | }).then((res) => { | 139 | }).then((res) => { |
135 | console.log("登记簿列表",res); | ||
136 | if (res.code === 200) { | 140 | if (res.code === 200) { |
137 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 141 | this.treedata = loadTreeData(res.result, this.bdcdyh); |
138 | this.$nextTick(function () { | 142 | this.$nextTick(function () { |
... | @@ -150,23 +154,28 @@ export default { | ... | @@ -150,23 +154,28 @@ export default { |
150 | arr[index].value=item.id | 154 | arr[index].value=item.id |
151 | }) | 155 | }) |
152 | this.tabList=this.tabdata | 156 | this.tabList=this.tabdata |
153 | //console.log("登记簿列表",this.tabList); | ||
154 | }, 200) | 157 | }, 200) |
155 | 158 | ||
156 | }, | 159 | }, |
157 | addRepairRecord(){ | 160 | |
158 | addRepairRecord({ | 161 | // 增加补录记录 |
159 | bdcdyid: this.currentSelectProps.bdcdyid, | 162 | addRepairRecord(row){ |
160 | bdcdyh: this.currentSelectProps.bdcdyh, | 163 | let from={ |
161 | }).then((res) => { | 164 | bsmQlxx:"", |
162 | console.log("添加补录记录",res); | 165 | bsmSlsq:this.bsmSlsq, |
163 | if (res.code === 200) { | 166 | bsmSldy:this.currentSelectProps.bsmSldy, |
164 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 167 | operate:"C", |
165 | this.$nextTick(function () { | 168 | qllx:this.currentSelectProps.qllx |
166 | this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | ||
167 | this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 | ||
168 | }); | ||
169 | } | 169 | } |
170 | if(row){ | ||
171 | from.bsmQlxx=row.bsmQlxx | ||
172 | from.operate="U" | ||
173 | } | ||
174 | |||
175 | addRepairRecord(from).then((res) => { | ||
176 | this.$nextTick(() => { | ||
177 | this.$refs.Menu.getleftMenubl(res.result); | ||
178 | }); | ||
170 | }); | 179 | }); |
171 | }, | 180 | }, |
172 | tabset(){ | 181 | tabset(){ |
... | @@ -188,7 +197,7 @@ export default { | ... | @@ -188,7 +197,7 @@ export default { |
188 | }, | 197 | }, |
189 | ]; | 198 | ]; |
190 | this.tabName = 'slxx'; | 199 | this.tabName = 'slxx'; |
191 | }, | 200 | }, |
192 | 201 | ||
193 | // stepForm(index){ | 202 | // stepForm(index){ |
194 | // console.log(index); | 203 | // console.log(index); |
... | @@ -199,7 +208,7 @@ export default { | ... | @@ -199,7 +208,7 @@ export default { |
199 | if (activeName && activeName != 0) this.getFromRouter(activeName) | 208 | if (activeName && activeName != 0) this.getFromRouter(activeName) |
200 | }, | 209 | }, |
201 | //切换选项卡内容组件 | 210 | //切换选项卡内容组件 |
202 | getFromRouter (tabname) { | 211 | getFromRouter (tabname) { |
203 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | 212 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); |
204 | } | 213 | } |
205 | }, | 214 | }, | ... | ... |
... | @@ -20,23 +20,82 @@ | ... | @@ -20,23 +20,82 @@ |
20 | </el-col> | 20 | </el-col> |
21 | </el-row> | 21 | </el-row> |
22 | </el-form> | 22 | </el-form> |
23 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting | 23 | <!-- 申请人 --> |
24 | <lb-table :column="sqrColumns" :data="form.sqrList" heightNumSetting | ||
24 | :pagination="false"> | 25 | :pagination="false"> |
25 | </lb-table> | 26 | </lb-table> |
26 | 27 | <!-- 权利人 --> | |
27 | <b class="title">权利人</b> | 28 | <b class="title">权利人</b> |
28 | <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting | 29 | <el-table |
29 | :pagination="false"> | 30 | :data="form.qlrList" |
30 | </lb-table> | 31 | height="160" |
32 | border | ||
33 | :cell-style="{ textAlign: 'center' }" | ||
34 | :header-cell-style="{textAlign: 'center'}" | ||
35 | style="width: 100%"> | ||
36 | <el-table-column width="60"> | ||
37 | <template slot="header"> | ||
38 | <i class="el-icon-plus pointer" @click="handleAddqlr"></i> | ||
39 | </template> | ||
40 | <template slot-scope="scope"> | ||
41 | <i class="el-icon-minus pointer" @click="remove(scope.$index, scope.row, 'qlr')"></i> | ||
42 | </template> | ||
43 | </el-table-column> | ||
44 | <el-table-column | ||
45 | label="身份证读卡器" | ||
46 | width="150"> | ||
47 | <template slot-scope="scope"> | ||
48 | <el-button | ||
49 | type="text" | ||
50 | icon="el-icon-edit-outline" | ||
51 | @click="handleRead(scope.row, 'qlr')"> | ||
52 | 读取 | ||
53 | </el-button> | ||
54 | </template> | ||
55 | </el-table-column> | ||
56 | <el-table-column | ||
57 | label="姓名/名称" | ||
58 | width="150"> | ||
59 | <template slot-scope="scope"> | ||
60 | <el-input v-model="scope.row.sqrxm"></el-input> | ||
61 | </template> | ||
62 | </el-table-column> | ||
63 | <el-table-column | ||
64 | label="证件种类"> | ||
65 | <template slot-scope="scope"> | ||
66 | <el-select v-model="scope.row.sqrzjlxbm" class="width100"> | ||
67 | <el-option | ||
68 | v-for="item in zjzlData" | ||
69 | :key="item.value" | ||
70 | :label="item.label" | ||
71 | :value="item.value"> | ||
72 | </el-option> | ||
73 | </el-select> | ||
74 | </template> | ||
75 | </el-table-column> | ||
76 | <el-table-column | ||
77 | label="证件号"> | ||
78 | <template slot-scope="scope"> | ||
79 | <el-input v-model="scope.row.sqrzjhm"></el-input> | ||
80 | </template> | ||
81 | </el-table-column> | ||
82 | |||
83 | <el-table-column | ||
84 | label="联系电话"> | ||
85 | <template slot-scope="scope"> | ||
86 | <el-input type="tel" v-model="scope.row.lxdh"></el-input> | ||
87 | </template> | ||
88 | </el-table-column> | ||
89 | </el-table> | ||
31 | <div v-show="isSearch"> | 90 | <div v-show="isSearch"> |
32 | <b class="title">查询结果</b> | 91 | <b class="title">查询结果</b> |
33 | <p>查询编号:{{ form.djSqcxDO.cxbh }}</p> | 92 | <p>查询编号:{{ form.djSqcxDO.cxbh }}</p> |
34 | <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false"> | 93 | <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="230" heightNumSetting :pagination="false"> |
35 | </lb-table> | 94 | </lb-table> |
36 | </div> | 95 | </div> |
37 | </div> | 96 | </div> |
38 | <el-divider></el-divider> | 97 | <el-divider></el-divider> |
39 | <div class="submit-button" style="padding-bottom:50px"> | 98 | <div class="submit-button"> |
40 | <el-button v-show="isSearch == false" @click="resetClick">重置</el-button> | 99 | <el-button v-show="isSearch == false" @click="resetClick">重置</el-button> |
41 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> | 100 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> |
42 | <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult"> | 101 | <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult"> |
... | @@ -54,193 +113,351 @@ | ... | @@ -54,193 +113,351 @@ |
54 | </div> | 113 | </div> |
55 | </template> | 114 | </template> |
56 | <script> | 115 | <script> |
57 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; | 116 | import axios from 'axios' |
58 | import { getPrintTemplateByCode } from "@/api/system"; | 117 | import store from '@/store/index.js' |
59 | import { datas, sendThis } from "./addjtfcdata"; | 118 | import { getLodop } from "@/utils/LodopFuncs" |
60 | import { getLodop } from "@/utils/LodopFuncs" | 119 | import { datas } from "./addjtfcdata"; |
61 | export default { | 120 | import { getPrintTemplateByCode } from "@/api/system"; |
62 | props: { | 121 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; |
63 | formData: { | 122 | export default { |
64 | type: Object, | 123 | props: { |
65 | default: () => { }, | 124 | formData: { |
66 | }, | 125 | type: Object, |
67 | }, | 126 | default: () => { }, |
68 | mounted () { | ||
69 | sendThis(this); | ||
70 | }, | ||
71 | data () { | ||
72 | return { | ||
73 | //是否查询 | ||
74 | isSearch: false, | ||
75 | //查询结果列表字段 | ||
76 | cxjgColumns: datas.columns(), | ||
77 | //申请人列表字段 | ||
78 | sqrColumns: datas.sqrCol(), | ||
79 | //权利人列表字段 | ||
80 | qlrColumns: datas.qlrCol(), | ||
81 | newData: { | ||
82 | sqrxm: "", | ||
83 | sqrzjlxbm: "", | ||
84 | sqrzjhm: "", | ||
85 | lxdh: "", | ||
86 | inputErr: false, | ||
87 | }, | ||
88 | form: { | ||
89 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, | ||
90 | sqrList: [], | ||
91 | qlrList: [], | ||
92 | cxjgList: [], | ||
93 | dyjlList: [], | ||
94 | }, | 127 | }, |
95 | }; | ||
96 | }, | ||
97 | mounted () { | ||
98 | this.form.sqrList = [] | ||
99 | this.form.qlrList = [] | ||
100 | this.isSearch = false | ||
101 | if (this.formData.sqcxBsm == "") { | ||
102 | this.add("sqr"); | ||
103 | this.add("qlr"); | ||
104 | } else { | ||
105 | this.loadData(); | ||
106 | } | ||
107 | }, | ||
108 | watch: { | ||
109 | "form.djSqcxDO.ycqrgx" (val) { | ||
110 | if (val == "1") { | ||
111 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | ||
112 | } else { | ||
113 | this.form.qlrList = []; | ||
114 | this.add("qlr"); | ||
115 | } | ||
116 | }, | 128 | }, |
117 | "form.sqrList" (val) { | 129 | data () { |
118 | if (this.form.djSqcxDO.ycqrgx == '1') { | 130 | return { |
119 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | 131 | key: 0, |
120 | } | 132 | zjzlData: store.getters.dictData['A30'], |
121 | } | 133 | //是否查询 |
122 | }, | 134 | isSearch: false, |
123 | methods: { | 135 | //查询结果列表字段 |
124 | closeDialog () { | 136 | cxjgColumns: datas.columns(), |
125 | this.$popupCacel() | 137 | //申请人列表字段 |
126 | this.form = { | 138 | sqrColumns: [{ |
127 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, | 139 | width: "60", |
128 | sqrList: [], | 140 | renderHeader: (h, scope) => { |
129 | qlrList: [], | 141 | return ( |
130 | cxjgList: [], | 142 | <i |
131 | dyjlList: [], | 143 | class="el-icon-plus pointer" |
144 | onClick={() => { | ||
145 | this.handleAddsqr("sqr"); | ||
146 | }} | ||
147 | style="color:#409EFF" | ||
148 | ></i> | ||
149 | ); | ||
150 | }, | ||
151 | render: (h, scope) => { | ||
152 | return ( | ||
153 | <i | ||
154 | class="el-icon-minus pointer" | ||
155 | onClick={() => { | ||
156 | this.remove(scope.$index, scope.row, "sqr"); | ||
157 | }} | ||
158 | ></i> | ||
159 | ); | ||
160 | }, | ||
161 | }, | ||
162 | { | ||
163 | width: "150", | ||
164 | label: "身份证读卡器", | ||
165 | render: (h, scope) => { | ||
166 | return ( | ||
167 | <div> | ||
168 | <el-button | ||
169 | type="text" | ||
170 | icon="el-icon-edit-outline" | ||
171 | onClick={() => { | ||
172 | this.handleRead(scope.row, 'sqr'); | ||
173 | }} | ||
174 | > | ||
175 | 读取 | ||
176 | </el-button> | ||
177 | </div> | ||
178 | ); | ||
179 | }, | ||
180 | }, | ||
181 | { | ||
182 | width: "150", | ||
183 | prop: "sqrxm", | ||
184 | label: "姓名/名称", | ||
185 | render: (h, scope) => { | ||
186 | return ( | ||
187 | <el-input | ||
188 | placeholder="姓名/名称" | ||
189 | value={scope.row[scope.column.property]} | ||
190 | onInput={(val) => { | ||
191 | scope.row[scope.column.property] = val; | ||
192 | }} | ||
193 | ></el-input> | ||
194 | ); | ||
195 | }, | ||
196 | }, | ||
197 | { | ||
198 | prop: "sqrzjlxbm", | ||
199 | label: "证件种类", | ||
200 | render: (h, scope) => { | ||
201 | return ( | ||
202 | <el-select | ||
203 | class="width100" | ||
204 | clearable | ||
205 | value={scope.row[scope.column.property]} | ||
206 | onChange={(val) => { | ||
207 | scope.row[scope.column.property] = val; | ||
208 | }} | ||
209 | > | ||
210 | {this.getDictData('A30').map((option) => { | ||
211 | return ( | ||
212 | <el-option | ||
213 | label={option.dname} | ||
214 | value={option.dcode} | ||
215 | ></el-option> | ||
216 | ); | ||
217 | })} | ||
218 | </el-select> | ||
219 | ); | ||
220 | }, | ||
221 | }, | ||
222 | { | ||
223 | prop: "sqrzjhm", | ||
224 | label: "证件号", | ||
225 | render: (h, scope) => { | ||
226 | return ( | ||
227 | <el-input | ||
228 | placeholder="证件号" | ||
229 | value={scope.row[scope.column.property]} | ||
230 | onInput={(val) => { | ||
231 | scope.row[scope.column.property] = val; | ||
232 | }} | ||
233 | maxlength="21" | ||
234 | ></el-input> | ||
235 | ); | ||
236 | }, | ||
237 | }, | ||
238 | { | ||
239 | prop: "lxdh", | ||
240 | label: "联系电话", | ||
241 | render: (h, scope) => { | ||
242 | return ( | ||
243 | <div class="typePhone"> | ||
244 | <el-input | ||
245 | placeholder="联系电话" | ||
246 | value={scope.row[scope.column.property]} | ||
247 | onInput={(val) => { | ||
248 | scope.row[scope.column.property] = val; | ||
249 | }} | ||
250 | onBlur={(val) => { | ||
251 | vm.teltest(scope.row); | ||
252 | }} | ||
253 | type="tel" | ||
254 | maxlength="11" | ||
255 | ></el-input> | ||
256 | <span | ||
257 | v-show={scope.row.inputErr} | ||
258 | style={{ | ||
259 | fontSize: "12px", | ||
260 | color: "red", | ||
261 | position: "absolute", | ||
262 | bottom: "-2px", | ||
263 | left: "0", | ||
264 | }} | ||
265 | > | ||
266 | 请输入正确手机号 | ||
267 | </span> | ||
268 | </div> | ||
269 | ); | ||
270 | }, | ||
271 | }], | ||
272 | newData: { | ||
273 | sqrxm: "", | ||
274 | sqrzjlxbm: "", | ||
275 | sqrzjhm: "", | ||
276 | lxdh: "", | ||
277 | inputErr: false, | ||
278 | }, | ||
279 | form: { | ||
280 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, | ||
281 | sqrList: [], | ||
282 | qlrList: [], | ||
283 | cxjgList: [], | ||
284 | dyjlList: [], | ||
285 | }, | ||
286 | }; | ||
287 | }, | ||
288 | mounted () { | ||
289 | this.form.sqrList = [] | ||
290 | this.form.qlrList = [] | ||
291 | this.isSearch = false | ||
292 | if (this.formData.sqcxBsm == "") { | ||
293 | this.add("sqr"); | ||
294 | this.add("qlr"); | ||
295 | } else { | ||
296 | this.loadData(); | ||
132 | } | 297 | } |
133 | }, | 298 | }, |
134 | //加载详细信息 | 299 | watch: { |
135 | loadData () { | 300 | "form.djSqcxDO.ycqrgx" (val) { |
136 | this.$startLoading(); | 301 | if (val == "1") { |
137 | getJtfcInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => { | 302 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
138 | this.$endLoading(); | 303 | } else { |
139 | if (res.code == 200) { | 304 | this.form.qlrList = []; |
140 | this.form = res.result; | 305 | this.add("qlr"); |
141 | this.isSearch = true; | ||
142 | } | 306 | } |
143 | }); | 307 | }, |
144 | }, | 308 | "form.sqrList" (val) { |
145 | //查询结果 | 309 | if (this.form.djSqcxDO.ycqrgx == '1') { |
146 | queryChick () { | 310 | console.log(val, 'valvalvalval'); |
147 | this.$startLoading(); | 311 | this.form.qlrList = _.cloneDeep(val) |
148 | addJtfcCxjgXx(this.form).then((res) => { | ||
149 | this.$endLoading(); | ||
150 | if (res.code == 200) { | ||
151 | this.form = res.result; | ||
152 | this.isSearch = true; | ||
153 | this.$parent.queryClick(); | ||
154 | } | 312 | } |
155 | }); | 313 | } |
156 | }, | ||
157 | //重置 | ||
158 | resetClick () { | ||
159 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" }; | ||
160 | this.form.sqrList = _.cloneDeep([this.newData]); | ||
161 | this.form.qlrList = _.cloneDeep([this.newData]); | ||
162 | this.form.cxjgList = []; | ||
163 | this.form.dyjlList = []; | ||
164 | this.isSearch = false; | ||
165 | }, | 314 | }, |
166 | handleRead (scope) { }, | 315 | methods: { |
167 | //添加申请人或权利人 | 316 | // 字典 |
168 | add (type) { | 317 | getDictData (val) { |
169 | if (type == "sqr") { | 318 | return store.getters.dictData[val] |
319 | }, | ||
320 | closeDialog () { | ||
321 | this.$popupCacel() | ||
322 | this.form = { | ||
323 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, | ||
324 | sqrList: [], | ||
325 | qlrList: [], | ||
326 | cxjgList: [], | ||
327 | dyjlList: [], | ||
328 | } | ||
329 | }, | ||
330 | //加载详细信息 | ||
331 | loadData () { | ||
332 | this.$startLoading(); | ||
333 | getJtfcInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => { | ||
334 | this.$endLoading(); | ||
335 | if (res.code == 200) { | ||
336 | this.form = res.result; | ||
337 | this.isSearch = true; | ||
338 | } | ||
339 | }); | ||
340 | }, | ||
341 | //查询结果 | ||
342 | queryChick () { | ||
343 | this.$startLoading(); | ||
344 | addJtfcCxjgXx(this.form).then((res) => { | ||
345 | this.$endLoading(); | ||
346 | if (res.code == 200) { | ||
347 | this.form = res.result; | ||
348 | this.isSearch = true; | ||
349 | this.$parent.queryClick(); | ||
350 | } | ||
351 | }); | ||
352 | }, | ||
353 | //重置 | ||
354 | resetClick () { | ||
355 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" }; | ||
356 | this.form.sqrList = _.cloneDeep([this.newData]); | ||
357 | this.form.qlrList = _.cloneDeep([this.newData]); | ||
358 | this.form.cxjgList = []; | ||
359 | this.form.dyjlList = []; | ||
360 | this.isSearch = false; | ||
361 | }, | ||
362 | handleRead (row, type) { | ||
363 | axios.post(this.BASE_API.IDCARDURL).then(res => { | ||
364 | if (res.data.code == 0) { | ||
365 | let data = res.data.IDCardInfo | ||
366 | row.sqrxm = data.name | ||
367 | row.sqrzjlxbm = '1' | ||
368 | row.sqrzjhm = data.cardID | ||
369 | this.$message({ | ||
370 | message: '读取成功!', | ||
371 | type: 'success' | ||
372 | }) | ||
373 | if (type == 'sqr') { | ||
374 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | ||
375 | } | ||
376 | console.log(this.form.sqrList); | ||
377 | } else { | ||
378 | this.$message({ | ||
379 | message: res.data.message, | ||
380 | type: 'warning' | ||
381 | }) | ||
382 | } | ||
383 | }) | ||
384 | }, | ||
385 | //添加申请人 | ||
386 | handleAddsqr () { | ||
170 | this.form.sqrList.push(_.cloneDeep(this.newData)); | 387 | this.form.sqrList.push(_.cloneDeep(this.newData)); |
171 | } else { | 388 | }, |
389 | handleAddqlr () { | ||
172 | this.form.qlrList.push(_.cloneDeep(this.newData)); | 390 | this.form.qlrList.push(_.cloneDeep(this.newData)); |
173 | } | 391 | }, |
174 | }, | 392 | //移除申请人或权利人 |
175 | //移除申请人或权利人 | 393 | remove (index, row, type) { |
176 | remove (index, row, type) { | 394 | console.log(type, 'type'); |
177 | if (type == "sqr") { | 395 | if (type == "sqr") { |
178 | this.form.sqrList.splice(index, 1); | 396 | this.form.sqrList.splice(index, 1); |
179 | } else { | 397 | } else { |
180 | this.form.qlrList.splice(index, 1); | 398 | this.form.qlrList.splice(index, 1); |
181 | } | ||
182 | }, | ||
183 | //电话号码校验 | ||
184 | teltest (row) { | ||
185 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | ||
186 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | ||
187 | row.inputErr = true; | ||
188 | return false; | ||
189 | } else { | ||
190 | row.inputErr = false; | ||
191 | return true; | ||
192 | } | ||
193 | }, | ||
194 | //打印 | ||
195 | printResult () { | ||
196 | this.openPrintPrew(); | ||
197 | var formdata = new FormData(); | ||
198 | formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx); | ||
199 | formdata.append("dylx", '1'); | ||
200 | printJtcfInfo(formdata).then(res => { | ||
201 | if (res.code == 200) { | ||
202 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 | ||
203 | } | 399 | } |
204 | }); | 400 | }, |
205 | }, | 401 | //电话号码校验 |
206 | //打开打印预览 | 402 | teltest (row) { |
207 | openPrintPrew () { | 403 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
208 | //根据编号获取对应信息 | 404 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
209 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | 405 | row.inputErr = true; |
210 | if (res.code == 200) { | 406 | return false; |
211 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 407 | } else { |
212 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 408 | row.inputErr = false; |
213 | LODOP.PREVIEW(); | 409 | return true; |
214 | } | 410 | } |
215 | }) | 411 | }, |
216 | } | 412 | //打印 |
217 | }, | 413 | printResult () { |
218 | }; | 414 | this.openPrintPrew(); |
415 | var formdata = new FormData(); | ||
416 | formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx); | ||
417 | formdata.append("dylx", '1'); | ||
418 | printJtcfInfo(formdata).then(res => { | ||
419 | if (res.code == 200) { | ||
420 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 | ||
421 | } | ||
422 | }); | ||
423 | }, | ||
424 | //打开打印预览 | ||
425 | openPrintPrew () { | ||
426 | //根据编号获取对应信息 | ||
427 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | ||
428 | if (res.code == 200) { | ||
429 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
430 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
431 | LODOP.PREVIEW(); | ||
432 | } | ||
433 | }) | ||
434 | } | ||
435 | }, | ||
436 | }; | ||
219 | </script> | 437 | </script> |
220 | <style scoped lang="scss"> | 438 | <style scoped lang="scss"> |
221 | @import "~@/styles/mixin.scss"; | 439 | @import "~@/styles/mixin.scss"; |
222 | @import "~@/styles/public.scss"; | 440 | @import "~@/styles/public.scss"; |
223 | |||
224 | .title { | ||
225 | padding-bottom: 10px; | ||
226 | margin-bottom: 10px; | ||
227 | display: block; | ||
228 | border-bottom: 1px solid $borderColor; | ||
229 | } | ||
230 | 441 | ||
231 | .jtfccx-edit { | 442 | .title { |
232 | @include flex; | 443 | padding-bottom: 10px; |
233 | flex-direction: column; | 444 | margin-bottom: 10px; |
234 | overflow-y: hidden; | 445 | display: block; |
235 | max-height: 85vh; | 446 | border-bottom: 1px solid $borderColor; |
236 | padding: 0 2px; | 447 | } |
237 | 448 | ||
449 | .jtfccx-edit { | ||
450 | @include flex; | ||
451 | flex-direction: column; | ||
452 | overflow-y: hidden; | ||
453 | max-height: 85vh; | ||
454 | padding: 0 2px; | ||
238 | 455 | ||
239 | .submit-button { | 456 | .submit-button { |
240 | text-align: center; | 457 | text-align: center; |
241 | height: 52px; | 458 | height: 52px; |
242 | padding-top: 10px; | 459 | padding-top: 10px; |
243 | background-color: #fff; | 460 | background-color: #fff; |
461 | } | ||
244 | } | 462 | } |
245 | } | ||
246 | </style> | 463 | </style> | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-14 14:48:35 | ||
5 | */ | ||
1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
2 | let vm = null | ||
3 | |||
4 | const sendThis = (_this) => { | ||
5 | vm = _this | ||
6 | } | ||
7 | class data extends filter { | 7 | class data extends filter { |
8 | constructor() { | 8 | constructor() { |
9 | super() | 9 | super() |
... | @@ -16,6 +16,7 @@ class data extends filter { | ... | @@ -16,6 +16,7 @@ class data extends filter { |
16 | }, | 16 | }, |
17 | { | 17 | { |
18 | prop: 'bdcqzh', | 18 | prop: 'bdcqzh', |
19 | width: '110', | ||
19 | label: '不动产权证号', | 20 | label: '不动产权证号', |
20 | }, | 21 | }, |
21 | { | 22 | { |
... | @@ -32,6 +33,7 @@ class data extends filter { | ... | @@ -32,6 +33,7 @@ class data extends filter { |
32 | }, | 33 | }, |
33 | { | 34 | { |
34 | prop: 'bdcdyh', | 35 | prop: 'bdcdyh', |
36 | width: '110', | ||
35 | label: '不动产单元号', | 37 | label: '不动产单元号', |
36 | }, | 38 | }, |
37 | { | 39 | { |
... | @@ -52,6 +54,7 @@ class data extends filter { | ... | @@ -52,6 +54,7 @@ class data extends filter { |
52 | }, | 54 | }, |
53 | { | 55 | { |
54 | prop: 'fwmj', | 56 | prop: 'fwmj', |
57 | width: '120', | ||
55 | label: '建筑面积(㎡)', | 58 | label: '建筑面积(㎡)', |
56 | }, | 59 | }, |
57 | { | 60 | { |
... | @@ -77,284 +80,8 @@ class data extends filter { | ... | @@ -77,284 +80,8 @@ class data extends filter { |
77 | } | 80 | } |
78 | ] | 81 | ] |
79 | } | 82 | } |
80 | sqrCol () { | ||
81 | return [ | ||
82 | { | ||
83 | width: "60", | ||
84 | renderHeader: (h, scope) => { | ||
85 | return ( | ||
86 | <i | ||
87 | class="el-icon-plus pointer" | ||
88 | onClick={() => { | ||
89 | vm.add("sqr"); | ||
90 | }} | ||
91 | style="color:#409EFF" | ||
92 | ></i> | ||
93 | ); | ||
94 | }, | ||
95 | render: (h, scope) => { | ||
96 | return ( | ||
97 | <i | ||
98 | class="el-icon-minus pointer" | ||
99 | onClick={() => { | ||
100 | vm.remove(scope.$index, scope.row, "sqr"); | ||
101 | }} | ||
102 | ></i> | ||
103 | ); | ||
104 | }, | ||
105 | }, | ||
106 | { | ||
107 | width: "150", | ||
108 | label: "身份证读卡器", | ||
109 | render: (h, scope) => { | ||
110 | return ( | ||
111 | <div> | ||
112 | <el-button | ||
113 | type="text" | ||
114 | icon="el-icon-edit-outline" | ||
115 | onClick={() => { | ||
116 | vm.handleRead(scope); | ||
117 | }} | ||
118 | > | ||
119 | 读取 | ||
120 | </el-button> | ||
121 | </div> | ||
122 | ); | ||
123 | }, | ||
124 | }, | ||
125 | { | ||
126 | width: "150", | ||
127 | prop: "sqrxm", | ||
128 | label: "姓名/名称", | ||
129 | render: (h, scope) => { | ||
130 | return ( | ||
131 | <el-input | ||
132 | placeholder="姓名/名称" | ||
133 | value={scope.row[scope.column.property]} | ||
134 | onInput={(val) => { | ||
135 | scope.row[scope.column.property] = val; | ||
136 | }} | ||
137 | ></el-input> | ||
138 | ); | ||
139 | }, | ||
140 | }, | ||
141 | { | ||
142 | prop: "sqrzjlxbm", | ||
143 | label: "证件种类", | ||
144 | render: (h, scope) => { | ||
145 | return ( | ||
146 | <el-select | ||
147 | class="width100" | ||
148 | clearable | ||
149 | value={scope.row[scope.column.property]} | ||
150 | onChange={(val) => { | ||
151 | scope.row[scope.column.property] = val; | ||
152 | }} | ||
153 | > | ||
154 | {this.getDictData('A30').map((option) => { | ||
155 | return ( | ||
156 | <el-option | ||
157 | label={option.dname} | ||
158 | value={option.dcode} | ||
159 | ></el-option> | ||
160 | ); | ||
161 | })} | ||
162 | </el-select> | ||
163 | ); | ||
164 | }, | ||
165 | }, | ||
166 | { | ||
167 | prop: "sqrzjhm", | ||
168 | label: "证件号", | ||
169 | render: (h, scope) => { | ||
170 | return ( | ||
171 | <el-input | ||
172 | placeholder="证件号" | ||
173 | value={scope.row[scope.column.property]} | ||
174 | onInput={(val) => { | ||
175 | scope.row[scope.column.property] = val; | ||
176 | }} | ||
177 | maxlength="21" | ||
178 | ></el-input> | ||
179 | ); | ||
180 | }, | ||
181 | }, | ||
182 | { | ||
183 | prop: "lxdh", | ||
184 | label: "联系电话", | ||
185 | render: (h, scope) => { | ||
186 | return ( | ||
187 | <div class="typePhone"> | ||
188 | <el-input | ||
189 | placeholder="联系电话" | ||
190 | value={scope.row[scope.column.property]} | ||
191 | onInput={(val) => { | ||
192 | scope.row[scope.column.property] = val; | ||
193 | }} | ||
194 | onBlur={(val) => { | ||
195 | vm.teltest(scope.row); | ||
196 | }} | ||
197 | type="tel" | ||
198 | maxlength="11" | ||
199 | ></el-input> | ||
200 | <span | ||
201 | v-show={scope.row.inputErr} | ||
202 | style={{ | ||
203 | fontSize: "12px", | ||
204 | color: "red", | ||
205 | position: "absolute", | ||
206 | bottom: "-2px", | ||
207 | left: "0", | ||
208 | }} | ||
209 | > | ||
210 | 请输入正确手机号 | ||
211 | </span> | ||
212 | </div> | ||
213 | ); | ||
214 | }, | ||
215 | }, | ||
216 | ] | ||
217 | } | ||
218 | qlrCol () { | ||
219 | return [ | ||
220 | { | ||
221 | width: "60", | ||
222 | renderHeader: (h, scope) => { | ||
223 | return ( | ||
224 | <i | ||
225 | class="el-icon-plus pointer" | ||
226 | onClick={() => { | ||
227 | vm.add("qlr"); | ||
228 | }} | ||
229 | style="color:#409EFF" | ||
230 | ></i> | ||
231 | ); | ||
232 | }, | ||
233 | render: (h, scope) => { | ||
234 | return ( | ||
235 | <i | ||
236 | class="el-icon-minus pointer" | ||
237 | onClick={() => { | ||
238 | vm.remove(scope.$index, scope.row, "qlr"); | ||
239 | }} | ||
240 | ></i> | ||
241 | ); | ||
242 | }, | ||
243 | }, | ||
244 | { | ||
245 | width: "150", | ||
246 | label: "身份证读卡器", | ||
247 | render: (h, scope) => { | ||
248 | return ( | ||
249 | <div> | ||
250 | <el-button | ||
251 | type="text" | ||
252 | icon="el-icon-edit-outline" | ||
253 | onClick={() => { | ||
254 | vm.handleRead(scope); | ||
255 | }} | ||
256 | > | ||
257 | 读取 | ||
258 | </el-button> | ||
259 | </div> | ||
260 | ); | ||
261 | }, | ||
262 | }, | ||
263 | { | ||
264 | width: "150", | ||
265 | prop: "sqrxm", | ||
266 | label: "姓名/名称", | ||
267 | render: (h, scope) => { | ||
268 | return ( | ||
269 | <el-input | ||
270 | placeholder="姓名/名称" | ||
271 | value={scope.row[scope.column.property]} | ||
272 | onInput={(val) => { | ||
273 | scope.row[scope.column.property] = val; | ||
274 | }} | ||
275 | ></el-input> | ||
276 | ); | ||
277 | }, | ||
278 | }, | ||
279 | { | ||
280 | prop: "sqrzjlxbm", | ||
281 | label: "证件种类", | ||
282 | render: (h, scope) => { | ||
283 | return ( | ||
284 | <el-select | ||
285 | class="width100" | ||
286 | value={scope.row[scope.column.property]} | ||
287 | onChange={(val) => { | ||
288 | scope.row[scope.column.property] = val; | ||
289 | }} | ||
290 | > | ||
291 | {this.getDictData('A30').map((option) => { | ||
292 | return ( | ||
293 | <el-option | ||
294 | label={option.dname} | ||
295 | value={option.dcode} | ||
296 | ></el-option> | ||
297 | ); | ||
298 | })} | ||
299 | </el-select> | ||
300 | ); | ||
301 | }, | ||
302 | }, | ||
303 | { | ||
304 | prop: "sqrzjhm", | ||
305 | label: "证件号", | ||
306 | render: (h, scope) => { | ||
307 | return ( | ||
308 | <el-input | ||
309 | placeholder="证件号" | ||
310 | value={scope.row[scope.column.property]} | ||
311 | onInput={(val) => { | ||
312 | scope.row[scope.column.property] = val; | ||
313 | }} | ||
314 | maxlength="21" | ||
315 | ></el-input> | ||
316 | ); | ||
317 | }, | ||
318 | }, | ||
319 | { | ||
320 | prop: "lxdh", | ||
321 | label: "联系电话", | ||
322 | render: (h, scope) => { | ||
323 | return ( | ||
324 | <div class="typePhone"> | ||
325 | <el-input | ||
326 | placeholder="联系电话" | ||
327 | value={scope.row[scope.column.property]} | ||
328 | onInput={(val) => { | ||
329 | scope.row[scope.column.property] = val; | ||
330 | }} | ||
331 | onBlur={(val) => { | ||
332 | vm.teltest(scope.row); | ||
333 | }} | ||
334 | type="tel" | ||
335 | maxlength="11" | ||
336 | ></el-input> | ||
337 | <span | ||
338 | v-show={scope.row.inputErr} | ||
339 | style={{ | ||
340 | fontSize: "12px", | ||
341 | color: "red", | ||
342 | position: "absolute", | ||
343 | bottom: "-2px", | ||
344 | left: "0", | ||
345 | }} | ||
346 | > | ||
347 | 请输入正确手机号 | ||
348 | </span> | ||
349 | </div> | ||
350 | ); | ||
351 | }, | ||
352 | }, | ||
353 | ] | ||
354 | } | ||
355 | } | 83 | } |
356 | let datas = new data() | 84 | let datas = new data() |
357 | export { | 85 | export { |
358 | datas, | 86 | datas |
359 | sendThis | ||
360 | } | 87 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-14 09:01:30 | 4 | * @LastEditTime: 2023-06-14 13:14:26 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -195,14 +195,15 @@ | ... | @@ -195,14 +195,15 @@ |
195 | 195 | ||
196 | // 身份证读取 | 196 | // 身份证读取 |
197 | readClick (row) { | 197 | readClick (row) { |
198 | var httpurl = "http://127.0.0.1:33088/"; | 198 | axios.post(this.BASE_API.IDCARDURL).then(res => { |
199 | var url = httpurl + "function=get_idcard&readnew=0" | ||
200 | axios.post(url).then(res => { | ||
201 | if (res.data.code == 0) { | 199 | if (res.data.code == 0) { |
202 | let data = res.data.IDCardInfo | 200 | let data = res.data.IDCardInfo |
203 | row.sqrmc = data.name | 201 | row.sqrmc = data.name |
204 | row.zjzl = 1 | 202 | row.zjzl = '1' |
205 | row.zjh = data.cardID | 203 | row.zjh = data.cardID |
204 | row.xb = data.sexCode | ||
205 | row.txdz = data.address | ||
206 | row.fzjg = data.issueOrgan | ||
206 | this.$message({ | 207 | this.$message({ |
207 | message: '读取成功!', | 208 | message: '读取成功!', |
208 | type: 'success' | 209 | type: 'success' | ... | ... |
... | @@ -320,6 +320,7 @@ export default { | ... | @@ -320,6 +320,7 @@ export default { |
320 | var formdata = new FormData(); | 320 | var formdata = new FormData(); |
321 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 321 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
322 | formdata.append("djlx", this.propsParam.djlx); | 322 | formdata.append("djlx", this.propsParam.djlx); |
323 | formdata.append("isEdit", this.ableOperation); | ||
323 | Init(formdata).then((res) => { | 324 | Init(formdata).then((res) => { |
324 | if (res.code === 200 && res.result) { | 325 | if (res.code === 200 && res.result) { |
325 | this.ruleForm = res.result; | 326 | this.ruleForm = res.result; | ... | ... |
... | @@ -265,6 +265,7 @@ | ... | @@ -265,6 +265,7 @@ |
265 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 265 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
266 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 266 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
267 | formdata.append("djlx", this.propsParam.djlx); | 267 | formdata.append("djlx", this.propsParam.djlx); |
268 | formdata.append("isEdit", this.ableOperation); | ||
268 | Init(formdata).then((res) => { | 269 | Init(formdata).then((res) => { |
269 | if (res.code === 200 && res.result) { | 270 | if (res.code === 200 && res.result) { |
270 | this.ruleForm = res.result; | 271 | this.ruleForm = res.result; | ... | ... |
... | @@ -216,6 +216,7 @@ | ... | @@ -216,6 +216,7 @@ |
216 | var formdata = new FormData(); | 216 | var formdata = new FormData(); |
217 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 217 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
218 | formdata.append("djlx", this.propsParam.djlx); | 218 | formdata.append("djlx", this.propsParam.djlx); |
219 | formdata.append("isEdit", this.ableOperation); | ||
219 | Init(formdata).then((res) => { | 220 | Init(formdata).then((res) => { |
220 | if (res.code === 200 && res.result) { | 221 | if (res.code === 200 && res.result) { |
221 | this.ruleForm = { | 222 | this.ruleForm = { | ... | ... |
... | @@ -200,6 +200,7 @@ | ... | @@ -200,6 +200,7 @@ |
200 | var formdata = new FormData(); | 200 | var formdata = new FormData(); |
201 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 201 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
202 | formdata.append("djlx", this.propsParam.djlx); | 202 | formdata.append("djlx", this.propsParam.djlx); |
203 | formdata.append("isEdit", this.ableOperation); | ||
203 | Init(formdata).then((res) => { | 204 | Init(formdata).then((res) => { |
204 | if (res.code === 200 && res.result) { | 205 | if (res.code === 200 && res.result) { |
205 | this.ruleForm = { | 206 | this.ruleForm = { | ... | ... |
... | @@ -81,6 +81,7 @@ | ... | @@ -81,6 +81,7 @@ |
81 | var formdata = new FormData(); | 81 | var formdata = new FormData(); |
82 | formdata.append("bsmSldy", this.propsParam.formData.bsmSldy); | 82 | formdata.append("bsmSldy", this.propsParam.formData.bsmSldy); |
83 | formdata.append("qllx", this.propsParam.formData.qllx); | 83 | formdata.append("qllx", this.propsParam.formData.qllx); |
84 | formdata.append("isEdit", this.ableOperation); | ||
84 | getFdcqLSInfo(formdata).then((res) => { | 85 | getFdcqLSInfo(formdata).then((res) => { |
85 | if (res.code === 200) { | 86 | if (res.code === 200) { |
86 | this.tableData = res.result; | 87 | this.tableData = res.result; | ... | ... |
... | @@ -165,6 +165,7 @@ export default { | ... | @@ -165,6 +165,7 @@ export default { |
165 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 165 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
166 | formdata.append("djlx", this.propsParam.djlx); | 166 | formdata.append("djlx", this.propsParam.djlx); |
167 | formdata.append("bsmSlsq", this.bsmSlsq); | 167 | formdata.append("bsmSlsq", this.bsmSlsq); |
168 | formdata.append("isEdit", this.ableOperation); | ||
168 | BatchInit(formdata).then((res) => { | 169 | BatchInit(formdata).then((res) => { |
169 | if (res.code === 200 && res.result) { | 170 | if (res.code === 200 && res.result) { |
170 | this.ruleForm = res.result; | 171 | this.ruleForm = res.result; | ... | ... |
... | @@ -250,6 +250,7 @@ | ... | @@ -250,6 +250,7 @@ |
250 | list (bsmSldy) { | 250 | list (bsmSldy) { |
251 | var formdata = new FormData(); | 251 | var formdata = new FormData(); |
252 | formdata.append("bsmSldy", bsmSldy); | 252 | formdata.append("bsmSldy", bsmSldy); |
253 | formdata.append("isEdit", this.ableOperation); | ||
253 | Init(formdata).then((res) => { | 254 | Init(formdata).then((res) => { |
254 | if (res.code === 200 && res.result) { | 255 | if (res.code === 200 && res.result) { |
255 | this.ruleForm = { | 256 | this.ruleForm = { | ... | ... |
... | @@ -204,6 +204,7 @@ | ... | @@ -204,6 +204,7 @@ |
204 | this.$startLoading(); | 204 | this.$startLoading(); |
205 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 205 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
206 | formdata.append("djlx", this.propsParam.djlx); | 206 | formdata.append("djlx", this.propsParam.djlx); |
207 | formdata.append("isEdit", this.ableOperation); | ||
207 | Init(formdata).then((res) => { | 208 | Init(formdata).then((res) => { |
208 | this.$nextTick(() => { | 209 | this.$nextTick(() => { |
209 | that.ruleForm = res.result; | 210 | that.ruleForm = res.result; | ... | ... |
... | @@ -198,6 +198,7 @@ | ... | @@ -198,6 +198,7 @@ |
198 | this.$startLoading(); | 198 | this.$startLoading(); |
199 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 199 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
200 | formdata.append("djlx", this.propsParam.djlx); | 200 | formdata.append("djlx", this.propsParam.djlx); |
201 | formdata.append("isEdit", this.ableOperation); | ||
201 | Init(formdata).then((res) => { | 202 | Init(formdata).then((res) => { |
202 | if (res.code === 200 && res.result) { | 203 | if (res.code === 200 && res.result) { |
203 | this.ruleForm = res.result; | 204 | this.ruleForm = res.result; | ... | ... |
... | @@ -244,6 +244,7 @@ | ... | @@ -244,6 +244,7 @@ |
244 | var formdata = new FormData(); | 244 | var formdata = new FormData(); |
245 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 245 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
246 | formdata.append("djlx", this.propsParam.djlx); | 246 | formdata.append("djlx", this.propsParam.djlx); |
247 | formdata.append("isEdit", this.ableOperation); | ||
247 | Init(formdata).then((res) => { | 248 | Init(formdata).then((res) => { |
248 | this.ruleForm = res.result; | 249 | this.ruleForm = res.result; |
249 | this.$endLoading(); | 250 | this.$endLoading(); | ... | ... |
... | @@ -250,6 +250,7 @@ | ... | @@ -250,6 +250,7 @@ |
250 | this.$startLoading(); | 250 | this.$startLoading(); |
251 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 251 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
252 | formdata.append("djlx", this.propsParam.djlx); | 252 | formdata.append("djlx", this.propsParam.djlx); |
253 | formdata.append("isEdit", this.ableOperation); | ||
253 | Init(formdata).then((res) => { | 254 | Init(formdata).then((res) => { |
254 | this.ruleForm = res.result; | 255 | this.ruleForm = res.result; |
255 | this.$endLoading(); | 256 | this.$endLoading(); | ... | ... |
... | @@ -161,7 +161,7 @@ | ... | @@ -161,7 +161,7 @@ |
161 | var formdata = new FormData(); | 161 | var formdata = new FormData(); |
162 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 162 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
163 | formdata.append("djlx", this.propsParam.djlx); | 163 | formdata.append("djlx", this.propsParam.djlx); |
164 | 164 | formdata.append("isEdit", this.ableOperation); | |
165 | Init(formdata).then(res => { | 165 | Init(formdata).then(res => { |
166 | if (res.code === 200 && res.result) { | 166 | if (res.code === 200 && res.result) { |
167 | this.$endLoading(); | 167 | this.$endLoading(); | ... | ... |
... | @@ -165,6 +165,7 @@ | ... | @@ -165,6 +165,7 @@ |
165 | this.$startLoading(); | 165 | this.$startLoading(); |
166 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 166 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
167 | formdata.append("djlx", this.propsParam.djlx); | 167 | formdata.append("djlx", this.propsParam.djlx); |
168 | formdata.append("isEdit", this.ableOperation); | ||
168 | Init(formdata).then((res) => { | 169 | Init(formdata).then((res) => { |
169 | if (res.code === 200 && res.result) { | 170 | if (res.code === 200 && res.result) { |
170 | this.$endLoading(); | 171 | this.$endLoading(); | ... | ... |
... | @@ -214,6 +214,7 @@ | ... | @@ -214,6 +214,7 @@ |
214 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 214 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
215 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 215 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
216 | formdata.append("djlx", this.propsParam.djlx); | 216 | formdata.append("djlx", this.propsParam.djlx); |
217 | formdata.append("isEdit", this.ableOperation); | ||
217 | Init(formdata).then((res) => { | 218 | Init(formdata).then((res) => { |
218 | if (res.code === 200 && res.result) { | 219 | if (res.code === 200 && res.result) { |
219 | that.ruleForm = res.result; | 220 | that.ruleForm = res.result; | ... | ... |
... | @@ -256,6 +256,7 @@ | ... | @@ -256,6 +256,7 @@ |
256 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 256 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
257 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 257 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
258 | formdata.append("djlx", this.propsParam.djlx); | 258 | formdata.append("djlx", this.propsParam.djlx); |
259 | formdata.append("isEdit", this.ableOperation); | ||
259 | Init(formdata).then((res) => { | 260 | Init(formdata).then((res) => { |
260 | if (res.code === 200 && res.result) { | 261 | if (res.code === 200 && res.result) { |
261 | this.ruleForm = res.result; | 262 | this.ruleForm = res.result; | ... | ... |
... | @@ -68,6 +68,10 @@ class data extends filter { | ... | @@ -68,6 +68,10 @@ class data extends filter { |
68 | minWidth: '150' | 68 | minWidth: '150' |
69 | }, | 69 | }, |
70 | { | 70 | { |
71 | prop: "gyqk", | ||
72 | label: "共有方式", | ||
73 | }, | ||
74 | { | ||
71 | prop: "qlrmc", | 75 | prop: "qlrmc", |
72 | label: "使用权人", | 76 | label: "使用权人", |
73 | }, | 77 | }, |
... | @@ -81,13 +85,18 @@ class data extends filter { | ... | @@ -81,13 +85,18 @@ class data extends filter { |
81 | label: "权利性质", | 85 | label: "权利性质", |
82 | }, | 86 | }, |
83 | { | 87 | { |
84 | prop: "mj", | 88 | prop: "mjmc", |
85 | width: '100', | 89 | width: '100', |
86 | label: "使用权面积", | 90 | label: "使用权面积", |
87 | }, | 91 | }, |
88 | { | 92 | { |
89 | prop: "ytmc", | 93 | prop: "ytmc", |
90 | label: "土地用途", | 94 | label: "土地用途", |
95 | }, | ||
96 | { | ||
97 | prop: "qdjgmc", | ||
98 | width: '100', | ||
99 | label: "取得价格", | ||
91 | }, | 100 | }, |
92 | { | 101 | { |
93 | prop: "zl", | 102 | prop: "zl", | ... | ... |
... | @@ -86,9 +86,14 @@ class data extends filter { | ... | @@ -86,9 +86,14 @@ class data extends filter { |
86 | label: "义务人", | 86 | label: "义务人", |
87 | }, | 87 | }, |
88 | { | 88 | { |
89 | prop: "mj", | 89 | prop: "mjmc", |
90 | label: "面积", | 90 | label: "面积", |
91 | width: '80' | 91 | width: '130' |
92 | }, | ||
93 | { | ||
94 | prop: "qlxzmc", | ||
95 | label: "权利性质", | ||
96 | minWidth: '130' | ||
92 | }, | 97 | }, |
93 | { | 98 | { |
94 | prop: "ytmc", | 99 | prop: "ytmc", |
... | @@ -96,6 +101,11 @@ class data extends filter { | ... | @@ -96,6 +101,11 @@ class data extends filter { |
96 | minWidth: '130' | 101 | minWidth: '130' |
97 | }, | 102 | }, |
98 | { | 103 | { |
104 | prop: "qdjgmc", | ||
105 | label: "取得价格", | ||
106 | minWidth: '80' | ||
107 | }, | ||
108 | { | ||
99 | prop: "zl", | 109 | prop: "zl", |
100 | label: "坐落", | 110 | label: "坐落", |
101 | minWidth: '150' | 111 | minWidth: '150' | ... | ... |
-
Please register or sign in to post a comment