修改申请查询页面及脚本
Showing
9 changed files
with
4 additions
and
261 deletions
1 | <template> | ||
2 | <div class="from-clues" id="bdcql"> | ||
3 | <!-- 表单部分 --> | ||
4 | <div class="from-clues-header"> | ||
5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
6 | <el-row> | ||
7 | <el-col :span="5"> | ||
8 | <el-form-item label="权利类型"> | ||
9 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
10 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | ||
11 | </el-option> | ||
12 | </el-select> | ||
13 | </el-form-item> | ||
14 | </el-col> | ||
15 | <el-col :span="6"> | ||
16 | <el-form-item label="不动产单元号"> | ||
17 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> | ||
18 | </el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="5"> | ||
22 | <el-form-item label="业务号"> | ||
23 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | ||
24 | </el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | <el-col :span="6"> | ||
28 | <el-form-item label="不动产权证号"> | ||
29 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="2" class="btnColRight"> | ||
34 | <el-form-item> | ||
35 | <el-button type="primary" @click="fetchData">查询</el-button> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | </el-row> | ||
39 | </el-form> | ||
40 | </div> | ||
41 | <!-- 表格 --> | ||
42 | <div class="from-clues-content"> | ||
43 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" | ||
44 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | ||
45 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
46 | :data="tableData.data"> | ||
47 | </lb-table> | ||
48 | </div> | ||
49 | <div class="submit_button"> | ||
50 | <el-button @click="closeDialog">取消</el-button> | ||
51 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
52 | </div> | ||
53 | </div> | ||
54 | </template> | ||
55 | <script> | ||
56 | //查封登记 | ||
57 | import { datas, sendThis } from "../javascript/bdcql.js"; | ||
58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
59 | import table from "@/utils/mixin/table"; | ||
60 | import jump from "../components/mixin/jump"; | ||
61 | import { selectQlxx, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; | ||
62 | export default { | ||
63 | mixins: [table, jump], | ||
64 | props: { | ||
65 | isJump: { type: Boolean, default: false }, | ||
66 | djywbm: { type: String, default: '' }, | ||
67 | djqxObj: { | ||
68 | type: Object, | ||
69 | default: {} | ||
70 | }, | ||
71 | bsmSqyw: { type: String, default: '' }, | ||
72 | }, | ||
73 | data () { | ||
74 | return { | ||
75 | queryForm: defaultParameters.defaultParameters(), | ||
76 | qllxs: [], | ||
77 | tableData: { | ||
78 | total: 0, | ||
79 | columns: datas.columns(), | ||
80 | data: [], | ||
81 | }, | ||
82 | bdcdysz: [], | ||
83 | saveloding: false | ||
84 | }; | ||
85 | }, | ||
86 | mounted () { | ||
87 | sendThis(this) | ||
88 | }, | ||
89 | methods: { | ||
90 | //点击行选中或取消复选框 | ||
91 | handleRowClick (row, column, event) { | ||
92 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
93 | this.$refs.table.toggleRowSelection(row); | ||
94 | }, | ||
95 | closeDialog () { | ||
96 | this.$emit("closeDialog") | ||
97 | }, | ||
98 | fetchData () { | ||
99 | this.queryForm.sqywbm = this.djywbm; | ||
100 | selectQlxx({ ...this.queryForm, ...this.pageData }) | ||
101 | .then((res) => { | ||
102 | if (res.code === 200) { | ||
103 | let { total, records } = res.result; | ||
104 | this.tableData.total = total; | ||
105 | this.tableData.data = records; | ||
106 | } | ||
107 | }) | ||
108 | }, | ||
109 | submitForm () { | ||
110 | if (this.bdcdysz.length == 0) { | ||
111 | this.$message.error("请至少选择一条数据"); | ||
112 | return; | ||
113 | } | ||
114 | if (!this.isJump) { | ||
115 | startBusinessFlow({ | ||
116 | bsmSqyw: this.bsmSqyw, | ||
117 | bdcdysz: this.bdcdysz, | ||
118 | djqxbm: this.djqxObj?.djqxbm, | ||
119 | djqxmc: this.djqxObj?.djqxmc | ||
120 | }).then((res) => { | ||
121 | if (res.code == 200) { | ||
122 | this.$message({ | ||
123 | showClose: true, | ||
124 | message: '发起申请成功', | ||
125 | type: 'success' | ||
126 | }) | ||
127 | this.jump(res.result, this.djywbm) | ||
128 | } else { | ||
129 | this.$message.error(res.message) | ||
130 | } | ||
131 | }) | ||
132 | } else { | ||
133 | choiceBdcdy({ | ||
134 | bsmSlsq: this.$route.query.bsmSlsq, | ||
135 | bdcdysz: this.bdcdysz | ||
136 | }).then(res => { | ||
137 | if (res.code == 200) { | ||
138 | this.$message({ | ||
139 | showClose: true, | ||
140 | message: '发起申请成功', | ||
141 | type: 'success' | ||
142 | }) | ||
143 | this.$emit('updateDialog', true) | ||
144 | } else { | ||
145 | this.$message.error(res.message); | ||
146 | } | ||
147 | }) | ||
148 | } | ||
149 | }, | ||
150 | handleSelectionChange (val) { | ||
151 | val.forEach((item, index) => { | ||
152 | item.bsmSsql = item.bsmQlxx | ||
153 | item.ybdcqzsh = item.bdcqzh | ||
154 | item.yqllx = item.qllx | ||
155 | item.ydjlx = item.djlx | ||
156 | }) | ||
157 | this.bdcdysz = val | ||
158 | } | ||
159 | } | ||
160 | }; | ||
161 | </script> | ||
162 | <style scoped lang="scss"> | ||
163 | @import "~@/styles/mixin.scss"; | ||
164 | @import "~@/styles/public.scss"; | ||
165 | </style> |
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | //首次登记 | 42 | //首次登记 |
43 | import { datas, sendThis } from "../javascript/jsydsyq200.js"; | 43 | import { datas, sendThis } from "../javascript/selectJsydsyq.js"; |
44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
45 | import table from "@/utils/mixin/table"; | 45 | import table from "@/utils/mixin/table"; |
46 | import jump from "../components/mixin/jump"; | 46 | import jump from "../components/mixin/jump"; | ... | ... |
... | @@ -88,7 +88,7 @@ | ... | @@ -88,7 +88,7 @@ |
88 | </div> | 88 | </div> |
89 | </template> | 89 | </template> |
90 | <script> | 90 | <script> |
91 | import { datas, sendThis } from "../javascript/bdcqlMain.js"; | 91 | import { datas, sendThis } from "../javascript/selecBdcql.js"; |
92 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 92 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
93 | import table from "@/utils/mixin/table"; | 93 | import table from "@/utils/mixin/table"; |
94 | import jump from "./mixin/jump"; | 94 | import jump from "./mixin/jump"; | ... | ... |
... | @@ -54,7 +54,7 @@ | ... | @@ -54,7 +54,7 @@ |
54 | </template> | 54 | </template> |
55 | <script> | 55 | <script> |
56 | //首次登记 | 56 | //首次登记 |
57 | import { datas, sendThis } from "../javascript/jsydsyq200.js"; | 57 | import { datas, sendThis } from "../javascript/selectJsydsyq.js"; |
58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
59 | import table from "@/utils/mixin/table"; | 59 | import table from "@/utils/mixin/table"; |
60 | import jump from "./mixin/jump"; | 60 | import jump from "./mixin/jump"; | ... | ... |
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | //首次登记 | 42 | //首次登记 |
43 | import { datas, sendThis } from "../javascript/jsydsyq100.js"; | 43 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; |
44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
45 | import table from "@/utils/mixin/table"; | 45 | import table from "@/utils/mixin/table"; |
46 | import jump from "./mixin/jump"; | 46 | import jump from "./mixin/jump"; | ... | ... |
1 | import filter from '@/utils/filter.js' | ||
2 | let vm = null | ||
3 | |||
4 | const sendThis = (_this) => { | ||
5 | vm = _this | ||
6 | } | ||
7 | class data extends filter { | ||
8 | constructor() { | ||
9 | super() | ||
10 | } | ||
11 | columns () { | ||
12 | return [ | ||
13 | { | ||
14 | type: 'selection', | ||
15 | label: '全选' | ||
16 | }, | ||
17 | { | ||
18 | label: '序号', | ||
19 | type: 'index', | ||
20 | width: '50', | ||
21 | render: (h, scope) => { | ||
22 | return ( | ||
23 | <div> | ||
24 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
25 | </div> | ||
26 | ) | ||
27 | } | ||
28 | }, | ||
29 | { | ||
30 | prop: "status", | ||
31 | label: "状态", | ||
32 | render: (h, scope) => { | ||
33 | return ( | ||
34 | <div> | ||
35 | {/* <a v-on:click="doSomething"></a> */} | ||
36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
38 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
39 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
40 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
41 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
42 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
43 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
44 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
45 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
46 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
47 | </div> | ||
48 | ) | ||
49 | } | ||
50 | }, | ||
51 | { | ||
52 | prop: "qllxmc", | ||
53 | label: "权利类型", | ||
54 | }, | ||
55 | { | ||
56 | prop: "bdcdyh", | ||
57 | label: "不动产单元号", | ||
58 | }, | ||
59 | { | ||
60 | prop: "bdcqzh", | ||
61 | label: "不动产权证号", | ||
62 | }, | ||
63 | { | ||
64 | prop: "qlrmc", | ||
65 | label: "权利人", | ||
66 | }, | ||
67 | { | ||
68 | prop: "zjh", | ||
69 | label: "证件号", | ||
70 | }, | ||
71 | { | ||
72 | prop: "mj", | ||
73 | label: "面积", | ||
74 | }, | ||
75 | { | ||
76 | prop: "showTdyt", | ||
77 | label: "用途", | ||
78 | }, | ||
79 | { | ||
80 | prop: "zl", | ||
81 | label: "坐落", | ||
82 | } | ||
83 | ] | ||
84 | } | ||
85 | |||
86 | |||
87 | } | ||
88 | let datas = new data() | ||
89 | export { | ||
90 | datas, | ||
91 | sendThis | ||
92 | } |
File moved
File moved
-
Please register or sign in to post a comment