www-huanghe/modules/account/views/Import.html

<ion-view view-title="一键导入">
  <div class="bar bar-header" style="background-image: none;background-color: #3B8BD0;">
    <div class="button button-icon icon  pus_blue" ng-click="goback()"></div>
    <button class="button button-icon  icon goback whiteGoBack noneContent" ng-click="goback()"></button>
    <h1 class="bar_title" style="color: #fff">一键导入</h1>
  </div>
  <ion-content class="has-header" has-bouncing="false" scroll="true" delegate-handle="privateContent" style="max-width:20.5rem;margin: 0 auto">
   <div style="width: 100%;height: 63px">
     <div style="float: left">
       <select
         ng-model="selectedtypes"
         ng-change="handletypes(selectedtypes)"
         ng-options="x.modelName for x in types"
       style="height: 43px;margin: 10px;border: none;font-size: 20px">
       </select>
     </div>
      <div style="float: left;margin: 10px">
        <button class="button  button-balanced" style="min-height: 30px" ng-click="handleDownload(selectedtypes)">下载模板</button>
        <button class="button button-calm" style="min-height: 30px" ng-click="ImportFile()" ng-disabled="myCheck">导入文件</button>
        <input type="file" name="file" id="file" onchange="angular.element(this).scope().change()"  multiple="multiple"
               style="display:none"/>

      </div>
     <div>
       <span style="margin: 10px;float: left;font-size: 16px;line-height: 30px">{{filesName}}</span>
       <progress id="myProgress" value="0" max="100" style="width: 300px;height: 30px;margin: 10px;float: left" ng-show="myCheck"></progress>
       <span style="margin: 10px;float: left;font-size: 16px;line-height: 30px" id="myProgressval"></span>
     </div>
   </div>
    <div >
      <table class="table">
        <tr>
          <th >文件名</th>
          <th>日期</th>
          <th>操作</th>
        </tr>
        <tr ng-repeat="item in tableData">
          <td>{{ item.fileName }}</td>
          <td>{{ item.updatetime }}</td>
          <td>
            <button class="button  button-balanced " style="line-height: 25px;min-height: 30px" ng-click="ImportEdit(1,item)">查看</button>
<!--            <button class="button button-assertive" style="line-height: 25px;min-height: 30px" ng-click="ImportEdit(2,item )" >编辑</button>-->
          </td>
        </tr>
      </table>
    </div>
    <ion-infinite-scroll
      immediate-check="false"
      on-infinite="loadMore()"
      ng-if="!nomore"
      distance="1%">
    </ion-infinite-scroll>
    <div class="emptyDiscussDatelistWrap" style="top:15px;" ng-if="nomore">
      <p class="empty_p" ng-if="defaultLan == 'Chinese'">亲，没有更多了哦~</p>
      <p class="empty_p" ng-if="defaultLan == 'English'">Dear,no more~</p>
    </div>
  </ion-content>
  <div ng-if="isWechat" ng-show="showMessage" class="container">
    <div class="message-box">{{messageTitle}}</div>
  </div>
</ion-view>
<style>
  #boxx{
    width: 300px;
    height: 300px;
    border:1px dashed #000;
    position:absolute;
    top: 50%;
    left: 50%;
    margin:-150px 0 0 -150px;
    text-align:center;
    font:20px/300px '微软雅黑';
    /*display:none;*/
  }
  .ng-hide {
    height: 0;
    width: 0;
    background-color: transparent;
    top:-200px;
    left: 200px;
  }
  .popup-container .popup{
    max-width: 850px!important;
  }
  .popup-container .popup .popup-body{
    max-height: 500px;
    overflow-y: auto;
  }
</style>