Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d518cff5 by jiaozeping@pashanhoo.com
Options

1

1 parent 04bbc29e
Inline Side-by-side
Showing 3 changed files with 156 additions and 80 deletions
...@@ -97,7 +97,7 @@ export default { ...@@ -97,7 +97,7 @@ export default {
97 }, 97 },
98 fetchData () { 98 fetchData () {
99 this.queryForm.sqywbm = this.djywbm; 99 this.queryForm.sqywbm = this.djywbm;
100 selectQlxx({ ...this.queryForm, ...this.pageData }, { 'target': '#bdcql' }) 100 selectQlxx({ ...this.queryForm, ...this.pageData })
101 .then((res) => { 101 .then((res) => {
102 if (res.code === 200) { 102 if (res.code === 200) {
103 let { total, records } = res.result; 103 let { total, records } = res.result;
......
...@@ -7,27 +7,52 @@ ...@@ -7,27 +7,52 @@
7 <el-row> 7 <el-row>
8 <el-col :span="5"> 8 <el-col :span="5">
9 <el-form-item label="权利类型"> 9 <el-form-item label="权利类型">
10 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> 10 <el-select
11 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> 11 v-model="queryForm.qllx"
12 filterable
13 clearable
14 placeholder="请选择权利类型"
15 >
16 <el-option
17 v-for="item in qllxs"
18 :key="item.value"
19 :label="item.label"
20 :value="item.value"
21 >
12 </el-option> 22 </el-option>
13 </el-select> 23 </el-select>
14 </el-form-item> 24 </el-form-item>
15 </el-col> 25 </el-col>
16 <el-col :span="6"> 26 <el-col :span="6">
17 <el-form-item label="不动产单元号"> 27 <el-form-item label="不动产单元号">
18 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> 28 <el-input
29 placeholder="请输入不动产单元号"
30 v-model="queryForm.bdcdyh"
31 clearable
32 class="width200px"
33 >
19 </el-input> 34 </el-input>
20 </el-form-item> 35 </el-form-item>
21 </el-col> 36 </el-col>
22 <el-col :span="5"> 37 <el-col :span="5">
23 <el-form-item label="业务号"> 38 <el-form-item label="业务号">
24 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> 39 <el-input
40 placeholder="请输入业务号"
41 v-model="queryForm.ywh"
42 clearable
43 class="width200px"
44 >
25 </el-input> 45 </el-input>
26 </el-form-item> 46 </el-form-item>
27 </el-col> 47 </el-col>
28 <el-col :span="6"> 48 <el-col :span="6">
29 <el-form-item label="不动产权证号"> 49 <el-form-item label="不动产权证号">
30 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> 50 <el-input
51 placeholder="请输入不动产权证号"
52 v-model="queryForm.bdcqzh"
53 clearable
54 class="width200px"
55 >
31 </el-input> 56 </el-input>
32 </el-form-item> 57 </el-form-item>
33 </el-col> 58 </el-col>
...@@ -41,10 +66,19 @@ ...@@ -41,10 +66,19 @@
41 </div> 66 </div>
42 <!-- 表格 --> 67 <!-- 表格 -->
43 <div class="from-clues-content"> 68 <div class="from-clues-content">
44 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" 69 <lb-table
45 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" 70 ref="table"
46 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 71 @row-click="handleRowClick"
47 :data="tableData.data"> 72 :page-size="pageData.pageSize"
73 :heightNum="400"
74 :current-page.sync="pageData.currentPage"
75 :total="tableData.total"
76 @size-change="handleSizeChange"
77 @p-current-change="handleCurrentChange"
78 @selection-change="handleSelectionChange"
79 :column="tableData.columns"
80 :data="tableData.data"
81 >
48 </lb-table> 82 </lb-table>
49 </div> 83 </div>
50 <div class="submit_button"> 84 <div class="submit_button">
...@@ -63,14 +97,14 @@ export default { ...@@ -63,14 +97,14 @@ export default {
63 mixins: [table, jump], 97 mixins: [table, jump],
64 props: { 98 props: {
65 isJump: { type: Boolean, default: false }, 99 isJump: { type: Boolean, default: false },
66 djywbm: { type: String, default: '' }, 100 djywbm: { type: String, default: "" },
67 djqxObj: { 101 djqxObj: {
68 type: Object, 102 type: Object,
69 default: {} 103 default: {},
70 }, 104 },
71 bsmSqyw: { type: String, default: '' } 105 bsmSqyw: { type: String, default: "" },
72 }, 106 },
73 data () { 107 data() {
74 return { 108 return {
75 queryForm: defaultParameters.defaultParameters(), 109 queryForm: defaultParameters.defaultParameters(),
76 qllxs: [], 110 qllxs: [],
...@@ -79,33 +113,32 @@ export default { ...@@ -79,33 +113,32 @@ export default {
79 columns: datas.columns(), 113 columns: datas.columns(),
80 data: [], 114 data: [],
81 }, 115 },
82 bdcdysz: [] 116 bdcdysz: [],
83 }; 117 };
84 }, 118 },
85 mounted () { 119 mounted() {
86 sendThis(this) 120 sendThis(this);
87 }, 121 },
88 methods: { 122 methods: {
89 //点击行选中或取消复选框 123 //点击行选中或取消复选框
90 handleRowClick (row, column, event) { 124 handleRowClick(row, column, event) {
91 //通过ref绑定后这里使用$refs.table来操作bom元素 125 //通过ref绑定后这里使用$refs.table来操作bom元素
92 this.$refs.table.toggleRowSelection(row); 126 this.$refs.table.toggleRowSelection(row);
93 }, 127 },
94 closeDialog () { 128 closeDialog() {
95 this.$emit("closeDialog") 129 this.$emit("closeDialog");
96 }, 130 },
97 fetchData () { 131 fetchData() {
98 this.queryForm.sqywbm = this.djywbm; 132 this.queryForm.sqywbm = this.djywbm;
99 selectQlxx({ ...this.queryForm, ...this.pageData }) 133 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
100 .then((res) => { 134 if (res.code === 200) {
101 if (res.code === 200) { 135 let { total, records } = res.result;
102 let { total, records } = res.result; 136 this.tableData.total = total;
103 this.tableData.total = total; 137 this.tableData.data = records;
104 this.tableData.data = records; 138 }
105 } 139 });
106 })
107 }, 140 },
108 submitForm () { 141 submitForm() {
109 if (this.bdcdysz.length == 0) { 142 if (this.bdcdysz.length == 0) {
110 this.$message.error("请至少选择一条数据"); 143 this.$message.error("请至少选择一条数据");
111 return; 144 return;
...@@ -114,22 +147,31 @@ export default { ...@@ -114,22 +147,31 @@ export default {
114 bsmSqyw: this.bsmSqyw, 147 bsmSqyw: this.bsmSqyw,
115 bdcdysz: this.bdcdysz, 148 bdcdysz: this.bdcdysz,
116 djqxbm: this.djqxObj?.djqxbm, 149 djqxbm: this.djqxObj?.djqxbm,
117 djqxmc: this.djqxObj?.djqxmc 150 djqxmc: this.djqxObj?.djqxmc,
118 }).then((res) => { 151 }).then((res) => {
119 if (res.code == 200) { 152 if (res.code == 200) {
120 this.jump(res.result) 153 this.$message({
154 showClose: true,
155 message: '发起申请成功',
156 type: 'success'
157 })
158 if (!this.isJump) {
159 this.jump(res.result, this.djywbm)
160 } else {
161 this.$emit('updateDialog', true)
162 }
121 } else { 163 } else {
122 this.$message.error(res.message); 164 this.$message.error(res.message);
123 } 165 }
124 }); 166 });
125 }, 167 },
126 handleSelectionChange (val) { 168 handleSelectionChange(val) {
127 val.forEach((item, index) => { 169 val.forEach((item, index) => {
128 item.bsmSsql = item.bsmQlxx 170 item.bsmSsql = item.bsmQlxx;
129 item.ybdcqzsh = item.bdcqzh 171 item.ybdcqzsh = item.bdcqzh;
130 }) 172 });
131 this.bdcdysz = val 173 this.bdcdysz = val;
132 } 174 },
133 }, 175 },
134 }; 176 };
135 </script> 177 </script>
......
1 <template> 1 <template>
2 <!-- 抵押权利信息查询 -->
2 <div class="from-clues"> 3 <div class="from-clues">
3 <!-- 表单部分 --> 4 <!-- 表单部分 -->
4 <div class="from-clues-header"> 5 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="120px"> 6 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <el-row> 7 <el-row>
7 <el-col :span="10"> 8 <el-col :span="5">
8 <el-form-item label="权利类型"> 9 <el-form-item label="权利类型">
9 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型" class="width300px"> 10 <el-select
10 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> 11 v-model="queryForm.qllx"
12 filterable
13 clearable
14 placeholder="请选择权利类型"
15 >
16 <el-option
17 v-for="item in qllxs"
18 :key="item.value"
19 :label="item.label"
20 :value="item.value"
21 >
11 </el-option> 22 </el-option>
12 </el-select> 23 </el-select>
13 </el-form-item> 24 </el-form-item>
14 </el-col> 25 </el-col>
15 <el-col :span="10"> 26 <el-col :span="6">
16 <el-form-item label="不动产单元号"> 27 <el-form-item label="不动产单元号">
17 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> 28 <el-input
29 placeholder="请输入不动产单元号"
30 v-model="queryForm.bdcdyh"
31 clearable
32 class="width200px"
33 >
18 </el-input> 34 </el-input>
19 </el-form-item> 35 </el-form-item>
20 </el-col> 36 </el-col>
21 </el-row> 37 <el-col :span="5">
22 <el-row>
23 <el-col :span="10">
24 <el-form-item label="业务号"> 38 <el-form-item label="业务号">
25 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width300px"> 39 <el-input
40 placeholder="请输入业务号"
41 v-model="queryForm.ywh"
42 clearable
43 class="width200px"
44 >
26 </el-input> 45 </el-input>
27 </el-form-item> 46 </el-form-item>
28 </el-col> 47 </el-col>
29 <el-col :span="10"> 48 <el-col :span="6">
30 <el-form-item label="不动产权证号"> 49 <el-form-item label="不动产权证号">
31 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px"> 50 <el-input
51 placeholder="请输入不动产权证号"
52 v-model="queryForm.bdcqzh"
53 clearable
54 class="width200px"
55 >
32 </el-input> 56 </el-input>
33 </el-form-item> 57 </el-form-item>
34 </el-col> 58 </el-col>
...@@ -42,20 +66,30 @@ ...@@ -42,20 +66,30 @@
42 </div> 66 </div>
43 <!-- 表格 --> 67 <!-- 表格 -->
44 <div class="from-clues-content"> 68 <div class="from-clues-content">
45 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" 69 <lb-table
46 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" 70 ref="table"
47 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 71 @row-click="handleRowClick"
48 :data="tableData.data"> 72 :page-size="pageData.pageSize"
73 :heightNum="400"
74 :current-page.sync="pageData.currentPage"
75 :total="tableData.total"
76 @size-change="handleSizeChange"
77 @p-current-change="handleCurrentChange"
78 @selection-change="handleSelectionChange"
79 :column="tableData.columns"
80 :data="tableData.data"
81 >
49 </lb-table> 82 </lb-table>
50 </div> 83 </div>
51 <div class="submit_button"> 84 <div class="submit_button">
52 <el-button @click="closeDialog">取消</el-button> 85 <el-button @click="closeDialog">取消</el-button>
53 <el-button type="primary" plain @click="submitForm">发起申请</el-button> 86 <el-button type="primary" plain @click="submitFormClick()"
87 >发起申请</el-button
88 >
54 </div> 89 </div>
55 </div> 90 </div>
56 </template> 91 </template>
57 <script> 92 <script>
58 //抵押权首次登记
59 import { datas, sendThis } from "../javascript/diyaq.js"; 93 import { datas, sendThis } from "../javascript/diyaq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 94 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table"; 95 import table from "@/utils/mixin/table";
...@@ -65,14 +99,14 @@ export default { ...@@ -65,14 +99,14 @@ export default {
65 mixins: [table, jump], 99 mixins: [table, jump],
66 props: { 100 props: {
67 isJump: { type: Boolean, default: false }, 101 isJump: { type: Boolean, default: false },
68 djywbm: { type: String, default: '' }, 102 djywbm: { type: String, default: "" },
69 djqxObj: { 103 djqxObj: {
70 type: Object, 104 type: Object,
71 default: {} 105 default: {},
72 }, 106 },
73 bsmSqyw: { type: String, default: '' }, 107 bsmSqyw: { type: String, default: "" },
74 }, 108 },
75 data () { 109 data() {
76 return { 110 return {
77 queryForm: defaultParameters.defaultParameters(), 111 queryForm: defaultParameters.defaultParameters(),
78 qllxs: [], 112 qllxs: [],
...@@ -81,22 +115,22 @@ export default { ...@@ -81,22 +115,22 @@ export default {
81 columns: datas.columns(), 115 columns: datas.columns(),
82 data: [], 116 data: [],
83 }, 117 },
84 bdcdysz: [] 118 bdcdysz: [],
85 }; 119 };
86 }, 120 },
87 mounted () { 121 mounted() {
88 sendThis(this); 122 sendThis(this);
89 }, 123 },
90 methods: { 124 methods: {
91 //点击行选中或取消复选框 125 //点击行选中或取消复选框
92 handleRowClick (row, column, event) { 126 handleRowClick(row, column, event) {
93 //通过ref绑定后这里使用$refs.table来操作bom元素 127 //通过ref绑定后这里使用$refs.table来操作bom元素
94 this.$refs.table.toggleRowSelection(row); 128 this.$refs.table.toggleRowSelection(row);
95 }, 129 },
96 closeDialog () { 130 closeDialog() {
97 this.$emit("closeDialog"); 131 this.$emit("closeDialog");
98 }, 132 },
99 fetchData () { 133 fetchData() {
100 this.queryForm.sqywbm = this.djywbm; 134 this.queryForm.sqywbm = this.djywbm;
101 selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => { 135 selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
102 if (res.code === 200) { 136 if (res.code === 200) {
...@@ -104,9 +138,9 @@ export default { ...@@ -104,9 +138,9 @@ export default {
104 this.tableData.total = total; 138 this.tableData.total = total;
105 this.tableData.data = records; 139 this.tableData.data = records;
106 } 140 }
107 }) 141 });
108 }, 142 },
109 submitForm () { 143 submitFormClick() {
110 if (this.bdcdysz.length == 0) { 144 if (this.bdcdysz.length == 0) {
111 this.$message.error("请至少选择一条数据"); 145 this.$message.error("请至少选择一条数据");
112 return; 146 return;
...@@ -115,33 +149,33 @@ export default { ...@@ -115,33 +149,33 @@ export default {
115 bsmSqyw: this.bsmSqyw, 149 bsmSqyw: this.bsmSqyw,
116 bdcdysz: this.bdcdysz, 150 bdcdysz: this.bdcdysz,
117 djqxbm: this.djqxObj?.djqxbm, 151 djqxbm: this.djqxObj?.djqxbm,
118 djqxmc: this.djqxObj?.djqxmc 152 djqxmc: this.djqxObj?.djqxmc,
119 }).then((res) => { 153 }).then((res) => {
120 if (res.code == 200) { 154 if (res.code == 200) {
121 this.$message({ 155 this.$message({
122 showClose: true, 156 showClose: true,
123 message: '发起申请成功', 157 message: "发起申请成功",
124 type: 'success' 158 type: "success",
125 }) 159 });
126 if (!this.isJump) { 160 if (!this.isJump) {
127 this.jump(res.result, this.djywbm) 161 this.jump(res.result, this.djywbm);
128 } else { 162 } else {
129 this.$emit('updateDialog', true) 163 this.$emit("updateDialog", true);
130 } 164 }
131 } else { 165 } else {
132 this.$message.error(res.message); 166 this.$message.error(res.message);
133 } 167 }
134 }); 168 });
135 }, 169 },
136 handleSelectionChange (val) { 170 handleSelectionChange(val) {
137 val.forEach((item, index) => { 171 val.forEach((item, index) => {
138 item.bsmSsql = item.bsmQlxx 172 item.bsmSsql = item.bsmQlxx;
139 item.ybdcqzsh = item.bdcqzh 173 item.ybdcqzsh = item.bdcqzh;
140 }) 174 });
141 this.bdcdysz = val; 175 this.bdcdysz = val;
142 } 176 },
143 } 177 },
144 } 178 };
145 </script> 179 </script>
146 <style scoped lang="scss"> 180 <style scoped lang="scss">
147 @import "~@/styles/mixin.scss"; 181 @import "~@/styles/mixin.scss";
......