<style>
.btn-d-cancel{border:1px #cfd4d7 solid;background:#cfd4d7;color:#fff;}
.bclisth1{text-align: center;font-size:18px;font-weight: 500;}
.bclisth1 b{font-size:30px;padding:0px 5px;color:#86b8bc;}

.bclistulst1{display: block;margin-top:40px;}
.bclistulst1:after{content: "";width:100%;display: block;
clear: both;}
.bclistulst1 li{width:320px;float:left;padding:0px 35px;
border-right:1px #e8ebef solid;}
.bclistulst1 li:last-child{border-right:0px;}
.bclistulst1  li a{margin-right:20px;display: block;
  padding-left:65px;position: relative;}
.bclistulst1  .span_s_bp1 {width:55px;height:55px;
  position: absolute;left:0px;top:0px;display:block;
background:url(/images/s928_03.png);}
.bclistulst1 a:hover .span_s_bp1 {width:55px;height:55px;
background:url(/images/s928b_03.png);}

.bclistulst1  .span_s_bp1b {
background:url(/images/s928_05.png);}
.bclistulst1 a:hover .span_s_bp1b {
background:url(/images/s928b_05.png);}
.bclistulst1  .span_s_bp1c {
background:url(/images/s928_07.png);}
.bclistulst1 a:hover  .span_s_bp1c {
background:url(/images/s928b_07.png);}

.bclistulst1 h2{color:#86b8bc;font-size:18px;padding-top:15px;
font-weight:500;}
.bclistulst1 p{font-size:14px;line-height:25px;color:#373737;}
.bclistulst1 p b{font-size: 24px;color:#86b8bc;font-weight: 500;}

.bclistulst1 a{border-bottom:2px #fff solid;padding-bottom:10px;
position: relative;}
.bclistulst1 a:hover{border-bottom:2px #86b8bc solid;}
.bclistulst1 a:hover:after{content: "";
    position: absolute;
    left: 50%;
    bottom: 3px;
    border-left: 5px transparent solid;
    border-right: 5px transparent solid;
    border-top: 5px transparent solid;
    border-bottom: 8px #86b8bc solid;}

.fast-analysis-form-btn:before{
        content: '';
    display: inline-block;
    margin-right: 6px;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: url(/images/s928icon1.png) no-repeat;
    background-size: cover;
}
.data200 .control-date input{
  width: 165px !important;
}
</style>
<template>
<div class="container resource" style="min-height: 490px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns"> 
        <!-- <a   class="fbtn fb-add"  v-show="!addrow"
          v-on:click="addrow=!addrow">添加</a>
        <a href="javascript:void(0)" class="fbtn fb-save" 
         v-show="addrow" v-on:click="add()">保存</a> -->
        <a href="javascript:;" class="fbtn fb-refresh"
          v-on:click="getData('refresh')">刷新</a>
        
      </div>
    <h3 class="current-module">采供总情一览</h3>
  </div>


  <div class="pd-form fast-search-form message-search">
    <div class="group-row">
        <div class="form-group">
          <label for="cn3" class="label">省份</label>
          <div class="control province">
            <city :province.sync="search.province"
                  :city.sync="search.city"
                  :area.sync="search.district"
                  :readonly="readonlyFlag"
             ></city>
          </div>
            
        </div>
      </div>
      <div class="group-row">
        <div class="form-group data200">
          <label for="cn3" class="label">录入日期</label>
          <div class="control control-date">
            <div style="width:58%;float:left;">
              <datepicker :target.sync="search.startDate"></datepicker>
            </div>
            <span class="text-and t-center" style="width: 39px">至</span>
            <div style="width:19%;float:left;">
              <datepicker :target.sync="search.endDate"></datepicker>
            </div>
          </div>
        </div>
      </div>
    <div class="group-row t-right">
      <button class="fast-analysis-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle"
         v-on:click="getData('search')">
      分析</button>
    </div>
  </div>

  <h1 class="bclisth1">交易总金额<b>{{list.totalMoney  / 10000 | numDigit 2}}</b>万元</h1>
  <ul class="bclistulst1">
      <li>
        <a v-link="{path:'/businessPurchaseDetail/04',query:this.search}" class="mar-none">
          <span class="span_s_bp1 span_s_bp1a"></span>
          <h2>药品</h2>
          <p>
            金额:<br><b>{{list.MMoney / 10000 | numDigit 2}}</b>万元<br/>
            总数:<br><b>{{list.MNum | numDigit 2}}</b>
          </p>
        </a>
      </li>
      <li>
        <a v-link="{path:'/businessPurchaseDetail/01',query:this.search}" class="mar-none">
          <span class="span_s_bp1 span_s_bp1b"></span>          
          <h2>医疗器械</h2>
          <p>
            金额:<br><b>{{list.CMoney  / 10000 | numDigit 2}}</b>万元<br/>
            总数:<br><b>{{list.CNum | numDigit 2}}</b>
          </p>
        </a>
      </li>
      <li>
        <a v-link="{path:'/businessPurchaseDetail/02',query:this.search}" class="mar-none">
          <span class="span_s_bp1 span_s_bp1c"></span>
          <h2>高值耗材</h2>
          <p>
            金额:<br><b>{{list.HMoney  / 10000 | numDigit 2}}</b>万元<br/>
            总数:<br><b>{{list.HNum | numDigit 2}}</b>
          </p>
        </a>
      </li>
  </ul>
</div>
</template>
<script>
module.exports={
  data:function(){
    return {
      list:'',search:{province:'',city:'',district:'',startDate:'',endDate:''}
    }
  },methods:{
    getData:function(casetxt){//请求数据     
      Ajax.get('/api/goverment_report_findTotalMsg',this.search).then(function(res){
          var result=res.data;

          if(result.data){
              this.$set('list',result.data);
          }
      }.bind(this))
    }
  },route:{
    activate:function(){
      this.getData();
    }
  }
}
</script>