登记薄
Showing
1 changed file
with
67 additions
and
34 deletions
... | @@ -6,27 +6,52 @@ | ... | @@ -6,27 +6,52 @@ |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
8 | <el-form-item label="权利类型"> | 8 | <el-form-item label="权利类型"> |
9 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> | 9 | <el-select |
10 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 10 | v-model="queryForm.qllx" |
11 | filterable | ||
12 | clearable | ||
13 | placeholder="请选择权利类型" | ||
14 | > | ||
15 | <el-option | ||
16 | v-for="item in dictData['A8']" | ||
17 | :key="item.dcode" | ||
18 | :label="item.dname" | ||
19 | :value="item.dcode" | ||
20 | > | ||
11 | </el-option> | 21 | </el-option> |
12 | </el-select> | 22 | </el-select> |
13 | </el-form-item> | 23 | </el-form-item> |
14 | </el-col> | 24 | </el-col> |
15 | <el-col :span="5"> | 25 | <el-col :span="5"> |
16 | <el-form-item label="不动产单元号"> | 26 | <el-form-item label="不动产单元号"> |
17 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> | 27 | <el-input |
28 | placeholder="请输入不动产单元号" | ||
29 | v-model="queryForm.bdcdyh" | ||
30 | clearable | ||
31 | class="width200px" | ||
32 | > | ||
18 | </el-input> | 33 | </el-input> |
19 | </el-form-item> | 34 | </el-form-item> |
20 | </el-col> | 35 | </el-col> |
21 | <el-col :span="5"> | 36 | <el-col :span="5"> |
22 | <el-form-item label="不动产权证号"> | 37 | <el-form-item label="不动产权证号"> |
23 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | 38 | <el-input |
39 | placeholder="请输入不动产权证号" | ||
40 | v-model="queryForm.bdcqzh" | ||
41 | clearable | ||
42 | class="width200px" | ||
43 | > | ||
24 | </el-input> | 44 | </el-input> |
25 | </el-form-item> | 45 | </el-form-item> |
26 | </el-col> | 46 | </el-col> |
27 | <el-col :span="5"> | 47 | <el-col :span="5"> |
28 | <el-form-item label="业务号"> | 48 | <el-form-item label="业务号"> |
29 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | 49 | <el-input |
50 | placeholder="请输入业务号" | ||
51 | v-model="queryForm.ywh" | ||
52 | clearable | ||
53 | class="width200px" | ||
54 | > | ||
30 | </el-input> | 55 | </el-input> |
31 | </el-form-item> | 56 | </el-form-item> |
32 | </el-col> | 57 | </el-col> |
... | @@ -42,9 +67,17 @@ | ... | @@ -42,9 +67,17 @@ |
42 | </div> | 67 | </div> |
43 | <!-- 表格 --> | 68 | <!-- 表格 --> |
44 | <div class="from-clues-content"> | 69 | <div class="from-clues-content"> |
45 | <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current" | 70 | <lb-table |
46 | :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 71 | :page-size="pageData.size" |
47 | :column="tableData.columns" :data="tableData.data"> | 72 | border |
73 | @sort-change="handleSort" | ||
74 | :current-page.sync="pageData.current" | ||
75 | :total="tableData.total" | ||
76 | @size-change="handleSizeChange" | ||
77 | @p-current-change="handleCurrentChange" | ||
78 | :column="tableData.columns" | ||
79 | :data="tableData.data" | ||
80 | > | ||
48 | </lb-table> | 81 | </lb-table> |
49 | </div> | 82 | </div> |
50 | </div> | 83 | </div> |
... | @@ -58,10 +91,10 @@ import { mapGetters } from "vuex"; | ... | @@ -58,10 +91,10 @@ import { mapGetters } from "vuex"; |
58 | export default { | 91 | export default { |
59 | name: "djbcx", | 92 | name: "djbcx", |
60 | mixins: [table], | 93 | mixins: [table], |
61 | mounted () { | 94 | mounted() { |
62 | sendThis(this); | 95 | sendThis(this); |
63 | }, | 96 | }, |
64 | data () { | 97 | data() { |
65 | return { | 98 | return { |
66 | queryForm: { | 99 | queryForm: { |
67 | qllx: "", | 100 | qllx: "", |
... | @@ -74,7 +107,6 @@ export default { | ... | @@ -74,7 +107,6 @@ export default { |
74 | size: 10, | 107 | size: 10, |
75 | total: 0, | 108 | total: 0, |
76 | }, | 109 | }, |
77 | ywlys: datas.ywlys(), | ||
78 | tableData: { | 110 | tableData: { |
79 | columns: datas.columns(), | 111 | columns: datas.columns(), |
80 | data: [], | 112 | data: [], |
... | @@ -89,43 +121,44 @@ export default { | ... | @@ -89,43 +121,44 @@ export default { |
89 | }, | 121 | }, |
90 | methods: { | 122 | methods: { |
91 | // 初始化数据 | 123 | // 初始化数据 |
92 | fetchData () { | 124 | fetchData() { |
125 | debugger; | ||
93 | getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { | 126 | getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { |
94 | if (res.code === 200) { | 127 | if (res.code === 200) { |
95 | let { total, records } = res.result; | 128 | let { total, records } = res.result; |
96 | this.pageData.total = total; | ||
97 | this.tableData.data = records; | 129 | this.tableData.data = records; |
130 | this.tableData.total = total; | ||
98 | } | 131 | } |
99 | }); | 132 | }); |
100 | }, | 133 | }, |
101 | handleSort (name, sort) { | 134 | handleSort(name, sort) { |
102 | console.log(name, sort); | 135 | console.log(name, sort); |
103 | }, | 136 | }, |
104 | // 查询 | 137 | // 查询 |
105 | queryClick () { | 138 | queryClick() { |
106 | this.pageData.current = 1; | 139 | // this.pageData.current = 1; |
107 | this.pageData.currentPage = 1; | 140 | // this.pageData.currentPage = 1; |
108 | this.fetchData(); | 141 | this.fetchData(); |
109 | }, | 142 | }, |
110 | // 高级查询 | 143 | // 高级查询 |
111 | moreQueryClick () { }, | 144 | moreQueryClick() {}, |
112 | openDialog (scroll) { | 145 | openDialog(scroll) { |
113 | this.$popup({ | 146 | this.$popup({ |
114 | titleStyle:"left", | 147 | titleStyle: "left", |
115 | title: '登记簿详情', // 弹窗标题 | 148 | title: "登记簿详情", // 弹窗标题 |
116 | editItem: 'registerBook/djbFrame', // 弹窗内容 | 149 | editItem: "registerBook/djbFrame", // 弹窗内容 |
117 | formData: scroll, | 150 | formData: scroll, |
118 | width:"1220px", | 151 | width: "1220px", |
119 | height:"790px", | 152 | height: "790px", |
120 | // cancelText: '取消摆烂', // 右边按钮文本 | 153 | // cancelText: '取消摆烂', // 右边按钮文本 |
121 | // confirmText: '确定点击', //左边按钮文本 | 154 | // confirmText: '确定点击', //左边按钮文本 |
122 | cancel: () => { | 155 | cancel: () => { |
123 | console.log('取消回调') | 156 | console.log("取消回调"); |
124 | }, | 157 | }, |
125 | confirm: () => { | 158 | confirm: () => { |
126 | console.log('确认回调') | 159 | console.log("确认回调"); |
127 | } | 160 | }, |
128 | }); | 161 | }); |
129 | }, | 162 | }, |
130 | }, | 163 | }, |
131 | }; | 164 | }; | ... | ... |
-
Please register or sign in to post a comment