Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
cc5a39ba by 任超
Options

style:表格完善

1 parent 4e8b5b58
Inline Side-by-side
Showing 5 changed files with 51 additions and 138 deletions
...@@ -96,7 +96,6 @@ export default { ...@@ -96,7 +96,6 @@ export default {
96 created () { 96 created () {
97 this.getMergeArr(this.data, this.merge) 97 this.getMergeArr(this.data, this.merge)
98 this.getHeight() 98 this.getHeight()
99 console.log(66666666666666);
100 }, 99 },
101 computed: { 100 computed: {
102 dataLength () { 101 dataLength () {
......
...@@ -6,66 +6,31 @@ ...@@ -6,66 +6,31 @@
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 9 <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
10 v-model="queryForm.ywly" 10 <el-option v-for="item in ywlyOption" :key="item.value" :label="item.label" :value="item.value">
11 filterable
12 clearable
13 placeholder="请选择业务来源"
14 >
15 <el-option
16 v-for="item in ywlyOption"
17 :key="item.value"
18 :label="item.label"
19 :value="item.value"
20 >
21 </el-option> 11 </el-option>
22 </el-select> 12 </el-select>
23 </el-form-item> 13 </el-form-item>
24 </el-col> 14 </el-col>
25 <el-col :span="5"> 15 <el-col :span="5">
26 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
27 <el-select 17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
28 v-model="queryForm.qllx" 18 <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
29 filterable
30 clearable
31 placeholder="请选择权利类型"
32 >
33 <el-option
34 v-for="item in qllxOption"
35 :key="item.value"
36 :label="item.label"
37 :value="item.value"
38 >
39 </el-option> 19 </el-option>
40 </el-select> 20 </el-select>
41 </el-form-item> 21 </el-form-item>
42 </el-col> 22 </el-col>
43 <el-col :span="5"> 23 <el-col :span="5">
44 <el-form-item label="登记类型"> 24 <el-form-item label="登记类型">
45 <el-select 25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
46 v-model="queryForm.djlx" 26 <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
47 filterable
48 clearable
49 placeholder="请选择登记类型"
50 >
51 <el-option
52 v-for="item in djlxOption"
53 :key="item.value"
54 :label="item.label"
55 :value="item.value"
56 >
57 </el-option> 27 </el-option>
58 </el-select> 28 </el-select>
59 </el-form-item> 29 </el-form-item>
60 </el-col> 30 </el-col>
61 <el-col :span="5"> 31 <el-col :span="5">
62 <el-form-item label="业务号"> 32 <el-form-item label="业务号">
63 <el-input 33 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
64 placeholder="请输入业务号"
65 v-model="queryForm.ywh"
66 clearable
67 class="width200px"
68 >
69 </el-input> 34 </el-input>
70 </el-form-item> 35 </el-form-item>
71 </el-col> 36 </el-col>
...@@ -81,17 +46,9 @@ ...@@ -81,17 +46,9 @@
81 </div> 46 </div>
82 <!-- 表格 --> 47 <!-- 表格 -->
83 <div class="from-clues-content"> 48 <div class="from-clues-content">
84 <lb-table 49 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
85 :page-size="pageData.size" 50 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
86 @sort-change="handleSort" 51 :column="tableData.columns" :data="tableData.data">
87 :current-page.sync="pageData.current"
88 :total="pageData.total"
89 @selection-change="handleSelectionChange"
90 @size-change="handleSizeChange"
91 @p-current-change="handleCurrentChange"
92 :column="tableData.columns"
93 :data="tableData.data"
94 >
95 </lb-table> 52 </lb-table>
96 </div> 53 </div>
97 </div> 54 </div>
...@@ -103,10 +60,10 @@ export default { ...@@ -103,10 +60,10 @@ export default {
103 name: "dydjb", 60 name: "dydjb",
104 components: {}, 61 components: {},
105 mixins: [table], 62 mixins: [table],
106 mounted() { 63 mounted () {
107 sendThis(this); 64 sendThis(this);
108 }, 65 },
109 data() { 66 data () {
110 return { 67 return {
111 queryForm: { 68 queryForm: {
112 ywly: "", 69 ywly: "",
...@@ -121,19 +78,19 @@ export default { ...@@ -121,19 +78,19 @@ export default {
121 }, 78 },
122 79
123 ywlyOption: datas.ywlys(), 80 ywlyOption: datas.ywlys(),
124 qllxOption:[], 81 qllxOption: [],
125 djlxOption:[], 82 djlxOption: [],
126 tableData: { 83 tableData: {
127 columns: datas.columns(), 84 columns: datas.columns(),
128 data: [ 85 data: [
129 { 86 {
130 cxlx:"家庭房产", 87 cxlx: "家庭房产",
131 cxbh:"20200409146", 88 cxbh: "20200409146",
132 cxsj:"2016-10-02 10:00:00", 89 cxsj: "2016-10-02 10:00:00",
133 slry:"张三", 90 slry: "张三",
134 sqr:"张三", 91 sqr: "张三",
135 yqlrgx:"不动产权利人", 92 yqlrgx: "不动产权利人",
136 qlr:"绿地开发商", 93 qlr: "绿地开发商",
137 }, 94 },
138 ], 95 ],
139 }, 96 },
...@@ -141,11 +98,11 @@ export default { ...@@ -141,11 +98,11 @@ export default {
141 }, 98 },
142 methods: { 99 methods: {
143 // 初始化数据 100 // 初始化数据
144 fetchData() {}, 101 fetchData () { },
145 handleSort(name, sort) { 102 handleSort (name, sort) {
146 console.log(name, sort); 103 console.log(name, sort);
147 }, 104 },
148 openDialog() { 105 openDialog () {
149 console.log(999999999999999); 106 console.log(999999999999999);
150 }, 107 },
151 }, 108 },
......
...@@ -6,66 +6,31 @@ ...@@ -6,66 +6,31 @@
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 9 <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
10 v-model="queryForm.ywly" 10 <el-option v-for="item in ywlys" :key="item.value" :label="item.label" :value="item.value">
11 filterable
12 clearable
13 placeholder="请选择业务来源"
14 >
15 <el-option
16 v-for="item in ywlys"
17 :key="item.value"
18 :label="item.label"
19 :value="item.value"
20 >
21 </el-option> 11 </el-option>
22 </el-select> 12 </el-select>
23 </el-form-item> 13 </el-form-item>
24 </el-col> 14 </el-col>
25 <el-col :span="5"> 15 <el-col :span="5">
26 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
27 <el-select 17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
28 v-model="queryForm.qllx" 18 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
29 filterable
30 clearable
31 placeholder="请选择权利类型"
32 >
33 <el-option
34 v-for="item in qllxs"
35 :key="item.value"
36 :label="item.label"
37 :value="item.value"
38 >
39 </el-option> 19 </el-option>
40 </el-select> 20 </el-select>
41 </el-form-item> 21 </el-form-item>
42 </el-col> 22 </el-col>
43 <el-col :span="5"> 23 <el-col :span="5">
44 <el-form-item label="登记类型"> 24 <el-form-item label="登记类型">
45 <el-select 25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
46 v-model="queryForm.djlx" 26 <el-option v-for="item in djlxs" :key="item.value" :label="item.label" :value="item.value">
47 filterable
48 clearable
49 placeholder="请选择登记类型"
50 >
51 <el-option
52 v-for="item in djlxs"
53 :key="item.value"
54 :label="item.label"
55 :value="item.value"
56 >
57 </el-option> 27 </el-option>
58 </el-select> 28 </el-select>
59 </el-form-item> 29 </el-form-item>
60 </el-col> 30 </el-col>
61 <el-col :span="5"> 31 <el-col :span="5">
62 <el-form-item label="业务号"> 32 <el-form-item label="业务号">
63 <el-input 33 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
64 placeholder="请输入业务号"
65 v-model="queryForm.ywh"
66 clearable
67 class="width200px"
68 >
69 </el-input> 34 </el-input>
70 </el-form-item> 35 </el-form-item>
71 </el-col> 36 </el-col>
...@@ -81,17 +46,9 @@ ...@@ -81,17 +46,9 @@
81 </div> 46 </div>
82 <!-- 表格 --> 47 <!-- 表格 -->
83 <div class="from-clues-content"> 48 <div class="from-clues-content">
84 <lb-table 49 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current"
85 :page-size="pageData.size" 50 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
86 @sort-change="handleSort" 51 :column="tableData.columns" :data="tableData.data">
87 :current-page.sync="pageData.current"
88 :total="pageData.total"
89 @selection-change="handleSelectionChange"
90 @size-change="handleSizeChange"
91 @p-current-change="handleCurrentChange"
92 :column="tableData.columns"
93 :data="tableData.data"
94 >
95 </lb-table> 52 </lb-table>
96 </div> 53 </div>
97 </div> 54 </div>
...@@ -103,10 +60,10 @@ export default { ...@@ -103,10 +60,10 @@ export default {
103 name: "ybx", 60 name: "ybx",
104 components: {}, 61 components: {},
105 mixins: [table], 62 mixins: [table],
106 mounted() { 63 mounted () {
107 sendThis(this); 64 sendThis(this);
108 }, 65 },
109 data() { 66 data () {
110 return { 67 return {
111 queryForm: { 68 queryForm: {
112 ywly: "", 69 ywly: "",
...@@ -126,16 +83,16 @@ export default { ...@@ -126,16 +83,16 @@ export default {
126 columns: datas.columns(), 83 columns: datas.columns(),
127 data: [ 84 data: [
128 { 85 {
129 ywly:"办事大厅", 86 ywly: "办事大厅",
130 lczt:"进行中", 87 lczt: "进行中",
131 ywh:"20200409146", 88 ywh: "20200409146",
132 sqywmc:"预告买卖登记||首次登记", 89 sqywmc: "预告买卖登记||首次登记",
133 qlr:"张三", 90 qlr: "张三",
134 ywr:"绿地开发商", 91 ywr: "绿地开发商",
135 zl:"C区沙尾金地名轩塔楼1栋101", 92 zl: "C区沙尾金地名轩塔楼1栋101",
136 slsj: "2022-5-12", 93 slsj: "2022-5-12",
137 slry:"窗口人员1", 94 slry: "窗口人员1",
138 zcsj:"2016-10-01 10:00:00", 95 zcsj: "2016-10-01 10:00:00",
139 }, 96 },
140 97
141 ], 98 ],
...@@ -144,11 +101,11 @@ export default { ...@@ -144,11 +101,11 @@ export default {
144 }, 101 },
145 methods: { 102 methods: {
146 // 初始化数据 103 // 初始化数据
147 fetchData() {}, 104 fetchData () { },
148 handleSort(name, sort) { 105 handleSort (name, sort) {
149 console.log(name, sort); 106 console.log(name, sort);
150 }, 107 },
151 openDialog() { 108 openDialog () {
152 console.log(999999999999999); 109 console.log(999999999999999);
153 }, 110 },
154 }, 111 },
......
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
45 <div class="from-clues-content"> 45 <div class="from-clues-content">
46 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 46 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
47 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 47 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
48 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 48 :column="tableData.columns" :data="tableData.data">
49 </lb-table> 49 </lb-table>
50 </div> 50 </div>
51 </div> 51 </div>
......
...@@ -47,8 +47,8 @@ ...@@ -47,8 +47,8 @@
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" @selection-change="handleSelectionChange" @size-change="handleSizeChange" 50 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
51 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> 51 :column="tableData.columns" :data="tableData.data">
52 </lb-table> 52 </lb-table>
53 </div> 53 </div>
54 </div> 54 </div>
......