queueFIssue.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. // 指令下发
  2. <template>
  3. <div class="sale">
  4. <div class="top">
  5. <span>车牌号:</span>
  6. <el-input
  7. placeholder="请输入内容"
  8. v-model="inputText"
  9. class="input"
  10. clearable>
  11. </el-input>
  12. <el-button type="primary" class="btn" @click="onclick">
  13. <i class="el-icon-search"></i>查询
  14. </el-button>
  15. </div>
  16. <div class="tab">
  17. <dilTable v-bind.sync="option"></dilTable>
  18. </div>
  19. </div>
  20. </template>
  21. <script>
  22. export default {
  23. data(){
  24. return{
  25. inputText:'',
  26. option: {
  27. // 表格请求数据的地址
  28. requestUrl: "/api/v1/qms/getQueueApply?apiId=127",
  29. },
  30. }
  31. },
  32. methods:{
  33. onclick(){
  34. this.option.requestUrl = "/api/v1/qms/getQueueApply?apiId=127&con="+this.inputText+"&i="+new Date();
  35. }
  36. }
  37. }
  38. </script>
  39. <style lang="scss" scoped>
  40. .sale{
  41. .top{
  42. width: 100%;height: 80px;
  43. display: flex;
  44. align-items: center;
  45. padding-left: 40px;
  46. }
  47. .input{
  48. width: 250px;
  49. margin-right: 20px;
  50. }
  51. }
  52. </style>