Skip to content

bdc / bdcjg-web

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

style:列表样式修改

1 parent 759cc9f3
Inline Side-by-side
Showing 8 changed files with 39 additions and 9 deletions
1 <template>
2 <button class="el-button" :class="nativeType" @click="handleClick" :type="nativeType">
3 <slot></slot>
4 </button>
5 </template>
6 <script>
7 export default {
8 name: 'Button',
9 props: {
10 nativeType: {
11 type: String,
12 default: 'cx'
13 },
14 },
15 methods: {
16 handleClick (evt) {
17 this.$emit('click', evt);
18 }
19 }
20 };
21 </script>
22 <style scoped lang="scss">
23
24 </style>
...@@ -6,7 +6,6 @@ ...@@ -6,7 +6,6 @@
6 </div> 6 </div>
7 <div class="right-menu"> 7 <div class="right-menu">
8 <div class="dataView pointer" @click="handleDataView">大屏展示</div> 8 <div class="dataView pointer" @click="handleDataView">大屏展示</div>
9 <svg-icon class="function" icon-class='function' />
10 <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand"> 9 <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
11 <div class="avatar-wrapper"> 10 <div class="avatar-wrapper">
12 <span style="padding-right:10px">{{ name }}</span> 11 <span style="padding-right:10px">{{ name }}</span>
......
...@@ -147,6 +147,9 @@ div:focus { ...@@ -147,6 +147,9 @@ div:focus {
147 padding-left: 5px; 147 padding-left: 5px;
148 } 148 }
149 149
150 .mt-10 {
151 margin-top: 10px;
152 }
150 //flex 153 //flex
151 .d-flex { 154 .d-flex {
152 display: flex; 155 display: flex;
......
...@@ -101,6 +101,10 @@ ...@@ -101,6 +101,10 @@
101 //修改表头的背景颜色横向渐变色 101 //修改表头的背景颜色横向渐变色
102 @extend .tableClass; 102 @extend .tableClass;
103 103
104 /deep/.el-pagination__total {
105 color: #FFFFFF;
106 }
107
104 } 108 }
105 109
106 .el-form--inline .el-form-item { 110 .el-form--inline .el-form-item {
......
...@@ -35,9 +35,9 @@ ...@@ -35,9 +35,9 @@
35 </div> 35 </div>
36 <!-- 列表区域 --> 36 <!-- 列表区域 -->
37 <div class="from-clues-content"> 37 <div class="from-clues-content">
38 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" 38 <lb-table :page-size="pageData.size" :heightNum="200" :current-page.sync="pageData.current"
39 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 39 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
40 :data="tableData.data"> 40 :column="tableData.columns" :data="tableData.data">
41 </lb-table> 41 </lb-table>
42 </div> 42 </div>
43 </div> 43 </div>
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
31 </el-form-item> 31 </el-form-item>
32 </el-col> 32 </el-col>
33 </el-row> 33 </el-row>
34 <el-row> 34 <el-row class="mt-10">
35 <el-col :span="6"> 35 <el-col :span="6">
36 <el-form-item label="业务名称" prop="ywmc"> 36 <el-form-item label="业务名称" prop="ywmc">
37 <el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称"> 37 <el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称">
......
...@@ -35,7 +35,7 @@ class data extends filter { ...@@ -35,7 +35,7 @@ class data extends filter {
35 return ( 35 return (
36 <div> 36 <div>
37 { 37 {
38 !scope.row.successflag ? '' : scope.row.successflag == '1' ? <el-tag type='success'>成功</el-tag> : <el-tag type='primary'>失败</el-tag> 38 !scope.row.successflag ? '' : scope.row.successflag == '1' ? <span class='adopt'>成功</span> : <span class='warehousing'>失败</span>
39 } 39 }
40 </div> 40 </div>
41 ) 41 )
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
31 </el-form-item> 31 </el-form-item>
32 </el-col> 32 </el-col>
33 </el-row> 33 </el-row>
34 <el-row> 34 <el-row class="mt-10">
35 <el-col :span="6"> 35 <el-col :span="6">
36 <el-form-item label="响应结果" prop="state"> 36 <el-form-item label="响应结果" prop="state">
37 <el-select v-model="form.state" class="width100" clearable placeholder="响应结果"> 37 <el-select v-model="form.state" class="width100" clearable placeholder="响应结果">
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 </div> 59 </div>
60 <!-- 列表 --> 60 <!-- 列表 -->
61 <div class="from-clues-content"> 61 <div class="from-clues-content">
62 <lb-table ref="table" :heightNum="300" @selection-change="handleSelectionChange" :page-size="pageData.size" 62 <lb-table ref="table" @selection-change="handleSelectionChange" :page-size="pageData.size"
63 :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" 63 :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
64 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> 64 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
65 </lb-table> 65 </lb-table>
...@@ -78,7 +78,7 @@ import data from "./data" ...@@ -78,7 +78,7 @@ import data from "./data"
78 import tableMixin from '@/mixins/tableMixin.js' 78 import tableMixin from '@/mixins/tableMixin.js'
79 // 引入详情弹框 79 // 引入详情弹框
80 import dataDetails from '@/components/dataDetails/edit-dialog' 80 import dataDetails from '@/components/dataDetails/edit-dialog'
81 import {getDataReportPage} from "@/api/sbbwcx.js"; 81 import { getDataReportPage } from "@/api/sbbwcx.js";
82 82
83 export default { 83 export default {
84 name: "sbbwcx", 84 name: "sbbwcx",
......