no message

src/components/FinancialModule/components/UserCredit.vue

+<style>
+  @import url('../../../assets/css/domestic/TicketingModule.css');
+  .sanjiao-box{
+     position: relative;
+  }
+   .sanjiao-box .Receipt_table td{
+     padding: 0 10px;
+   }
+   .hover_text span{
+     cursor: pointer;
+     text-decoration: underline;
+   }
+   .czBillModule td{
+       text-align: center!important;
+       padding:6px 0!important;
+   }
+   ._tit2{
+    border: none !important;
+   }
+ </style>
+ <template>
+    <div class="m_TicketingModule" v-if="DataList&&DataList.length>0">
+         <div>
+             <div class="_tit">
+                 <span class="_text">预存客户</span>
+                 <!-- <div>
+                     <span class="_btn" v-if="tableShow" @click="tableShow=false">收起 <i class="iconfont icon-gengduo _rotate"></i> </span>
+                     <span class="_btn" v-else @click="tableShow=true">展开 <i class="iconfont icon-gengduo"></i> </span>
+                 </div> -->
+                 <div>
+                  <span class="_btn" @click="goPrestorageManagement">查看更多</span>
+                </div>
+             </div>
+             <div v-show="tableShow" class="sanjiao-box _padding_20_15">
+
+              <table class="singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
+                <tr>
+                    <th>客户</th>
+                    <th>联系人/电话</th>
+                    <th>已存入</th>
+                    <th>待存入</th>
+                    <th>退款</th>
+                    <th>已使用</th>
+                    <th>期末余额</th>
+                </tr>
+                <tr class="_color_b" v-for="(item,index) in DataList" :key="index">
+                    <td>{{item.CustomerName}}</td>
+                    <td>{{ item.Contact+'/'+item.ContactNumber }}</td>
+                    <td>{{item.Income}}</td>
+                    <td>{{item.WaitIncome}}</td>
+                    <td>{{item.Refund}}</td>
+                    <td>{{item.UseMoney}}</td>
+                    <td>{{item.DepositMoney}}({{item.DepositCurrencyName}})</td>
+                </tr>
+            </table>
+             </div>
+         </div>
+     </div>
+ </template>
+
+ <script>
+ export default {
+     props:["GetDetail"],
+     data(){
+         return{
+          loading: true,
+          cdtotal: 0,
+          ybtotal: 0,
+          tableShow: true,
+          DataList: [],
+          msg:{
+            pageIndex: 1,
+            pageSize: 10,
+            RemitterName: '',
+            ClientIdStr: '',
+            QStartDate: '',
+            QEndDate: '',
+          }
+         }
+     },
+     watch:{
+      GetDetail:{
+        handler: function(val, oldVal) {
+          if(this.GetDetail&&this.GetDetail.OtherType==74&&this.GetDetail.ReFinanceId){
+            this.msg.ClientIdStr = this.GetDetail.ReFinanceId
+          }else if(this.GetDetail&&this.GetDetail.DepositCustomerId){
+            this.msg.ClientIdStr = this.GetDetail.DepositCustomerId
+          }
+          this.GetFinanceDepositPageList();
+        },
+        deep: true,
+        immediate: true,
+      }
+     },created(){
+
+
+     },mounted(){
+
+     },
+     methods:{
+      goPrestorageManagement(){
+        this.$router.push(
+          { name: 'prestoreList',
+            query:{
+              // ClientIdStr:this.msg.ClientIdStr,
+              blank:'y',tab:'客户预存管理'
+            }
+          }
+        )
+      },
+      goDetail(id){
+        this.$router.push(
+          { name: 'FinancialDocumentsDetail',
+            query:{"id":id,blank:'y',tab:'单据详情'}
+          }
+        )
+      },
+      // 客户存储余额列表
+      GetFinanceDepositPageList(){
+        this.apipost('Financial_post_GetFinanceDepositPageList',
+        this.msg,res=>{
+          this.loading = false
+          if(res.data.resultCode == 1) {
+            console.log(res.data.data.pageData)
+            this.DataList = res.data.data.pageData;
+          }
+        })
+      },
+    }
+ }
+ </script>