<template>
	<div class="container resource close-left-menu contaNEW">
      <div class="pop-banner clearfix">
        <!-- <div class="operate-btns">
          <a href="basic-message-form.html" class="fbtn fb-add">添加</a>
        </div> -->
        <h3 class="current-module">月度计划</h3>{{dual}}
      </div>
      <!--purchase-month-plan start-->
      <div class="purchase-month-plan">
        <div class="pd-form fast-search-form">
          <div class="group-row">
            <div class="form-group form-label">
              <!-- <label for="cn1" class="label">计划单号</label> -->
              <div class="control">
                <input type="text" id="cn133" maxlength="17" v-rule v-model='search.search_LIKE_billno' placeholder="计划单号" title='计划单号'></div>
            </div>
            <div class="form-group form-label">
             <!--  <label class="label">供应商</label> -->
              <textsearchplan :value.sync="search.search_LIKE_entrpname"
              v-bind:url="'/util/listHospitalSupplierDropBox'"
              v-bind:class="'control control-hint'"
              v-bind:medguid="medguid"
              v-bind:width="'461px'" defaulttxt="供应商"
              v-bind:guid.sync="search.search_EQ_entrpguid" v-bind:maxlength="20">
              </textsearchplan>
            </div>
          </div>
          <div class="group-row">
            <div class="form-group form-label">
              <!-- <label for="cn3" class="label">录入日期</label> -->
              <div class="control control-date" style="height:34px;overflow: inherit;">
                <div style="width:44%;float:left;">
                  <datepicker :target.sync="search.search_GTE_inputdate" placeholder='录入开始日期'
                   styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;"></datepicker>
                </div>
                <span class="text-and">—</span>
                <div style="width:48%;float:left;">
                  <datepicker :target.sync="search.search_LTE_inputdate" placeholder='录入结束日期'
                  styleobj="width:100% !important;border-radius:0px 8px 8px 0px !important;"></datepicker>
                </div>
              </div>
            </div>
            <div class="form-group form_group_state">
              <label class="label">业务状态</label>
              <div class="control control-filtering  control-filtering-green fl">
                <a href="javascript:;"
                  class="option"
                  :class="{'all active':search.search_EQ_billstate==''}"
                @click="search.search_EQ_billstate=''">全部</a>
                <a href="javascript:;"
                   class="option"
                  :class="{'all active':search.search_EQ_billstate=='N'}"
                 @click="search.search_EQ_billstate='N'">待提交</a>
                <a href="javascript:;"
                  class="option"
                  :class="{'all active':search.search_EQ_billstate=='Y'}"
                 @click="search.search_EQ_billstate='Y'">已提交</a>
              </div>
            </div>
        </div>
          <!--   v-if="authoritySetting.oneSearchFlag"-->
          <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 class="m-20-0" v-if="listTrplanperiod.length && listTrplanperiod[0].billstate == ctns.ppbillstaten">
          <a class="btn-d btn-d-lg btn-d-activate btn-d-circle" v-link="{ path: '/purchaseMonthPlanStep' }"
          v-if="'/hospital/purchaseMonthPlan:saveMonthPlanReuniteVO' | myqx (authoritySetting.oneMakeMonthPlanFlag)">提交月度计划</a>
        </div>
        <div class="m-20-0" v-else>
          <a class="btn button-green" v-link="{ path: '/purchaseMonthPlanStep' }"  v-if="'/hospital/purchaseMonthPlan:saveMonthPlanReuniteVO' | myqx (authoritySetting.oneMakeMonthPlanFlag)">制定月度计划</a>
        </div>

        <table class="itable itable-thead-13px">
          <thead id="t_header">
            <tr>
              <th class="w50">序号</th>
              <th class="w90">计划单号</th>
              <th class="w160">供应商</th>
              <th class="w80">计划月份</th>
              <th class="w90">明细条数</th>
              <th class="w100">汇总金额(元)</th>
              <th class="w90">录入员</th>
              <th class="w100">录入日期</th>
              <th class="w70">状态</th>
              <th class="w70">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="trplanperiod in listTrplanperiod">
              <td>{{ $index + 1 }}</td>
              <td class="t-left pr10">{{ trplanperiod.billno }}</td>
              <td class="t-left pr10">{{ trplanperiod.entrpname }}</td>
              <td>{{ trplanperiod.planperiod }}</td>
              <td>{{ trplanperiod.detailrecordsum }}</td>
              <td class="t-right pr10">{{ trplanperiod.detailmoneysum | numDigit 2}}</td>
              <td >{{ trplanperiod.operatername }}</td>
              <td>
                {{ trplanperiod.inputdate | getYMD }}
                <br>
                {{ trplanperiod.inputdate | getHMS }}
              </td>
              <td >
               <span  v-if="trplanperiod.billstate=='Y' ">已提交</span>
                <span class="text-color-red" v-if="trplanperiod.billstate=='N' ">待提交</span>

              </td>

              <td class="pt9">
              <!-- v-if="authoritySetting.twoDetailFlag" -->
                <a class="btn button-green" v-link="{ path: '/purchaseMonthPlanView/' + trplanperiod.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>
      <!--purchase-month-plan end-->
    </div>
