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

  <div class="pop-banner clearfix">
    <div class="operate-btns" v-if="editList">
      <a @click="getData" class="fbtn fb-refresh">刷新</a>
      <a @click="edit" class="fbtn fb-modify">修改</a>
    </div>
     <div class="read-btns ml-30" v-if='editList'>
        <a class="fbtn rb-add">添加</a>
        <a class="fbtn rb-remove"  v-if="'/supplierEvaluate/delSupplyTime'">删除</a>
        <a class="fbtn rb-save" v-if="'/supplierEvaluate/saveSupplyTime'">保存</a>
      </div>
     <div class="operate-btns" v-else>
      <a @click="getData" class="fbtn fb-refresh">刷新</a>
      <a class="fbtn fb-modify">修改</a>
      <a @click="add" class="fbtn fb-add">添加</a>
      <a @click="remove" class="fbtn fb-remove" v-if="'/supplierEvaluate/delSupplyTime'">删除</a>
      <a @click="save" class="fbtn fb-save" v-if="'/supplierEvaluate/saveSupplyTime'">保存</a>
    </div>
    <h3 class="current-module">供应商评价标准配置</h3> 
  </div>
  <div class="step-tips step-3 clearfix" v-if="ban">
      <div class="step-item cur-poin" @click="skip('basicDataIntegrity')">
        <span class="cur-poin">1</span><span class="cur-poin">供应质量</span>
      </div>
      <div class="step-item active cur-poin">
        <span class="cur-poin">2</span><span class="cur-poin">供应及时性</span>
      </div>
      <div class="step-item cur-poin" @click="skip('basicDataIntegrity3')">
        <span class="cur-poin">3</span><span class="cur-poin">资料完整性</span>
      </div>
  </div>
  <div class="step-tips step-3 clearfix" v-else>
      <div class="step-item cur-poin" v-link="{path:'/basicDataIntegrity'}">
        <span class="cur-poin">1</span><span class="cur-poin">供应质量</span>
      </div>
      <div class="step-item active cur-poin">
        <span class="cur-poin">2</span><span class="cur-poin">供应及时性</span>
      </div>
      <div class="step-item cur-poin" v-link="{path:'/basicDataIntegrity3'}">
        <span class="cur-poin">3</span><span class="cur-poin">资料完整性</span>
      </div>
  </div>

  <div class="basic-card-show">    
    <div class="hop-basic-con">
      <table class="itable itable-thead-13px basic-datainter-table-br">
        <thead>
          <tr>                    
            <th class="w50 border1">序号</th>
            <th class="w80 border1" >选择</th>
            <th class="w150 border1">及时性指标 </th>
            <th class="w150 border1">区间方式 </th>
            <th class="w150 border1">左边界值 </th>
            <th class="w150 border1">右边界值 </th>
            <th class="w150 border1">区间方式 </th>
            <th class="td-name border1">分值 </th> 
          </tr>
        </thead>
        <tbody>                        
        </tbody>
      </table> 

      <table class="itable itable-thead-13px basic-datainter-table-br">
        <tbody v-if="addWin" class="txt_v">
          <tr>
            <td class="w50"></td>
            <td class="w80">
            <div class="checkbox-control checkbox-alone">
              </div>
            </td>
            <td class="w150">
              <input type="text" v-model="addDate.timelinessindex">
            </td>
            <td class="w150">
              <select v-else v-model="addDate.firsttag">
                  <option value="(">开区间</option>
                  <option value="[">闭区间</option>
              </select>
            </td>
            <td class="w150">
              <input type="number" v-model="addDate.firstnum">
            </td>
            <td class="w150">
              <input type="text" v-model="addDate.endnum">
            </td>
            <td class="w160">
              <select class="w100 mr-5" v-else v-model="addDate.endtag">
                  <option value=")">开区间</option>
                  <option value="]">闭区间</option>
              </select>
            </td>
            <td class="td-yesorno pad-l-r-10 select-style1">
              <input type="number"  v-model="addDate.value">
            </td>
          </tr>
           <tr class="tr-2">
              <td></td><td></td>
              <td colspan="6" class="text-left pad-left-10">数学表达式：

              {{addDate.firsttag==0?"(":"["}}
              {{addDate.firstnum}},
              {{addDate.endnum}}
              {{addDate.endtag==0?")":"]"}},


              {{addDate.timelinessindex}} 小时              
              {{addDate.endnum==0?"<":"<="}}
              供应及时性
              {{addDate.endtag==0?"<":"<="}}
              {{addDate.endtag}}小时，
              {{addDate.value}}分</td>
          </tr>             
        </tbody>

        
        <tbody v-if="datas==null || datas.length==0">
            <tr>
              <td colspan="10">暂无符合条件的记录</td>
            </tr>
        </tbody>
        <tbody v-for="time in datas"  class="txt_v" v-else>
          <tr>
            <td class="w50">{{$index+1}}</td>
            <td class="w80">
            <div class="checkbox-control checkbox-alone" >
                <input type="checkbox" :id="time.timelinessindex" v-model="time.checked"
                :disabled="readonly">
                <label class="checkbox" :for="time.timelinessindex"></label>
              </div>
            </td>
            <td class="td-yesorno pad-l-r-10 w150">
              <input type="text" v-model="time.timelinessindex" :readonly='readonly'>
            </td>
            <td class="td-yesorno pad-l-r-10 select-style1 w150" v-if="select">
              <input type="text" :readonly='readonly'  
              :value="time.firsttag=='['?'闭区间':'开区间'">
            </td>
            <td class="td-yesorno pad-l-r-10 select-style1 w150" v-else>
              <select v-else :value="time.firsttag">
                  <option value="(">开区间</option>
                  <option value="[">闭区间</option>
              </select>
            </td>
            <td class="td-yesorno pad-l-r-10 w150">
              <input type="number" :readonly='readonly' v-model="time.firstnum">
            </td>
            <td class="td-yesorno pad-l-r-10 w150">
              <input type="text" :readonly='readonly' v-model="time.endnum">
            </td>
            <td class="td-yesorno pad-l-r-10 select-style1" v-if="select">
              
              <input type="text" :readonly='readonly'  
              :value="time.endtag==']'?'闭区间':'开区间'">
            </td>
            <td class="td-yesorno pad-l-r-10 select-style1" v-else>
              
              <select class="w100" v-else v-model="time.endtag">
                  <option value=")">开区间</option>
                  <option value="]">闭区间</option>
              </select>
            </td>
            <td class="td-yesorno pad-l-r-10 select-style1">
              <input type="number" :readonly="readonly" v-model="time.value">
            </td>
          </tr>     
          <tr class="tr-2">
              <td></td><td></td>
              <td colspan="6" class="text-left pad-left-10">数学表达式：
              {{time.firsttag}}
              {{time.firstnum}},
              {{time.endnum}}
              {{time.endtag}}
              {{time.firstnum}} 小时
              {{time.endnum==0?"<":"<="}}
              供应及时性
              {{time.endnum==0?"<":"<="}}
              {{time.endnum}}小时，
              {{time.value}}分</td>
          </tr>             
        </tbody>
      </table> 
    </div>
  </div>
