<!--出库登录：列表-->
<template>
  <div>
    <div class="container resource close-left-menu">
      <div class="pop-banner clearfix">
        <div class="operate-btns">
          <a v-on:click="downModel"  class="fbtn fb-download">导出模板</a>
           <upload-excel :class="['fbtn fb-upload']" 
            :tag="tagType" 
            :type="fileType" 
            :label="fileLabel"
            :exceltype="supaccountImpl"
            v-on:file-change="getBackTips"
             style='vertical-align: top;'></upload-excel>
          <a href="javascript:void(0)" class="fbtn fb-save" @click='save'>保存</a>
        </div>
        <h3 class="current-module">供应商账户</h3>
      </div>
      <!--start-->
      <div class="operation-list clearfix">
        <div class="search-result mt-0">
          <div class="statistics">
            您共有 <em>{{mfsuppliers.length}}</em>
            家供应商，有 <em>{{mfSupplierStaffSum}}</em>
            个供应商账户
          </div>
        </div>
        <div>
          <!--滚动--> 
          <!-- v-for="med in medList" -->
          <div class="ctable ct-parent mb-40" >
            <div class="ct-row table-no-border active" v-for='item in mfsuppliers'>
              <div class="operation-list-top clearfix">
                <div class="unit-img fl">
                  <h3>{{item.chinesename}}</h3>
                </div>
              </div>
              <div class="row-launch mb-20">
                <table class="itable itable-td-long-text itable-thead-13px">
                  <thead>
                    <tr>
                      <th class="w200">联系人</th>
                      <th class="w200">联系电话</th>
                      <th class="w300">详细地址</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr class="txt_v" :bind='ind=$index'>
                      <td>{{item.contacts}}</td>
                      <td>{{item.contacttel}}</td>
                      <td>{{item.address}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="row-launch">
                <table class="itable itable-td-long-text itable-thead-13px">
                  <thead>
                    <tr>
                      <th class="w50">序号</th>
                      <th class="w80">是否是管理员</th>
                      <th class="w60">姓名</th>
                      <th class="w70">性别</th>
                      <th class="w100">登录账户</th>
                      <th class="w80">密码</th>
                      <th class="w80">手机号</th>
                      <th class="w160">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td colspan="20" v-if="item.mfsupplierstaffs==null || item.mfsupplierstaffs.length==0">
                        暂无符合条件的记录
                      </td>
                    </tr>
                    <tr class="txt_v" v-for='item2 in item.mfsupplierstaffs'>
                      <td>{{$index+1}}</td>
                      <td>{{item2.roletype=='1'?'是':'否'}}</td>
                      <td>{{item2.realname}}</td>
                      <td>{{item2.sex==1?'男':'女'}}</td>
                      <td>{{item2.logonuser}}</td>
                      <td>{{item2.pwd}}</td>
                      <td>{{item2.mobiletel1}}</td>
                      <td>
                          <a class="btn button-red p-lr-10" @click='remove(item2.supplierstaffguid,item,ind,item2,$index)'>删除</a>  
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="modal " :class="backMessage.showDialog=='Y'?'':'hide'">
        <div class="container resource">
          <div class="audit-detail" style="width:540px;">
            <span class="close-win"  v-on:click="closeDialog()"></span>
              <div class="sdiv-9-9b">            
                <a class="btn button-green mar-none" href="javascript:;">导入信息提示</a>
              </div>
            <div class="status-process wbe-0 clearfix pd20" style="padding-top:0px;">
              <div class="sp-head sp-headb" v-for="m in backMessage.mList">
                <span class="sp-col w300"  >
                  <span class="control radio-control ">
                    <span>{{m}}</span>
                  </span>
                </span>
              </div>
            </div> 
           <div class="sdiv9-9">
              <button v-on:click="closeDialog()" class="btn button-red mar-none">关闭</button>
           </div>   
          </div>
        </div>
      </div>
  </div>
  <!--     <div class="modal" :class="backMessage.modal=='Y'?'':'hide'">
        <div class="container resource">
          <div class="audit-detail mt-50" style="width:200px;margin:0 auto;">
            <span class="close-win"  v-on:click="closeDialog()"></span>
              <div class="sdiv-9-9b">            
                <a class="btn button-green mar-none" href="javascript:;">导入信息提示</a>
              </div>
            <div class="status-process wbe-0 clearfix pd20 mr-10" style="padding-top:0px;height: 200px;overflow: auto;">
              <div class="sp-head sp-headb" v-for="m in backMessage.list">
                <span class="sp-col w300"  >
                  <span class="control radio-control ">
                    <span>{{m}}</span>
                  </span>
                </span>
              </div>
                       
            </div> 
            <div class="sdiv9-9" style='margin:0px 20px;'>
                <button v-on:click="closeDialog()" class="btn button-red mar-none mr-10">关闭</button>
            </div> 
          </div>
        </div>
      </div> -->
  </template>
  <script>
    module.exports = {
      data: function () {
        return {
          fileType:'file',
          tagType:'a',
          fileLabel:'批量导入账户',
          supaccountImpl:'supaccountImpl',
          // 明细数据
          medList: [],
          // 订单总数量
          totalNum:0,
          billno:'',
          mfsuppliers:[],
          backMessage:{
            showDialog:'N'
          },
          mfSupplierStaffSum:0
          
        };
      },
      methods: {
        // 清空临时表数据
        getData:function(){
          var self = this;
          self.totalNum = 0;
          self.$set('mfsuppliers',[]); 
          self.mfSupplierStaffSum = 0;
          Ajax.post('/manageaccount/delmfsuppliertempAll')
            .then(function (response){
              var data = response.data.data;
          })
        },
        // 下载模版
        downModel:function(){
          var self = this;
          window.open ('https://obs.cn-north-1.myhwclouds.com/csylcloud-file/templet/SupAccountImpl.xls');        
        },
        // 导入账户
        getBackTips: function (data) {
          var self = this;
            if(data.mfsuppliers.length>=0){
              self.mfsuppliers = data.mfsuppliers;
              }
            if(data.resList.length!=0){
              // 返回信息
              self.$set('backMessage.showDialog','Y'); 
              self.$set('backMessage.mList',data.resList);
              self.$set('mfSupplierStaffSum',data.mfSupplierStaffSum); 
              return ;
             }
        },
        closeDialog:function(){
            this.$set('backMessage.showDialog','N'); 
            this.$set('backMessage.mList',[]); 
            window.location.reload();
            // this.$set('backMessage.modal','N');
          },
        remove:function(guid,item,index,item2,index2){
          var self = this;
          self.MessageBox({
          title:'提示',
          message:'是否删除',
          type:'alert',
          showCancelButton: true
          },function(action){
           if(action=='confirm'){
              Ajax.post('/manageaccount/delMfsuppliertemp',{'medstaffguid':guid,'mfSupplierStaffSum':self.mfSupplierStaffSum})
              .then(function (response){
                var data = response.data.data;
                if(response.data.errorCode==0){
                    layer.msg('删除成功');
                   for(var a=0;a<item.mfsupplierstaffs.length;a++){
                      if(item.mfsupplierstaffs[a].supplierstaffguid==guid){
                        
                        self.mfsuppliers[index].mfsupplierstaffs.splice( index2,1)
                        self.$set('mfsuppliers',self.mfsuppliers);
                        self.$set('mfSupplierStaffSum',response.data.data);
                        break;
                      }
                   }
                }else{
                    layer.msg('删除失败');
                }
              })
           }
          })
        },
        save:function(){
          var self = this;
            Ajax.post('/manageaccount/insertmfsupplie')
            .then(function (response){
              var data = response.data.data;
               if(response.data.errorCode==0){
                   layer.msg('保存成功');
                 }else{
                   layer.msg(response.data.message);
                 }
          })
        }
      },
      route: {
        activate: function () {
          this.getData();
        }
      },
    };
  </script>