page_css_table

src/assets/css/tablebg.scss

@@ -0,0 +1,7 @@
+/deep/.el-table .warning-row {
+    background: rgb(253, 255, 255)!important;
+}
+
+/deep/.el-table .success-row {
+    background: rgb(250, 251, 255)!important;
+}

src/assets/js/myConfig.js

@@ -0,0 +1,25 @@
+const headerCellStyle = {
+    'background-color': 'rgb(235, 239, 255)',
+    'color': 'black',
+    'font-weight': '700'
+}
+
+const tableRowClassName = function({row, rowIndex}) {
+    if (rowIndex % 2 === 1) {
+        return 'warning-row';
+    } else if (rowIndex % 2 === 0) {
+        return 'success-row';
+    }
+    return '';
+}
+
+const cellStyle = {
+    padding: 0
+}
+
+
+export {
+    headerCellStyle,
+    tableRowClassName,
+    cellStyle
+}

src/assets/js/tableRowClassName.js

@@ -0,0 +1,14 @@
+const tableRowClassName = function({row, rowIndex}) {
+    if (rowIndex % 2 === 1) {
+        return 'warning-row';
+    } else if (rowIndex % 2 === 0) {
+        return 'success-row';
+    }
+    return '';
+}
+
+export {
+    tableRowClassName
+}
+
+export default tableRowClassName

src/pages/manage/list/ImportantCash/controlCash/cashOut.vue

@@ -1,6 +1,6 @@
 // 存款
 <template>
-    <div>
+    <div class="body">
         <el-form ref="form" :model="form" label-width="120px">
             <el-row :gutter="20">
                 <el-col :span="8">
@@ -21,9 +21,11 @@
             <el-row :gutter="20">
                 <el-col :span="12">
                     <el-table
+                        :cell-style="cellStyle"
                         ref="filterTable"
+                        :row-class-name="tableRowClassName"
                         :data="tableData"
-                        height="420"
+                        :header-cell-style="headerCellStyle"
                         style="width: 100%">
                         <el-table-column
                             prop="moneyType"
@@ -41,9 +43,11 @@
                             label="数量"
                             align="center"
                             >
-                            <template slot-scope="scope">
-                                <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
-                                <span>张</span>
+                            <template slot-scope="scope" class="myFlex">
+                                <div class="myFlex">
+                                    <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
+                                    <span>张</span>
+                                </div>
                             </template>
                         </el-table-column>
                         <el-table-column
@@ -51,17 +55,21 @@
                             align="center"
                             >
                             <template slot-scope="scope">
-                                <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
-                                <span>元</span>
+                                <div class="myFlex">
+                                    <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
+                                    <span>元</span>
+                                </div>
                             </template>
                         </el-table-column>
                     </el-table>
                 </el-col>
                 <el-col :span="12">
                      <el-table
-                        ref="filterTable"
+                        :cell-style="cellStyle"
+                        :row-class-name="tableRowClassName"
+                        ref="filterTable2"
                         :data="tableData2"
-                        height="420"
+                        :header-cell-style="headerCellStyle"
                         style="width: 100%">
                         <el-table-column
                             prop="moneyType"
@@ -80,8 +88,10 @@
                             align="center"
                             >
                             <template slot-scope="scope">
-                                <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
-                                <span>张</span>
+                                <div class="myFlex">
+                                    <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
+                                    <span>张</span>
+                                </div>
                             </template>
                         </el-table-column>
                         <el-table-column
@@ -89,8 +99,10 @@
                             align="center"
                             >
                             <template slot-scope="scope">
-                                <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
-                                <span>元</span>
+                                <div class="myFlex">
+                                    <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
+                                    <span>元</span>
+                                </div>
                             </template>
                         </el-table-column>
                     </el-table>
