<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-remove" v-if="'/supplierEvaluate/delLCRequireValue'">删除</a>
        <a class="fbtn rb-save" v-if="'/supplierEvaluate/updateLCRequireValue'">保存</a>
      </div>

       <div class="operate-btns" v-else>
        <a @click="getData" class="fbtn fb-refresh">刷新</a>
        <a class="fbtn fb-modify">修改</a>
        <a @click="removeInd" class="fbtn fb-remove" v-if="'/supplierEvaluate/delLCRequireValue'">删除</a>
        <a @click="save" class="fbtn fb-save" v-if="'/supplierEvaluate/updateLCRequireValue'">保存</a>
      </div>
      <h3 class="current-module">供应商评价标准配置</h3>
    </div>
    <div class="step-tips step-3 clearfix" v-if="ban">
      <div class="step-item cur-poin" v-on:click="skip('basicDataIntegrity')">
        <span class="cur-poin">1</span><span class="cur-poin">供应质量</span>
      </div>
      <div class="step-item cur-poin"  v-on:click="skip('basicDataIntegrity2')">
        <span class="cur-poin">2</span><span class="cur-poin">供应及时性</span>
      </div>
      <div class="step-item active cur-poin">
        <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 cur-poin" v-link="{path:'/basicDataIntegrity2'}">
        <span class="cur-poin">2</span><span class="cur-poin">供应及时性</span>
      </div>
      <div class="step-item active cur-poin">
        <span class="cur-poin">3</span><span class="cur-poin">资料完整性</span>
      </div>
  </div>

  <div class="basic-card-show">

    <div class="basic-data-inter3">
        <div class="basic-data-inter3-left">
              <div class="basic-data-inter3-left-div">
                  <table class="itable basic-user-info data-ind-table table-bor-trl">
                    <thead>
                      <tr>
                        <th class="w70 border1">序号</th>
                        <th class="w100 border1">资料名称</th>                          
                        <th class="w130 border1">已配置数</th>
                        <th class="w80 border1">开启管理日期</th>
                        <th class="w100 border1">管理操作</th>
                        <th class="w100 border1">权重</th>
                        <th class="w100 border1">操作</th>
                      </tr>
                    </thead>
                    <tbody v-for="sel in selected" class="txt_v">
                      <tr>
                        <td class="pl10">
                          <div class="checkbox-control checkbox-inline" v-if='editList'>
                          {{$index+1}}
                            <input type="checkbox">
                            <label class="checkbox" style='margin:0 3px;'></label>
                          </div>
                          <div class="checkbox-control checkbox-inline" v-else>
                          {{$index+1}}
                            <input type="checkbox" :id="sel.basedatacode" v-model="sel.checked">
                            <label class="checkbox" style='margin:0 3px;' :for="sel.basedatacode"></label>
                          </div>
                        </td>
                        <td class="t-left pr10">{{sel.basedataname}}</td>
                        <td><p class="text-color-blue">属性{{sel.configuredliccount}}项/
                        证照{{sel.configuredprocount}}项</p></td>
                        <td>{{sel.startmanagedate}}</td>
                        <td>
                          <a class="btn button-green" @click="star(sel.basedatacode,sel.startstate)" v-if='sel.startstate=="Y"'>已开启</a>
                          <a class="btn button-red" @click="star(sel.basedatacode,sel.startstate)" v-else>已停止</a>
                        </td>
                        <td><input type="text"  class="w40 mr-5" v-model="sel.value" :readonly="readonly">%</td>
                        <td>               
                          <a @click="hideFn(sel.basedatacode)" class="btn button-green">配置</a>
                        </td>
                      </tr>                  
                    </tbody>
                  </table>
                  <span class="basic-data-inter3-left-prev"><<</span>
              </div>
            
                <div class="fheader pt0" v-if="hide" style='width:97%;'>
                  <h4 class="fh-data">资料配置</h4>
                  <div class="stretch ml-20">
                    <div class="stretch-push">
                    </div>
                  </div>
                </div>
              <div class="indicators" v-if="hide">
                <div class="indicators-left">
                    <h3 class="b">资料提交内容定义</h3>
                    <!--table-->
                    <table class="itable basic-user-info data-inb-table data-ind-table">
                      <thead>
                        <tr>
                          <th class="w60 border1">序号</th>
                          <th class="w120 border1">属性</th>
                          <th class="w90 border1">操作</th>
                        </tr>
                      </thead>
                      <tbody v-for="item in selectlist2" class="txt_v">             
                        <tr>
                          <td>{{$index+1}}</td>
                          <td class="txt-left pr10">{{item.name}}
                          </td>
                          <td>
                            <a class="btn button-red" @click="remove(item.indexcode,item.code)">删除</a>
                          </td>
                        </tr>    
                      </tbody>
                    </table> 
                     <!--end table-->               
                    <!--table-->
                    <table class="itable basic-user-info data-ind-table data-inb-table">
                      <tbody v-for="item in unselectList2" class="txt_v">             
                        <tr>
                          <td class="w60">{{$index+1}}</td>
                          <td class="txt-left w120">{{item.name}}</td>
                          <td class="w90">
                            <a class="btn button-green" @click="add(item.indexcode,item.code)">添加</a>
                          </td>
                        </tr>                     
                      </tbody>
                    </table> 
                     <!--end table-->
                </div> 
                <div class="indicators-right">
                    <h3 class="b">提交证照定义</h3>
                    <!--table-->
                    <table class="itable basic-user-info data-inc-table data-ind-table data-inb-table">
                      <thead>
                        <tr>
                          <th class="w60">序号</th>
                          <th class="w120 txt-left padd-left-30">属性</th>
                          <th class="">操作</th>
                        </tr>
                      </thead>
                      <tbody v-for="item in selectlist">             
                        <tr>
                          <td class="w60">{{$index+1}}</td>
                          <td class="txt-left w120">{{item.licenseclassname}}</td>
                          <td class="w90">
                            <!-- <a class="btn-d btn-d-red btn-w60"  v-if="editList">删除</a> -->
                            <a class="btn button-red" @click="remove2(item.indexcode,item.code)">删除</a>
                          </td>
                        </tr>  
                      </tbody>
                    </table> 
                     <!--end table-->
                    <!--table-->
                    <table class="itable basic-user-info data-inc-table data-ind-table data-inb-table">
                      <tbody v-for="item in unselectList">             
                        <tr>
                          <td class="w60">{{$index+1}}</td>
                          <td class="txt-left w120">{{item.licenseclassname}}</td>
                          <td class="w90">
                            <!-- <a class="btn-d btn-d-activate btn-w60" v-if="editList">添加</a> -->
                            <a class="btn button-green" @click="add2(item.indexcode,item.code)">添加</a>
                          </td>
                        </tr>    
                      </tbody>
                    </table> 
                     <!--end table-->
                </div>
                <div class="indicators-bor"></div>
              </div>

        </div>  
        <div class="basic-data-inter3-right">
            <h3>待选列表</h3>
            <div class="bor_btm_1"></div>
            <table class="itable basic-user-info data-inc-table data-ind-table">
              <thead>
                <tr>
                  <th class="w80 border1">序号</th>
                  <th class="w250 border1">质量指标</th>
                  <th class="w100 border1">操作</th>
                </tr>
              </thead>
              <tbody>             
                <tr v-for="wait in waits">
                  <td id="wait.code">{{$index+1}}</td>
                  <td class="text-left">{{wait.name}}</td>
                  <td class="pt9">
                    <a class="btn button-green w85" v-if="wait.isselect=='N'" @click="append($index)">
                      添加
                    </a>
                    <a class="btn button-gray w85"  v-else>
                      已添加
                    </a>
                  </td>
                </tr>    
              </tbody>
            </table>
        </div>
    </div>
  </div>