</template>
<script>
/*
author:qiaom
day:2016-8-01
月度计划查询
*/
module.exports={
  data: function(){
    return {
      medguid: '',
      listTrplanperiod: [],
      supplierList: [],
      search: {
        pageSize: 50,
        page: 1,
        totalPages: 0,
        total: 0,
        search_LIKE_billno: '',
        search_EQ_entrpguid: '',
        search_GTE_inputdate: '',
        search_LTE_inputdate: '',
        search_EQ_billstate: '',
        search_EQ_medguid: '',
        search_LIKE_entrpname:''
      },
      parameter:{
        pageSize: 50,
        page: 1,
        totalPages: 0,
        total: 0,
        parameter_LIKE_entrpname:'',
      },
      authoritySetting: {
          oneSearchFlag:true,
          oneMakeMonthPlanFlag:true,
          twoDetailFlag:true,
      },
    };
  },
  computed: {
      dual: function () {
        var self = this;
        var curMenuRole = this.$store.state.user.curMenuRole;
        self.medguid = this.$store.state.user.curUser.medguid;

        if (self.medguid !=undefined && self.medguid !=null) {
        if (curMenuRole!=undefined && curMenuRole!=null) {
            for (var i=0;i<curMenuRole.length;i++) {
                if(curMenuRole[i].menu != null) {
                    if (curMenuRole[i].menu.name.trim() == '月度计划') {
                        for (var j=0;j<curMenuRole[i].buttonList.length;j++) {
                             var name = curMenuRole[i].buttonList[j].name.trim();
                             var isValid = curMenuRole[i].buttonList[j].isvalid;
                             var level = curMenuRole[i].buttonList[j].level;

                             // 一级菜单设置
                             if (!self.authoritySetting.oneSearchFlag && level=='1' && name =='查询' && isValid=='y') {
                                self.authoritySetting.oneSearchFlag = true;
                             }
                             if (!self.authoritySetting.oneMakeMonthPlanFlag && level=='1' && name =='制定月度计划' && isValid=='y') {
                                self.authoritySetting.oneMakeMonthPlanFlag = true;
                             }
                             // 二级菜单设置
                            if (!self.authoritySetting.twoDetailFlag && level=='2' && name =='详细' && isValid=='y') {
                                self.authoritySetting.twoDetailFlag = true;
                             }
                         }
                       break;
                    }
                }
            }
        }
        }
        return '';
      }
    },
  methods: {
    //月度计划列表查询
    getData: function(falg){
      var self = this;
      if(falg){
        self.search.page = 1;
      }
      self.search.search_EQ_medguid = self.medguid;
      Ajax.get('/monthPlan/listTrplanperiod', this.search)
        .then(function (response){
          var data = response.data;
          if(data.errorCode == 0){
            self.$set('listTrplanperiod',data.data.list);
            self.search.totalPages = data.data.totalPages;
            self.search.total = data.data.total;
          }else{
            layer.msg(data.message);
          }
      })
    },
  },
  route:{
    activate : function(){
      this.getData();
    }
  },
  watch:{
    'search.search_EQ_billstate':function(){
      this.getData();
    }
  }
};
</script>