Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
83ce103a by 任超
Options

style:table高度

1 parent 83795135
Inline Side-by-side
Showing 7 changed files with 31 additions and 12 deletions
...@@ -97,6 +97,10 @@ export default { ...@@ -97,6 +97,10 @@ export default {
97 type: String, 97 type: String,
98 default: 'left', 98 default: 'left',
99 }, 99 },
100 calcHeight: {
101 type: Number,
102 default: 230
103 },
100 merge: Array, 104 merge: Array,
101 }, 105 },
102 components: { 106 components: {
...@@ -137,9 +141,9 @@ export default { ...@@ -137,9 +141,9 @@ export default {
137 _this.$nextTick(() => { 141 _this.$nextTick(() => {
138 142
139 window.addEventListener('resize', () => { 143 window.addEventListener('resize', () => {
140 _this.tableHeight = _this.calcHeightx(230) 144 _this.tableHeight = _this.calcHeightx(_this.calcHeight)
141 }); 145 });
142 _this.tableHeight = _this.calcHeightx(230) 146 _this.tableHeight = _this.calcHeightx(_this.calcHeight)
143 }) 147 })
144 } else { 148 } else {
145 _this.tableHeight = window.innerHeight - _this.heightNum 149 _this.tableHeight = window.innerHeight - _this.heightNum
......
...@@ -358,7 +358,7 @@ aside { ...@@ -358,7 +358,7 @@ aside {
358 height: 28px; 358 height: 28px;
359 background: rgba(255, 255, 255, 0.1); 359 background: rgba(255, 255, 255, 0.1);
360 border-radius: 16px; 360 border-radius: 16px;
361 color: #B06974; 361 color: #0097FF;
362 } 362 }
363 363
364 .successColor:hover { 364 .successColor:hover {
...@@ -366,6 +366,22 @@ aside { ...@@ -366,6 +366,22 @@ aside {
366 height: 28px; 366 height: 28px;
367 background: rgba(255, 255, 255, 0.1); 367 background: rgba(255, 255, 255, 0.1);
368 border-radius: 16px; 368 border-radius: 16px;
369 color: #0097FF;
370 }
371
372 .delColor {
373 width: 64px;
374 height: 28px;
375 background: rgba(255, 255, 255, 0.1);
376 border-radius: 16px;
377 color: #B06974;
378 }
379
380 .delColor:hover {
381 width: 64px;
382 height: 28px;
383 background: rgba(255, 255, 255, 0.1);
384 border-radius: 16px;
369 color: #B06974; 385 color: #B06974;
370 } 386 }
371 387
......
...@@ -33,8 +33,8 @@ ...@@ -33,8 +33,8 @@
33 </div> 33 </div>
34 <!-- 列表区域 --> 34 <!-- 列表区域 -->
35 <div class="from-clues-content"> 35 <div class="from-clues-content">
36 <lb-table ref="table" :header-cell-style="headerStyle1" :pagination="false" :column="tableData.columns" 36 <lb-table ref="table" :header-cell-style="headerStyle1" :calcHeight="200" :pagination="false"
37 :data="tableData.data"> 37 :column="tableData.columns" :data="tableData.data">
38 </lb-table> 38 </lb-table>
39 39
40 <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :header-cell-style="headerStyle" 40 <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :header-cell-style="headerStyle"
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 </div> 34 </div>
35 <!-- 列表区域 --> 35 <!-- 列表区域 -->
36 <div class="from-clues-content"> 36 <div class="from-clues-content">
37 <lb-table ref="table" :pagination="false" :column="tableData.columns" :data="tableData.data"> 37 <lb-table ref="table" :pagination="false" :calcHeight="200" :column="tableData.columns" :data="tableData.data">
38 </lb-table> 38 </lb-table>
39 39
40 <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :pagination="false" 40 <down-lb-table ref="table" v-show="false" :id="'mytable'" :downExcel="true" :pagination="false"
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-17 16:32:50 3 * @Date: 2023-02-17 16:32:50
4 * @LastEditors: Please set LastEditors 4 * @LastEditors: Please set LastEditors
5 * @LastEditTime: 2023-03-14 13:19:18 5 * @LastEditTime: 2023-03-15 10:42:21
6 * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue 6 * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
43 </div> 43 </div>
44 <!-- 列表区域 --> 44 <!-- 列表区域 -->
45 <div class="from-clues-content"> 45 <div class="from-clues-content">
46 <lb-table ref="table" :pagination="false" :border="true" :header-cell-style="headerStyle" 46 <lb-table ref="table" :pagination="false" :border="true" :calcHeight="200" :header-cell-style="headerStyle"
47 :column="tableData.columns" :data="tableData.data"> 47 :column="tableData.columns" :data="tableData.data">
48 </lb-table> 48 </lb-table>
49 <down-lb-table ref="table" v-show="false" :id="'mytable'" :header-cell-style="headerStyle1" :downExcel="true" 49 <down-lb-table ref="table" v-show="false" :id="'mytable'" :header-cell-style="headerStyle1" :downExcel="true"
......
...@@ -36,12 +36,10 @@ import { ...@@ -36,12 +36,10 @@ import {
36 findParents, 36 findParents,
37 removeTreeListItem, 37 removeTreeListItem,
38 } from "@/utils/operation"; 38 } from "@/utils/operation";
39 // import authorizationdiglog from "./authorizationdiglog.vue";
40 export default { 39 export default {
41 name: "menus", 40 name: "menus",
42 components: { 41 components: {
43 EditDialog, 42 EditDialog,
44 // authorizationdiglog,
45 }, 43 },
46 data () { 44 data () {
47 return { 45 return {
...@@ -74,6 +72,7 @@ export default { ...@@ -74,6 +72,7 @@ export default {
74 <div> 72 <div>
75 <el-button 73 <el-button
76 type="text" 74 type="text"
75 class='successColor'
77 onClick={() => { 76 onClick={() => {
78 this.handleEdit(scope.row); 77 this.handleEdit(scope.row);
79 }} 78 }}
...@@ -83,7 +82,7 @@ export default { ...@@ -83,7 +82,7 @@ export default {
83 82
84 <el-button 83 <el-button
85 type="text" 84 type="text"
86 size="mini" 85 class='delColor'
87 onClick={() => { 86 onClick={() => {
88 this.handleDelete(scope.row.id, scope.row.name); 87 this.handleDelete(scope.row.id, scope.row.name);
89 }} 88 }}
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
13 </el-form> 13 </el-form>
14 </div> 14 </div>
15 <div class="from-clues-content"> 15 <div class="from-clues-content">
16 <lb-table :pagination="false" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 16 <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200" @p-current-change="handleCurrentChange"
17 :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" row-key="dictid"> 17 :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" row-key="dictid">
18 </lb-table> 18 </lb-table>
19 </div> 19 </div>
......