</div>
</template>
<script>
    module.exports={
      data:function(){
        return{
           dataList:[],


          selectlist:[],
          unselectList:[],
          selectlist2:[],
          unselectList2:[],
          waits:{},
          selected:{},
          editList:true,
          readonly:true,
          hide:false,
          ban:false
        } 
      },
     methods:{
      getData:function(){
           var self = this; 
          Ajax.post('/supplierEvaluate/getAllLCList').then(function(response){
              var res=response.data.data;
              self.$set('waits',res);
          });
           Ajax.post('/supplierEvaluate/getLCRequire').then(function(response){
              var res=response.data.data;
              self.$set('selected',res);
          });
      },
      remove:function(indexcode,code){
          var self=this;
        Ajax.post('/supplierEvaluate/delLCRequireForPro',
          {'indexcode':indexcode,'code':code}).
          then(function(response){
            var result=response.data;
            if(result.errorCode==0){
              self.hideFn(indexcode);
            }
          })
        },
     remove2:function(indexcode,code){
          var self=this;
        Ajax.post('/supplierEvaluate/delLCRequireForLC',
          {'indexcode':indexcode,'code':code}).
          then(function(response){
            var result=response.data;
            if(result.errorCode==0){
              self.hideFn(indexcode);
            }
          })
        },
      add:function(indexcode,code){
        var self=this;
        Ajax.post('/supplierEvaluate/addLCRequireForPro',
          {'indexcode':indexcode,'code':code}).
          then(function(response){
            var result=response.data;
            if(result.errorCode==0){
              self.hideFn(indexcode);
            }
          })
        
      },
      add2:function(indexcode,code){

          var self = this;
           Ajax.post('/supplierEvaluate/addLCRequireForLC',
            {'indexcode':indexcode,'code':code}).
          then(function(response){
            var result=response.data;
            if(result.errorCode==0){
              self.hideFn(indexcode);
            }
          })
      },
      edit:function(){
           this.editList=false;
           this.readonly=false;
           this.ban=true;
      },
      append:function(index){
          var self=this;

          Ajax.post('/supplierEvaluate/addLCRequire',
            {'basedatacode':self.waits[index].code}).
          then(function(response){
            var result=response.data;
            if(result.errorCode==0){
              self.getData();
            }
          })
      },
      removeInd:function(){
            var arr=[];
            var self=this;
            for(var i=0;i<self.selected.length;i++){
              if(this.selected[i].checked==1){
                arr.push(this.selected[i]);
              }
            };

          self.MessageBox({
             title:'提示',
             message:'是不是删除',
             type:'alert',
             showCancelButton: true
            },function(action){
               arr=JSON.stringify(arr);
               if (action=="confirm") {
                  Ajax.post('/supplierEvaluate/delLCRequireValue',arr).
                    then(function(response){
                      var result=response.data;
                      if(result.errorCode==0){
                          self.getData();
                          self.init();
                      }
                  })
                }
            })          
        },
        star:function(basedatacode,startstate){
          var self=this;
          //需要关闭
          if(startstate=='Y'){
            Ajax.post('/supplierEvaluate/stopLCRequire',{'basedatacode':basedatacode}).then(function(response){
            var result=response.data;
            if(result.errorCode==0){
                self.getData();
                self.init();
              };
            });
          }else{
             Ajax.post('/supplierEvaluate/startLCRequire',{'basedatacode':basedatacode}).then(function(response){
            var result=response.data;
            if(result.errorCode==0){
                self.getData();
                self.init();
              };
            });
          }
        },
        hideFn:function(basedatacode){
          var self=this;
          Ajax.post('/supplierEvaluate/getLCRequireForLC',{'basedatacode':basedatacode}).then(function(response){
          var result=response.data;
          if(result.errorCode==0){  
            var res=result.data;        
            self.$set('selectlist',res.selectlist);
            self.$set('unselectList',res.unselectList);
            self.hide=true;
            };
          });
          Ajax.post('/supplierEvaluate/getLCRequireForPro',{'basedatacode':basedatacode}).then(function(response){
          var result=response.data;
          if(result.errorCode==0){  
            var res=result.data;        
            self.$set('selectlist2',res.selectlist);
            self.$set('unselectList2',res.unselectList);
            self.hide=true;
            };
          });
        },
        save:function(){
          var self=this;
          var selected=JSON.stringify(self.selected);
          Ajax.post('/supplierEvaluate/updateLCRequireValue',selected).then(function(response){
          var result=response.data;
          if(result.errorCode==0){
              self.getData();
              self.init();
              layer.msg('保存成功');
            }else {
              layer.msg(result.message);
            }
          });
        },
        skip:function(router){

          var self=this;
          self.MessageBox({
             title:'提示',
             message:'修改内容是否保存',
             type:'alert',
             showCancelButton: true
            },function(action){
              self.init();
             if(action=="confirm"){
                self.save();
                self.init();
             }
             self.$router.go({ 'path': '/'+rou});  
            })
        },
        init:function(){
          var self=this;
          self.editList=true;
          self.readonly=true;
          self.hide=false;
          self.ban=false;
        }
    },
     route :{
        activate: function () {
          this.getData();
        }, 
      },
    }
</script>