<template>
  <div class="container resource basic-message close-left-menu clearfix contaNEW">
      <div class="pop-banner clearfix">
        <div class="operate-btns">
          <a class="fbtn fb-refresh" @click="getData(true)">刷新</a>
          <a class="fbtn fb-add" v-link="{path:'/basicMessageForm/0'}" v-if="'/hospital/message:insertMsg' | myqx">添加</a>
        
        </div>
        <h3 class="current-module">消息平台</h3>
      </div>
      <!--basic-message-show start-->
      <div class="basic-message-search">
        <div class="pd-form fast-search-form">
          <div class="group-row"> 
            <div class="form-group">
              <!-- <label for="cn1" class="label">标题</label> -->
              <div class="control">
                <input type="text" v-model='search.search_LIKE_messagetitle' id="cn0" placeholder="标题" title="标题"> 
              </div>
            </div>
            <div class="form-group">
              <!-- <label class="label">发送部门</label> -->
              <div class="control">
                <input type="text" v-model='search.search_LIKE_hdeptname' 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="cn2" class="label">发送人</label> -->
              <div class="control">
                <input type="text" v-model='search.search_LIKE_sender' id="cn2" placeholder='发送人'> </div>
            </div>
          </div>
          <div class="group-row">
          <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(true)" >查 询</button>
          </div>
        </div>
      </div>
      <table class="itable itable-thead-13px">
        <thead id="t_header">
          <tr>
            <th class="w50">序号</th>
            <th class="w90" v-on:click="my_onorderby('messagetitle')">
            标题
              <span v-show="key=='messagetitle'">{{order==1?'↑':'↓'}}</span>
            </th>
            <th class="w150"  v-on:click="my_onorderby('sendtime')">发送时间
            <span v-show="key=='sendtime'">{{order==1?'↑':'↓'}}</span></th>
            <th class="w80">发起人</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 | orderBy key order ">
            <td>{{$index+1}}</td>
            <td>{{mList.messagetitle}}</td>
            <td>{{mList.sendtime | getYMD}} <br> {{mList.sendtime | getHMS}} </td>
            <td>{{mList.sender}}</td>
            <td>{{mList.hdeptname}}</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:'/basicMessageForm/'+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>
    </div>
</template>
<script>
module.exports={
  data: function(){
    return {
      msgList: [],
      msg:{},
      search: {
        pageSize: 50,
        page: 1,
        totalPages: 0,
        total:0,
        search_LIKE_messagetitle:'',
        search_LIKE_sender:'',
        search_GTE_sendtime:'',
        search_LTE_sendtime:'',
        search_LIKE_hdeptname:'',
        search_EQ_medguid :'',
      },//star 12-27
      key:'',order:1,ordershow:''
    };
  },
  methods: {
    getData: function(isfresh){
      var self = this; 
      if (isfresh) {
         self.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>