修改查封登记系统功能
Showing
4 changed files
with
132 additions
and
115 deletions
... | @@ -5,29 +5,31 @@ | ... | @@ -5,29 +5,31 @@ |
5 | {{ title }} | 5 | {{ title }} |
6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
9 | v-for="item in qsztList" | ||
10 | :key="item.value" | ||
11 | :label="item.value" | ||
12 | >{{ item.label }}</el-checkbox> | ||
9 | </el-checkbox-group> | 13 | </el-checkbox-group> |
10 | </div> | 14 | </div> |
11 | </div> | 15 | </div> |
12 | <div class="xxTableBox rollTable"> | 16 | <div class="xxTableBox rollTable"> |
13 | <table class="xxTable"> | 17 | <table class="xxTable"> |
14 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 18 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
15 | <td> | 19 | <td>{{ item.label }}</td> |
16 | {{ item.label }} | 20 | <td |
17 | </td> | 21 | v-for="(row, index) in tableData" |
18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 22 | :key="index" |
23 | :class="[ | ||
19 | row.qszt == '2' ? 'lishi' : '', | 24 | row.qszt == '2' ? 'lishi' : '', |
20 | row.qszt == '0' ? 'linshi' : '', | 25 | row.qszt == '0' ? 'linshi' : '', |
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', |
22 | ]"> | 27 | ]" |
23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | > |
24 | 正在办理 | 29 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> |
25 | </div> | 30 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
26 | <span v-if="item.prop == 'qszt'"> | ||
27 | {{ getQsztName(row[item.prop]) }} | ||
28 | </span> | ||
29 | 31 | ||
30 | <span v-else> {{ row[item.prop] }}</span> | 32 | <span v-else>{{ row[item.prop] }}</span> |
31 | </td> | 33 | </td> |
32 | <td v-for="count in emptycolNum" :key="~count"></td> | 34 | <td v-for="count in emptycolNum" :key="~count"></td> |
33 | </tr> | 35 | </tr> |
... | @@ -41,7 +43,7 @@ | ... | @@ -41,7 +43,7 @@ |
41 | import { getCfdjList } from "@/api/registerBook.js"; | 43 | import { getCfdjList } from "@/api/registerBook.js"; |
42 | import { datas } from "./qlxxFormData.js"; | 44 | import { datas } from "./qlxxFormData.js"; |
43 | export default { | 45 | export default { |
44 | data () { | 46 | data() { |
45 | return { | 47 | return { |
46 | title: "查封登记信息", | 48 | title: "查封登记信息", |
47 | qsztList: datas.columns().qsztList, | 49 | qsztList: datas.columns().qsztList, |
... | @@ -56,11 +58,11 @@ export default { | ... | @@ -56,11 +58,11 @@ export default { |
56 | columns: datas.columns().CFDJ, | 58 | columns: datas.columns().CFDJ, |
57 | }; | 59 | }; |
58 | }, | 60 | }, |
59 | created () { | 61 | created() { |
60 | this.loadData(); | 62 | this.loadData(); |
61 | }, | 63 | }, |
62 | methods: { | 64 | methods: { |
63 | loadData () { | 65 | loadData() { |
64 | getCfdjList({ | 66 | getCfdjList({ |
65 | bdcdyid: this.propsParam.bdcdyid, | 67 | bdcdyid: this.propsParam.bdcdyid, |
66 | qllx: this.propsParam.qllx, | 68 | qllx: this.propsParam.qllx, |
... | @@ -69,12 +71,12 @@ export default { | ... | @@ -69,12 +71,12 @@ export default { |
69 | if (res.code === 200) { | 71 | if (res.code === 200) { |
70 | this.tableData = res.result; | 72 | this.tableData = res.result; |
71 | this.tableData.forEach((item, index) => { | 73 | this.tableData.forEach((item, index) => { |
72 | if (item.sfbxf == '1') { | 74 | if (item.sfbxf == "1") { |
73 | item.zxywh = ''; | 75 | item.zxywh = ""; |
74 | item.zxdbr = ''; | 76 | item.zxdbr = ""; |
75 | item.zxsj = ''; | 77 | item.zxsj = ""; |
76 | } | 78 | } |
77 | }) | 79 | }); |
78 | if (this.tableData.length < datas.columns().emptycolNum) { | 80 | if (this.tableData.length < datas.columns().emptycolNum) { |
79 | this.emptycolNum = | 81 | this.emptycolNum = |
80 | datas.columns().emptycolNum - this.tableData.length; | 82 | datas.columns().emptycolNum - this.tableData.length; |
... | @@ -84,7 +86,7 @@ export default { | ... | @@ -84,7 +86,7 @@ export default { |
84 | } | 86 | } |
85 | }); | 87 | }); |
86 | }, | 88 | }, |
87 | checkChange () { | 89 | checkChange() { |
88 | if (this.checkList.length === 0) { | 90 | if (this.checkList.length === 0) { |
89 | this.tableData = []; | 91 | this.tableData = []; |
90 | this.emptycolNum = datas.columns().emptycolNum; | 92 | this.emptycolNum = datas.columns().emptycolNum; |
... | @@ -92,7 +94,7 @@ export default { | ... | @@ -92,7 +94,7 @@ export default { |
92 | this.loadData(); | 94 | this.loadData(); |
93 | } | 95 | } |
94 | }, | 96 | }, |
95 | getQsztName (code) { | 97 | getQsztName(code) { |
96 | let name = ""; | 98 | let name = ""; |
97 | for (let item of this.qsztList) { | 99 | for (let item of this.qsztList) { |
98 | if (item.value == code) { | 100 | if (item.value == code) { | ... | ... |
... | @@ -793,15 +793,15 @@ class data extends filter { | ... | @@ -793,15 +793,15 @@ class data extends filter { |
793 | label: "查封机关", | 793 | label: "查封机关", |
794 | }, | 794 | }, |
795 | { | 795 | { |
796 | prop: "qlrmc", | 796 | prop: "ywrmc", |
797 | label: "不动产权利人", | 797 | label: "被执行人", |
798 | }, | 798 | }, |
799 | { | 799 | { |
800 | prop: "qlrzjzl", | 800 | prop: "ywrzjzl", |
801 | label: "证件种类", | 801 | label: "证件种类", |
802 | }, | 802 | }, |
803 | { | 803 | { |
804 | prop: "qlrzjhm", | 804 | prop: "ywrzjhm", |
805 | label: "证件号", | 805 | label: "证件号", |
806 | }, | 806 | }, |
807 | 807 | ... | ... |
... | @@ -4,28 +4,43 @@ | ... | @@ -4,28 +4,43 @@ |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="6"> | 7 | <el-col :span="8"> |
8 | <el-form-item label="不动产单元号"> | 8 | <el-form-item label="不动产单元号"> |
9 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px"> | 9 | <el-input |
10 | </el-input> | 10 | placeholder="请输入不动产单元号" |
11 | maxlength="28" | ||
12 | v-model="queryForm.bdcdyh" | ||
13 | clearable | ||
14 | class="width200px" | ||
15 | ></el-input> | ||
11 | </el-form-item> | 16 | </el-form-item> |
12 | </el-col> | 17 | </el-col> |
13 | <el-col :span="5"> | 18 | <el-col :span="8"> |
14 | <el-form-item label="业务号"> | 19 | <el-form-item label="查封机关"> |
15 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | 20 | <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width200px"></el-input> |
16 | </el-input> | ||
17 | </el-form-item> | 21 | </el-form-item> |
18 | </el-col> | 22 | </el-col> |
19 | <el-col :span="6"> | 23 | <el-col :span="8"> |
20 | <el-form-item label="不动产权证号"> | 24 | <el-form-item label="查封文号"> |
21 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | 25 | <el-input |
22 | </el-input> | 26 | placeholder="请输入不动产权证号" |
27 | v-model="queryForm.cfwh" | ||
28 | clearable | ||
29 | class="width200px" | ||
30 | ></el-input> | ||
23 | </el-form-item> | 31 | </el-form-item> |
24 | </el-col> | 32 | </el-col> |
25 | <el-col :span="2" class="btnColRight"> | 33 | </el-row> |
34 | <el-row> | ||
35 | <el-col :span="5"> | ||
36 | <el-form-item label="坐落"> | ||
37 | <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width200px"></el-input> | ||
38 | </el-form-item> | ||
39 | </el-col> | ||
40 | <el-col :span="6" class="btnColRight"> | ||
26 | <el-form-item> | 41 | <el-form-item> |
27 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 42 | <el-button type="primary" @click="resetForm(true)">重置</el-button> |
28 | <el-button type="primary" @click="handleSearch">查询</el-button> | 43 | <el-button type="primary" @click="queryClick">查询</el-button> |
29 | </el-form-item> | 44 | </el-form-item> |
30 | </el-col> | 45 | </el-col> |
31 | </el-row> | 46 | </el-row> |
... | @@ -33,11 +48,20 @@ | ... | @@ -33,11 +48,20 @@ |
33 | </div> | 48 | </div> |
34 | <!-- 表格 --> | 49 | <!-- 表格 --> |
35 | <div class="from-clues-content loadingtext"> | 50 | <div class="from-clues-content loadingtext"> |
36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 51 | <lb-table |
37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 52 | ref="table" |
38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 53 | @row-click="handleRowClick" |
39 | :data="tableData.data"> | 54 | :page-size="pageData.pageSize" |
40 | </lb-table> | 55 | :calcHeight="300" |
56 | :current-page.sync="pageData.currentPage" | ||
57 | :total="tableData.total" | ||
58 | @size-change="handleSizeChange" | ||
59 | @select="select" | ||
60 | @p-current-change="handleCurrentChange" | ||
61 | @selection-change="handleSelectionChange" | ||
62 | :column="tableData.columns" | ||
63 | :data="tableData.data" | ||
64 | ></lb-table> | ||
41 | </div> | 65 | </div> |
42 | <div class="submit_button"> | 66 | <div class="submit_button"> |
43 | <el-button @click="$popupCacel">取消</el-button> | 67 | <el-button @click="$popupCacel">取消</el-button> |
... | @@ -46,20 +70,20 @@ | ... | @@ -46,20 +70,20 @@ |
46 | </div> | 70 | </div> |
47 | </template> | 71 | </template> |
48 | <script> | 72 | <script> |
49 | //查封登记 | 73 | //查封登记 |
50 | import store from '@/store/index.js' | 74 | import store from "@/store/index.js"; |
51 | import { datas, sendThis } from "../javascript/cfdj.js"; | 75 | import { datas, sendThis } from "../javascript/cfdj.js"; |
52 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 76 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
53 | import table from "@/utils/mixin/table"; | 77 | import table from "@/utils/mixin/table"; |
54 | import jump from "../components/mixin/jump"; | 78 | import jump from "../components/mixin/jump"; |
55 | import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; | 79 | import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; |
56 | export default { | 80 | export default { |
57 | props: { | 81 | props: { |
58 | isJump: { type: Boolean, default: false }, | 82 | isJump: { type: Boolean, default: false }, |
59 | sqywInfo: { type: Object, default: () => { } }, | 83 | sqywInfo: { type: Object, default: () => {} }, |
60 | }, | 84 | }, |
61 | mixins: [table, jump], | 85 | mixins: [table, jump], |
62 | data () { | 86 | data() { |
63 | return { | 87 | return { |
64 | queryForm: defaultParameters.defaultParameters(), | 88 | queryForm: defaultParameters.defaultParameters(), |
65 | tableData: { | 89 | tableData: { |
... | @@ -74,25 +98,23 @@ | ... | @@ -74,25 +98,23 @@ |
74 | : this.sqywInfo.parentid, | 98 | : this.sqywInfo.parentid, |
75 | }; | 99 | }; |
76 | }, | 100 | }, |
77 | mounted () { | 101 | mounted() { |
78 | sendThis(this); | 102 | sendThis(this); |
79 | }, | 103 | }, |
80 | methods: { | 104 | methods: { |
81 | queryClick () { | 105 | queryClick() { |
82 | console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx); | 106 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); |
83 | this.$startLoading(); | 107 | this.$startLoading(); |
84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 108 | selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { |
85 | selectCfdj({ ...this.queryForm, ...this.pageData }) | ||
86 | .then((res) => { | ||
87 | this.$endLoading(); | 109 | this.$endLoading(); |
88 | if (res.code === 200) { | 110 | if (res.code === 200) { |
89 | let { total, records } = res.result; | 111 | let { total, records } = res.result; |
90 | this.tableData.total = total; | 112 | this.tableData.total = total; |
91 | this.tableData.data = records; | 113 | this.tableData.data = records; |
92 | } | 114 | } |
93 | }) | 115 | }); |
94 | }, | 116 | }, |
95 | submitForm () { | 117 | submitForm() { |
96 | if (this.bdcdysz.length == 0) { | 118 | if (this.bdcdysz.length == 0) { |
97 | this.$message.error("请至少选择一条数据"); | 119 | this.$message.error("请至少选择一条数据"); |
98 | return; | 120 | return; |
... | @@ -101,63 +123,65 @@ | ... | @@ -101,63 +123,65 @@ |
101 | startBusinessFlow({ | 123 | startBusinessFlow({ |
102 | bsmSqyw: this.bsmSqyw, | 124 | bsmSqyw: this.bsmSqyw, |
103 | bdcdysz: this.bdcdysz, | 125 | bdcdysz: this.bdcdysz, |
104 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | 126 | djqxbm: |
105 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | 127 | this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
128 | djqxmc: | ||
129 | this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
106 | }).then((res) => { | 130 | }).then((res) => { |
107 | if (res.code == 200) { | 131 | if (res.code == 200) { |
108 | this.$message({ | 132 | this.$message({ |
109 | showClose: true, | 133 | showClose: true, |
110 | message: '发起申请成功', | 134 | message: "发起申请成功", |
111 | type: 'success' | 135 | type: "success", |
112 | }) | 136 | }); |
113 | this.jump(res.result, this.sqywInfo.djywbm) | 137 | this.jump(res.result, this.sqywInfo.djywbm); |
114 | } else { | 138 | } else { |
115 | this.$message.error(res.message) | 139 | this.$message.error(res.message); |
116 | } | 140 | } |
117 | }) | 141 | }); |
118 | } else { | 142 | } else { |
119 | choiceBdcdy({ | 143 | choiceBdcdy({ |
120 | bsmSlsq: this.$route.query.bsmSlsq, | 144 | bsmSlsq: this.$route.query.bsmSlsq, |
121 | bdcdysz: this.bdcdysz | 145 | bdcdysz: this.bdcdysz, |
122 | }).then(res => { | 146 | }).then((res) => { |
123 | if (res.code == 200) { | 147 | if (res.code == 200) { |
124 | this.$message({ | 148 | this.$message({ |
125 | showClose: true, | 149 | showClose: true, |
126 | message: '发起申请成功', | 150 | message: "发起申请成功", |
127 | type: 'success' | 151 | type: "success", |
128 | }) | 152 | }); |
129 | store.dispatch('user/refreshPage', true); | 153 | store.dispatch("user/refreshPage", true); |
130 | } else { | 154 | } else { |
131 | this.$message.error(res.message); | 155 | this.$message.error(res.message); |
132 | } | 156 | } |
133 | this.$popupCacel() | 157 | this.$popupCacel(); |
134 | }) | 158 | }); |
135 | } | 159 | } |
136 | }, | 160 | }, |
137 | handleSelectionChange (val) { | 161 | handleSelectionChange(val) { |
138 | val.forEach((item, index) => { | 162 | val.forEach((item, index) => { |
139 | item.bsmSsql = item.bsmQlxx | 163 | item.bsmSsql = item.bsmQlxx; |
140 | item.ybdcqzsh = item.bdcqzh | 164 | item.ybdcqzsh = item.bdcqzh; |
141 | }) | 165 | }); |
142 | this.bdcdysz = val | 166 | this.bdcdysz = val; |
143 | }, | 167 | }, |
144 | select(selection, row){ | 168 | select(selection, row) { |
145 | if(this.sqywInfo.sqywdylx=="1"){ | 169 | if (this.sqywInfo.sqywdylx == "1") { |
146 | // 清除 所有勾选项 | 170 | // 清除 所有勾选项 |
147 | this.$refs.table.clearSelection() | 171 | this.$refs.table.clearSelection(); |
148 | // 当表格数据都没有被勾选的时候 就返回 | 172 | // 当表格数据都没有被勾选的时候 就返回 |
149 | // 主要用于将当前勾选的表格状态清除 | 173 | // 主要用于将当前勾选的表格状态清除 |
150 | if(selection.length == 0) return | 174 | if (selection.length == 0) return; |
151 | this.$refs.table.toggleRowSelection(row, true); | 175 | this.$refs.table.toggleRowSelection(row, true); |
152 | } | 176 | } |
153 | }, | 177 | }, |
154 | handleRowClick(row){ | 178 | handleRowClick(row) { |
155 | // 如果状态是1,那就是单选 | 179 | // 如果状态是1,那就是单选 |
156 | if(this.sqywInfo.sqywdylx=="1"){ | 180 | if (this.sqywInfo.sqywdylx == "1") { |
157 | const bdcdysz = this.bdcdysz | 181 | const bdcdysz = this.bdcdysz; |
158 | this.$refs.table.clearSelection() | 182 | this.$refs.table.clearSelection(); |
159 | if( bdcdysz.length == 1 ) { | 183 | if (bdcdysz.length == 1) { |
160 | bdcdysz.forEach(item => { | 184 | bdcdysz.forEach((item) => { |
161 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | 185 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 |
162 | if (item == row) { | 186 | if (item == row) { |
163 | this.$refs.table.toggleRowSelection(row, false); | 187 | this.$refs.table.toggleRowSelection(row, false); |
... | @@ -166,21 +190,18 @@ | ... | @@ -166,21 +190,18 @@ |
166 | else { | 190 | else { |
167 | this.$refs.table.toggleRowSelection(row, true); | 191 | this.$refs.table.toggleRowSelection(row, true); |
168 | } | 192 | } |
169 | }) | 193 | }); |
170 | } | 194 | } else { |
171 | else { | ||
172 | this.$refs.table.toggleRowSelection(row, true); | 195 | this.$refs.table.toggleRowSelection(row, true); |
173 | } | 196 | } |
174 | }else{ | 197 | } else { |
175 | this.$refs.table.toggleRowSelection(row); | 198 | this.$refs.table.toggleRowSelection(row); |
176 | } | 199 | } |
177 | }, | 200 | }, |
178 | |||
179 | |||
180 | }, | 201 | }, |
181 | }; | 202 | }; |
182 | </script> | 203 | </script> |
183 | <style scoped lang="scss"> | 204 | <style scoped lang="scss"> |
184 | @import "~@/styles/mixin.scss"; | 205 | @import "~@/styles/mixin.scss"; |
185 | @import "~@/styles/public.scss"; | 206 | @import "~@/styles/public.scss"; |
186 | </style> | 207 | </style> | ... | ... |
... | @@ -39,17 +39,7 @@ class data extends filter { | ... | @@ -39,17 +39,7 @@ class data extends filter { |
39 | return ( | 39 | return ( |
40 | <div> | 40 | <div> |
41 | {/* <a v-on:click="doSomething"></a> */} | 41 | {/* <a v-on:click="doSomething"></a> */} |
42 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 42 | <a style='color:#3498db;' v-show={scope.row.qlblzt == 1} >正在办理</a> |
43 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
46 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
47 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
48 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
49 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
50 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
51 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
52 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
53 | </div> | 43 | </div> |
54 | ) | 44 | ) |
55 | } | 45 | } |
... | @@ -68,6 +58,10 @@ class data extends filter { | ... | @@ -68,6 +58,10 @@ class data extends filter { |
68 | label: "查封机关", | 58 | label: "查封机关", |
69 | }, | 59 | }, |
70 | { | 60 | { |
61 | prop: "cflxmc", | ||
62 | label: "查封类型", | ||
63 | }, | ||
64 | { | ||
71 | prop: "cfwh", | 65 | prop: "cfwh", |
72 | label: "查封文号", | 66 | label: "查封文号", |
73 | }, | 67 | }, | ... | ... |
-
Please register or sign in to post a comment