Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8a1c1954 by 赵千
Options

ycsl

1 parent d3bb8a8d
Inline Side-by-side
Showing 7 changed files with 900 additions and 44 deletions
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
27 "print-js": "^1.6.0", 27 "print-js": "^1.6.0",
28 "qrcode": "^1.5.3", 28 "qrcode": "^1.5.3",
29 "sortablejs": "^1.15.0", 29 "sortablejs": "^1.15.0",
30 "tiff.js": "^1.0.0",
30 "vue": "2.6.10", 31 "vue": "2.6.10",
31 "vue-json-editor": "^1.4.3", 32 "vue-json-editor": "^1.4.3",
32 "vue-print-nb": "^1.7.5", 33 "vue-print-nb": "^1.7.5",
...@@ -35,7 +36,7 @@ ...@@ -35,7 +36,7 @@
35 "vue-seamless-scroll": "^1.1.23", 36 "vue-seamless-scroll": "^1.1.23",
36 "vuex": "3.1.0", 37 "vuex": "3.1.0",
37 "x2js": "^3.4.4", 38 "x2js": "^3.4.4",
38 "xlsx": "^0.17.0", 39 "xlsx": "^0.17.5",
39 "xlsx-style": "^0.8.13" 40 "xlsx-style": "^0.8.13"
40 }, 41 },
41 "devDependencies": { 42 "devDependencies": {
......
1 /*
2 * @Description: 信息备案
3 * @Autor:
4 * @LastEditTime: 2023-09-11 11:25:22
5 */
6
7 import request from '@/utils/request'
8 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
9
10 /**
11 * @description: 添加银行
12 * @author:
13 * @param params
14 */
15 export function queryBj (params) {
16 return request({
17 url: SERVER.SERVERAPI + '/rest/wwsq/queryBj',
18 method: 'get',
19 params
20 })
21 }
22
23 /**
24 * @description: getSqr
25 * @author:
26 * @param ywh
27 */
28 export function getSqr (ywh) {
29 return request({
30 url: SERVER.SERVERAPI + '/rest/wwsq/getSqr',
31 method: 'get',
32 params: {
33 ywh: ywh
34 }
35 })
36 }
37
38 /**
39 * @description: getSqr
40 * @author:
41 * @param ywh
42 */
43 export function getBdcqk (ywh) {
44 return request({
45 url: SERVER.SERVERAPI + '/rest/wwsq/getBdcqk',
46 method: 'get',
47 params: {
48 ywh: ywh
49 }
50 })
51 }
52
53 /**
54 * @description: getSqr
55 * @author:
56 * @param ywh
57 */
58 export function getTreeNodeList (ywh) {
59 return request({
60 url: SERVER.SERVERAPI + '/rest/fjcl/getTreeNodeList',
61 method: 'get',
62 params: {
63 ywh: ywh
64 }
65 })
66 }
67
68 /**
69 * @description: getSqr
70 * @author:
71 * @param datumId
72 */
73 export function getFjnrById (datumId) {
74 return request({
75 url: SERVER.SERVERAPI + '/rest/fjcl/getFjnrById',
76 method: 'get',
77 params: {
78 datumId: datumId
79 }
80 })
81 }
...@@ -58,6 +58,65 @@ export default class filter { ...@@ -58,6 +58,65 @@ export default class filter {
58 return name 58 return name
59 } 59 }
60 } 60 }
61
62 /**
63 * @description: blzt
64 * @param {*} val
65 * @author:
66 */
67 blzt (val) {
68 if (val === 0) {
69 return "未提交"
70 } else if (val === 1) {
71 return "已提交"
72 } else if (val === 2) {
73 return "办理中"
74 } else if (val === 3) {
75 return "已办结"
76 } else if (val === 4) {
77 return "已终止"
78 } else if (val === 5) {
79 return "已退回"
80 } else if (val === 8) {
81 return "已登簿"
82 }
83 }
84
85 /**
86 * @description: ywlx
87 * @param {*} val
88 * @author:
89 */
90 ywlx (val) {
91 if (val === "1") {
92 return "预售商品房买卖预告登记"
93 } else if (val === "2") {
94 return "预售商品房抵押权预告登记"
95 } else if (val === "3") {
96 return "商品房初始登记"
97 } else if (val === "4") {
98 return "不动产抵押登记"
99 } else if (val === "5") {
100 return "预购商品房预告登记/预购商品房抵押登记"
101 } else if (val === "6") {
102 return "预售商品房预告登记转房屋所有权登记/预售商品房抵押登记转抵押权登记"
103 } else if (val === "7") {
104 return "查封登记"
105 } else if (val === "8") {
106 return "解封登记"
107 } else if (val === "9") {
108 return "商品房转移登记"
109 } else if (val === "10") {
110 return "存量房转移登记"
111 } else if (val === "23") {
112 return "续封登记"
113 } else if (val === "41") {
114 return "独幢宅基地首次登记"
115 } else if (val === "42") {
116 return "多幢宅基地首次登记"
117 }
118 }
119
61 /** 120 /**
62 * @description: filterHtml 121 * @description: filterHtml
63 * @param {*} content 122 * @param {*} content
......
1 <template>
2 <div style="height: 600px;overflow-y: scroll;">
3 <el-tabs v-model="activeName" @tab-click="handleClick">
4 <el-tab-pane label="不动产单元申请书" name="1"></el-tab-pane>
5 <el-tab-pane label="附件" v-if="formData.isAdd==2" name="2"></el-tab-pane>
6 </el-tabs>
7 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules">
8 <div v-for="item in sqrList">
9 <div class="slxx_title title-block">
10 申请人信息
11 <div class="triangle"></div>
12 </div>
13 <el-row>
14 <el-col :span="8">
15 <el-form-item label="权利人名称:" prop="mc">
16 <el-input v-model="item.mc"></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="证件种类:" prop="zjzl">
21 <el-input v-model.number="item.zjzl"></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="证件号:" prop="zjh">
26 <el-input v-model.number="item.zjh"></el-input>
27 </el-form-item>
28 </el-col>
29 </el-row>
30 <el-row>
31 <el-col :span="8">
32 <el-form-item label="通讯地址:" prop="txdz">
33 <el-input v-model="item.txdz"></el-input>
34 </el-form-item>
35 </el-col>
36 <el-col :span="8">
37 <el-form-item label="邮编:" prop="yb">
38 <el-input v-model.number="item.yb"></el-input>
39 </el-form-item>
40 </el-col>
41 <el-col :span="8">
42 <el-form-item label="共有比例:" prop="gyqk">
43 <el-input v-model.number="item.gyqk"></el-input>
44 </el-form-item>
45 </el-col>
46 </el-row>
47
48 <el-row>
49 <el-col :span="6">
50 <el-form-item label="法人名称:" prop="frmc">
51 <el-input v-model="ruleForm.frmc"></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="6">
55 <el-form-item label="联系电话:" prop="frdh">
56 <el-input v-model.number="ruleForm.frdh"></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="6">
60 <el-form-item label="代理人名称:" prop="dlrmc">
61 <el-input v-model.number="ruleForm.dlrmc"></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="6">
65 <el-form-item label="联系电话:" prop="dlrdh">
66 <el-input v-model.number="ruleForm.dlrdh"></el-input>
67 </el-form-item>
68 </el-col>
69 </el-row>
70 <el-row>
71 <el-col :span="24">
72 <el-form-item label="代理机构:" prop="dljg">
73 <el-input v-model="ruleForm.dljg"></el-input>
74 </el-form-item>
75 </el-col>
76 </el-row>
77 </div>
78
79 <div>
80 <div class="slxx_title title-block">
81 不动产情况
82 <div class="triangle"></div>
83 </div>
84 <el-row>
85 <el-col :span="12">
86 <el-form-item label="坐落:" prop="zl">
87 <el-input v-model="bdcqk.zl"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="12">
91 <el-form-item label="不动产单元号:" prop="bdcdyh">
92 <el-input v-model.number="bdcqk.bdcdyh"></el-input>
93 </el-form-item>
94 </el-col>
95 </el-row>
96 <el-row>
97 <el-col :span="6">
98 <el-form-item label="宗地/宗海面积:" prop="zdzhmj">
99 <el-input v-model="bdcqk.zdzhmj"></el-input>
100 </el-form-item>
101 </el-col>
102 <el-col :span="6">
103 <el-form-item label="定着物面积:" prop="dzwmj">
104 <el-input v-model.number="bdcqk.dzwmj"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="6">
108 <el-form-item label="宗地/宗海用途:" prop="zdzhyt">
109 <el-input v-model.number="bdcqk.zdzhyt"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="6">
113 <el-form-item label="定着物用途:" prop="dzwyt">
114 <el-input v-model.number="bdcqk.dzwyt"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118
119 <el-row>
120 <el-col :span="12">
121 <el-form-item label="不动产类型:" prop="bdclx">
122 <el-input v-model="bdcqk.bdclx"></el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="12">
126 <el-form-item label="宗地/宗海权力类型:" prop="zdzhqllx">
127 <el-input v-model="bdcqk.zdzhqllx"></el-input>
128 </el-form-item>
129 </el-col>
130 </el-row>
131 <el-row>
132 <el-col :span="6">
133 <el-form-item label="用海类型:" prop="yhlx">
134 <el-input v-model="bdcqk.yhlx"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="6">
138 <el-form-item label="构筑物类型:" prop="gzwlx">
139 <el-input v-model.number="bdcqk.gzwlx"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="6">
143 <el-form-item label="林种:" prop="lz">
144 <el-input v-model.number="bdcqk.lz"></el-input>
145 </el-form-item>
146 </el-col>
147 <el-col :span="6">
148 <el-form-item label="原不动产单元号:" prop="ybdcdyh">
149 <el-input v-model.number="bdcqk.ybdcdyh"></el-input>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 </div>
154
155 <div>
156 <div class="slxx_title title-block">
157 抵押情况
158 <div class="triangle"></div>
159 </div>
160 <el-row>
161 <el-col :span="12">
162 <el-form-item label="被担保主债权数额:" prop="bdbzzqse">
163 <el-input v-model="bdcqk.bdbzzqse"></el-input>
164 </el-form-item>
165 </el-col>
166 <el-col :span="12">
167 <el-form-item label="在建建筑物抵押范围:" prop="zjjzwdyfw">
168 <el-input v-model.number="bdcqk.zjjzwdyfw"></el-input>
169 </el-form-item>
170 </el-col>
171 </el-row>
172 <el-row>
173 <el-col :span="12">
174 <el-form-item label="债务履行起始时间:" prop="zwlxqssj">
175 <el-input v-model="bdcqk.zwlxqssj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="12">
179 <el-form-item label="债务履行结束时间:" prop="zwlxjssj">
180 <el-input v-model="bdcqk.zwlxjssj"></el-input>
181 </el-form-item>
182 </el-col>
183 </el-row>
184 </div>
185
186 <el-form-item style="text-align:center">
187 <!-- <el-button type="primary" @click="closeDialog">关闭</el-button>-->
188 <!-- <el-button type="primary" @click="submitForm">保存</el-button>-->
189 </el-form-item>
190 </el-form>
191 <clxx v-if="activeName==2" :formData="formData" />
192 </div>
193 </template>
194
195 <script>
196 import store from '@/store/index.js'
197 import { getSqr, getBdcqk } from "@/api/ycsl.js"
198 import clxx from './clxx/index.vue'
199 export default {
200 props: {
201 formData: {
202 type: Object,
203 default: () => { },
204 },
205 },
206 components: {
207 clxx
208 },
209 data () {
210 return {
211 zjzlList: store.getters.dictData['A30'],
212 activeName: "1",
213 DJJGLIST: store.getters.dictData['ywly'],
214 readOnly: false,
215 sqrList:[{}],
216 bdcqk: {},
217 //表单提交数据
218 ruleForm: {},
219 //表格数据
220 tableForm: [
221 {
222 name: '不动产权证书',
223 ksysxlh: '',
224 jsysxlh: '',
225 bs: 0,
226 zslx: 1
227 },
228 {
229 name: '不动产登记证明',
230 ksysxlh: '',
231 jsysxlh: '',
232 bs: 0,
233 zslx: 2
234 }
235 ],
236 rules: {
237 }
238 }
239 },
240 mounted () {
241 console.log(this.formData, "ffffffffffffff")
242 if (this.formData.ywh) {
243 this.getSqr(this.formData.ywh)
244 this.getBdcqk(this.formData.ywh)
245 }
246 let list = Object.keys(this.formData).length
247 if (list > 0) {
248 this.ruleForm = this.formData
249 }
250 },
251 methods: {
252 handleClick () { },
253 /**
254 * @description: 表单提交
255 * @author:
256 */
257 submitForm () {
258 let that = this
259 this.tableForm.forEach((item, index) => {
260 if (item.bs < 0) {
261 return;
262 }
263 })
264 if (this.formData.isAdd != 1) {
265 store.dispatch("user/refreshPage", false);
266 update(this.ruleForm).then(res => {
267 if (res.code == 200) {
268 this.$message.success('保存成功')
269 this.$emit("input", false);
270 this.$refs['ruleForm'].resetFields();
271 this.resetTableFields();
272 this.closeDialog();
273 //刷新列表
274 store.dispatch("user/refreshPage", true);
275 } else {
276 this.$message.error(res.message);
277 }
278 })
279 } else {
280 that.$refs['ruleForm'].validate((valid) => {
281 if (valid) {
282 store.dispatch("user/refreshPage", false);
283 addQy(this.ruleForm).then(res => {
284 if (res.code == 200) {
285 that.$message.success('保存成功')
286 that.$emit("input", false);
287 that.$refs['ruleForm'].resetFields();
288 that.resetTableFields();
289 that.closeDialog();
290 //刷新列表
291 store.dispatch("user/refreshPage", true);
292 } else {
293 that.$message.error(res.message);
294 }
295 })
296 } else {
297 this.$message.error('请完善表单');
298 return false;
299 }
300 })
301 }
302 },
303 /**
304 * @description: 获取详情信息
305 * @author:
306 * @param ywh
307 */
308 getSqr (ywh) {
309 getSqr(ywh ).then(res => {
310 if (res.code == 200) {
311 this.sqrList = res.result;
312 }
313 })
314 },
315 /**
316 * @description: 获取详情信息
317 * @author:
318 * @param ywh
319 */
320 getBdcqk (ywh) {
321 getBdcqk(ywh ).then(res => {
322 if (res.code == 200) {
323 this.bdcqk = res.result;
324 }
325 })
326 },
327 /**
328 * @description: resetTableFields
329 * @author:
330 */
331 resetTableFields () {
332 this.tableForm = [
333 {
334 name: '不动产权证书',
335 ksysxlh: '',
336 jsysxlh: '',
337 bs: 0,
338 zslx: 1
339 },
340 {
341 name: '不动产权登记证明',
342 ksysxlh: '',
343 jsysxlh: '',
344 bs: 0,
345 zslx: 2
346 }
347 ]
348 },
349 /**
350 * @description: closeDialog
351 * @author:
352 */
353 closeDialog () {
354 this.$popupCacel()
355 this.$refs['ruleForm'].resetFields();
356 this.resetTableFields();
357 }
358 }
359 }
360 </script>
361 <style scoped lang="scss">
362 @import "~@/styles/mixin.scss";
363 @import "~@/styles/dialogBoxheader.scss";
364 @import "~@/styles/slxx/slxx.scss";
365
366 .font-red {
367 color: red;
368 }
369
370 .middle-margin-bottom {
371 margin-top: 20px;
372 }
373
374 form /deep/ .el-form-item__label {
375 width: 150px !important;
376 overflow: hidden;
377 white-space: nowrap;
378 text-overflow: ellipsis;
379 height: 32px;
380 float: none;
381 }
382 </style>
1 <!--
2 * @Description:
3 * @Autor:
4 * @LastEditTime: 2023-12-24 17:18:02
5 -->
6 <template>
7 <div class="clxx">
8 <div class="left">
9 <div class="slxx_title title-block">
10 附件扫描信息
11 <div class="triangle"></div>
12 </div>
13 <div class="preview-content">
14 <img id="tifImage" alt="TIF Image"/>
15 </div>
16
17 </div>
18 <div class="right">
19 <div class="slxx_title title-block">
20 收件材料
21 <div class="triangle"></div>
22 </div>
23 <div class="tree-content">
24 <el-tree
25 :data="tableData"
26 :props="defaultProps"
27 accordion
28 @node-click="handleNodeClick">
29 </el-tree>
30 </div>
31 </div>
32 </div>
33 </template>
34 <script>
35 import 'tiff.js';
36 import store from '@/store/index.js'
37 import { getTreeNodeList, getFjnrById } from "@/api/ycsl.js";
38 export default {
39 components: { },
40 props: {
41 formData: {
42 type: Object,
43 default: () => {
44 return {}
45 }
46 }
47 },
48 data () {
49 return {
50 imgKey: 0,
51 isDialog: false,
52 iclass: "",
53 // 材料目录选中
54 treeCheckIndex: 0,
55 treeCheckId: "",
56 key: 0,
57 tableData: [],
58 defaultProps: {
59 children: 'nodeList',
60 label: 'text'
61 },
62 previewImg: {
63 bsmMaterial: "",
64 index: 0,
65 selectedIndex: 0,
66 imgList: []
67 }
68 }
69 },
70 computed: {
71 workFresh () {
72 return store.state.user.workFresh
73 }
74 },
75 watch: {},
76 created () {
77
78 },
79 mounted () {
80 console.log(this.formData)
81 this.getTreeNodeList(this.formData.ywh)
82 },
83 methods: {
84 handleNodeClick(data) {
85 console.log(data);
86 this.getFjnrById(data.id)
87 },
88 /**
89 * @description: 获取详情信息
90 * @author:
91 * @param ywh
92 */
93 getTreeNodeList (ywh) {
94 getTreeNodeList(ywh).then(res => {
95 if (res.code == 200) {
96 this.tableData = res.result;
97 // this.tableData = [
98 // {
99 // "id": "4501904998761472",
100 // "text": "不动产登记申请书",
101 // "leaf": false,
102 // "nodeList": [
103 // {
104 // "id": "4501904999629824",
105 // "text": "001.tif",
106 // "leaf": true,
107 // "nodeList": []
108 // },
109 // {
110 // "id": "4501905001399296",
111 // "text": "002.tif",
112 // "leaf": true,
113 // "nodeList": []
114 // },
115 // {
116 // "id": "4501905004954624",
117 // "text": "003.tif",
118 // "leaf": true,
119 // "nodeList": []
120 // },
121 // {
122 // "id": "4501905007002624",
123 // "text": "004.tif",
124 // "leaf": true,
125 // "nodeList": []
126 // }
127 // ]
128 // },
129 // {
130 // "id": "4501905008690176",
131 // "text": "商品房预售合同",
132 // "leaf": false,
133 // "nodeList": [
134 // {
135 // "id": "4501905009443840",
136 // "text": "005.tif",
137 // "leaf": true,
138 // "nodeList": []
139 // },
140 // {
141 // "id": "4501905011491840",
142 // "text": "006.tif",
143 // "leaf": true,
144 // "nodeList": []
145 // },
146 // {
147 // "id": "4501905015194624",
148 // "text": "007.tif",
149 // "leaf": true,
150 // "nodeList": []
151 // }
152 // ]
153 // }
154 // ];
155 console.log(this.tableData)
156 }
157 })
158 },
159
160 /**
161 * @description: 获取详情信息
162 * @author:
163 * @param datumId
164 */
165 getFjnrById (datumId) {
166 getFjnrById(datumId).then(res => {
167 if (res.code == 200) {
168 const tiff = new Tiff({
169 buffer: res.result,
170 });
171 //转成png格式的base64图片，将其用img标签展示即可
172 console.log(tiff.toDataURL("image/png"))
173 }
174 })
175 }
176 }
177 }
178 </script>
179 <style scoped lang="scss">
180 @import "~@/styles/mixin.scss";
181 .left {
182 width: 48%;
183 float: left;
184 .preview-content {
185 height: 500px;
186 border: 1px solid grey;
187 }
188
189 }
190
191 .right {
192 width: 48%;
193 float: right;
194 .tree-content {
195 height: 500px;
196 overflow-y: scroll;
197 }
198 }
199
200 </style>
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-07 14:49:06
5 */
1 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
2 let vm = null 7 let vm = null
3 8
...@@ -27,65 +32,45 @@ class data extends filter { ...@@ -27,65 +32,45 @@ class data extends filter {
27 label: "业务号", 32 label: "业务号",
28 }, 33 },
29 { 34 {
30 prop: "sqbh",
31 label: "申请编号",
32 },
33 {
34 prop: "qlr", 35 prop: "qlr",
35 label: "权利人", 36 label: "权利人"
36 },
37 {
38 prop: "ywr",
39 label: "义务人",
40 },
41 {
42 prop: "bdcdyh",
43 label: "不动产单元号",
44 width: 150
45 },
46 {
47 prop: "sqsj",
48 label: "申请时间",
49 width: 140
50 }, 37 },
51 { 38 {
52 label: "登记类型", 39 prop: "blzt",
40 label: "办理状态",
53 render: (h, scope) => { 41 render: (h, scope) => {
54 return <span>{this.dicStatus(scope.row.djlx, "A21")}</span> 42 return <span>{this.blzt(scope.row.blzt)}</span>
55 } 43 }
56 }, 44 },
57 { 45 {
58 label: "权利类型", 46 prop: "ywlx",
47 label: "业务类型",
59 render: (h, scope) => { 48 render: (h, scope) => {
60 return <span>{this.dicStatus(scope.row.qllx, "A8")}</span> 49 return <span>{this.ywlx(scope.row.ywlx)}</span>
61 } 50 }
62 }, 51 },
63 { 52 {
64 label: "办理状态", 53 prop: "sqsj",
65 render: (h, scope) => { 54 label: "申请时间",
66 return <span>{this.dicStatus(scope.row.blzt, "dyblzt")}</span>
67 }
68 }, 55 },
69 { 56 {
70 prop: "shyj", 57 prop: "ywr",
71 label: "审核意见" 58 label: "义务人",
72 }, 59 },
73 { 60 {
74 label: "操作", 61 label: '操作',
75 width: 250, 62 width: '120',
76 fixed: 'right', 63 align: 'center',
77 render: (h, scope) => { 64 render: (h, scope) => {
78 return <div> 65 return (
79 <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope.row) }}>详情</el-button> 66 <div>
80 <el-button type="text" icon="el-icon-delete" onClick={() => { vm.handleDel(scope.row) }}>删除</el-button> 67 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.handleEdit(scope.row) }}>详情</el-button>
81 <el-button type="text" icon='el-icon-refresh-left' onClick={() => { vm.handleBack(scope.row) }}>回退</el-button>
82 <el-button type="text" icon='el-icon-document-copy' onClick={() => { vm.handleSync(scope.row) }}>数据同步</el-button>
83 </div> 68 </div>
69 )
84 } 70 }
85 } 71 }
86 ] 72 ]
87 } 73 }
88
89 } 74 }
90 let datas = new data() 75 let datas = new data()
91 export { 76 export {
......
1 <template> 1 <template>
2 <div class="duijie"> 2 <!-- <div class="duijie">-->
3 <img src="../../../image/duijie.png" alt=""> 3 <!-- <img src="../../../image/duijie.png" alt="">-->
4 <!-- </div>-->
5 <div class="from-clues">
6 <!-- 表单部分 -->
7 <div class="from-clues-header">
8 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
9 <el-row>
10 <el-col :span="5">
11 <el-form-item label="业务号">
12 <el-input placeholder="业务号" v-model="queryForm.ywh" clearable class="width100">
13 </el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="5">
17 <el-form-item label="权利人">
18 <el-input placeholder="权利人" v-model="queryForm.qlrmc" clearable class="width100">
19 </el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="5">
23 <el-form-item label="义务人">
24 <el-input placeholder="义务人" v-model="queryForm.ywrmc" clearable class="width100">
25 </el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="9" class="btnColRight">
29 <el-form-item>
30 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
31 <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button>
32 </el-form-item>
33 </el-col>
34 </el-row>
35 </el-form>
36 </div>
37 <div class="from-clues-content loadingtext">
38 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
39 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
40 :column="tableData.columns" :data="tableData.data">
41 </lb-table>
42 </div>
4 </div> 43 </div>
5 </template> 44 </template>
6 45
7 <script> 46 <script>
8 47 import { mapGetters } from 'vuex'
48 import table from "@/utils/mixin/table"
49 import { datas, sendThis } from "./data"
50 import { queryBj } from "@/api/ycsl.js";
9 export default { 51 export default {
52 name: "cwrz",
53 components: {},
54 mixins: [table],
55 mounted () {
56 sendThis(this);
57 },
58 activated () {
59 this.queryClick()
60 },
61 data () {
62 return {
63 queryForm: {
64 qymc: "",
65 zjh: "",
66 },
67 tableData: {
68 total: 0,
69 columns: datas.columns(),
70 data: [],
71 },
72 };
73 },
74 computed: {
75 ...mapGetters(['isRefresh'])
76 },
77 watch: {
78 isRefresh: {
79 handler (newVal, oldVal) {
80 if (newVal) this.queryClick()
81 },
82 immediate: true
83 }
84 },
85 methods: {
86 /**
87 * @description: queryClick
88 * @author: renchao
89 */
90 queryClick () {
91 this.$startLoading();
92 // let data = { ...this.queryForm, ...this.pageData }
93 let pageInfo = {
94 pageNo: this.pageData.currentPage,
95 pageSize: this.pageData.pageSize
96 }
97 let data = { ...pageInfo }
98 queryBj(data).then((res) => {
99 this.$endLoading();
100 if (res.code === 200) {
101 let { total, records } = res.result;
102 this.tableData.total = total;
103 this.tableData.data = records;
104 }
105 })
106 },
107 /**
108 * @description: handleSearch
109 * @author: renchao
110 */
111 handleSearch () {
112 this.queryClick();
113 },
114 /**
115 * @description: handleAdd
116 * @author: renchao
117 */
118 handleAdd () {
119 this.$popupDialog("添加企业", "xxba/components/addDialog", { isAdd: 1 }, "75%")
120 },
121 /**
122 * @description: handleDelete
123 * @author: renchao
124 */
125 handleDelete (row) {
126 let _this = this
127 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
128 confirmButtonText: '确定',
129 cancelButtonText: '取消',
130 type: 'warning'
131 }).then(() => {
132 remove(row.bsmCompany).then(res => {
133 if (res.code == 200) {
134 _this.$message({
135 type: 'success',
136 message: '删除成功!'
137 });
138 }
139 const totalPage = Math.ceil((_this.tableData.total - 1) / _this.pageData.pageSize) // 总页数
140 _this.pageData.currentPage = _this.pageData.currentPage > totalPage ? totalPage : _this.pageData.currentPage
141 _this.pageData.currentPage = _this.pageData.currentPage < 1 ? 1 : _this.pageData.currentPage
10 142
143 _this.queryClick(_this.pageData.currentPage);//重新渲染数
144 })
145 }).catch(() => {
146 this.$message({
147 type: 'info',
148 message: '已取消删除'
149 });
150 });
151 },
152 handleEdit (row) {
153 this.$popupDialog("编辑企业", "ywbl/ycsl/components/addDialog", { isAdd: 2, ...row }, "75%")
154 }
155 }
11 } 156 }
12 </script> 157 </script>
13 158
14 <style lang="scss" scoped> 159 <style lang="scss" scoped>
15 .duijie{ 160
161 @import "~@/styles/public.scss";
162
163 .duijie{
16 width: 100%; 164 width: 100%;
17 height: 100%; 165 height: 100%;
18 margin: auto; 166 margin: auto;
19 text-align: center 167 text-align: center
20 168
21 } 169 }
22 170
23 </style> 171 </style>
......