style:列表样式修改

+<template>
+  <button class="el-button" :class="nativeType" @click="handleClick" :type="nativeType">
+    <slot></slot>
+  </button>
+</template>
+<script>
+export default {
+  name: 'Button',
+  props: {
+    nativeType: {
+      type: String,
+      default: 'cx'
+    },
+  },
+  methods: {
+    handleClick (evt) {
+      this.$emit('click', evt);
+    }
+  }
+};
+</script>
+<style scoped lang="scss">
+
+</style>

@@ -6,7 +6,6 @@
       </div>
       <div class="right-menu">
         <div class="dataView pointer" @click="handleDataView">大屏展示</div>
-        <svg-icon class="function" icon-class='function' />
         <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
           <div class="avatar-wrapper">
             <span style="padding-right:10px">{{ name }}</span>

@@ -147,6 +147,9 @@ div:focus {
   padding-left: 5px;
 }
 
+.mt-10 {
+  margin-top: 10px;
+}
 //flex
 .d-flex {
   display: flex;

@@ -101,6 +101,10 @@
         //修改表头的背景颜色横向渐变色
         @extend .tableClass;
 
+        /deep/.el-pagination__total {
+            color: #FFFFFF;
+        }
+
     }
 
     .el-form--inline .el-form-item {

@@ -35,9 +35,9 @@
     </div>
     <!-- 列表区域 -->
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
-        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
-        :data="tableData.data">
+      <lb-table :page-size="pageData.size" :heightNum="200" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
   </div>

@@ -31,7 +31,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <el-row class="mt-10">
           <el-col :span="6">
             <el-form-item label="业务名称" prop="ywmc">
               <el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称">

@@ -35,7 +35,7 @@ class data extends filter {
           return (
             <div>
               {
-                 !scope.row.successflag ? '' : scope.row.successflag == '1' ? <el-tag type='success'>成功</el-tag> : <el-tag type='primary'>失败</el-tag>
+                !scope.row.successflag ? '' : scope.row.successflag == '1' ? <span class='adopt'>成功</span> : <span class='warehousing'>失败</span>
               }
             </div>
           )

@@ -31,7 +31,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <el-row class="mt-10">
           <el-col :span="6">
             <el-form-item label="响应结果" prop="state">
               <el-select v-model="form.state" class="width100" clearable placeholder="响应结果">
@@ -59,7 +59,7 @@
     </div>
     <!-- 列表 -->
     <div class="from-clues-content">
-      <lb-table ref="table" :heightNum="300" @selection-change="handleSelectionChange" :page-size="pageData.size"
+      <lb-table ref="table" @selection-change="handleSelectionChange" :page-size="pageData.size"
         :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
         @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
@@ -78,7 +78,7 @@ import data from "./data"
 import tableMixin from '@/mixins/tableMixin.js'
 // 引入详情弹框
 import dataDetails from '@/components/dataDetails/edit-dialog'
-import {getDataReportPage} from "@/api/sbbwcx.js";
+import { getDataReportPage } from "@/api/sbbwcx.js";
 
 export default {
   name: "sbbwcx",