Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d053f9c4 by renchao@pashanhoo.com
Options

style:证书证明预览

1 parent 5ab9d491
Inline Side-by-side
Showing 7 changed files with 502 additions and 506 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-06 15:47:54 4 * @LastEditTime: 2023-09-06 16:15:09
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> 7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
...@@ -208,8 +208,8 @@ ...@@ -208,8 +208,8 @@
208 // 权利其他状态 208 // 权利其他状态
209 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; 209 let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
210 for (let i = 0; i < lines.length; i++) { 210 for (let i = 0; i < lines.length; i++) {
211 let num = Math.ceil(getByteLen(lines[i]) / 40) 211 let num = Math.ceil(getByteLen(lines[i]) / 38)
212 if (getByteLen(lines[i]) > 40) { 212 if (getByteLen(lines[i]) > 38) {
213 let currentLine = ''; 213 let currentLine = '';
214 let arr = []; 214 let arr = [];
215 for (let word of lines[i]) { 215 for (let word of lines[i]) {
...@@ -225,11 +225,11 @@ ...@@ -225,11 +225,11 @@
225 arr.push(currentLine); 225 arr.push(currentLine);
226 if (i > 0) { 226 if (i > 0) {
227 arr.forEach((line, index) => { 227 arr.forEach((line, index) => {
228 context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 13)); // 调整行高 228 context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
229 }) 229 })
230 } else { 230 } else {
231 arr.forEach((line, index) => { 231 arr.forEach((line, index) => {
232 context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 13)); // 调整行高 232 context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 14)); // 调整行高
233 }) 233 })
234 } 234 }
235 } else { 235 } else {
......
...@@ -3,24 +3,24 @@ ...@@ -3,24 +3,24 @@
3 <el-row> 3 <el-row>
4 <el-col :span="12"> 4 <el-col :span="12">
5 <el-form-item label="企业名称:" prop="qymc"> 5 <el-form-item label="企业名称:" prop="qymc">
6 <el-input v-model="ruleForm.qymc" ></el-input> 6 <el-input v-model="ruleForm.qymc"></el-input>
7 </el-form-item> 7 </el-form-item>
8 </el-col> 8 </el-col>
9 <el-col :span="12"> 9 <el-col :span="12">
10 <el-form-item label="电话:" prop="dh"> 10 <el-form-item label="电话:" prop="dh">
11 <el-input v-model="ruleForm.dh" ></el-input> 11 <el-input v-model="ruleForm.dh"></el-input>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 </el-row> 14 </el-row>
15 <el-row> 15 <el-row>
16 <el-col :span="12"> 16 <el-col :span="12">
17 <el-form-item label="证件种类:"> 17 <el-form-item label="证件种类:">
18 <el-input v-model="ruleForm.zjzl" ></el-input> 18 <el-input v-model="ruleForm.zjzl"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="12"> 21 <el-col :span="12">
22 <el-form-item label="证件号:" prop="zjh"> 22 <el-form-item label="证件号:" prop="zjh">
23 <el-input v-model="ruleForm.zjh" ></el-input> 23 <el-input v-model="ruleForm.zjh"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 </el-row> 26 </el-row>
...@@ -28,237 +28,235 @@ ...@@ -28,237 +28,235 @@
28 <el-row> 28 <el-row>
29 <el-col :span="12"> 29 <el-col :span="12">
30 <el-form-item label="法人名称:" prop="frmc"> 30 <el-form-item label="法人名称:" prop="frmc">
31 <el-input v-model="ruleForm.frmc" ></el-input> 31 <el-input v-model="ruleForm.frmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="12"> 34 <el-col :span="12">
35 <el-form-item label="法人电话:" prop="frdh"> 35 <el-form-item label="法人电话:" prop="frdh">
36 <el-input v-model="ruleForm.frdh" ></el-input> 36 <el-input v-model="ruleForm.frdh"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <el-row> 40 <el-row>
41 <el-col :span="12"> 41 <el-col :span="12">
42 <el-form-item label="单位地址:"> 42 <el-form-item label="单位地址:">
43 <el-input v-model="ruleForm.dwdz" ></el-input> 43 <el-input v-model="ruleForm.dwdz"></el-input>
44 </el-form-item> 44 </el-form-item>
45 </el-col> 45 </el-col>
46 <el-col :span="12"> 46 <el-col :span="12">
47 <el-form-item label="邮编:" prop="yb"> 47 <el-form-item label="邮编:" prop="yb">
48 <el-input v-model="ruleForm.yb" ></el-input> 48 <el-input v-model="ruleForm.yb"></el-input>
49 </el-form-item> 49 </el-form-item>
50 </el-col> 50 </el-col>
51 </el-row> 51 </el-row>
52 <el-form-item > 52 <el-form-item style="text-align:center">
53 <el-button type="primary" @click="submitForm">保存</el-button>
54 <el-button @click="closeDialog">取消</el-button> 53 <el-button @click="closeDialog">取消</el-button>
54 <el-button type="primary" @click="submitForm">保存</el-button>
55 </el-form-item> 55 </el-form-item>
56 </el-form> 56 </el-form>
57 </template> 57 </template>
58 58
59 <script> 59 <script>
60 import store from '@/store/index.js' 60 import store from '@/store/index.js'
61 import { addQy } from "@/api/xxba.js" 61 import { addQy } from "@/api/xxba.js"
62 export default { 62 export default {
63 props: { 63 props: {
64 formData: { 64 formData: {
65 type: Object, 65 type: Object,
66 default: () => { }, 66 default: () => { },
67 },
68 },
69 data () {
70 return {
71 DJJGLIST: store.getters.dictData['ywly'],
72 readOnly: false,
73 //表单提交数据
74 ruleForm: {
75 batchno: '',
76 djjg: '',
77 operator: '超级管理员',
78 operationtime: '',
79 bz: '',
80 zsstarno: '',
81 zsendno: '',
82 zsnum: '',
83 zmstarno: '',
84 zmendno: '',
85 zmnum: ''
86 }, 67 },
87 //表格数据 68 },
88 tableForm: [ 69 data () {
89 { 70 return {
90 name: '不动产权证书', 71 DJJGLIST: store.getters.dictData['ywly'],
91 ksysxlh: '', 72 readOnly: false,
92 jsysxlh: '', 73 //表单提交数据
93 bs: 0, 74 ruleForm: {
94 zslx: 1 75 batchno: '',
76 djjg: '',
77 operator: '超级管理员',
78 operationtime: '',
79 bz: '',
80 zsstarno: '',
81 zsendno: '',
82 zsnum: '',
83 zmstarno: '',
84 zmendno: '',
85 zmnum: ''
95 }, 86 },
96 { 87 //表格数据
97 name: '不动产登记证明', 88 tableForm: [
98 ksysxlh: '', 89 {
99 jsysxlh: '', 90 name: '不动产权证书',
100 bs: 0, 91 ksysxlh: '',
101 zslx: 2 92 jsysxlh: '',
102 } 93 bs: 0,
103 ], 94 zslx: 1
104 //证书入库业务号参数 95 },
105 ywhQueryForm: { 96 {
106 serialtype: 'zsrkbh', 97 name: '不动产登记证明',
107 serialname: '证书入库编号', 98 ksysxlh: '',
108 serialcode: 'zsrk', 99 jsysxlh: '',
109 digit: '5' 100 bs: 0,
110 }, 101 zslx: 2
111 rules: { 102 }
112 batchNo: [
113 { required: true, message: '入库编号不能为空', trigger: 'blur' }
114 ],
115 djjg: [
116 { required: true, message: '请选择登记机构', trigger: 'change' }
117 ],
118 rksj: [
119 { required: true, message: '请选择入库时间', trigger: 'change' }
120 ], 103 ],
121 }, 104 //证书入库业务号参数
122 } 105 ywhQueryForm: {
123 }, 106 serialtype: 'zsrkbh',
124 mounted () { 107 serialname: '证书入库编号',
125 if (this.formData.bsmBatch) { 108 serialcode: 'zsrk',
126 this.tableForm[0].bs = null; 109 digit: '5'
127 this.tableForm[1].bs = null; 110 },
128 this.getDetailInfo(this.formData.bsmBatch); 111 rules: {
129 } else {} 112 batchNo: [
130 }, 113 { required: true, message: '入库编号不能为空', trigger: 'blur' }
131 methods: { 114 ],
132 //表单提交 115 djjg: [
133 /** 116 { required: true, message: '请选择登记机构', trigger: 'change' }
134 * @description: 表单提交 117 ],
135 * @author: renchao 118 rksj: [
136 */ 119 { required: true, message: '请选择入库时间', trigger: 'change' }
137 submitForm () { 120 ],
138 this.tableForm.forEach((item, index) => { 121 },
139 if (item.bs < 0) { 122 }
140 return;
141 }
142 })
143 addQy(this.ruleForm).then(res => {
144 if (res.code == 200) {
145 this.$message.success('保存成功')
146 this.$emit("input", false);
147 this.$refs['ruleForm'].resetFields();
148 this.resetTableFields();
149 this.closeDialog();
150 this.$parent.queryClick();
151 } else {
152 this.$message.error(res.message);
153 }
154 })
155 }, 123 },
156 //获取详情信息 124 mounted () {
157 /** 125 if (this.formData.bsmBatch) {
158 * @description: 获取详情信息 126 this.tableForm[0].bs = null;
159 * @param {*} bsmBatch 127 this.tableForm[1].bs = null;
160 * @author: renchao 128 this.getDetailInfo(this.formData.bsmBatch);
161 */ 129 } else { }
162 getDetailInfo (bsmBatch) {
163 getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
164 if (res.code == 200) {
165 this.ruleForm = res.result;
166 this.readOnly = false;
167 this.tableForm[0].ksysxlh = res.result.zsstarno;
168 this.tableForm[0].jsysxlh = res.result.zsendno;
169 this.tableForm[0].bs = res.result.zsnum;
170 this.tableForm[1].ksysxlh = res.result.zmstarno;
171 this.tableForm[1].jsysxlh = res.result.zmendno;
172 this.tableForm[1].bs = res.result.zmnum;
173 }
174 })
175 }, 130 },
176 //印刷序列号处理 131 methods: {
177 /** 132 /**
178 * @description: 印刷序列号处理 133 * @description: 表单提交
179 * @param {*} item 134 * @author: renchao
180 * @author: renchao 135 */
181 */ 136 submitForm () {
182 ysxlhDeal (item) { 137 this.tableForm.forEach((item, index) => {
183 if (item.ksysxlh && item.jsysxlh) { 138 if (item.bs < 0) {
184 if (item.ksysxlh.length == item.jsysxlh.length) {
185 if (item.ksysxlh.length != 11) {
186 item.bs = -1;
187 return; 139 return;
188 } 140 }
189 if (item.ksysxlh > item.jsysxlh) { 141 })
142 addQy(this.ruleForm).then(res => {
143 if (res.code == 200) {
144 this.$message.success('保存成功')
145 this.$emit("input", false);
146 this.$refs['ruleForm'].resetFields();
147 this.resetTableFields();
148 this.closeDialog();
149 //刷新列表
150 store.dispatch('user/reWorkFresh', true)
151 } else {
152 this.$message.error(res.message);
153 }
154 })
155 },
156 /**
157 * @description: 获取详情信息
158 * @param {*} bsmBatch
159 * @author: renchao
160 */
161 getDetailInfo (bsmBatch) {
162 getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
163 if (res.code == 200) {
164 this.ruleForm = res.result;
165 this.readOnly = false;
166 this.tableForm[0].ksysxlh = res.result.zsstarno;
167 this.tableForm[0].jsysxlh = res.result.zsendno;
168 this.tableForm[0].bs = res.result.zsnum;
169 this.tableForm[1].ksysxlh = res.result.zmstarno;
170 this.tableForm[1].jsysxlh = res.result.zmendno;
171 this.tableForm[1].bs = res.result.zmnum;
172 }
173 })
174 },
175 /**
176 * @description: 印刷序列号处理
177 * @param {*} item
178 * @author: renchao
179 */
180 ysxlhDeal (item) {
181 if (item.ksysxlh && item.jsysxlh) {
182 if (item.ksysxlh.length == item.jsysxlh.length) {
183 if (item.ksysxlh.length != 11) {
184 item.bs = -1;
185 return;
186 }
187 if (item.ksysxlh > item.jsysxlh) {
188 item.bs = -1;
189 return;
190 }
191 item.bs = item.jsysxlh - item.ksysxlh + 1;
192 if (item.zslx == 1) {
193 this.ruleForm.zsstarno = item.ksysxlh;
194 this.ruleForm.zsendno = item.jsysxlh;
195 this.ruleForm.zsnum = item.bs
196 } else if (item.zslx == 2) {
197 this.ruleForm.zmstarno = item.ksysxlh;
198 this.ruleForm.zmendno = item.jsysxlh;
199 this.ruleForm.zmnum = item.bs
200 }
201 } else {
190 item.bs = -1; 202 item.bs = -1;
191 return;
192 } 203 }
193 item.bs = item.jsysxlh - item.ksysxlh + 1; 204 } else {
205 item.bs = 0;
194 if (item.zslx == 1) { 206 if (item.zslx == 1) {
195 this.ruleForm.zsstarno = item.ksysxlh; 207 this.ruleForm.zsstarno = '';
196 this.ruleForm.zsendno = item.jsysxlh; 208 this.ruleForm.zsendno = '';
197 this.ruleForm.zsnum = item.bs 209 this.ruleForm.zsnum = item.bs
198 } else if (item.zslx == 2) { 210 } else if (item.zslx == 2) {
199 this.ruleForm.zmstarno = item.ksysxlh; 211 this.ruleForm.zmstarno = '';
200 this.ruleForm.zmendno = item.jsysxlh; 212 this.ruleForm.zmendno = '';
201 this.ruleForm.zmnum = item.bs 213 this.ruleForm.zmnum = item.bs
202 } 214 }
203 } else {
204 item.bs = -1;
205 }
206 } else {
207 item.bs = 0;
208 if (item.zslx == 1) {
209 this.ruleForm.zsstarno = '';
210 this.ruleForm.zsendno = '';
211 this.ruleForm.zsnum = item.bs
212 } else if (item.zslx == 2) {
213 this.ruleForm.zmstarno = '';
214 this.ruleForm.zmendno = '';
215 this.ruleForm.zmnum = item.bs
216 } 215 }
216 },
217 /**
218 * @description: resetTableFields
219 * @author: renchao
220 */
221 resetTableFields () {
222 this.tableForm = [
223 {
224 name: '不动产权证书',
225 ksysxlh: '',
226 jsysxlh: '',
227 bs: 0,
228 zslx: 1
229 },
230 {
231 name: '不动产权登记证明',
232 ksysxlh: '',
233 jsysxlh: '',
234 bs: 0,
235 zslx: 2
236 }
237 ]
238 },
239 /**
240 * @description: closeDialog
241 * @author: renchao
242 */
243 closeDialog () {
244 this.$popupCacel()
245 this.$refs['ruleForm'].resetFields();
246 this.resetTableFields();
217 } 247 }
218 },
219 /**
220 * @description: resetTableFields
221 * @author: renchao
222 */
223 resetTableFields () {
224 this.tableForm = [
225 {
226 name: '不动产权证书',
227 ksysxlh: '',
228 jsysxlh: '',
229 bs: 0,
230 zslx: 1
231 },
232 {
233 name: '不动产权登记证明',
234 ksysxlh: '',
235 jsysxlh: '',
236 bs: 0,
237 zslx: 2
238 }
239 ]
240 },
241 /**
242 * @description: closeDialog
243 * @author: renchao
244 */
245 closeDialog () {
246 this.$popupCacel()
247 this.$refs['ruleForm'].resetFields();
248 this.resetTableFields();
249 } 248 }
250 } 249 }
251 }
252 </script> 250 </script>
253 <style scoped lang="scss"> 251 <style scoped lang="scss">
254 @import "~@/styles/mixin.scss"; 252 @import "~@/styles/mixin.scss";
255 @import "~@/styles/dialogBoxheader.scss"; 253 @import "~@/styles/dialogBoxheader.scss";
256 254
257 .font-red { 255 .font-red {
258 color: red 256 color: red;
259 } 257 }
260 258
261 .middle-margin-bottom { 259 .middle-margin-bottom {
262 margin-top: 20px 260 margin-top: 20px;
263 } 261 }
264 </style> 262 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:17:27 4 * @LastEditTime: 2023-09-06 16:10:25
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -35,26 +35,8 @@ class data extends filter { ...@@ -35,26 +35,8 @@ class data extends filter {
35 prop: "zjzl", 35 prop: "zjzl",
36 label: "证件种类", 36 label: "证件种类",
37 render: (h, scope) => { 37 render: (h, scope) => {
38 return ( 38 return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span>
39 <el-select 39 }
40 class="width100"
41 clearable
42 value={scope.row[scope.column.property]}
43 onChange={(val) => {
44 scope.row[scope.column.property] = val;
45 }}
46 >
47 {vm.dictData["A30"].map((option) => {
48 return (
49 <el-option
50 label={option.dname}
51 value={option.dcode}
52 ></el-option>
53 );
54 })}
55 </el-select>
56 );
57 },
58 }, 40 },
59 { 41 {
60 prop: "zjh", 42 prop: "zjh",
...@@ -79,7 +61,7 @@ class data extends filter { ...@@ -79,7 +61,7 @@ class data extends filter {
79 render: (h, scope) => { 61 render: (h, scope) => {
80 return ( 62 return (
81 <div> 63 <div>
82 <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button> 64 <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
83 </div> 65 </div>
84 ) 66 )
85 } 67 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:17:48 4 * @LastEditTime: 2023-09-06 16:08:08
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 </el-row> 30 </el-row>
31 </el-form> 31 </el-form>
32 </div> 32 </div>
33 <div class="from-clues-content"> 33 <div class="from-clues-content loadingtext">
34 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" 34 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
35 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 35 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
36 :column="tableData.columns" :data="tableData.data"> 36 :column="tableData.columns" :data="tableData.data">
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
39 </div> 39 </div>
40 </template> 40 </template>
41 <script> 41 <script>
42 import { mapGetters } from 'vuex'
42 import table from "@/utils/mixin/table" 43 import table from "@/utils/mixin/table"
43 import { datas, sendThis } from "./data" 44 import { datas, sendThis } from "./data"
44 import { queryQyByPage, addQy } from "@/api/xxba.js"; 45 import { queryQyByPage, addQy } from "@/api/xxba.js";
...@@ -53,6 +54,15 @@ ...@@ -53,6 +54,15 @@
53 this.queryClick() 54 this.queryClick()
54 }, 55 },
55 computed: { 56 computed: {
57 ...mapGetters(['workFresh'])
58 },
59 watch: {
60 workFresh: {
61 handler (newVal, oldVal) {
62 console.log(newVal, 'newVal');
63 if (newVal) this.queryClick()
64 }
65 }
56 }, 66 },
57 data () { 67 data () {
58 return { 68 return {
...@@ -60,10 +70,6 @@ ...@@ -60,10 +70,6 @@
60 qymc: "", 70 qymc: "",
61 zjh: "", 71 zjh: "",
62 }, 72 },
63 pageData: {
64 current: 1,
65 size: 10,
66 },
67 tableData: { 73 tableData: {
68 total: 0, 74 total: 0,
69 columns: datas.columns(), 75 columns: datas.columns(),
...@@ -77,11 +83,7 @@ ...@@ -77,11 +83,7 @@
77 */ 83 */
78 queryClick () { 84 queryClick () {
79 this.$startLoading(); 85 this.$startLoading();
80 let pageForm = { 86 let data = { ...this.queryForm, ...this.pageData }
81 pageSize: this.pageData.size,
82 pageNumber: this.pageData.current
83 }
84 let data = {...this.queryForm, ...pageForm}
85 queryQyByPage(data).then((res) => { 87 queryQyByPage(data).then((res) => {
86 this.$endLoading(); 88 this.$endLoading();
87 if (res.code === 200) { 89 if (res.code === 200) {
...@@ -89,7 +91,7 @@ ...@@ -89,7 +91,7 @@
89 this.tableData.total = total; 91 this.tableData.total = total;
90 this.tableData.data = records; 92 this.tableData.data = records;
91 } 93 }
92 }); 94 })
93 }, 95 },
94 handleSearch () { 96 handleSearch () {
95 this.queryClick(); 97 this.queryClick();
...@@ -97,7 +99,23 @@ ...@@ -97,7 +99,23 @@
97 handleAdd () { 99 handleAdd () {
98 this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") 100 this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%")
99 }, 101 },
100 handleDelete () { } 102 handleDelete () {
103 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
104 confirmButtonText: '确定',
105 cancelButtonText: '取消',
106 type: 'warning'
107 }).then(() => {
108 this.$message({
109 type: 'success',
110 message: '删除成功!'
111 });
112 }).catch(() => {
113 this.$message({
114 type: 'info',
115 message: '已取消删除'
116 });
117 });
118 }
101 } 119 }
102 } 120 }
103 </script> 121 </script>
......
...@@ -3,24 +3,24 @@ ...@@ -3,24 +3,24 @@
3 <el-row> 3 <el-row>
4 <el-col :span="12"> 4 <el-col :span="12">
5 <el-form-item label="企业名称:" prop="qymc"> 5 <el-form-item label="企业名称:" prop="qymc">
6 <el-input v-model="ruleForm.qymc" ></el-input> 6 <el-input v-model="ruleForm.qymc"></el-input>
7 </el-form-item> 7 </el-form-item>
8 </el-col> 8 </el-col>
9 <el-col :span="12"> 9 <el-col :span="12">
10 <el-form-item label="电话:" prop="dh"> 10 <el-form-item label="电话:" prop="dh">
11 <el-input v-model="ruleForm.dh" ></el-input> 11 <el-input v-model="ruleForm.dh"></el-input>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 </el-row> 14 </el-row>
15 <el-row> 15 <el-row>
16 <el-col :span="12"> 16 <el-col :span="12">
17 <el-form-item label="证件种类:"> 17 <el-form-item label="证件种类:">
18 <el-input v-model="ruleForm.zjzl" ></el-input> 18 <el-input v-model="ruleForm.zjzl"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="12"> 21 <el-col :span="12">
22 <el-form-item label="证件号:" prop="zjh"> 22 <el-form-item label="证件号:" prop="zjh">
23 <el-input v-model="ruleForm.zjh" ></el-input> 23 <el-input v-model="ruleForm.zjh"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 </el-row> 26 </el-row>
...@@ -28,28 +28,28 @@ ...@@ -28,28 +28,28 @@
28 <el-row> 28 <el-row>
29 <el-col :span="12"> 29 <el-col :span="12">
30 <el-form-item label="法人名称:" prop="frmc"> 30 <el-form-item label="法人名称:" prop="frmc">
31 <el-input v-model="ruleForm.frmc" ></el-input> 31 <el-input v-model="ruleForm.frmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="12"> 34 <el-col :span="12">
35 <el-form-item label="法人电话:" prop="frdh"> 35 <el-form-item label="法人电话:" prop="frdh">
36 <el-input v-model="ruleForm.frdh" ></el-input> 36 <el-input v-model="ruleForm.frdh"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <el-row> 40 <el-row>
41 <el-col :span="12"> 41 <el-col :span="12">
42 <el-form-item label="单位地址:"> 42 <el-form-item label="单位地址:">
43 <el-input v-model="ruleForm.dwdz" ></el-input> 43 <el-input v-model="ruleForm.dwdz"></el-input>
44 </el-form-item> 44 </el-form-item>
45 </el-col> 45 </el-col>
46 <el-col :span="12"> 46 <el-col :span="12">
47 <el-form-item label="邮编:" prop="yb"> 47 <el-form-item label="邮编:" prop="yb">
48 <el-input v-model="ruleForm.yb" ></el-input> 48 <el-input v-model="ruleForm.yb"></el-input>
49 </el-form-item> 49 </el-form-item>
50 </el-col> 50 </el-col>
51 </el-row> 51 </el-row>
52 <el-form-item > 52 <el-form-item style="text-align:center">
53 <el-button type="primary" @click="submitForm">保存</el-button> 53 <el-button type="primary" @click="submitForm">保存</el-button>
54 <el-button @click="closeDialog">取消</el-button> 54 <el-button @click="closeDialog">取消</el-button>
55 </el-form-item> 55 </el-form-item>
...@@ -57,208 +57,206 @@ ...@@ -57,208 +57,206 @@
57 </template> 57 </template>
58 58
59 <script> 59 <script>
60 import store from '@/store/index.js' 60 import store from '@/store/index.js'
61 import { addYh } from "@/api/xxba.js" 61 import { addYh } from "@/api/xxba.js"
62 export default { 62 export default {
63 props: { 63 props: {
64 formData: { 64 formData: {
65 type: Object, 65 type: Object,
66 default: () => { }, 66 default: () => { },
67 },
68 },
69 data () {
70 return {
71 DJJGLIST: store.getters.dictData['ywly'],
72 readOnly: false,
73 //表单提交数据
74 ruleForm: {
75 batchno: '',
76 djjg: '',
77 operator: '超级管理员',
78 operationtime: '',
79 bz: '',
80 zsstarno: '',
81 zsendno: '',
82 zsnum: '',
83 zmstarno: '',
84 zmendno: '',
85 zmnum: ''
86 }, 67 },
87 //表格数据 68 },
88 tableForm: [ 69 data () {
89 { 70 return {
90 name: '不动产权证书', 71 DJJGLIST: store.getters.dictData['ywly'],
91 ksysxlh: '', 72 readOnly: false,
92 jsysxlh: '', 73 //表单提交数据
93 bs: 0, 74 ruleForm: {
94 zslx: 1 75 batchno: '',
76 djjg: '',
77 operator: '超级管理员',
78 operationtime: '',
79 bz: '',
80 zsstarno: '',
81 zsendno: '',
82 zsnum: '',
83 zmstarno: '',
84 zmendno: '',
85 zmnum: ''
95 }, 86 },
96 { 87 //表格数据
97 name: '不动产登记证明', 88 tableForm: [
98 ksysxlh: '', 89 {
99 jsysxlh: '', 90 name: '不动产权证书',
100 bs: 0, 91 ksysxlh: '',
101 zslx: 2 92 jsysxlh: '',
102 } 93 bs: 0,
103 ], 94 zslx: 1
104 //证书入库业务号参数 95 },
105 ywhQueryForm: { 96 {
106 serialtype: 'zsrkbh', 97 name: '不动产登记证明',
107 serialname: '证书入库编号', 98 ksysxlh: '',
108 serialcode: 'zsrk', 99 jsysxlh: '',
109 digit: '5' 100 bs: 0,
110 }, 101 zslx: 2
111 rules: { 102 }
112 batchNo: [
113 { required: true, message: '入库编号不能为空', trigger: 'blur' }
114 ],
115 djjg: [
116 { required: true, message: '请选择登记机构', trigger: 'change' }
117 ],
118 rksj: [
119 { required: true, message: '请选择入库时间', trigger: 'change' }
120 ], 103 ],
121 }, 104 //证书入库业务号参数
122 } 105 ywhQueryForm: {
123 }, 106 serialtype: 'zsrkbh',
124 mounted () { 107 serialname: '证书入库编号',
125 if (this.formData.bsmBatch) { 108 serialcode: 'zsrk',
126 this.tableForm[0].bs = null; 109 digit: '5'
127 this.tableForm[1].bs = null; 110 },
128 this.getDetailInfo(this.formData.bsmBatch); 111 rules: {
129 } else {} 112 batchNo: [
130 }, 113 { required: true, message: '入库编号不能为空', trigger: 'blur' }
131 methods: { 114 ],
132 //表单提交 115 djjg: [
133 /** 116 { required: true, message: '请选择登记机构', trigger: 'change' }
134 * @description: 表单提交 117 ],
135 * @author: renchao 118 rksj: [
136 */ 119 { required: true, message: '请选择入库时间', trigger: 'change' }
137 submitForm () { 120 ],
138 this.tableForm.forEach((item, index) => { 121 },
139 if (item.bs < 0) { 122 }
140 return;
141 }
142 })
143 addYh(this.ruleForm).then(res => {
144 if (res.code == 200) {
145 this.$message.success('保存成功')
146 this.$emit("input", false);
147 this.$refs['ruleForm'].resetFields();
148 this.resetTableFields();
149 this.closeDialog();
150 this.$parent.queryClick();
151 } else {
152 this.$message.error(res.message);
153 }
154 })
155 }, 123 },
156 //获取详情信息 124 mounted () {
157 /** 125 if (this.formData.bsmBatch) {
158 * @description: 获取详情信息 126 this.tableForm[0].bs = null;
159 * @param {*} bsmBatch 127 this.tableForm[1].bs = null;
160 * @author: renchao 128 this.getDetailInfo(this.formData.bsmBatch);
161 */ 129 }
162 getDetailInfo (bsmBatch) {
163 getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
164 if (res.code == 200) {
165 this.ruleForm = res.result;
166 this.readOnly = false;
167 this.tableForm[0].ksysxlh = res.result.zsstarno;
168 this.tableForm[0].jsysxlh = res.result.zsendno;
169 this.tableForm[0].bs = res.result.zsnum;
170 this.tableForm[1].ksysxlh = res.result.zmstarno;
171 this.tableForm[1].jsysxlh = res.result.zmendno;
172 this.tableForm[1].bs = res.result.zmnum;
173 }
174 })
175 }, 130 },
176 //印刷序列号处理 131 methods: {
177 /** 132 /**
178 * @description: 印刷序列号处理 133 * @description: 表单提交
179 * @param {*} item 134 * @author: renchao
180 * @author: renchao 135 */
181 */ 136 submitForm () {
182 ysxlhDeal (item) { 137 this.tableForm.forEach((item, index) => {
183 if (item.ksysxlh && item.jsysxlh) { 138 if (item.bs < 0) {
184 if (item.ksysxlh.length == item.jsysxlh.length) {
185 if (item.ksysxlh.length != 11) {
186 item.bs = -1;
187 return; 139 return;
188 } 140 }
189 if (item.ksysxlh > item.jsysxlh) { 141 })
142 addYh(this.ruleForm).then(res => {
143 if (res.code == 200) {
144 this.$message.success('保存成功')
145 this.$emit("input", false);
146 this.$refs['ruleForm'].resetFields();
147 this.resetTableFields();
148 this.closeDialog();
149 //刷新列表
150 store.dispatch('user/reWorkFresh', true)
151 } else {
152 this.$message.error(res.message);
153 }
154 })
155 },
156 /**
157 * @description: 获取详情信息
158 * @param {*} bsmBatch
159 * @author: renchao
160 */
161 getDetailInfo (bsmBatch) {
162 getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
163 if (res.code == 200) {
164 this.ruleForm = res.result;
165 this.readOnly = false;
166 this.tableForm[0].ksysxlh = res.result.zsstarno;
167 this.tableForm[0].jsysxlh = res.result.zsendno;
168 this.tableForm[0].bs = res.result.zsnum;
169 this.tableForm[1].ksysxlh = res.result.zmstarno;
170 this.tableForm[1].jsysxlh = res.result.zmendno;
171 this.tableForm[1].bs = res.result.zmnum;
172 }
173 })
174 },
175 /**
176 * @description: 印刷序列号处理
177 * @param {*} item
178 * @author: renchao
179 */
180 ysxlhDeal (item) {
181 if (item.ksysxlh && item.jsysxlh) {
182 if (item.ksysxlh.length == item.jsysxlh.length) {
183 if (item.ksysxlh.length != 11) {
184 item.bs = -1;
185 return;
186 }
187 if (item.ksysxlh > item.jsysxlh) {
188 item.bs = -1;
189 return;
190 }
191 item.bs = item.jsysxlh - item.ksysxlh + 1;
192 if (item.zslx == 1) {
193 this.ruleForm.zsstarno = item.ksysxlh;
194 this.ruleForm.zsendno = item.jsysxlh;
195 this.ruleForm.zsnum = item.bs
196 } else if (item.zslx == 2) {
197 this.ruleForm.zmstarno = item.ksysxlh;
198 this.ruleForm.zmendno = item.jsysxlh;
199 this.ruleForm.zmnum = item.bs
200 }
201 } else {
190 item.bs = -1; 202 item.bs = -1;
191 return;
192 } 203 }
193 item.bs = item.jsysxlh - item.ksysxlh + 1; 204 } else {
205 item.bs = 0;
194 if (item.zslx == 1) { 206 if (item.zslx == 1) {
195 this.ruleForm.zsstarno = item.ksysxlh; 207 this.ruleForm.zsstarno = '';
196 this.ruleForm.zsendno = item.jsysxlh; 208 this.ruleForm.zsendno = '';
197 this.ruleForm.zsnum = item.bs 209 this.ruleForm.zsnum = item.bs
198 } else if (item.zslx == 2) { 210 } else if (item.zslx == 2) {
199 this.ruleForm.zmstarno = item.ksysxlh; 211 this.ruleForm.zmstarno = '';
200 this.ruleForm.zmendno = item.jsysxlh; 212 this.ruleForm.zmendno = '';
201 this.ruleForm.zmnum = item.bs 213 this.ruleForm.zmnum = item.bs
202 } 214 }
203 } else {
204 item.bs = -1;
205 }
206 } else {
207 item.bs = 0;
208 if (item.zslx == 1) {
209 this.ruleForm.zsstarno = '';
210 this.ruleForm.zsendno = '';
211 this.ruleForm.zsnum = item.bs
212 } else if (item.zslx == 2) {
213 this.ruleForm.zmstarno = '';
214 this.ruleForm.zmendno = '';
215 this.ruleForm.zmnum = item.bs
216 } 215 }
216 },
217 /**
218 * @description: resetTableFields
219 * @author: renchao
220 */
221 resetTableFields () {
222 this.tableForm = [
223 {
224 name: '不动产权证书',
225 ksysxlh: '',
226 jsysxlh: '',
227 bs: 0,
228 zslx: 1
229 },
230 {
231 name: '不动产权登记证明',
232 ksysxlh: '',
233 jsysxlh: '',
234 bs: 0,
235 zslx: 2
236 }
237 ]
238 },
239 /**
240 * @description: closeDialog
241 * @author: renchao
242 */
243 closeDialog () {
244 this.$popupCacel()
245 this.$refs['ruleForm'].resetFields();
246 this.resetTableFields();
217 } 247 }
218 },
219 /**
220 * @description: resetTableFields
221 * @author: renchao
222 */
223 resetTableFields () {
224 this.tableForm = [
225 {
226 name: '不动产权证书',
227 ksysxlh: '',
228 jsysxlh: '',
229 bs: 0,
230 zslx: 1
231 },
232 {
233 name: '不动产权登记证明',
234 ksysxlh: '',
235 jsysxlh: '',
236 bs: 0,
237 zslx: 2
238 }
239 ]
240 },
241 /**
242 * @description: closeDialog
243 * @author: renchao
244 */
245 closeDialog () {
246 this.$popupCacel()
247 this.$refs['ruleForm'].resetFields();
248 this.resetTableFields();
249 } 248 }
250 } 249 }
251 }
252 </script> 250 </script>
253 <style scoped lang="scss"> 251 <style scoped lang="scss">
254 @import "~@/styles/mixin.scss"; 252 @import "~@/styles/mixin.scss";
255 @import "~@/styles/dialogBoxheader.scss"; 253 @import "~@/styles/dialogBoxheader.scss";
256 254
257 .font-red { 255 .font-red {
258 color: red 256 color: red;
259 } 257 }
260 258
261 .middle-margin-bottom { 259 .middle-margin-bottom {
262 margin-top: 20px 260 margin-top: 20px;
263 } 261 }
264 </style> 262 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:17:27 4 * @LastEditTime: 2023-09-06 16:12:16
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -35,26 +35,8 @@ class data extends filter { ...@@ -35,26 +35,8 @@ class data extends filter {
35 prop: "zjzl", 35 prop: "zjzl",
36 label: "证件种类", 36 label: "证件种类",
37 render: (h, scope) => { 37 render: (h, scope) => {
38 return ( 38 return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span>
39 <el-select 39 }
40 class="width100"
41 clearable
42 value={scope.row[scope.column.property]}
43 onChange={(val) => {
44 scope.row[scope.column.property] = val;
45 }}
46 >
47 {vm.dictData["A30"].map((option) => {
48 return (
49 <el-option
50 label={option.dname}
51 value={option.dcode}
52 ></el-option>
53 );
54 })}
55 </el-select>
56 );
57 },
58 }, 40 },
59 { 41 {
60 prop: "zjh", 42 prop: "zjh",
...@@ -79,7 +61,7 @@ class data extends filter { ...@@ -79,7 +61,7 @@ class data extends filter {
79 render: (h, scope) => { 61 render: (h, scope) => {
80 return ( 62 return (
81 <div> 63 <div>
82 <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button> 64 <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button>
83 </div> 65 </div>
84 ) 66 )
85 } 67 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:17:48 4 * @LastEditTime: 2023-09-06 16:08:32
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -30,78 +30,96 @@ ...@@ -30,78 +30,96 @@
30 </el-row> 30 </el-row>
31 </el-form> 31 </el-form>
32 </div> 32 </div>
33 <div class="from-clues-content"> 33 <div class="from-clues-content loadingtext">
34 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" 34 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
35 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 35 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
36 :column="tableData.columns" :data="tableData.data"> 36 :column="tableData.columns" :data="tableData.data">
37 </lb-table> 37 </lb-table>
38 </div> 38 </div>
39 </div> 39 </div>
40 </template> 40 </template>
41 <script> 41 <script>
42 import table from "@/utils/mixin/table" 42 import { mapGetters } from 'vuex'
43 import { datas, sendThis } from "./data" 43 import table from "@/utils/mixin/table"
44 import { queryYhByPage, addYh } from "@/api/xxba.js"; 44 import { datas, sendThis } from "./data"
45 export default { 45 import { queryYhByPage, addYh } from "@/api/xxba.js";
46 name: "cwrz", 46 export default {
47 components: {}, 47 name: "cwrz",
48 mixins: [table], 48 components: {},
49 mounted () { 49 mixins: [table],
50 sendThis(this); 50 mounted () {
51 }, 51 sendThis(this);
52 activated () { 52 },
53 this.queryClick() 53 activated () {
54 }, 54 this.queryClick()
55 computed: { 55 },
56 }, 56 computed: {
57 data () { 57 ...mapGetters(['workFresh'])
58 return { 58 },
59 queryForm: { 59 watch: {
60 qymc: "", 60 workFresh: {
61 zjh: "", 61 handler (newVal, oldVal) {
62 console.log(newVal, 'newVal');
63 if (newVal) this.queryClick()
64 }
65 }
66 },
67 data () {
68 return {
69 queryForm: {
70 qymc: "",
71 zjh: "",
72 },
73 tableData: {
74 total: 0,
75 columns: datas.columns(),
76 data: [],
77 },
78 };
79 },
80 methods: {
81 /**
82 * @description: queryClick
83 */
84 queryClick () {
85 this.$startLoading();
86 let data = { ...this.queryForm, ...this.pageData }
87 queryYhByPage(data).then((res) => {
88 this.$endLoading();
89 if (res.code === 200) {
90 let { total, records } = res.result;
91 this.tableData.total = total;
92 this.tableData.data = records;
93 }
94 });
62 }, 95 },
63 pageData: { 96 handleSearch () {
64 current: 1, 97 this.queryClick();
65 size: 10,
66 }, 98 },
67 tableData: { 99 handleAdd () {
68 total: 0, 100 this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%")
69 columns: datas.columns(),
70 data: [],
71 }, 101 },
72 }; 102 handleDelete () {
73 }, 103 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
74 methods: { 104 confirmButtonText: '确定',
75 /** 105 cancelButtonText: '取消',
76 * @description: queryClick 106 type: 'warning'
77 */ 107 }).then(() => {
78 queryClick () { 108 this.$message({
79 this.$startLoading(); 109 type: 'success',
80 let pageForm = { 110 message: '删除成功!'
81 pageSize: this.pageData.size, 111 });
82 pageNumber: this.pageData.current 112 }).catch(() => {
113 this.$message({
114 type: 'info',
115 message: '已取消删除'
116 });
117 });
83 } 118 }
84 let data = {...this.queryForm, ...pageForm} 119 }
85 queryYhByPage(data).then((res) => {
86 this.$endLoading();
87 if (res.code === 200) {
88 let { total, records } = res.result;
89 this.tableData.total = total;
90 this.tableData.data = records;
91 }
92 });
93 },
94 handleSearch () {
95 this.queryClick();
96 },
97 handleAdd () {
98 this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%")
99 },
100 handleDelete () { }
101 } 120 }
102 }
103 </script> 121 </script>
104 <style scoped lang="scss"> 122 <style scoped lang="scss">
105 @import "~@/styles/public.scss"; 123 @import "~@/styles/public.scss";
106 </style> 124 </style>
107 125
......