ll

liukangdong

2024-09-24 e1c24d5ac92e89b214efe5a313b31459ddab537f

 admin/src/views/platform/components/PlatformQueuing.vue

@@ -1,18 +1,10 @@
<template>
  <GlobalWindow
    :title="'月台叫号-'+title"
    :visible.sync="isShowModal"
    :showConfirm="false"
    width="800px"
  >
  <GlobalWindow :title="callType == 1 ? '叫号入园-' + title : '月台叫号-' + title" :visible.sync="isShowModal"
    :showConfirm="false" width="800px">
    <div class="queuing_modal">
      <div class="df_ac mb20">
        <span>搜索车辆：</span>
        <el-input
          class="flex1 mr20"
          v-model="carCodeFront"
          placeholder="请输入车牌号"
        ></el-input>
        <el-input class="flex1 mr20" v-model="carCodeFront" placeholder="请输入车牌号"></el-input>
        <el-button type="primary" @click="getList">查找</el-button>
        <el-button @click="reset">重置</el-button>
      </div>
@@ -34,7 +26,7 @@
            </div>
            <div v-else class="ite">
              <span>运输单号：</span>
              <span>{{ item.code }}</span>
              <span>{{ item.billCode }}</span>
            </div>
            <div class="ite">
              <span>驾驶员：</span>
@@ -60,11 +52,7 @@
          </div>
        </div>
      </div>
      <pagination
        @size-change="handleSizeChange"
        @current-change="handlePageChange"
        :pagination="pagination"
      >
      <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="pagination">
      </pagination>
    </div>
  </GlobalWindow>
@@ -73,7 +61,7 @@
<script>
import GlobalWindow from '@/components/common/GlobalWindow'
import Pagination from '@/components/common/Pagination'
import { platformCallList, platformCallNumber } from '@/api'
import { platformCallList, platformCallNumber, platformInPark } from '@/api'
import { statusMap } from '../config'
import { Message } from 'element-ui'
export default {
@@ -93,6 +81,7 @@
      },
      carCodeFront: '',
      title: '',
      callType: '1',
      activePlat: {},
      dataList: []

@@ -100,17 +89,26 @@
  },
  methods: {
    handleCall (item) {
      const activePlatform = this.activePlat
      platformCallNumber({ platformId: activePlatform.id, jobId: item.id }).then(res => {
      const { activePlat, callType } = this
      if (callType == 1) { // 入园叫号
        platformInPark({
          jobId: item.id
        }).then(() => {
          Message.success('叫号成功')
          this.getList()
        })
      } else {
        platformCallNumber({ platformId: activePlat.id, jobId: item.id }).then(res => {
        Message.success('叫号成功')
        this.$emit('success')
        this.getList()
      })
      }
    },
    getList () {
      const { activePlat, pagination, carCodeFront } = this
      const { activePlat, pagination, carCodeFront, callType } = this
      platformCallList({
        model: { callType: '2', platformId: activePlat.id, carCodeFront },
        model: { callType, platformId: activePlat.id, carCodeFront },
        page: pagination.page,
        capacity: pagination.pageSize
      }).then(res => {
@@ -153,8 +151,10 @@

<style lang="scss" scoped>
@import "@/assets/style/variables.scss";

.queuing_modal {
  padding: 10px 30px;

  .list {
    .item {
      background: #f4fafb;
@@ -162,8 +162,10 @@
      border: 1px solid #dfe2e8;
      margin-bottom: 10px;
      padding: 16px;

      .head {
        margin-bottom: 15px;

        .plate {
          width: 90px;
          text-align: center;
@@ -174,9 +176,11 @@
          border: 1px solid #279baa;
          background-color: #fff;
        }

        .status {
          color: $primaryColor;
        }

        .code {
          display: flex;
          font-weight: 600;
@@ -188,24 +192,29 @@
          border-radius: 4px;
          border: 1px solid $primaryColor;
          padding-right: 4px;

          span {
            &:nth-of-type(1) {
              background: $primaryColor;
              padding: 0 8px;
              color: #fff;
            }

            &:nth-of-type(2) {
              padding-left: 4px;
            }
          }
        }
      }

      .info {
        display: flex;
        flex-wrap: wrap;

        .ite {
          width: 33.3%;
          margin-bottom: 8px;

          span {
            &:nth-child(1) {
              color: #666666;
@@ -213,6 +222,7 @@
          }
        }
      }

      .footer {
        .detail {
          color: $primaryColor;