feature(finance): table-btn style

@@ -27,11 +27,9 @@
       <filter-item>
         <Button type="primary" @click="search">筛选</Button>
         <Button @click="reset">清空条件</Button>
+        <Button type="warning" class="table-btn" @click="exportData">导出</Button>
       </filter-item>
     </layout-filter>
-    <layout-action>
-      <Button type="warning" class="table-btn" @click="exportData">导出</Button>
-    </layout-action>
     <layout-list>
       <Table border :columns="tableCols" :data="tableData"></Table>
       <Page
@@ -157,3 +155,9 @@ export default {
   },
 };
 </script>
+
+<style scoped lang="scss">
+.table-btn {
+  margin-left: 15px;
+}
+</style>

@@ -24,11 +24,9 @@
         <Button @click="returnPage">返回对账单列表</Button>
         <Button type="primary" @click="search">筛选</Button>
         <Button @click="reset">清空条件</Button>
+        <Button type="warning" class="table-btn" @click="exportData">导出</Button>
       </filter-item>
     </layout-filter>
-    <layout-action>
-      <Button type="warning" class="table-btn" @click="exportData">导出</Button>
-    </layout-action>
     <layout-list>
       <Table border :columns="tableCols" :data="tableData"></Table>
       <Page
@@ -123,3 +121,9 @@ export default {
   },
 };
 </script>
+
+<style scoped lang="scss">
+.table-btn {
+  margin-left: 15px;
+}
+</style>

@@ -12,12 +12,10 @@
         <Button @click="returnPage">返回对账单列表</Button>
         <Button type="primary" @click="search">筛选</Button>
         <Button @click="reset">清空条件</Button>
+        <Button type="warning" class="table-btn" @click="exportData">导出</Button>
+        <Button type="success" @click="print">打印</Button>
       </filter-item>
     </layout-filter>
-    <layout-action>
-      <Button type="warning" class="table-btn" @click="exportData">导出</Button>
-      <Button type="success" class="table-btn" @click="print">打印</Button>
-    </layout-action>
     <layout-list>
       <Table border :columns="tableCols" :data="tableData"></Table>
       <Page
@@ -133,3 +131,9 @@ export default {
   },
 };
 </script>
+
+<style scoped lang="scss">
+.table-btn {
+  margin-left: 15px;
+}
+</style>

@@ -14,12 +14,10 @@
         <Button @click="returnPage">返回结算单列表</Button>
         <Button type="primary" @click="search">筛选</Button>
         <Button @click="reset">清空条件</Button>
+        <Button type="warning" class="table-btn" @click="exportData">导出</Button>
+        <Button type="success" @click="print">打印</Button>
       </filter-item>
     </layout-filter>
-    <layout-action>
-      <Button type="warning" class="table-btn" @click="exportData">导出</Button>
-      <Button type="success" class="table-btn" @click="print">打印</Button>
-    </layout-action>
     <layout-list>
       <Table border :columns="tableCols" :data="tableData"></Table>
       <Page
@@ -127,3 +125,9 @@ export default {
   },
 };
 </script>
+
+<style scoped lang="scss">
+.table-btn {
+  margin-left: 15px;
+}
+</style>

@@ -14,11 +14,9 @@
       <filter-item>
         <Button type="primary" @click="search">筛选</Button>
         <Button @click="reset">清空条件</Button>
+        <Button type="warning" class="table-btn" @click="exportData">导出</Button>
       </filter-item>
     </layout-filter>
-    <layout-action>
-      <Button type="warning" class="table-btn" @click="exportData">导出</Button>
-    </layout-action>
     <layout-list>
       <Table border :columns="tableCols" :data="tableData"></Table>
       <Page
@@ -139,3 +137,9 @@ export default {
   },
 };
 </script>
+
+<style scoped lang="scss">
+.table-btn {
+  margin-left: 15px;
+}
+</style>

@@ -12,12 +12,10 @@
         <Button @click="returnPage">返回结算单列表</Button>
         <Button type="primary" @click="search">筛选</Button>
         <Button @click="reset">清空条件</Button>
+        <Button type="warning" class="table-btn" @click="exportData">导出</Button>
+        <Button type="success" @click="print">打印</Button>
       </filter-item>
     </layout-filter>
