Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
69ffaf21 by 任超
Options

style:申请查询

1 parent 596130e9
Inline Side-by-side
Showing 3 changed files with 54 additions and 131 deletions
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 37
38 <el-col :span="4" class="btnCol"> 38 <el-col :span="4" class="btnCol">
39 <el-form-item> 39 <el-form-item>
40 <el-button type="primary" @click="queryClick()">查询</el-button> 40 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
41 <el-button @click="moreQueryClick()">高级查询</el-button> 41 <el-button @click="moreQueryClick()">高级查询</el-button>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 <!-- 表格 --> 47 <!-- 表格 -->
48 <div class="from-clues-content"> 48 <div class="from-clues-content">
49 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" 49 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
50 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 50 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
51 :column="tableData.columns" :data="tableData.data"> 51 :column="tableData.columns" :data="tableData.data">
52 </lb-table> 52 </lb-table>
53 </div> 53 </div>
...@@ -71,16 +71,10 @@ export default { ...@@ -71,16 +71,10 @@ export default {
71 djlx: "", 71 djlx: "",
72 ywh: "", 72 ywh: "",
73 }, 73 },
74 pageData: {
75 current: 1,
76 size: 10,
77 total: 2,
78 },
79
80 ywlyOption: datas.ywlys(),
81 qllxOption: [], 74 qllxOption: [],
82 djlxOption: [], 75 djlxOption: [],
83 tableData: { 76 tableData: {
77 total: 0,
84 columns: datas.columns(), 78 columns: datas.columns(),
85 data: [ 79 data: [
86 { 80 {
......
...@@ -6,65 +6,35 @@ ...@@ -6,65 +6,35 @@
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 9 <el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable class="width200px">
10 placeholder="请输入编号" 10 </el-input>
11 v-model="queryForm.cxbh"
12 clearable
13 class="width200px"
14 >
15 </el-input>
16 </el-form-item> 11 </el-form-item>
17 </el-col> 12 </el-col>
18 <el-col :span="5"> 13 <el-col :span="5">
19 <el-form-item label="申请人"> 14 <el-form-item label="申请人">
20 <el-select 15 <el-select v-model="queryForm.sqr" filterable clearable placeholder="请选择申请人">
21 v-model="queryForm.sqr" 16 <el-option v-for="item in sqrOption" :key="item.value" :label="item.label" :value="item.value">
22 filterable
23 clearable
24 placeholder="请选择申请人"
25 >
26 <el-option
27 v-for="item in sqrOption"
28 :key="item.value"
29 :label="item.label"
30 :value="item.value"
31 >
32 </el-option> 17 </el-option>
33 </el-select> 18 </el-select>
34 </el-form-item> 19 </el-form-item>
35 </el-col> 20 </el-col>
36 <el-col :span="5"> 21 <el-col :span="5">
37 <el-form-item label="查询用途"> 22 <el-form-item label="查询用途">
38 <el-select 23 <el-select v-model="queryForm.cxyt" filterable clearable placeholder="请选择用途">
39 v-model="queryForm.cxyt" 24 <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
40 filterable
41 clearable
42 placeholder="请选择用途"
43 >
44 <el-option
45 v-for="item in cxytOption"
46 :key="item.value"
47 :label="item.label"
48 :value="item.value"
49 >
50 </el-option> 25 </el-option>
51 </el-select> 26 </el-select>
52 </el-form-item> 27 </el-form-item>
53 </el-col> 28 </el-col>
54 <el-col :span="5"> 29 <el-col :span="5">
55 <el-form-item label="业务号"> 30 <el-form-item label="业务号">
56 <el-input 31 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
57 placeholder="请输入业务号"
58 v-model="queryForm.ywh"
59 clearable
60 class="width200px"
61 >
62 </el-input> 32 </el-input>
63 </el-form-item> 33 </el-form-item>
64 </el-col> 34 </el-col>
65 <el-col :span="4" class="btnCol"> 35 <el-col :span="4" class="btnCol">
66 <el-form-item> 36 <el-form-item>
67 <el-button type="primary" @click="queryClick()">查询</el-button> 37 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
68 <el-button @click="moreQueryClick()">高级查询</el-button> 38 <el-button @click="moreQueryClick()">高级查询</el-button>
69 </el-form-item> 39 </el-form-item>
70 </el-col> 40 </el-col>
...@@ -73,9 +43,9 @@ ...@@ -73,9 +43,9 @@
73 </div> 43 </div>
74 <!-- 表格 --> 44 <!-- 表格 -->
75 <div class="from-clues-content"> 45 <div class="from-clues-content">
76 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" 46 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
77 :total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange" 47 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
78 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> 48 :data="tableData.data">
79 </lb-table> 49 </lb-table>
80 </div> 50 </div>
81 </div> 51 </div>
...@@ -92,34 +62,27 @@ export default { ...@@ -92,34 +62,27 @@ export default {
92 }, 62 },
93 data () { 63 data () {
94 return { 64 return {
95 sqrOption:[], 65 sqrOption: [],
96 cxytOption:[], 66 cxytOption: [],
97 queryForm: { 67 queryForm: {
98 cxbh:"", 68 cxbh: "",
99 sqr:"", 69 sqr: "",
100 cxyt:"", 70 cxyt: "",
101 ywh:"", 71 ywh: "",
102 },
103 pageData: {
104 current: 1,
105 size: 10,
106 total: 2,
107 }, 72 },
108
109 ywlys: datas.ywlys(),
110
111 tableData: { 73 tableData: {
74 total: 0,
112 columns: datas.columns(), 75 columns: datas.columns(),
113 data: [ 76 data: [
114 { 77 {
115 cxlx:"家庭房产", 78 cxlx: "家庭房产",
116 cxbh:"20200409146", 79 cxbh: "20200409146",
117 cxsj:"2016-10-12 10:00:00", 80 cxsj: "2016-10-12 10:00:00",
118 slry:"查询窗口", 81 slry: "查询窗口",
119 sqr:"张三", 82 sqr: "张三",
120 yqlrgx:"不动产权利人", 83 yqlrgx: "不动产权利人",
121 qlr:"张三", 84 qlr: "张三",
122 cxyt:"预告买卖记录||首次登记", 85 cxyt: "预告买卖记录||首次登记",
123 }, 86 },
124 ], 87 ],
125 }, 88 },
......
...@@ -6,66 +6,36 @@ ...@@ -6,66 +6,36 @@
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 9 <el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable class="width200px">
10 placeholder="请输入编号" 10 </el-input>
11 v-model="queryForm.cxbh"
12 clearable
13 class="width200px"
14 >
15 </el-input>
16 </el-form-item> 11 </el-form-item>
17 </el-col> 12 </el-col>
18 <el-col :span="5"> 13 <el-col :span="5">
19 <el-form-item label="申请人"> 14 <el-form-item label="申请人">
20 <el-select 15 <el-select v-model="queryForm.sqr" filterable clearable placeholder="请选择申请人">
21 v-model="queryForm.sqr" 16 <el-option v-for="item in sqrOption" :key="item.value" :label="item.label" :value="item.value">
22 filterable
23 clearable
24 placeholder="请选择申请人"
25 >
26 <el-option
27 v-for="item in sqrOption"
28 :key="item.value"
29 :label="item.label"
30 :value="item.value"
31 >
32 </el-option> 17 </el-option>
33 </el-select> 18 </el-select>
34 </el-form-item> 19 </el-form-item>
35 </el-col> 20 </el-col>
36 <el-col :span="5"> 21 <el-col :span="5">
37 <el-form-item label="查询用途"> 22 <el-form-item label="查询用途">
38 <el-select 23 <el-select v-model="queryForm.cxyt" filterable clearable placeholder="请选择用途">
39 v-model="queryForm.cxyt" 24 <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
40 filterable
41 clearable
42 placeholder="请选择用途"
43 >
44 <el-option
45 v-for="item in cxytOption"
46 :key="item.value"
47 :label="item.label"
48 :value="item.value"
49 >
50 </el-option> 25 </el-option>
51 </el-select> 26 </el-select>
52 </el-form-item> 27 </el-form-item>
53 </el-col> 28 </el-col>
54 <el-col :span="5"> 29 <el-col :span="5">
55 <el-form-item label="业务号"> 30 <el-form-item label="业务号">
56 <el-input 31 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
57 placeholder="请输入业务号"
58 v-model="queryForm.ywh"
59 clearable
60 class="width200px"
61 >
62 </el-input> 32 </el-input>
63 </el-form-item> 33 </el-form-item>
64 </el-col> 34 </el-col>
65 35
66 <el-col :span="4" class="btnCol"> 36 <el-col :span="4" class="btnCol">
67 <el-form-item> 37 <el-form-item>
68 <el-button type="primary" @click="queryClick()">查询</el-button> 38 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
69 <el-button @click="moreQueryClick()">高级查询</el-button> 39 <el-button @click="moreQueryClick()">高级查询</el-button>
70 </el-form-item> 40 </el-form-item>
71 </el-col> 41 </el-col>
...@@ -75,7 +45,7 @@ ...@@ -75,7 +45,7 @@
75 <!-- 表格 --> 45 <!-- 表格 -->
76 <div class="from-clues-content"> 46 <div class="from-clues-content">
77 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" 47 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
78 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 48 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
79 :column="tableData.columns" :data="tableData.data"> 49 :column="tableData.columns" :data="tableData.data">
80 </lb-table> 50 </lb-table>
81 </div> 51 </div>
...@@ -96,32 +66,28 @@ export default { ...@@ -96,32 +66,28 @@ export default {
96 data () { 66 data () {
97 return { 67 return {
98 isDialog: false, 68 isDialog: false,
99 sqrOption:[], 69 sqrOption: [],
100 cxytOption:[], 70 cxytOption: [],
101 queryForm: { 71 queryForm: {
102 cxbh:"", 72 cxbh: "",
103 sqr:"", 73 sqr: "",
104 cxyt:"", 74 cxyt: "",
105 ywh:"", 75 ywh: "",
106 },
107 pageData: {
108 current: 1,
109 size: 10,
110 total: 2,
111 }, 76 },
112 tableData: { 77 tableData: {
78 total: 0,
113 columns: datas.columns(), 79 columns: datas.columns(),
114 data: [ 80 data: [
115 { 81 {
116 cxly:"登记大厅", 82 cxly: "登记大厅",
117 cxlx:"家庭房产", 83 cxlx: "家庭房产",
118 cxbh:"20200409146", 84 cxbh: "20200409146",
119 cxsj:"2016-10-12 10:00:00", 85 cxsj: "2016-10-12 10:00:00",
120 slry:"查询窗口", 86 slry: "查询窗口",
121 sqr:"张三", 87 sqr: "张三",
122 yqlrgx:"不动产权利人", 88 yqlrgx: "不动产权利人",
123 qlr:"张三", 89 qlr: "张三",
124 cxyt:"预告买卖记录||首次登记", 90 cxyt: "预告买卖记录||首次登记",
125 } 91 }
126 ] 92 ]
127 } 93 }
......