<template>
  <div class="container resource basic-message">
      <div class="pop-banner clearfix">
        <div class="operate-btns">
          <a v-link="{path:'/message/detail/0'}" v-if="'/distributor/message:insertMsg' | myqx" class="fbtn fb-add">添加</a>
        </div>
        <h3 class="current-module">消息平台</h3>
      </div>
      <!--basic-message start-->
      <div class="basic-message-search">
        <div class="pd-form fast-search-form">
          <div class="group-row">
            <div class="form-group">
 
                <div class="control">
                <input type="text" v-model='search.search_LIKE_messagetitle' id="cn0" placeholder="标题" title="标题"> 
              </div>
            </div>
            <div class="form-group"> 
              <div class="control">
                <input type="text" v-model='search.search_LIKE_sender' id="cn1" placeholder="发送人" title="发送人"> </div>
            </div> 
          </div>
          <div class="group-row">
            <div class="form-group">
            <!-- <label for="cn3" class="label">发送时间</label> -->
              <div class="control control-date" style="height:34px;overflow: inherit;">
                <div style="width: 42%;float: left">
                  <datepicker :target.sync="search.search_GTE_sendtime" :readonly="readonlyFlag" placeholder='发送时间' styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;"></datepicker>
                </div>
                <span class="text-and" style="width: 45px;height:32px;background: white;">至</span>
                <div style="width: 48%;float: left;">
                  <datepicker :target.sync="search.search_LTE_sendtime" :readonly="readonlyFlag"  styleobj="width:100% !important;border-radius:0px 8px 8px 0px !important;"></datepicker>
                </div>
              </div>
            </div>


<!--             <div class="form-group">
              <label for="cn3" class="label">发送时间</label>
              <div class="control control-date">
                <div style="width: 42%;float: left">
                <datepicker :target.sync="search.search_GTE_sendtime" :readonly="readonlyFlag"></datepicker>
                </div>
                <span style="width: 45px" class="text-and">至</span>
                <div style="width: 42%;float: right;">
                <datepicker :target.sync="search.search_LTE_sendtime" :readonly="readonlyFlag"></datepicker>
                </div>
              </div>
            </div>   -->    
          </div>
          <div class="group-row t-right">
            <button class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle" @click="getData">查 询</button>
          </div>
        </div>
      </div>
      <table class="itable itable-thead-13px">
        <thead>
          <tr>
            <th class="w50">序号</th>
            <th class="w90">标题</th>
            <th class="w150">发送时间</th>
            <th class="w80">发起人</th>
            <th class="w70">站内通知</th>
            <th class="w50">短信</th>
            <th class="w50">APP</th>
            <th class="w50">微信</th>
            <th class="w50">邮件</th>
            <th class="w50">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr v-if="msgList==null || msgList.length==0" >
              <td colspan="20">暂无符合条件的记录</td>
          </tr>
          <tr v-for="mList in msgList">
            <td>{{$index+1}}</td>
            <td>{{mList.messagetitle}}</td>
            <td>{{mList.sendtime}}</td>
            <td>{{mList.sender}}</td>
            <td>{{mList.isinstation=='Y'?'是':'否'}}</td>
            <td>{{mList.issms=='Y'?'是':'否'}}</td>
            <td>{{mList.isapp=='Y'?'是':'否'}}</td>
            <td>{{mList.iswebchat=='Y'?'是':'否'}}</td>
            <td>{{mList.isemail=='Y'?'是':'否'}}</td>
            <td>
              <a class="btn button-green" v-link="{path:'/message/detail/'+mList.guid}">明细</a>
            </td>
          </tr>
        </tbody>
      </table>
      <div class="pagination m-20-0">
        <em class="page">明细条目数【{{ search.total }}】</em>
        <pagination 
           @page-change="getData" 
           :class="['m-20-0']"
           :page-no.sync="search.page" 
           :total-pages.sync="search.totalPages"></pagination>
      </div>
      <!--basic-message end-->
    </div>
</template>
<script>
module.exports={
  data: function(){
    return {
      msgList: [],
      msg:{},
      search: {
        pageSize: 10,
        page: 1,
        totalPages: 0,
        total:0,
        search_LIKE_messagetitle:'',
        search_LIKE_sender:'',
        search_GTE_sendtime:'',
        search_LTE_sendtime:'',
        total:0
      }
    };
  },
  methods: {
    getData: function(isRefresh){
      var self = this;
      if(isRefresh) {
        this.search.page = 1;
      }    
      Ajax.get('/message', this.search)
        .then(function (response){        
          var data = response.data.data;
          self.$set('msgList',data.list);
          self.search.totalPages = data.totalPages;
          self.search.total = data.total;
        })
    }
  },
  route:{
    activate : function(){
      this.getData();
    }
  }
};
</script>