manage-client 3.2.89-aode → 3.2.89-aodeToV4

package/src/components/sale/report/aode/DayReportSummary.vue

@@ -1,112 +1,112 @@
-<template>
-  <div style="margin: 3%;height:93%;overflow-y: scroll;">
-    <!--    第一行数据-->
-    <div class="row" style="height: 50px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >开户人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_open}}</label></div>
-      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body"> 开户气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_open}}</label></div>
-      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body" >开户金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_open}}</label></div>
-    </div>
-    <div class="row" style="height: 50px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_zg}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_zg}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_zg}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_bq}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_bq}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_bq}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_bk}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡气量</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_bk}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_bk}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >涨价补费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_zjbf}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >涨价补费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_zjbf}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网补费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_iotbf}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网补费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_iotbf}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网扣费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_iotkf}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网扣费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_iotkf}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >预收款金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_ysk}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >预收款人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_ysk}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_hb}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表气量</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_hb}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_hb}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_cz}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_cz}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_cz}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sum_count}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_shouru_gas}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >实收金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_shouru_fee}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >应收金额</label></div><div class="col-xs-2"><label type="text"   class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_yingshou_fee}}</label></div>
-      <div class="col-xs-3"><label type="text" :title="sumsmodel.f_benqi_fee"  class="form-control mystylecenter font_normal_body" >本期新增结余</label></div><div class="col-xs-1"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_benqi_fee}}</label></div>
-      <div class="col-xs-3"><label :title="sumsmodel.f_usebenqi_fee" type="text"  class="form-control mystylecenter font_normal_body" >本期使用结余</label></div><div   class="col-xs-1"><label type="text"   class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_usebenqi_fee}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >柜台微信</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumgtwx}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >财务收款</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumcwsf}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >现金缴费</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumxjjf}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >柜台支付宝</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumzfb}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >pos</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumpos}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >销售气票</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumqp}}</label></div>
-    </div>
-    <div class="row" style="height: 60px">
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >银行码收款</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumyysk}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >降价补气</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumjjbq}}</label></div>
-      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >煤改气补贴款</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumbtk}}</label></div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: "DayReportSummary",
-    props: {
-      sumsmodel: {}
-    },
-    watch: {
-      sumsmodel(val){
-        console.log(val,"====================")
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .datapanel {
-    color: #333;
-    background-color: white;
-    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
-    padding: 10px 30px 10px 30px;
-    border-radius:15px;
-    width: 100%;
-  }
-  .mystyleboder{
-    border: 0px;
-    text-align: left;
-    padding-left: 3px;
-  }
-  .mystylecenter{
-    border: 0px;
-    text-align: center;
-    padding-left: 3px;
-  }
-  .linelabel{
-    line-height: 60px!important;
-  }
-</style>
+<template>
+  <div style="margin: 3%;height:93%;overflow-y: scroll;">
+    <!--    第一行数据-->
+    <div class="row" style="height: 50px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >开户人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_open}}</label></div>
+      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body"> 开户气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_open}}</label></div>
+      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body" >开户金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_open}}</label></div>
+    </div>
+    <div class="row" style="height: 50px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_zg}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_zg}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_zg}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_bq}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_bq}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_bq}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_bk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡气量</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_bk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_bk}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >涨价补费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_zjbf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >涨价补费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_zjbf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网补费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_iotbf}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网补费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_iotbf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网扣费人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_iotkf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >物联网扣费金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_iotkf}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >预收款金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_ysk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >预收款人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_ysk}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_hb}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表气量</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_hb}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_hb}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_count_cz}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_pregas_cz}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正金额</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_collection_cz}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务人次</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sum_count}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_shouru_gas}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >实收金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_shouru_fee}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >应收金额</label></div><div class="col-xs-2"><label type="text"   class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_yingshou_fee}}</label></div>
+      <div class="col-xs-3"><label type="text" :title="sumsmodel.f_benqi_fee"  class="form-control mystylecenter font_normal_body" >本期新增结余</label></div><div class="col-xs-1"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_benqi_fee}}</label></div>
+      <div class="col-xs-3"><label :title="sumsmodel.f_usebenqi_fee" type="text"  class="form-control mystylecenter font_normal_body" >本期使用结余</label></div><div   class="col-xs-1"><label type="text"   class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_usebenqi_fee}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >柜台微信</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumgtwx}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >财务收款</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumcwsf}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >现金缴费</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumxjjf}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >柜台支付宝</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumzfb}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >pos</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumpos}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >销售气票</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumqp}}</label></div>
+    </div>
+    <div class="row" style="height: 60px">
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >银行码收款</label></div><div class="col-xs-2"><label type="text" class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumyysk}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >降价补气</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumjjbq}}</label></div>
+      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >煤改气补贴款</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body linelabel" >{{sumsmodel.f_sumbtk}}</label></div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "DayReportSummary",
+    props: {
+      sumsmodel: {}
+    },
+    watch: {
+      sumsmodel(val){
+        console.log(val,"====================")
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .datapanel {
+    color: #333;
+    background-color: white;
+    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
+    padding: 10px 30px 10px 30px;
+    border-radius:15px;
+    width: 100%;
+  }
+  .mystyleboder{
+    border: 0px;
+    text-align: left;
+    padding-left: 3px;
+  }
+  .mystylecenter{
+    border: 0px;
+    text-align: center;
+    padding-left: 3px;
+  }
+  .linelabel{
+    line-height: 60px!important;
+  }
+</style>