<template>
<div class="container resource" style="min-height: 896px;">
  <div class="pop-banner clearfix">{{dual}}
      <form class="search-bar" @submit.prevent="getDataForBase(true)">
      <div class="search-btn"  >
        <input type="submit" value="搜索" > 
      </div>
      <input type="text" v-model="search.search_LIKE_name" placeholder="输入关键字" style="color: #373737;" v-rule> 
    </form>
        <div class="operate-btns">
           <a href="javascript:void(0)" class="fbtn fb-refresh" @click="getDataForBase">刷新</a>
          <a href="javascript:;" class="fbtn fb-add"  v-if="disabledAdd " @click="addNewdictionarypack">添加</a>
          <a href="javascript:;" class="fbtn fb-add"   v-if="!disabledAdd ">添加</a>
        
         <a href="javascript:;" class="fbtn fb-save" @click="save"  v-if="'/operator/dataadmin:saveIndexlicense'  | myqx !disabled ">保存</a>
          <a href="javascript:;" class="fbtn fb-save"  style="color:#DCDCDC" v-if="'/operator/dataadmin:saveIndexlicense'  | myqx disabled " >保存</a>


        </div>
        <h3 class="current-module">证照字典</h3>
      </div>
  <table class="itable itable-thead-13px itable-bordertop">
    <thead>
      <tr>
        <th class="w140">序号</th>
        <th class="w180">证照编号</th>
        <th class="w200">证照名称</th>
        <th class="w240">证照类型</th>
        <th class="w90">到期提醒天数</th>
        <th class="" style="min-width:60px;">操作</th>
      </tr>
    </thead>
    <tbody >  
      <tr   v-for=" (index, licenseClass)  in  listIndexlicense" >
        <td>{{index > 8 ? '' : '0'}}{{index+1}}</td>
        <td v-if="mofity[index]">{{licenseClass.code}}</td>
        <td v-else><input type="text" v-model="licenseClass.code" placeholder="请输入证照编码"></td>

        <td v-if="mofity[index]">{{licenseClass.name}}</td>
        <td v-else><input type="text" v-model="licenseClass.name" placeholder="请输入证照名称"></td>

        <td v-if="mofity[index]">{{licenseClass.licensetype |  licensetype}}</td>
        <td v-else><select-ui :list="state" v-model="licenseClass.licensetype | licensetype"  placeholder="请输入证照类型" ></select-ui></td>

        <td v-if="mofity[index]">{{licenseClass.expreminderdays}}</td>
        <td v-else><input type="text" v-model="licenseClass.expreminderdays" placeholder="请输入天数"></td>

       <td><a  class="btn-d btn-d-blue"  @click="mofityLicense(index)">修改</a>
          <a class="btn-d btn-d-red"  v-if="'/operator/dictionary:deleteIndexlicense' | myqx "  @click="deleteIndexlicense(index)">删除</a></td>
       </tr>      
        <tr v-if="showInput" class="hide">
        <td></td>
        <td colspan="1" class="td-name hide "><input type="text" v-model="licenseClass.code" placeholder="请输入证照编码"></td>
        <td colspan="1" class="td-name hide"><input type="text" v-model="licenseClass.name" placeholder="请输入证照名称"></td>
        <td colspan="1" class="td-name hide"><select-ui :list="state" v-model="licenseClass.licensetype   "  placeholder="请输入证照类型" ></select-ui>
        </td>
        <td colspan="1" class="td-name hide" ><input type="text" v-model="licenseClass.expreminderdays" placeholder="请输入天数"></td>
        <td></td>
      </tr>
    </tbody>
  </table> 
    <pagination 
   @page-change="getDataForBase" 
   :class="['m-20-0']"
   :page-no.sync="search.page" 
   :total-pages.sync="search.totalPages"></pagination>
</div>
</template>
<script>
module.exports={
  data: function(){
    return {
      readonly:"disabled",
      disabled:false,
    state: [{
        value: "1",
        label: "营业执照"
      }, {
        value: "2",
        label: "税务登记证"
      }, {
        value: "3",
        label: "组织机构代码证"
      },{
        value: "4",
        label: "生产许可证"
      }, {
        value: "5",
        label: "经营许可证"
            }],

      //基本资料
      listIndexlicense: [],
      // 修改用
      mofity:[],
      //基本资料下拉列表值
      dictionaryTypeList:  [{
        value: "",
        label: ""
      }],
      //证照
      dictionarycardList: [],
      search: {
        pageSize: 10,
        page: 1,
        totalPages: 0,
        search_LIKE_name: '', 
      },
      searchcard: {
        pageSize: 10,
        page: 1,
        totalPages: 0,
        searchcard_LIKE_name: '',
        searchcard_LIKE_number: '',
        searchcard_EQ_operatorDictionaryId: '',
      },
      // 正在编辑的行
      disabledAdd:true,
      disabledSave:false,
      showInput:false,
      licenseClassRS:'',
      number:[],
      licenseClass:{
        licenseList:[],
      },

      licenseClass1:{
          number:'',
          name:'',
          code:'',
      },
      dictionaryCard:{
        number:'',
        name:'',
        operatorDictionary:'',
      },
 
    };
  },
 
  methods: {
    getDataForBase: function(isRefresh){
      var self = this;
      //基本资料查询方法
      if(isRefresh) {
        this.search.page = 1;
      }
      Ajax.get('/dictionary/listIndexlicense', this.search)
        .then(function (response){
          var data = response.data.data;
          self.$set('listIndexlicense',data.list);
           for (var i = 0;i < data.list.length; i++) {
              self.mofity.push(true);
          }
          self.search.totalPages = data.totalPages;
        })
       self.$set('disabledAdd',true);
       self.$set('disabledSave',false);
      },

   
  save: function () {
      var self = this;
      self.licenseClass.licenseList = [];
      for (var i = 0; i < self.number.length; i++) {
        self.licenseClass.licenseList.push(self.listIndexlicense[self.number[i]]);
      }
    Ajax.post('/dictionary/saveIndexlicense',self.licenseClass)
          .then(function (response) {
            var data = response.data.data;
       if (response.data.errorCode == 0) {
              layer.msg('保存成功！')
              
            } else {
              layer.msg(response.data.message)
            } 
            self.getDataForBase();
        });
          self.$set('showInput',false);
    },  
     
    // 删除
    deleteIndexlicense: function (index) {
        var self = this;
        var code = self.listIndexlicense[index].code;
         Ajax.post('/dictionary/deleteIndexlicense/' + code)
          .then(function (response) {
              
            self.MessageBox({title:'提示', message:'删除成功', type: 'alert'},function(action){
                self.getDataForBase();
          
            })
        });
      },
      mofityLicense : function (index) {
        var self = this;
        self.$set('mofity[' + index + ']',false);
        self.$set('disabledSave',true);
        self.number.push(index);
      },


    //证照添加
 addNewdictionarypack: function () {
      var self = this;
      this.listIndexlicense.push({});
     
      self.number.push(this.listIndexlicense.length - 1);
      self.$set('disabledAdd',false);
      self.$set('disabledSave',true);
      self.$set('showInput',true);
    },
   
   },

    route:{
      activate : function(){
        this.getDataForBase(); 
      }
    }

};
</script>