// 排队取消
<template>
  <div class="sale">
    <div class="top">
      <span>车牌号：</span>
      <el-input placeholder="请输入内容" class="input" v-model="inputText" clearable>
      </el-input>
      <el-button type="primary" class="btn" @click="onclick(0)">
        <i class="el-icon-search"></i>查询
      </el-button>
      <el-button type="primary" class="btn1" @click="onclick(1)">
        <i class="el-icon-plus"></i>新增排队取消
      </el-button>
    </div>
    <div class="tab">
      <dilTable v-bind.sync="option"></dilTable>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputText: "",
      option: {
        // 表格请求数据的地址
        requestUrl: "/api/v1/qms/getQueueCancel?apiId=131",
      },
    };
  },
  methods: {
    onclick(num) {
      if (num == 0) {
        this.option.requestUrl =
          "/api/v1/qms/getQueueCancel?apiId=131&con=" + this.inputText+"&i="+new Date();
      } else if (num == 1) {
        this.$router.push({
          path: "/addqueueFCancel",
        });
      }
    },
  },
};
</script>
<style lang="scss">
.sale {
  .top {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 40px;
  }
  .input{
    width: 250px;
    margin-right: 20px;
  }
  .btn1{
    margin-left: 20px;
  }
}
</style>