-    <layout-action>
-      <Button type="warning" class="table-btn" @click="exportData">导出</Button>
-      <Button type="success" class="table-btn" @click="print">打印</Button>
-    </layout-action>
     <layout-list>
       <Table border :columns="tableCols" :data="tableData"></Table>
       <Page
@@ -133,3 +131,9 @@ export default {
   },
 };
 </script>
+
+<style scoped lang="scss">
+.table-btn {
+  margin-left: 15px;
+}
+</style>

@@ -4,92 +4,92 @@
  * @date: 2017/07/11
  */
 export default function() {
-    return {
-        tableCols: [
-            {
-                title: '结算单号',
-                key: 'balanceId',
-                align: 'center'
-            },
-            {
-                title: 'SKU',
-                key: 'productSku',
-                align: 'center'
-            },
-            {
-                title: '产品名称',
-                key: 'productName',
-                align: 'center',
-            },
-            {
-                title: '商家商品编码',
-                key: 'factoryCode',
-                align: 'center',
-            },
-            {
-                title: '尺码',
-                key: 'sizeName',
-                align: 'center'
-            },
-            {
-                title: '品牌',
-                key: 'brandName',
-                align: 'center'
-            },
-            {
-                title: '业务类型',
-                key: 'agencyTypeDesc',
-                align: 'center'
-            },
-            {
-                title: '数量',
-                key: 'salesNums',
-                align: 'center'
-            },
-            {
-                title: '结算金额',
-                key: 'salesAmount',
-                align: 'center'
-            },
-            {
-                title: '付款状态',
-                key: 'payerStatusDesc',
-                align: 'center'
-            },
-            {
-                title: '对账起止日期',
-                key: 'clearingInterval',
-                align: 'center'
-            }
-        ],
-        tableData: [],
-        pageData: {
-            total: 0,
-            pageNo: 1,
-            pageSize: 20
-        },
-        filters: {
-            sku: {
-                label: 'SKU',
-                labelSpan: 6,
-                model: '',
-                holder: '',
-                fieldSpan: 18
-            },
-            balanceId: {
-                label: '结算单号',
-                labelSpan: 6,
-                model: this.$route.query.balanceId,
-                holder: '',
-                fieldSpan: 18
-            },
-            brandId: {
-                label: '品牌',
-                labelSpan: 6,
-                model: this.$route.query.brandId,
-                holder: '',
-                fieldSpan: 18
-            },
-        }
-    };
+  return {
+    tableCols: [
+      {
+        title: '结算单号',
+        key: 'balanceId',
+        align: 'center',
+      },
+      {
+        title: 'SKU',
+        key: 'productSku',
+        align: 'center',
+      },
+      {
+        title: '产品名称',
+        key: 'productName',
+        align: 'center',
+      },
+      {
+        title: '商家商品编码',
+        key: 'factoryCode',
+        align: 'center',
+      },
+      {
+        title: '尺码',
+        key: 'sizeName',
+        align: 'center',
+      },
+      {
+        title: '品牌',
+        key: 'brandName',
+        align: 'center',
+      },
+      {
+        title: '业务类型',
+        key: 'agencyTypeDesc',
+        align: 'center',
+      },
+      {
+        title: '数量',
+        key: 'salesNums',
+        align: 'center',
+      },
+      {
+        title: '结算金额',
+        key: 'salesAmount',
+        align: 'center',
+      },
+      {
+        title: '付款状态',
+        key: 'payerStatusDesc',
+        align: 'center',
+      },
+      {
+        title: '对账起止日期',
+        key: 'clearingInterval',
+        align: 'center',
+      },
+    ],
+    tableData: [],
+    pageData: {
+      total: 0,
+      pageNo: 1,
+      pageSize: 20,
+    },
+    filters: {
+      sku: {
+        label: 'SKU',
+        labelSpan: 6,
+        model: '',
+        holder: '',
+        fieldSpan: 18,
+      },
+      balanceId: {
+        label: '结算单号',
+        labelSpan: 6,
+        model: this.$route.query.balanceId,
+        holder: '',
+        fieldSpan: 18,
+      },
+      brandId: {
+        label: '品牌',
+        labelSpan: 6,
+        model: this.$route.query.brandId,
+        holder: '',
+        fieldSpan: 18,
+      },
+    },
+  };
 }