1
Showing
2 changed files
with
73 additions
and
41 deletions
... | @@ -2,17 +2,23 @@ | ... | @@ -2,17 +2,23 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
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-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh"> | 9 | <el-input |
10 | placeholder="请输入不动产权证号" | ||
11 | v-model="queryForm.bdcqzh" | ||
12 | > | ||
10 | </el-input> | 13 | </el-input> |
11 | </el-form-item> | 14 | </el-form-item> |
12 | </el-col> | 15 | </el-col> |
13 | <el-col :span="5"> | 16 | <el-col :span="5"> |
14 | <el-form-item label="印刷序列号"> | 17 | <el-form-item label="印刷序列号"> |
15 | <el-input placeholder="请输入印刷序列号" v-model="queryForm.ysxlh"> | 18 | <el-input |
19 | placeholder="请输入印刷序列号" | ||
20 | v-model="queryForm.ysxlh" | ||
21 | > | ||
16 | </el-input> | 22 | </el-input> |
17 | </el-form-item> | 23 | </el-form-item> |
18 | </el-col> | 24 | </el-col> |
... | @@ -31,7 +37,11 @@ | ... | @@ -31,7 +37,11 @@ |
31 | 37 | ||
32 | <el-col :span="4" class="btnColRight"> | 38 | <el-col :span="4" class="btnColRight"> |
33 | <el-form-item> | 39 | <el-form-item> |
34 | <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button> | 40 | <el-button |
41 | type="primary" | ||
42 | @click="queryClick()" | ||
43 | >查询</el-button | ||
44 | > | ||
35 | <el-button @click="moreQueryClick()">高级查询</el-button> | 45 | <el-button @click="moreQueryClick()">高级查询</el-button> |
36 | </el-form-item> | 46 | </el-form-item> |
37 | </el-col> | 47 | </el-col> |
... | @@ -40,9 +50,15 @@ | ... | @@ -40,9 +50,15 @@ |
40 | </div> | 50 | </div> |
41 | <!-- 表格 --> | 51 | <!-- 表格 --> |
42 | <div class="from-clues-content"> | 52 | <div class="from-clues-content"> |
43 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" | 53 | <lb-table |
44 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 54 | :page-size="pageData.size" |
45 | :data="tableData.data"> | 55 | :current-page.sync="pageData.current" |
56 | :total="tableData.total" | ||
57 | @size-change="handleSizeChange" | ||
58 | @p-current-change="handleCurrentChange" | ||
59 | :column="tableData.columns" | ||
60 | :data="tableData.data" | ||
61 | > | ||
46 | </lb-table> | 62 | </lb-table> |
47 | </div> | 63 | </div> |
48 | </div> | 64 | </div> |
... | @@ -53,32 +69,34 @@ import { datas, sendThis } from "./zslqcx"; | ... | @@ -53,32 +69,34 @@ import { datas, sendThis } from "./zslqcx"; |
53 | export default { | 69 | export default { |
54 | components: {}, | 70 | components: {}, |
55 | mixins: [table], | 71 | mixins: [table], |
56 | mounted () { | 72 | mounted() { |
57 | sendThis(this); | 73 | sendThis(this); |
58 | }, | 74 | }, |
59 | data () { | 75 | data() { |
60 | return { | 76 | return { |
61 | queryForm: { | 77 | queryForm: { |
62 | bdcqzh: '', | 78 | bdcqzh: "", |
63 | ysxlh: '', | 79 | ysxlh: "", |
64 | ywh: '', | 80 | ywh: "", |
65 | lqr: '' | 81 | lqr: "", |
66 | }, | 82 | }, |
67 | tableData: { | 83 | tableData: { |
68 | columns: datas.columns(), | 84 | columns: datas.columns(), |
69 | data: [ | 85 | data: [], |
70 | { | 86 | }, |
71 | qllx: 'A01' | 87 | }; |
72 | } | ||
73 | ] | ||
74 | } | ||
75 | } | ||
76 | }, | 88 | }, |
77 | methods: { | 89 | methods: { |
90 | // 查询 | ||
91 | queryClick() { | ||
92 | this.fetchData(); | ||
93 | }, | ||
94 | |||
78 | // 初始化数据 | 95 | // 初始化数据 |
79 | fetchData () { }, | 96 | fetchData() { |
80 | } | 97 | }, |
81 | } | 98 | }, |
99 | }; | ||
82 | </script> | 100 | </script> |
83 | <style scoped lang="scss"> | 101 | <style scoped lang="scss"> |
84 | @import "~@/styles/public.scss"; | 102 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="80px"> |
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="项目名称"> |
... | @@ -31,7 +31,11 @@ | ... | @@ -31,7 +31,11 @@ |
31 | 31 | ||
32 | <el-col :span="4" class="btnColRight"> | 32 | <el-col :span="4" class="btnColRight"> |
33 | <el-form-item> | 33 | <el-form-item> |
34 | <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button> | 34 | <el-button |
35 | type="primary" | ||
36 | @click="queryClick()" | ||
37 | >查询</el-button | ||
38 | > | ||
35 | <el-button @click="moreQueryClick()">高级查询</el-button> | 39 | <el-button @click="moreQueryClick()">高级查询</el-button> |
36 | </el-form-item> | 40 | </el-form-item> |
37 | </el-col> | 41 | </el-col> |
... | @@ -40,9 +44,15 @@ | ... | @@ -40,9 +44,15 @@ |
40 | </div> | 44 | </div> |
41 | <!-- 表格 --> | 45 | <!-- 表格 --> |
42 | <div class="from-clues-content"> | 46 | <div class="from-clues-content"> |
43 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" | 47 | <lb-table |
44 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 48 | :page-size="pageData.size" |
45 | :data="tableData.data"> | 49 | :current-page.sync="pageData.current" |
50 | :total="tableData.total" | ||
51 | @size-change="handleSizeChange" | ||
52 | @p-current-change="handleCurrentChange" | ||
53 | :column="tableData.columns" | ||
54 | :data="tableData.data" | ||
55 | > | ||
46 | </lb-table> | 56 | </lb-table> |
47 | </div> | 57 | </div> |
48 | </div> | 58 | </div> |
... | @@ -53,29 +63,33 @@ import { datas, sendThis } from "./zxgcdycx"; | ... | @@ -53,29 +63,33 @@ import { datas, sendThis } from "./zxgcdycx"; |
53 | export default { | 63 | export default { |
54 | components: {}, | 64 | components: {}, |
55 | mixins: [table], | 65 | mixins: [table], |
56 | mounted () { | 66 | mounted() { |
57 | sendThis(this); | 67 | sendThis(this); |
58 | }, | 68 | }, |
59 | data () { | 69 | data() { |
60 | return { | 70 | return { |
61 | queryForm: { | 71 | queryForm: { |
62 | xmmc: '', | 72 | xmmc: "", |
63 | xmbh: '', | 73 | xmbh: "", |
64 | zrzh: '', | 74 | zrzh: "", |
65 | zddm: '' | 75 | zddm: "", |
66 | }, | 76 | }, |
67 | tableData: { | 77 | tableData: { |
68 | columns: datas.columns(), | 78 | columns: datas.columns(), |
69 | data: [ | 79 | data: [], |
70 | ] | 80 | }, |
71 | } | 81 | }; |
72 | } | ||
73 | }, | 82 | }, |
74 | methods: { | 83 | methods: { |
84 | // 查询 | ||
85 | queryClick() { | ||
86 | this.fetchData(); | ||
87 | }, | ||
88 | |||
75 | // 初始化数据 | 89 | // 初始化数据 |
76 | fetchData () { }, | 90 | fetchData() {}, |
77 | } | 91 | }, |
78 | } | 92 | }; |
79 | </script> | 93 | </script> |
80 | <style scoped lang="scss"> | 94 | <style scoped lang="scss"> |
81 | @import "~@/styles/public.scss"; | 95 | @import "~@/styles/public.scss"; | ... | ... |
-
Please register or sign in to post a comment