<template>
  <div id='app' >
    <criteria-paged :model="model" :pager='false'>
      <criteria partial='criteria' @condition-changed='search'>
        <div novalidate class="form-inline auto" partial>
          <div class="form-group">
            <label for="startDate">开始日期:</label>
            <datepicker id="startDate" placeholder="开始日期"
                        v-model="model.startDate"
                        :value.sync="model.startDate"
                        :disabled-days-of-Week="[]"
                        :format="'yyyy-MM-dd'"
                        :show-reset-button="reset">
            </datepicker>
            <label for="endDate">结束日期:</label>
            <datepicker id="endDate" placeholder="结束日期"
                        v-model="model.endDate"
                        :value.sync="model.endDate"
                        :disabled-days-of-Week="[]"
                        :format="'yyyy-MM-dd'"
                        :show-reset-button="reset">
            </datepicker>
            <label for="operator" class="control-label">操作员</label>
            <v-select :value.sync="model.operator" v-model="model.operator"
                      :options='$parent.$parent.operator' placeholder='操作员'
                      default-value="['']"
                      close-on-select></v-select>
            <button class="btn btn-default" @click="search()">查询</button>
            <report-print id='shexian' top='1cm' left='1cm' width='100%' height='100%'></report-print>
            <report-excel id='shexian'></report-excel>
          </div>
        </div>
      </criteria>
      <div partial='list' id='shexian'>
        <table class='tableprint' style="margin: 0px auto">
          <thead>
          <tr>
            <th colspan='5' style="font-weight: normal; text-align: left;">
              <h3 style="text-align: center">长安热线统计报表</h3>
            </th>
          </tr>
          <tr>
            <th colspan='5' style="font-weight: normal; text-align: center;">
              开始时间：{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
              结束时间：{{ model.model.endDate }}
              操作员：{{this.model.operator[0]}}
            </th>
          </tr>
          </thead>
          <tr>
            <th  colspan='5' style="font-weight: normal;">
              {{{ model.data.substring(26,model.data.length-8) }}}
            </th>
          </tr>
        </table>
      </div>
    </criteria-paged>
  </div>
</template>

<script>
  import { DataModel } from 'vue-client'
  export default {
    title: '长安热线统计报表',
    data () {
      return {
        model: new DataModel('rs/report/getRexian',{startDate: 'this.model.startDate', endDate: 'this.model.endDate',operator:'this.model.operator[0]'})
      }
    },
    computed: {
      // outlets () {
      //   return [{label: '全部', value: ''}, ...AppData.getParam('营业网点')]
      // },
      operator () {
        return [{label: '全部', value: ''}, ...AppData.getParam('操作员')]
      }
    }
  }
</script>
