1

src/components/systemManagement/CashierBankStatImport.vue

+<style>
+
+  .currentManage ._vMG_edit{overflow: auto;display: none;position:absolute;font-family: 'PingFangSc-Fine';bottom:0;left: 0;border-top:1px solid #d1d1d1;background-color:#FFFFFF;padding: 10px;width: 100%;}
+  .currentManage ._vMG_edit ._tit{padding-left: 10px;border-left: 3px solid #E95252; font-size: 16px;color: #000000}
+  .currentManage ._vMG_edit ._tit span{color: #666666;font-size: 14px;}
+  ._edHeight{height:400px;}
+  .edHeight{display: block !important;height: 230px;}
+  ._scrollbar::-webkit-scrollbar{width: 4px;height: 8px;}
+  ._scrollbar::-webkit-scrollbar-thumb{border-radius: 4px;box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);background: #c9c9c9;}
+  ._scrollbar::-webkit-scrollbar-track{box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;}
+  .currentManage ._info_box ul{margin-top: 15px}
+  .currentManage ._info_box ul li{float: left;    width: 250px;}
+  .currentManage .po_content{
+  border-collapse: collapse;
+}
+.currentManage .po_content{
+  width: 100%;
+}
+.currentManage .po_content tr:first-child{
+  font-size: 12px;
+  color: #666666;
+  background-color: #DCDCDC;
+}
+.currentManage .po_content tr th,.currentManage .po_content tr td{
+  padding: 10px 20px;
+  text-align: left;
+}
+.currentManage .po_content tr td{
+  color: #333333;
+  font-size: 14px;
+  border:1px solid #E6E6E6;
+}
+.currentManage .po_content tr td .iconfont{
+  font-size: 14px;
+  padding: 4px;
+}
+.RoomMealImport .query-box .iconfont{
+  cursor: pointer;
+  background-color: #E95252;
+  color: white;
+  width: 30px;
+  height: 30px;
+  display: inline-block;
+  text-align: center;
+  line-height: 30px;
+  border-radius: 50%;
+  margin-left: 10px;
+}
+.currentManage ._yuan{
+  width:12px;
+  height:12px;
+  background:rgba(233,82,82,1);
+  border-radius:50%;
+  display: inline-block;
+}
+.currentManage ._yuan._yuan_red{
+  background:#47BF8C;
+}
+
+.RoomMealImport .picload{
+  width: 138px;
+  height: 92px;
+  border-radius: 2px;
+  cursor: pointer;
+  margin-bottom: 10px;
+  padding: 5px;
+  margin-right: 10px;
+  position: relative;
+}
+.RoomMealImport .picload .el-upload{
+  width: 138px;
+  height: 92px;
+}
+.RoomMealImport .picload .el-upload-dragger{
+  width: 100%;
+  height: 100%;
+}
+.RoomMealImport ._addUpload_box>div{
+  float: left;
+  width: 138px;
+  height: 92px;
+  border: 1px dashed rgba(210,210,210,1);
+  border-radius: 2px;
+  cursor: pointer;
+  margin-bottom: 10px;
+  padding: 5px;
+  margin-right: 10px;
+  position: relative;
+}
+.RoomMealImport ._addUpload_box .icon-excel, .RoomMealImport ._addUpload_box .icon-pdf{
+  text-align: center;
+  font-size: 38px;
+  color: green;
+  line-height: 75px;
+}
+.RoomMealImport ._addUpload_box .icon-guanbi1{
+  font-size: 12px;
+  color: white;
+  display: inline-block;
+  margin-left: 15px;
+  position: absolute;
+  right: -6px;
+  top: -9px;
+  background-color: #f56c6c;
+  border-radius: 50%;
+  height: 20px;
+  width: 20px;
+  text-align: center;
+  line-height: 20px;
+}
+</style>
+<template>
+<div class="flexOne currentManage RoomMealImport">
+     <div>
+         <ul style="margin:10px 0;text-align:right">
+             <li>
+                  <el-button class="hollowFixedBtn" @click="outerVisible=true">导入银行流水</el-button>
+             </li>
+         </ul>
+     </div>
+     <div class="cm_content _scrollbar">
+         <table class="po_content singeRowTable" style="border:1px solid #E6E6E6; width: 500px;" cellspacing="0" cellpadding="0" v-loading="loading">
+            <tr>
+                <td>期初余额</td>
+                <td>{{Data.StartMoney}}</td>
+                <td></td>
+                <td></td>
+            </tr>
+            <tr>
+                <td>用途</td>
+                <td>求和项:收入</td>
+                <td>求和项:支出</td>
+                <td></td>
+            </tr>
+              <tr v-for="(item,index) in Data.RList" :key="index">
+                  <td>{{item.Remark}}</td>
+                  <td>{{(item.Income>0?item.Income:'')}}</td>
+                  <td>{{(item.Refund>0?item.Refund:'')}}</td>
+                  <td></td>
+              </tr>
+              <tr>
+                <td>(空白)</td>
+                <td></td>
+                <td></td>
+                <td></td>
+            </tr>
+              <tr>
+                <td>总计</td>
+                <td>{{Data.TIncome}}</td>
+                <td>{{Data.TRefund}}</td>
+                <td>{{Data.EndMoney}}</td>
+            </tr>
+          </table>
+     </div>
+      <el-dialog custom-class='w700' :title="$t('objFill.v101.daoruygsj')" :visible.sync="outerVisible" center>
+          <el-upload :show-file-list="false" style="text-align: center;" drag class="upload-demo" :action="importFileUrl2" :on-success="handleAvatarSuccess"
+              :before-upload="beforeAvatarUpload">
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">{{$t('tips.tuodongwenjian')}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>
+          </el-upload>
+      </el-dialog>
+
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+              outerVisible:false,
+              loading:false,
+              importFileUrl2: "",
+              Data:{
+                StartMoney:'',
+                RList:[],
+                TIncome:'',
+                TRefund:'',
+                EndMoney:''
+              }
+    }
+  },created(){
+          let userInfo = this.getLocalStorage();
+          this.importFileUrl2=this.domainManager().UploadFileUrl +"?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&RB_Group_id=2&Type=24&SystemType=1&EmployeeId="+userInfo.EmployeeId;
+      },
+      mounted(){
+          
+      },
+  methods: {
+          beforeAvatarUpload(file) {
+              return;
+          },
+          //上传
+          handleAvatarSuccess(res, file) {
+              if (res.resultCode == 1) {
+                  this.Success(this.$t('objFill.v101.FinancialModule.daoruchengg'));
+                  this.outerVisible = false;
+                  this.Data = res.data;
+              }else{
+                  this.Error(res.message);
+
+              }
+          }
+
+      },
+
+}
+</script>