</div>
</template>
<script>
  module.exports={
    data:function(){ 
      return{
        datas:{},
        select:true,
        readonly:true,
        addWin:false,
        editList:true,
        addDate:{},
        ban:false
      } 
    },
     methods:{
        getData:function(){
          var self=this;
          Ajax.post('/supplierEvaluate/getSupplyTime').
          then(function(response){
            var res=response.data.data;
            self.$set('datas',res);
          })
        },
        edit:function(){

          var self=this;
          self.$set('select',false);
          self.$set('readonly',false);
          self.$set('editList',false);
          self.$set('ban',true);
        },
        save:function(){
          var self=this;
          
          if(self.addWin){
              self.datas.push(self.addDate);
              self.$set('addWin',false);
          }

          var data=JSON.stringify(self.datas);
      
          Ajax.post('/supplierEvaluate/saveSupplyTime',data).
          then(function(response){
            var result=response.data;
            if(result.errorCode==0){
              self.getData();
              self.init();
              self.$set('ban',false);
            }else if(result.errorCode==99){
              layer.msg(result.message);
            }
          })

        },
        remove:function(){
            var arr=[];
            var self=this;
            for(var i=0;i<this.datas.length;i++){
              if(this.datas[i].checked==1){
                arr.push(this.datas[i]);
              }
            };

          self.MessageBox({
             title:'提示',
             message:'是否删除',
             type:'alert',
             showCancelButton: true
            },function(action){
               arr=JSON.stringify(arr);
               if (action=="confirm") {
                  Ajax.post('/supplierEvaluate/delSupplyTime',arr).
                    then(function(response){
                      var result=response.data;
                      if(result.errorCode==0){
                          self.getData();
                          self.init();
                      }
                  })
                }
            })    
        },
        add:function(){
            this.addWin=true;
        },
        skip:function(rou){
          var self=this;
          self.MessageBox({
             title:'提示',
             message:'修改内容是否保存',
             type:'alert',
             showCancelButton: true
            },function(action){
              self.init();
             if(action=="confirm"){
                self.save(self.supplytime,self.supplyquality,self.lcrequire);
                // self.save2();
             }
             self.$router.go({ 'path': '/'+rou});  
            })
        },
        init:function(){
          var self=this;
          self.$set('select', true);
          self.$set('readonly', true);
          self.$set('editList',true);
          self.$set('addWin',false);
          self.$set('ban',false);
        }
     },
     route:{
        activate: function () {
          this.getData();
        }, 
      },
  }

</script>