Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ef56ffcc by tianhaohao@pashanhoo.com
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents b501aa13 1d82675b
Inline Side-by-side
Showing 13 changed files with 664 additions and 682 deletions
No preview for this file type
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
......
1 {
2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "/bdcdj",
4 "ip": "http://192.168.2.38"
5 }
...\ No newline at end of file ...\ No newline at end of file
1 {
2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "service-bdcdj-th",
4 "ip": "http://192.168.2.38"
5 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -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,
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
137 getHeight () { 137 getHeight () {
138 if (!this.heightNumSetting) { 138 if (!this.heightNumSetting) {
139 let _this = this 139 let _this = this
140 if (this.heightNum) { 140 if (this.heightNum == 0) {
141 _this.$nextTick(() => { 141 _this.$nextTick(() => {
142 if (document.querySelector(".tags-view-container")) { 142 if (document.querySelector(".tags-view-container")) {
143 window.addEventListener('resize', () => { 143 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
......
...@@ -6,168 +6,207 @@ ...@@ -6,168 +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 { deleteRepairRecord } from "@/api/djbbl.js" 68 import { deleteRepairRecord } from "@/api/djbbl.js";
48 import { leftMenubl } from "@/api/djbbl.js" 69 import { leftMenubl } from "@/api/djbbl.js";
49 import { deleteSlbdcdy } from "@/api/ywbl.js"; 70 import { deleteSlbdcdy } from "@/api/ywbl.js";
50 import { getBdcqljqtsx } from "@/api/registerBook.js"; 71 import { getBdcqljqtsx } from "@/api/registerBook.js";
51 import { loadTreeData, getNode } from "./djbFrameData.js"; 72 import { loadTreeData, getNode } from "./djbFrameData.js";
52 export default { 73 export default {
53 data () { 74 data() {
54 return { 75 return {
55 supplementarylist:[], 76 supplementarylist: [],
56 //受理申请标识码 77 //受理申请标识码
57 bsmSlsq: this.$route.query.bsmSlsq, 78 bsmSlsq: this.$route.query.bsmSlsq,
58 //当前流程所在环节 79 //当前流程所在环节
59 bestepid: this.$route.query.bestepid, 80 bestepid: this.$route.query.bestepid,
60 //受理申请标识码 81 //受理申请标识码
61 bdcdyid: this.$route.query.bdcdyid, 82 bdcdyid: this.$route.query.bdcdyid,
62 //当前流程所在环节 83 //当前流程所在环节
63 bdcdyh: this.$route.query.bdcdyh, 84 bdcdyh: this.$route.query.bdcdyh,
64 qllx:this.$route.query.qllx, 85 qllx: this.$route.query.qllx,
65 // 默认选中 86 // 默认选中
66 activeIndex: '0', 87 activeIndex: "0",
67 // 折叠 88 // 折叠
68 isShowdrawer: true, 89 isShowdrawer: true,
69 //批量操作按钮名称 90 //批量操作按钮名称
70 batchButtonName: '', 91 batchButtonName: "",
71 //左侧菜单数据集合 92 //左侧菜单数据集合
72 unitData: [], 93 unitData: [],
73 // 设置表单传递数据 94 // 设置表单传递数据
74 currentSelectProps: {}, 95 currentSelectProps: {},
75 //左侧树形结构数据 96 //左侧树形结构数据
76 treedata: [], 97 treedata: [],
77 defaultNode: "", 98 defaultNode: "",
78 defaultProps: { 99 defaultProps: {
79 value: "id", 100 value: "id",
80 children: "children", 101 children: "children",
81 label: "label", 102 label: "label",
82 }, 103 },
83 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 104 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
84 } 105 };
85 }, 106 },
86 mounted () { 107 mounted() {
87 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,
88 }, 119 },
89 computed: { 120 },
90 ...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();
91 }, 134 },
92 watch: { 135 // 获取右侧菜单
93 isRefresh: { 136 getleftMenubl(row) {
94 handler (newVal, oldVal) { 137 leftMenubl(this.bsmSlsq).then((res) => {
95 if (newVal) this.loadBdcdylist() 138 this.supplementarylist = res.result;
96 }, 139 if(row){
97 immediate: true 140 this.supplementarylist.forEach((item,index) => {
98 } 141 if(item.bsmRepair==row.bsmRepair){
142 this.activeIndex=index
143 this.unitClick(index)
144 }
145 })
146 }
147 });
148
149
99 }, 150 },
100 methods: { 151 handleNodeClick(data, node, elem) {
101 //读取申请单元信息 152 this.$parent.loadComponent(this.currentSelectProps, data);
102 loadBdcdylist () {
103 var formdata = new FormData();
104 formdata.append("bsmSlsq", this.bsmSlsq);
105 formdata.append("bestepid", this.bestepid);
106 leftMenu(formdata).then((res) => {
107 if (res.code === 200 && res.result) {
108 this.currentSelectProps = res.result[0];
109 this.$emit('getCurrentSelectProps', this.currentSelectProps);
110 }
111 })
112 this.getleftMenubl()
113 },
114 // 获取右侧菜单
115 getleftMenubl(){
116 // var formdata = new FormData();
117 // formdata.append("bsmSlsq", this.bsmSlsq);
118 leftMenubl(this.bsmSlsq).then((res) => {
119 this.supplementarylist=res.result;
120 }
121 )
122 },
123 handleNodeClick (data, node, elem) {
124 this.$parent.loadComponent(this.currentSelectProps,data);
125 this.$parent.tabset(); 153 this.$parent.tabset();
126 }, 154 },
127 //申请单元点击事件 155 //申请单元点击事件
128 unitClick (index) { 156 unitClick(index) {
129 this.currentSelectProps=this.supplementarylist[index]; 157 this.currentSelectProps = this.supplementarylist[index];
130 // this.$parent.tabset(); 158 this.$emit("getCurrentSelectProps", this.currentSelectProps);
131 // console.log("this.currentSelectProps", this.supplementarylist[index]);
132 // this.currentSelectProps.batchOperation = false;
133 // this.activeIndex = index.toString();
134 // //选中表单传递数据
135 this.$emit('getCurrentSelectProps', this.currentSelectProps);
136 // this.$parent.stepForm(index);
137 // this.$store.dispatch('user/refreshPage', false);
138 }, 159 },
139 //登记簿点击事件 160 //登记簿点击事件
140 djbClick () { 161 djbClick() {
141 this.loadBdcdylist () 162 this.loadBdcdylist();
142 // console.log("this.currentSelectProps",this.currentSelectProps);
143 this.currentSelectProps.batchOperation = true;
144 this.$parent.getdjblist()
145 163
164 // this.$parent.getdjblist()
146 }, 165 },
166 // 定位到该条补录记录
167 // orientation(){
168 // // this.activeIndex="2"
169 // this.unitClick(0)
170 // },
147 // 删除补录记录 171 // 删除补录记录
148 handleDel(row){ 172 handleDel(row) {
149 console.log("是",row); 173 this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", {
150 deleteRepairRecord(row.bsmRepair).then((res) => { 174 confirmButtonText: "确定",
151 if (res.code === 200) { 175 cancelButtonText: "取消",
152 alert("删除成功") 176 type: "warning",
153 } 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 });
154 }) 188 })
189 .catch(() => {
190 this.$message({
191 type: "info",
192 message: "已取消删除",
193 });
194 });
155 }, 195 },
156 //补录信息点击事件 196 //补录信息点击事件默认展示第一条补录记录
157 blxxClick () { 197 blxxClick() {
158 this.$parent.tabset() 198 this.unitClick(0);
159
160 }, 199 },
161 } 200 },
162 } 201 };
163 </script> 202 </script>
164 <style scoped lang='scss'> 203 <style scoped lang="scss">
165 @import "~@/styles/mixin.scss"; 204 @import "~@/styles/mixin.scss";
166 @import "../../workFrame.scss"; 205 @import "../../workFrame.scss";
167 .leftmenu ul { 206 .leftmenu ul {
168 height: calc(100vh - 120px); 207 height: calc(100vh - 120px);
169 } 208 }
170 /deep/.rollTable { 209 /deep/.rollTable {
171 height: calc(100vh - 240px) !important; 210 height: calc(100vh - 240px) !important;
172 } 211 }
173 212
...@@ -204,7 +243,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -204,7 +243,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
204 height: 45px; 243 height: 45px;
205 } 244 }
206 245
207 /deep/ .el-tree-node:focus>.el-tree-node__content { 246 /deep/ .el-tree-node:focus > .el-tree-node__content {
208 background-color: #f5f5f5; 247 background-color: #f5f5f5;
209 color: #0079fe; 248 color: #0079fe;
210 border-right: 4px solid #0079fe; 249 border-right: 4px solid #0079fe;
...@@ -214,15 +253,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -214,15 +253,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
214 white-space: pre-wrap; 253 white-space: pre-wrap;
215 } 254 }
216 255
217 /deep/ .is-current>.el-tree-node__content { 256 /deep/ .is-current > .el-tree-node__content {
218 background-color: #f5f5f5; 257 background-color: #f5f5f5;
219 color: #0079fe; 258 color: #0079fe;
220 border-right: 4px solid #0079fe; 259 border-right: 4px solid #0079fe;
221 } 260 }
222 .menus{ 261 .menus {
223 background-color: #e7f4fe; 262 background-color: #e7f4fe;
224 } 263 }
225 .blxx{ 264 .blxx {
226 border:#b0d9f8 solid 1px; 265 border: #b0d9f8 solid 1px;
227 } 266 }
228 </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>
......
...@@ -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 //根据编号获取对应信息
......
...@@ -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">
...@@ -154,56 +154,28 @@ export default { ...@@ -154,56 +154,28 @@ export default {
154 arr[index].value=item.id 154 arr[index].value=item.id
155 }) 155 })
156 this.tabList=this.tabdata 156 this.tabList=this.tabdata
157 //console.log("登记簿列表",this.tabList);
158 }, 200) 157 }, 200)
159 158
160 }, 159 },
161 // // 获取渲染补录信息列表
162 // getdjblist(){
163 // console.log("执行1",this.currentSelectProps);
164 // getBdcqljqtsx({
165 // bdcdyid: this.currentSelectProps.bdcdyid,
166 // bdcdyh: this.currentSelectProps.bdcdyh,
167 // }).then((res) => {
168 // if (res.code === 200) {
169 // this.treedata = loadTreeData(res.result, this.bdcdyh);
170 // this.$nextTick(function () {
171 // this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
172 // this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
173 // });
174 // }
175 // });
176
177 // setTimeout(() => {
178 // let settree=JSON.parse(JSON.stringify(this.treedata))
179 // this.tabdata=[...settree,...settree[1].children[0].children[0].children]
180 // this.tabdata.forEach((item,index,arr) => {
181 // arr[index].name=item.label;
182 // arr[index].value=item.id
183 // })
184 // this.tabList=this.tabdata
185 // //console.log("登记簿列表",this.tabList);
186 // }, 200)
187
188 // },
189 160
190 // 增加补录记录 161 // 增加补录记录
191 addRepairRecord(){ 162 addRepairRecord(row){
192 addRepairRecord({ 163 let from={
193 bsmQlxx:"a8a979f688fc9afc6ca7f0c124f64ede", 164 bsmQlxx:"",
194 bsmSlsq:this.bsmSlsq, 165 bsmSlsq:this.bsmSlsq,
195 bsmSldy:this.currentSelectProps.bsmSldy, 166 bsmSldy:this.currentSelectProps.bsmSldy,
196 operate:"C", 167 operate:"C",
197 qllx:this.currentSelectProps.qllx 168 qllx:this.currentSelectProps.qllx
198 }).then((res) => {
199 console.log("添加补录记录",res);
200 if (res.code === 200) {
201 this.treedata = loadTreeData(res.result, this.bdcdyh);
202 this.$nextTick(function () {
203 this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
204 this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
205 });
206 } 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 });
207 }); 179 });
208 }, 180 },
209 tabset(){ 181 tabset(){
...@@ -225,7 +197,7 @@ export default { ...@@ -225,7 +197,7 @@ export default {
225 }, 197 },
226 ]; 198 ];
227 this.tabName = 'slxx'; 199 this.tabName = 'slxx';
228 }, 200 },
229 201
230 // stepForm(index){ 202 // stepForm(index){
231 // console.log(index); 203 // console.log(index);
......
...@@ -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:47:38 4 * @LastEditTime: 2023-06-14 13:14:26
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -195,9 +195,7 @@ ...@@ -195,9 +195,7 @@
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
......