1

src/components/FinancialModule/DataAnalysis/components/waitpay.vue

+<template>
+  <div style="margin-bottom: 20px; ">
+    
+    <el-table
+    :data="BranchAnalysisData"
+    style="width: 100%;"
+    class="LineAnalysisDataBJ">
+        <el-table-column
+          prop="Name"
+          label="类目"
+          min-width="120" align="center">
+          <template slot-scope="scope">
+              {{scope.row.Name}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="CurrencyName"
+          label="币种"
+          min-width="120" align="center">
+          <template slot-scope="scope">
+              {{scope.row.CurrencyName}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="TotalMoney"
+          label="金额"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.TotalMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="团队">
+        <el-table-column
+          prop="CurrentMoney"
+          label="账期(月内)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.CurrentMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="AgoOneMoney"
+          label="账期(一个月)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.AgoOneMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="AgoTwoMoney"
+          label="账期(两个月)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.AgoTwoMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="AgoThreeMoney"
+          label="账期(两个月以上)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.AgoThreeMoney}}
+          </template>
+        </el-table-column>
+      </el-table-column>
+
+      <el-table-column align="center" label="非团队">
+        <el-table-column
+          prop="NCurrentMoney"
+          label="账期(月内)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.NCurrentMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="NAgoOneMoney"
+          label="账期(一个月)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.NAgoOneMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="NAgoTwoMoney"
+          label="账期(两个月)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.NAgoTwoMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="NAgoThreeMoney"
+          label="账期(两个月以上)"
+          min-width="120" align="center" sortable>
+          <template slot-scope="scope">
+              {{scope.row.NAgoThreeMoney}}
+          </template>
+        </el-table-column>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  props:['StatisticalData'],
+  data() {
+    return {
+      MonthList: [],//月份列表
+      BranchAnalysisData: [],
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+
+  },
+  watch: {
+    StatisticalData:{
+      handler(n,o){
+        this.MonthList = n.MonthList//月份列表
+        this.BranchAnalysisData = n.BranchAnalysisData
+      },
+      deep: true,
+      immediate: false,
+    }
+  },
+}
+</script>
+
+<style scoped>
+/deep/.LineAnalysisDataBJ tr td:nth-child(1n){
+  background: #F5F7FA;
+}
+/deep/.LineAnalysisDataBJ tr td:nth-child(2n){
+  background: #fff;
+}
+/deep/.LineAnalysisDataBJ tr th{
+  background: #F5F7FA;
+}
+/deep/.el-table.LineAnalysisDataBJ tr:first-child th:first-child{
+  background: #F5F7FA;
+}
+/deep/.el-table.LineAnalysisDataBJ tr:nth-child(2) th:nth-child(1n){
+  /* background: #fff; */
+}
+/deep/.el-table.LineAnalysisDataBJ tr:nth-child(2) th:nth-child(2n){
+  background: #F5F7FA;
+}
+/deep/.el-table.LineAnalysisDataBJ tr:first-child th{
+  background: #fff;
+}
+/deep/.el-table.LineAnalysisDataBJ2 tr:first-child th:nth-child(1n){
+  background: #F5F7FA;
+}
+/deep/.el-table.LineAnalysisDataBJ2 tr:first-child th:nth-child(2n){
+  background: #fff;
+}
+/deep/.el-table.LineAnalysisDataBJ tr th{
+  height: 20px;
+  line-height: 20px;
+  padding: 5px 0;
+}
+/deep/.el-table.LineAnalysisDataBJ2 tr th{
+  height: 20px;
+  line-height: 20px;
+  padding: 5px 0;
+}
+/deep/.el-table.LineAnalysisDataBJ tr td{
+  height: 20px;
+  line-height: 20px;
+  padding: 5px 0;
+}
+/deep/.el-table.LineAnalysisDataBJ2 tr td{
+  height: 20px;
+  line-height: 20px;
+  padding: 5px 0;
+}
+.corporatioBox{
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 10px;
+  margin-left: 15px;
+}
+.corporatioBox div{
+  /* display: flex;
+  flex-direction: column; */
+  background: #fff;
+  padding: 5px 10px;
+  margin-right: 10px;
+}
+.corporatioBox div span:first-child{
+  text-align: left;
+  font-size: 14px;
+}
+.corporatioBox div span:last-child{
+  color: red;
+  margin-left: 10px;
+}
+</style>

src/components/FinancialModule/DataAnalysis/index.vue

@@ -8,6 +8,7 @@
       <el-tab-pane v-if="PermissionState!=3" :label="$t('objFill.v101.FinancialModule.yushiduibiqk')" name="5"></el-tab-pane>
       <!-- <el-tab-pane v-if="PermissionState!=3" :label="$t('objFill.v101.FinancialModule.cashqk')" name="6"></el-tab-pane> -->
       <el-tab-pane v-if="PermissionState!=3&&PermissionState!=4" label="平台收款占比" name="7"></el-tab-pane>
+      <el-tab-pane v-if="PermissionState!=3&&PermissionState!=4" label="待付款情况" name="8"></el-tab-pane>
     </el-tabs>
     <div class="query-box">
       <el-form class="_info_box clearfix" label-width="90px">
@@ -94,7 +95,7 @@
               <el-input v-model="shopMsg.MaoLiRate" type="number"  @change="getMaoLiRate"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="4" v-if="activeName!=4 && activeName!=3 && activeName!=7">
+          <el-col :span="4" v-if="activeName!=4 && activeName!=3 && activeName!=7&& activeName!=8">
             <el-form-item :label="$t('advmanager.v_line')">
               <el-select filterable v-model="msg.LineId" @change="getStatement"
               clearable>
@@ -111,7 +112,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="6" v-if="activeName!=8">
             <el-form-item :label="$t('pub.date')">
               <!-- <el-date-picker
                   size="small"
@@ -149,7 +150,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="2" v-if="activeName!=3 && activeName!=5 && activeName!=7">
+          <el-col :span="2" v-if="activeName!=3 && activeName!=5 && activeName!=7&& activeName!=8">
             <el-form-item :label="$t('objFill.v101.FinancialModule.jiduhuiz')">
               <el-checkbox v-model="msg.LossType" true-label="1" false-label="0" @change="getStatement"></el-checkbox>
             </el-form-item>
@@ -161,7 +162,7 @@
           <button class="hollowFixedBtn" @click="getStatement">
             {{ $t("pub.searchBtn") }}
           </button>
-          <button v-if="activeName!=4 && activeName!=5 && activeName!=7" class="normalBtn" @click="exportExcel">
+          <button v-if="activeName!=4 && activeName!=5 && activeName!=7&& activeName!=8" class="normalBtn" @click="exportExcel">
             {{$t('visa.v_daochu')}}
           </button>
           <button v-if="activeName==4" class="normalBtn" @click="exportExcel2">
@@ -173,6 +174,9 @@
           <button v-if="activeName==7" class="normalBtn" @click="exportExcel4">
             {{$t('visa.v_daochu')}}
           </button>
+          <button v-if="activeName==8" class="normalBtn" @click="exportExcel4">
+            {{$t('visa.v_daochu')}}
+          </button>
         </li>
       </ul>
     </div>
@@ -184,6 +188,7 @@
       <PrerealContrast v-if="activeName=='5'" :StatisticalData="StatisticalData"></PrerealContrast>
       <Cashflows v-if="activeName=='6'" :StatisticalData="StatisticalData"></Cashflows>
       <PlatfromIncomes v-if="activeName=='7'" :StatisticalData="StatisticalData"></PlatfromIncomes>
+      <WaitPays v-if="activeName=='8'" :StatisticalData="StatisticalData"></WaitPays>
     </div>
   </div>
 </template>
@@ -194,12 +199,13 @@ import Lines from "./components/line.vue";
 import Corporations from "./components/corporation.vue";
 import Cashflows from "./components/cashflow.vue";
 import PlatfromIncomes from "./components/platfromIncome.vue";
+import WaitPays from "./components/waitpay.vue";
 import Packets from "./components/packet.vue";
 import ShoppingCommission from "./components/ShoppingCommission.vue";
 import PrerealContrast from "./components/PrerealContrast.vue";
 import StartYMDateLimit from '../../public/StartYMDateLimit.vue';
 export default {
-  components: {Lines,Corporations,Cashflows,PlatfromIncomes,Packets,ShoppingCommission,PrerealContrast,StartYMDateLimit},
+  components: {Lines,Corporations,Cashflows,PlatfromIncomes,WaitPays,Packets,ShoppingCommission,PrerealContrast,StartYMDateLimit},
   data() {
     return {
       coinGetShow: false,
@@ -364,6 +370,9 @@ export default {
       if(this.activeName=='7'){
         url = 'financestatistics_post_GetPlatformIncomeAnalysisStat'
       }
+      if(this.activeName=='8'){
+        url = 'financestatistics_post_GetWiatPayAnalysisStat'
+      }
       this.loading = true
       this.apipost(
         url,