src/components/systemManagement/Manfunds.vue

@@ -200,6 +200,7 @@
                     <button class="hollowFixedBtn" @click="outerVisible=true">{{$t('objFill.daoru')}}</button>
                     <a class="hollowFixedBtn downBtn" style="padding:6px 9px;" :href="downList">{{$t('objFill.v101.FinancialModule.daorumobxz')}}</a>
                     <button class="normalBtn" @click="method5()">{{$t('visa.v_daochu')}}</button>
+                    <button class="normalBtn" @click="GoBankStat()">流水即时汇总</button>
                </li>
            </ul>
        </div>
@@ -471,6 +472,14 @@
                     }
                 })
             },
+            GoBankStat(){
+                this.$router.push({
+                    name: "CashierBankStatImport",
+                    query: {
+                        blank: 'y'
+                    }
+                })
+            },
             beforeAvatarUpload(file) {
                 return;
                 const isJPG = file.type === "application/x-msdownload";

src/router/config.js

@@ -1375,6 +1375,14 @@ export default {
                 title: '汇差批量制单'
               },
             },
+            {
+              path: '/CashierBankStatImport', //银行流水汇总
+              name: 'CashierBankStatImport',
+              component: resolve => require(['@/components/systemManagement/CashierBankStatImport'], resolve),
+              meta: {
+                title: '银行流水汇总'
+              },
+            },
             {
               path: '/Maninfo', //未认款信息
               name: 'Maninfo',