@@ -102,11 +114,14 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle, cellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
+            cellStyle: cellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 identification: 'CYN人民币',
@@ -190,12 +205,17 @@ export default {
         },
         submitClick() {
             console.log('点击提交')
-        }
+        },
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;
@@ -208,4 +228,28 @@ export default {
     /deep/ .blueText{
         color: blue;
     }
+    .submitBtn{
+        position: relative;
+        width: 300px;
+        font-size: 18px;
+        height: 68px;
+        margin-top: 50px;
+        border-radius: 10px;
+        bottom: 10px;
+        left: 50%;
+        transform: translate(-50%,-20%);
+    }
+    /deep/ .myFlex {
+        height: 100%;
+        font-size: 18px;
+        line-height: 88.9px;
+        display: flex;
+    }
+    /deep/.el-table .warning-row {
+        background: oldlace;
+    }
+
+    /deep/.el-table .success-row {
+        background: #f0f9eb;
+    }
 </style>

src/pages/manage/list/ImportantCash/controlCash/cashPaid.vue

@@ -1,11 +1,12 @@
 // 存款
 <template>
-    <div>
+    <div class="body">
         <el-table
             ref="filterTable"
             :data="tableData"
             :row-class-name="tableRowClassName"
             height="450"
+            :header-cell-style="headerCellStyle"
             style="width: 95%">
             <el-table-column
                 prop="t1"
@@ -51,8 +52,8 @@
                 width="150"
                 >
                 <template slot-scope="scope">
-                    <el-button @click="sure(scope.row)" size="small">确认</el-button>
-                    <el-button @click="back(scope.row)" size="small">退回</el-button>
+                    <el-button @click="sure(scope.row)" type="text" size="small">确认</el-button>
+                    <el-button @click="back(scope.row)" type="text" size="small">退回</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -61,11 +62,13 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -130,14 +133,7 @@ export default {
         
     },
     methods: {
-        tableRowClassName({row, rowIndex}) {
-            if (rowIndex === 1) {
-            return 'warning-row';
-            } else if (rowIndex === 3) {
-            return 'success-row';
-            }
-            return '';
-        },
+        tableRowClassName: tableRowClassName,
         sure(row) {
             console.log(row)
         },
@@ -149,6 +145,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;

src/pages/manage/list/ImportantCash/controlCash/cashRecipients.vue

@@ -1,10 +1,10 @@
-// 存款
 <template>
-    <div>
+    <div class="body">
         <el-table
             ref="filterTable"
             :data="tableData"
             height="450"
+            :header-cell-style="headerCellStyle"
             :row-class-name="tableRowClassName"
             style="width: 95%">
             <el-table-column
@@ -53,8 +53,8 @@
                 width="150"
                 >
                 <template slot-scope="scope">
-                    <el-button @click="sure(scope.row)" size="small">确认</el-button>
-                    <el-button @click="back(scope.row)" size="small">退回</el-button>
+                    <el-button @click="sure(scope.row)" size="small"  type="text">确认</el-button>
+                    <el-button @click="back(scope.row)" size="small"  type="text">退回</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -63,11 +63,13 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -138,19 +140,16 @@ export default {
         back(row) {
             console.log(row)
         },
-        tableRowClassName({row, rowIndex}) {
-            if (rowIndex === 1) {
-            return 'warning-row';
-            } else if (rowIndex === 3) {
-            return 'success-row';
-            }
-            return '';
-        }
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;

src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue

@@ -1,6 +1,5 @@
-// 存款
 <template>
-    <div>
+    <div class="body">
         <el-form ref="form" :model="form" label-width="120px">
             <el-row :gutter="20">
                 <el-col :span="8">
@@ -21,9 +20,11 @@
             <el-row :gutter="20">
                 <el-col :span="12">
                     <el-table
+                        :cell-style="cellStyle"
                         ref="filterTable"
+                        :row-class-name="tableRowClassName"
+                        :header-cell-style="headerCellStyle"
                         :data="tableData"
-                        height="420"
                         style="width: 100%">
                         <el-table-column
                             prop="moneyType"
@@ -42,8 +43,10 @@
                             align="center"
                             >
                             <template slot-scope="scope">
-                                <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
-                                <span>张</span>
+                                <div class="myFlex">
+                                    <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
+                                    <span>张</span>
+                                </div>
                             </template>
                         </el-table-column>
                         <el-table-column
@@ -51,17 +54,22 @@
                             align="center"
                             >
                             <template slot-scope="scope">
-                                <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
-                                <span>元</span>
+                                <div class="myFlex">
+                                    <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
+                                    <span>元</span>
+                                </div>
+                                
                             </template>
                         </el-table-column>
                     </el-table>
                 </el-col>
                 <el-col :span="12">
                      <el-table
+                        :cell-style="cellStyle"
                         ref="filterTable"
                         :data="tableData2"
-                        height="420"
+                        :row-class-name="tableRowClassName"
+                        :header-cell-style="headerCellStyle"
                         style="width: 100%">
                         <el-table-column
                             prop="moneyType"
@@ -80,8 +88,10 @@
                             align="center"
                             >
                             <template slot-scope="scope">
-                                <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
-                                <span>张</span>
+                                <div class="myFlex">
+                                    <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
+                                    <span>张</span>
+                                </div>
                             </template>
                         </el-table-column>
                         <el-table-column
@@ -89,8 +99,10 @@
                             align="center"
                             >
                             <template slot-scope="scope">
-                                <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
-                                <span>元</span>
+                                <div class="myFlex">
+                                    <el-input type='text' disabled :value="getSum(scope.row.moneyType, scope.row.moneyNumber)"></el-input>
+                                    <span>元</span>
+                                </div>
                             </template>
                         </el-table-column>
                     </el-table>
@@ -102,11 +114,14 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle, cellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
+            cellStyle: cellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 identification: 'CYN人民币',
@@ -190,12 +205,17 @@ export default {
         },
         submitClick() {
             console.log('点击提交')
-        }
+        },
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;
@@ -208,4 +228,28 @@ export default {
     /deep/ .blueText{
         color: blue;
     }
+    .submitBtn{
+        position: relative;
+        width: 300px;
+        font-size: 18px;
+        height: 68px;
+        margin-top: 50px;
+        border-radius: 10px;
+        bottom: 10px;
+        left: 50%;
+        transform: translate(-50%,-20%);
+    }
+    /deep/ .myFlex {
+        height: 100%;
+        font-size: 18px;
+        line-height: 88.9px;
+        display: flex;
+    }
+    /deep/.el-table .warning-row {
+        background: oldlace;
+    }
+
+    /deep/.el-table .success-row {
+        background: #f0f9eb;
+    }
 </style>

src/pages/manage/list/ImportantCash/controlCash2/cashOut.vue

@@ -1,11 +1,12 @@
 // 存款
 <template>
-    <div>
+    <div class="body">
         <el-table
             ref="filterTable"
             :data="tableData"
             height="450"
             :row-class-name="tableRowClassName"
+            :header-cell-style="headerCellStyle"
             style="width: 95%">
             <el-table-column
                 prop="t1"
@@ -56,8 +57,8 @@
                 width="180"
                 >
                 <template slot-scope="scope">
-                    <el-button @click="sure(scope.row)" size="small">确认</el-button>
-                    <el-button @click="back(scope.row)" size="small">退回</el-button>
+                    <el-button @click="sure(scope.row)" size="small" type='text'>确认</el-button>
+                    <el-button @click="back(scope.row)" size="small" type='text'>退回</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -66,11 +67,13 @@
 </template>
 
 <script>
+import { headerCellStyle, tableRowClassName } from '@/assets/js/myConfig.js'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -146,19 +149,16 @@ export default {
         back(row) {
             console.log(row)
         },
-        tableRowClassName({row, rowIndex}) {
-          if (rowIndex === 1) {
-            return 'warning-row';
-          } else if (rowIndex === 3) {
-            return 'success-row';
-          }
-          return '';
-        }
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;

src/pages/manage/list/ImportantCash/controlCash2/cashPaid.vue

@@ -1,10 +1,10 @@
-// 存款
 <template>
-    <div>
+    <div class="body">
         <el-table
             ref="filterTable"
             :data="tableData"
             height="450"
+            :header-cell-style="headerCellStyle"
             :row-class-name="tableRowClassName"
             style="width: 95%">
             <el-table-column
@@ -63,8 +63,8 @@
                 width="180"
                 >
                 <template slot-scope="scope">
-                    <el-button @click="sure(scope.row)" size="small">确认</el-button>
-                    <el-button @click="back(scope.row)" size="small">退回</el-button>
+                    <el-button @click="sure(scope.row)" size="small" type='text'>确认</el-button>
+                    <el-button @click="back(scope.row)" size="small" type='text'>退回</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -73,11 +73,13 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -153,19 +155,16 @@ export default {
         back(row) {
             console.log(row)
         },
-        tableRowClassName({row, rowIndex}) {
-          if (rowIndex === 1) {
-            return 'warning-row';
-          } else if (rowIndex === 3) {
-            return 'success-row';
-          }
-          return '';
-        }
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;
@@ -182,11 +181,4 @@ export default {
     /deep/ .blueText{
         color: blue;
     }
-    /deep/.el-table .warning-row {
-        background: oldlace;
-    }
-
-    /deep/.el-table .success-row {
-        background: #f0f9eb;
-    }
 </style>

src/pages/manage/list/ImportantCash/controlCash2/cashRecipients.vue

@@ -1,10 +1,11 @@
 // 存款
 <template>
-    <div>
+    <div class="body">
         <el-table
             ref="filterTable"
             :data="tableData"
             height="450"
+            :header-cell-style="headerCellStyle"
             :row-class-name="tableRowClassName"
             style="width: 95%">
             <el-table-column
@@ -22,7 +23,6 @@
             <el-table-column
                 prop="t3"
                 label="下发柜员号"
-                class-name="blueText"
                 class="blueText"
                 align="center"
                 >
@@ -57,8 +57,8 @@
                 width="180"
                 >
                 <template slot-scope="scope">
-                    <el-button @click="sure(scope.row)" size="small">确认</el-button>
-                    <el-button @click="back(scope.row)" size="small">退回</el-button>
+                    <el-button @click="sure(scope.row)" size="small" type='text'>确认</el-button>
+                    <el-button @click="back(scope.row)" size="small" type='text'>退回</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -67,11 +67,13 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -147,19 +149,16 @@ export default {
         back(row) {
             console.log(row)
         },
-        tableRowClassName({row, rowIndex}) {
-          if (rowIndex === 1) {
-            return 'warning-row';
-          } else if (rowIndex === 3) {
-            return 'success-row';
-          }
-          return '';
-        }
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;
@@ -176,11 +175,4 @@ export default {
     /deep/ .blueText{
         color: blue;
     }
-    /deep/.el-table .warning-row {
-        background: oldlace;
-    }
-
-    /deep/.el-table .success-row {
-        background: #f0f9eb;
-    }
 </style>

src/pages/manage/list/ImportantCash/controlCash2/cashTransferInto.vue

@@ -1,11 +1,11 @@
-// 存款
 <template>
-    <div>
+    <div class="body">
         <el-table
             ref="filterTable"
             :data="tableData"
             height="450"
             :row-class-name="tableRowClassName"
+            :header-cell-style="headerCellStyle"
             style="width: 95%">
             <el-table-column
                 prop="t1"
@@ -22,7 +22,6 @@
             <el-table-column
                 prop="t3"
                 label="下发柜员号"
-                class-name="blueText"
                 class="blueText"
                 align="center"
                 >
@@ -57,8 +56,8 @@
                 width="180"
                 >
                 <template slot-scope="scope">
-                    <el-button @click="sure(scope.row)" size="small">确认</el-button>
-                    <el-button @click="back(scope.row)" size="small">退回</el-button>
+                    <el-button @click="sure(scope.row)" size="small"  type='text'>确认</el-button>
+                    <el-button @click="back(scope.row)" size="small" type='text'>退回</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -67,11 +66,13 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -147,19 +148,16 @@ export default {
         back(row) {
             console.log(row)
         },
-        tableRowClassName({row, rowIndex}) {
-          if (rowIndex === 1) {
-            return 'warning-row';
-          } else if (rowIndex === 3) {
-            return 'success-row';
-          }
-          return '';
-        }
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+    @import '@/assets/css/tablebg.scss';
+    .body {
+        overflow: auto;
+    }
     .wrap{
         width: 100%;
         // padding: 24px 0 24px 24px;
@@ -176,11 +174,12 @@ export default {
     /deep/ .blueText{
         color: blue;
     }
-    /deep/.el-table .warning-row {
-        background: oldlace;
-    }
+    // /deep/.el-table .warning-row {
+    //     // background: oldlace;
+    //     background: rgb(167, 186, 194);
+    // }
 
-    /deep/.el-table .success-row {
-        background: #f0f9eb;
-    }
+    // /deep/.el-table .success-row {
+    //     background: rgb(242,242,242);
+    // }
 </style>

src/pages/manage/list/ImportantCash/controlCash3/index.vue

@@ -89,11 +89,22 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+    .submitBtn{
+        position: relative;
+        width: 300px;
+        font-size: 18px;
+        height: 68px;
+        margin-top: 50px;
+        border-radius: 10px;
+        bottom: 10px;
+        left: 50%;
+        transform: translate(-50%,-20%);
+    }
     .wrap{
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow: auto;
         padding: 24px 0 24px 24px;
         .nav{
             /deep/ .el-menu.el-menu--horizontal{
@@ -154,15 +165,15 @@ export default {
             }
         }
         .submitBtn{
-            position: absolute;
+            position: relative;
             width: 300px;
             font-size: 18px;
             height: 68px;
             margin-top: 50px;
             border-radius: 10px;
-            bottom: 100px;
+            bottom: 10px;
             left: 50%;
-            transform: translate(-50%,-50%);
+            transform: translate(-50%,-20%);
         }
     }
 

src/pages/manage/list/acceptanceDraft/invoice.vue

@@ -181,13 +181,15 @@ export default {
         margin-top: 50px;
     }
     .submitBtn{
+        position: relative;
         width: 300px;
-        margin-top: 10vh;
         font-size: 18px;
         height: 68px;
+        margin-top: 50px;
         border-radius: 10px;
+        bottom: 10px;
         left: 50%;
-        transform: translateX(-50%);
+        transform: translate(-50%,-20%);
     }
 }
 </style>

src/pages/manage/list/dayEnd/branchDayEnd.vue

@@ -1,4 +1,3 @@
-// 存款
 <template>
     <div class="wrap">
         <div class="title">
@@ -26,6 +25,7 @@
 
 <script>
 import { mapState } from 'vuex'
+import { checkRequired } from '@/utils/utilFunction.js'
 export default {
     name: 'index',
     components:{},
@@ -43,7 +43,13 @@ export default {
     },
     methods: {
         submitIt() {
-            console.log('test')
+            const requiredField = {
+                username: '主管柜员号',
+                password: '登录密码'
+            }
+            if(checkRequired(this.form, requiredField)) {
+                console.log('检验成功')
+            }
         }
     }
 };
@@ -54,7 +60,7 @@ export default {
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow: auto;
         padding: 24px 0 24px 24px;
         .nav{
             /deep/ .el-menu.el-menu--horizontal{
@@ -79,15 +85,15 @@ export default {
             overflow: auto;
         }
         .submitBtn{
-            position: absolute;
+            position: relative;
             width: 300px;
             font-size: 18px;
             height: 68px;
             margin-top: 50px;
             border-radius: 10px;
-            bottom: 100px;
+            bottom: 10px;
             left: 50%;
-            transform: translate(-50%,-0%);
+            transform: translate(-50%,-20%);
         }
         .popBody{
             min-height: 200px;

src/pages/manage/list/dayEnd/tellerCash.vue

@@ -1,4 +1,3 @@
-// 存款
 <template>
     <div class="wrap">
         <div class="title">
@@ -24,9 +23,11 @@
                         
                     </el-col> -->
                     <el-table
+                        max-height="350"
                         ref="filterTable"
                         :data="tableData"
-                        height="350"
+                        :header-cell-style="headerCellStyle"
+                        :row-class-name="tableRowClassName"
                         style="width: 95%">
                         <el-table-column
                             prop="currency"
@@ -61,11 +62,13 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员现金轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -77,6 +80,16 @@ export default {
                     moneySum: 30000000000,
                     cashSum: 30000000000
                 },
+                {
+                    currency: '人民币',
+                    moneySum: 30000000000,
+                    cashSum: 30000000000.123
+                },
+                {
+                    currency: '人民币',
+                    moneySum: 30000000000,
+                    cashSum: 30000000000.123
+                },
                 {
                     currency: '人民币',
                     moneySum: 30000000000,
@@ -100,17 +113,21 @@ export default {
         
     },
     methods: {
-
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/css/tablebg.scss';
+    .bggray {
+        background-color: gray;
+    }
     .wrap{
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow: auto;
         padding: 24px 0 24px 24px;
         position: relative;
         
@@ -119,15 +136,15 @@ export default {
             overflow: auto;
         }
         .submitBtn{
-            position: absolute;;
+            position: relative;
             width: 300px;
             font-size: 18px;
             height: 68px;
             margin-top: 50px;
             border-radius: 10px;
-            bottom: 100px;
+            bottom: 10px;
             left: 50%;
-            transform: translate(-50%,-0%);
+            transform: translate(-50%,-20%);
         }
     }
 

src/pages/manage/list/dayEnd/tellerCertificate.vue

@@ -1,4 +1,3 @@
-// 存款
 <template>
     <div class="wrap">
         <div class="title">
@@ -26,7 +25,8 @@
                     <el-table
                         ref="filterTable"
                         :data="tableData"
-                        height="350"
+                        max-height="350"
+                        :header-cell-style="headerCellStyle"
                         style="width: 95%">
                         <el-table-column
                             prop="certificateName"
@@ -72,11 +72,13 @@
 </template>
 
 <script>
+import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig'
 export default {
     name: 'index',
     components:{},
     data() {
         return {
+            headerCellStyle: headerCellStyle,
             text:'柜员凭证轧账',/* 顶部文字 */
             form:{
                 date: '',
@@ -100,12 +102,14 @@ export default {
     methods: {
         inputListen(val, row) {
             row.cashBoxNum = Number(val.replace(/\D+/, ''))
-        }
+        },
+        tableRowClassName: tableRowClassName
     }
 };
 </script>
 
 <style lang="scss" scoped>
+    @import '@/assets/css/tablebg.scss';
     .wrap{
         width: 100%;
         display: flex;
@@ -165,15 +169,15 @@ export default {
             }
         }
         .submitBtn{
-            position: absolute;;
+            position: relative;
             width: 300px;
             font-size: 18px;
             height: 68px;
             margin-top: 50px;
             border-radius: 10px;
-            bottom: 100px;
+            bottom: 10px;
             left: 50%;
-            transform: translate(-50%,-0%);
+            transform: translate(-50%,-20%);
         }
         .popBody{
             min-height: 200px;

src/pages/manage/list/personal/currentAccount/transferAccounts.vue

@@ -123,14 +123,15 @@ export default{
         cursor: pointer;
     }
     .submitBtn{
-        position: absolute;
+        position: relative;
         width: 300px;
         font-size: 18px;
         height: 68px;
+        margin-top: 50px;
         border-radius: 10px;
         bottom: 10px;
         left: 50%;
-        transform: translate(-50%,-20%);
+        transform: translate(-50%,-50%);
     }
 }
 </style>

src/pages/manage/list/personal/currentAccount/withdrawal.vue

@@ -128,14 +128,15 @@ export default{
         cursor: pointer;
     }
     .submitBtn{
-        position: absolute;
+        position: relative;
         width: 300px;
         font-size: 18px;
         height: 68px;
+        margin-top: 50px;
         border-radius: 10px;
         bottom: 10px;
         left: 50%;
-        transform: translate(-50%,-20%);
+        transform: translate(-50%,-50%);
     }
 }
 </style>

src/pages/manage/list/personal/timeDeposit/openAccount.vue

@@ -123,10 +123,11 @@ export default{
         cursor: pointer;
     }
     .submitBtn{
-        position: absolute;
+        position: relative;
         width: 300px;
         font-size: 18px;
         height: 68px;
+        margin-top: 50px;
         border-radius: 10px;
         bottom: 10px;
         left: 50%;

src/pages/manage/list/personal/usefulPhrases/openAccount.vue

@@ -140,10 +140,11 @@ export default{
         cursor: pointer;
     }
     .submitBtn{
-        position: absolute;
+        position: relative;
         width: 300px;
         font-size: 18px;
         height: 68px;
+        margin-top: 50px;
         border-radius: 10px;
         bottom: 10px;
         left: 50%;

src/pages/manage/list/servicesAccount/passwordChange.vue

@@ -136,10 +136,11 @@ export default{
             cursor: pointer;
         }
         .submitBtn{
-            position: absolute;
+            position: relative;
             width: 300px;
             font-size: 18px;
             height: 68px;
+            margin-top: 50px;
             border-radius: 10px;
             bottom: 10px;
             left: 50%;

src/pages/manage/list/servicesAccount/passwordLost.vue

@@ -125,10 +125,11 @@ export default{
             cursor: pointer;
         }
         .submitBtn{
-            position: absolute;
+            position: relative;
             width: 300px;
             font-size: 18px;
             height: 68px;
+            margin-top: 50px;
             border-radius: 10px;
             bottom: 10px;
             left: 50%;

src/pages/manage/list/servicesAccount/relieveLost.vue

@@ -130,10 +130,11 @@ export default{
             cursor: pointer;
         }
         .submitBtn{
-            position: absolute;
+            position: relative;
             width: 300px;
             font-size: 18px;
             height: 68px;
+            margin-top: 50px;
             border-radius: 10px;
             bottom: 10px;
             left: 50%;

src/store/modules/system.js

@@ -5,6 +5,7 @@ export default {
         showPop: false,// 弹框
         popText:'钱箱',
         fullScreen:false,// 银行系统是否全屏
+        showGoods: false, // 物品栏的展开和关闭
         goods:[// 物品栏的物品
             {
                 name:'身份证',
@@ -50,6 +51,17 @@ export default {
             }else if(typeof(obj.splice)===Number ){
                 state.goods.splice(obj.splice,1)
             }
+        },
+        // 模板PopUp
+        myPopUp(state, text){
+            state.showPop = true;
+            state.popText = text
+            state.id = Math.random().toFixed(2)
+            // EventBus.$emit("changeShowGoods", true);
+        },
+        // 物品栏的展开和关闭
+        changeShowGoods(state, judge) {
+            state.showGoods = judge
         }
     },
     actions: {