<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<style>
  .head {
    background-color: aquamarine;
    line-height: 30px;
  }

  .el-dropdown-link {
    cursor: pointer;
    color: #409EFF;
  }

  .el-icon-arrow-down {
    font-size: 12px;
  }

  .el-dropdown {
    padding-right: 30px;
  }
</style>

<body>
  <div id="app">
    <div class="head">
      <el-row class="block-col-2">
        <el-col :span="12">
          <el-dropdown trigger="click">
            <span class="el-dropdown-link">
              订单一览表<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item icon="el-icon-plus"><a href="/index">订单一览表</a></el-dropdown-item>
              <el-dropdown-item icon="el-icon-circle-plus">已结案订单</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
          <el-dropdown trigger="click">
            <span class="el-dropdown-link">
              月度产能评估表<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item icon="el-icon-plus">汇总分析</el-dropdown-item>
              <el-dropdown-item icon="el-icon-circle-plus">订单完成情况</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </el-col>
      </el-row>
    </div>
    <div class="filter">
      <div class="container ">
        <label>
          <template>
            <span class="demonstration">开始时间</span>
            <el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期"
              :picker-options="pickerOptions">
            </el-date-picker>
          </template></label>
        <label>结束时间：
          <input type='date' class="input" v-model="sh_time" /></label>
        <label>客户：
          <input type='text' class="input" v-model="cus_no" /></label>
        <label>结案否：
          <select>
            <option value="1">全部</option>
            <option value="2">结案</option>
            <option value="3">未结案</option>
          </select>
          <!-- <input type='checkbox' v-model="cls_id" /> -->
        </label>
        <label>是否回复：
          <select>
            <option value="1">全部</option>
            <option value="2">已回复</option>
            <option value="3">未回复</option>
          </select>
        </label>
        <label>排序：
          <select>
            <option value="1">类别</option>
            <option value="2">客户</option>
            <option value="3">回复交期</option>
          </select>
        </label>
        <label class="save" @click="seek()"><button>确定查询</button></label>
      </div>
    </div>
    <div class="container">
      内容
    </div>
  </div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script>
  new Vue({
    el: '#app',
    data: {
      options: [{
        value: '选项1',
        label: '黄金糕'
      }, {
        value: '选项2',
        label: '双皮奶'
      }, {
        value: '选项3',
        label: '蚵仔煎'
      }, {
        value: '选项4',
        label: '龙须面'
      }, {
        value: '选项5',
        label: '北京烤鸭'
      }],
      value: ''
    },
    match: {
      data() {
        return {
          pickerOptions: {
            disabledDate(time) {
              return time.getTime() > Date.now();
            },
            shortcuts: [{
              text: '今天',
              onClick(picker) {
                picker.$emit('pick', new Date());
              }
            }, {
              text: '昨天',
              onClick(picker) {
                const date = new Date();
                date.setTime(date.getTime() - 3600 * 1000 * 24);
                picker.$emit('pick', date);
              }
            }, {
              text: '一周前',
              onClick(picker) {
                const date = new Date();
                date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                picker.$emit('pick', date);
              }
            }]
          },
          value1: '',
          value2: '',
        };
      },
    }
  })
</script>
<!-- <script src="/static/js/time1.js"></script> -->

</html>