<template>
  <div class="container resource close-left-menu contaNEW">

  <div class="pop-banner clearfix">
    <div class="operate-btns">
      <a class="fbtn fb-save" @click="save" v-if="'/wveval/savePage'">保存</a>
      <a class="fbtn fb-evaluate" @click="evaluate" v-if="'/wveval/orverPage'">评价完成</a>
    </div>
    <h3 class="current-module">医院入库单明细</h3>
  </div>
  
  
  <!--purchase-storage start-->
  <div class="purchase-storage clearfix">
    <div class="evaluation-box">
      <div class="evaluation-item">
        <div class="evaluation-tit">供货质量评价:<em>{{qltScore}}</em></div>
        <div class="checkbox-control checkbox-block" v-for="item in hegeList">
          <input type="checkbox" :id="item.code" :value="item.code" v-model="bif" :disabled="disabled"  :checked="item.isselect">
          <label class="checkbox" :for="item.code"  checked="checked">{{item.name}}</label>
        </div>

        <div class="checkbox-control checkbox-block"  v-for="item in qltList">
          <input type="checkbox" :id="item.code" :value="item.code" v-model='bif2' :disabled="disabled2" :checked="item.isselect">
          <label class="checkbox" :for="item.code">{{item.name}}</label>
        </div>

      </div>

      <div class="evaluation-item">
        <div class="evaluation-tit">证照完整率:<em>{{logScore}}</em>%</div>
        <div class="checkbox-control checkbox-block" v-for="item in logList">
          <label>{{item}}%</label>
        </div>
      </div>

      <div class="evaluation-item">
        <div class="evaluation-tit">供应及时率评价:<em>{{timeScore}}</em></div>
        <div class="radio-control" v-for="item in list">
            <input type="radio" :id="item.code"  :value="item.code" v-model="radi" :checked="item.isselect">
            <label class="radio" :for="item.code">{{item.name}}</label>
          </div>
      </div>
      <div class="evaluation-score clearfix">
        <span class="b">当前评价得分:<em>{{totleScore}}</em></span>
      </div>
    </div>

  </div>
  <!--purchase-storage end-->

</div>
</template>
<script>
   module.exports={
    data:function(){
      return{
        list:{},
        radi:'',
        hegeList:{},
        logScore:'',
        logList:[],
        qltList:{},
        qltScore:'',
        timeScore:'',
        totleScore:'',
        disabled:false,
        disabled2:false,
        bif:[],
        bif2:[],
        style:true,
      } 
    },
     methods:{
        getData:function(){
          var self=this;
          Ajax.post('/wveval/initPage',{'medwvguid':self.id}).
          then(function(response){
            var res=response.data.data;
            self.init(res);
          })
        },
        save:function(){
          var self=this;
          var qltList=this.bif.length==1?this.bif:this.bif2;

          if(qltList.length==0){

             layer.msg('请勾选供货质量');

          }

          else if(self.radi==null || self.radi=="" ){
             layer.msg('请选择供应及时率');
          }

          else{
            Ajax.post('/wveval/savePage',{'medwvguid':self.id,'timeSelect':self.radi,'qltList':qltList}).
            then(function(response){
              var result=response.data;
              if(result.errorCode==0){
                var res=result.data;
                self.init(res);
                layer.msg('保存完成');
              }else if(result.errorCode==99){
                layer.msg(result.message);
              }
            })
          }
        },
        evaluate:function(){
          var self=this;
          var qltList=this.bif.length==1?this.bif:this.bif2;

          if(qltList.length==0){
            layer.msg('请勾选供货质量');
          }

          else if(self.radi==null || self.radi=="" ){
            layer.msg('请选择供应及时率');
          }

          else{
            Ajax.post('/wveval/orverPage',{'medwvguid':self.id,'timeSelect':self.radi,'qltList':qltList}).
            then(function(response){
              var result=response.data;
              if(result.errorCode==0){
                var res=result.data;
                self.init(res);
                layer.msg('评价完成');
              }else if(result.errorCode==99){
                layer.msg(result.message);
              }
            })
          }
        },
        init:function(res){
            var self=this;
            self.$set('hegeList',res.hegeList);
            self.$set('logScore',res.logScore);
            self.$set('logList',res.logList);
            self.$set('qltList',res.qltList);
            self.$set('qltScore',res.qltScore);
            self.$set('timeScore',res.timeScore);
            self.$set('totleScore',res.totleScore);
            self.$set('list',res.timeList);
        },

     },
     watch:{
      bif:function(value){
        var self=this;
          if(value.length==1){
            self.disabled2=true;
          }else{
            self.disabled2=false;
          }
        },
      bif2:function(value){
        var self=this;
          if(value.length>0){
            self.disabled=true;
          }else{
            self.disabled=false;
          }
        }
     },
     route: {
        data: function (transition) {
          var self=this;
          var id = transition.to.params.id;
          self.id=id;
          self.getData();
          },
      }
  }
</script>