最新版本541200007

doum

昨天 815e2cda769751dec5c1a1a71d0ff61b0d051d76

 admin/src/views/platform/queueUp.vue

@@ -1,7 +1,7 @@
<template>
  <div class="main_app">
    <div class="mb20 main_header">
      <div class="platgroup_tabs">
    <div class="main_header">
      <div class="platgroup_tabs pt20">
        <div class="tab" :class="{ active: activeGroup.id === item.id }" @click="platgroupClick(item)"
          v-for="(item, i) in PlatGroupList" :key="i">
          {{ item.name }}
@@ -11,9 +11,11 @@
    <div class="df_sb">
      <QueryForm v-model="filters" :query-form-config="queryQueueUpConfig" @handleQuery="getList(1)" @clear="clear">
      </QueryForm>
      <el-button @click="openSign" type="primary" style="align-self: flex-start;">车辆签到</el-button>
      <div>
        <el-button @click="openSign" type="primary" style="align-self: flex-start;">车辆签到</el-button>
      </div>
    </div>
    <div class="main_content">
    <div class="common-header">
      <div class="static_wrap">
        <span>等待：<span class="num">{{ staticParam.waitNum }}</span></span>
        <span class="mr30">{{ }}</span>
@@ -63,11 +65,13 @@
          <span v-if="row.status == 7" class="primaryColor">转移中</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="100" fixed="right">
      <el-table-column label="操作" align="center" width="250" fixed="right">
        <template slot-scope="{ row }">
          <el-button v-if="row.billCode" type="text" @click="handleDetail(row)"
            v-permissions="['business:company:update']">运单详情</el-button>
          <el-button v-else type="text" @click="subDetail(row)">预约详情</el-button>
          <el-button type="text" @click="jiaji(row.id)">加急</el-button>
          <el-button type="text" class="red" @click="backSignin(row.id)">退回签到</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -116,7 +120,9 @@
import {
  getPlatformGroupList,
  platformLineUpPage,
  getPlatformGroupWork
  getPlatformGroupWork,
  jobUrge,
  backToWatiSign
} from '@/api'
import { queryQueueUpConfig } from './config'
import WaybillDetail from './components/WaybillDetail.vue'
@@ -132,7 +138,7 @@
    WaybillDetail,
    DriverDetail
  },
  data() {
  data () {
    return {
      filters: {},
      activeGroup: {
@@ -147,18 +153,18 @@
      pagination: {
        pageSize: 10,
        page: 1,
        total: 0,
        total: 0
      },
      queryQueueUpConfig,
      isShowDetail: false, // 运单详情
      detail: {}
    }
  },
  created() {
  created () {
    this.getPlatGroupList()
  },
  methods: {
    openSign() {
    openSign () {
      this.isPlatformSign = true
      this.$nextTick(() => {
        this.$refs.PlatformSignRef.isShowModal = true
@@ -172,7 +178,34 @@
        this.$refs.PlatformSignRef.getList()
      })
    },
    getPlatGroupList() {
    jiaji (id) {
      this.$confirm('确认加急吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        jobUrge({ id })
          .then(res => {
            this.getPlatGroupList()
          })
      }).catch(() => {

      })
    },
    backSignin (id) {
      this.$confirm('确认重新签到吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        backToWatiSign({ id })
          .then(res => {
            this.getPlatGroupList()
          })
      }).catch(() => {
      })
    },
    getPlatGroupList () {
      getPlatformGroupList({
        queryData: 1,
        queryType: 1
@@ -190,13 +223,13 @@
        }
      })
    },
    getList() {
    getList () {
      const { activeGroup, pagination, filters } = this
      this.loading = true
      platformLineUpPage({
        model: { platformGroupId: activeGroup.id, ...filters, callType: 3 },
        capacity: pagination.pageSize,
        page: pagination.page,
        page: pagination.page
      }).then(res => {
        this.loading = false
        this.dataList = res.records || []
@@ -205,33 +238,33 @@
        this.loading = false
      })
    },
    getPlatformGroupWork() {
    getPlatformGroupWork () {
      const { activeGroup } = this
      getPlatformGroupWork(activeGroup.id).then(res => {
        this.staticParam = res || {}
      })
    },
    handleSizeChange(e) {
    handleSizeChange (e) {
      this.pagination.pageSize = e
      this.getList(1)
    },
    handlePageChange(e) {
    handlePageChange (e) {
      this.pagination.page = e
      this.getList()
    },
    platgroupClick(item) {
    platgroupClick (item) {
      this.activeGroup = { ...item }
      this.pagination.page = 1
      this.filters = {}
      this.getPlatformGroupWork()
      this.getList()
    },
    clear() {
    clear () {
      this.pagination.page = 1
      this.filters = {}
      this.getList()
    },
    subDetail(row) {
    subDetail (row) {
      this.isShowDriver = true
      this.$nextTick(() => {
        this.$refs.DriverDetailRef.id = row.bookId
@@ -240,14 +273,14 @@
        this.$refs.DriverDetailRef.isShowModal = true
      })
    },
    handleDetail(row) {
    handleDetail (row) {
      this.isShowDetail = true
      this.$nextTick(() => {
        this.$refs.WaybillDetailRef.isShowModal = true
        this.$refs.WaybillDetailRef.id = row.id
        this.$refs.WaybillDetailRef.getDetail()
      })
    },
    }
  }
}
</script>
@@ -255,14 +288,24 @@
<style lang="scss" scoped>
@import "@/assets/style/variables.scss";

.main_content {
  background-color: #fff;
  position: relative;
  z-index: 999;
  top: -10;
  margin: -20px;
.main_app {
  padding: 0 20px;

  .doumee-filter {
    padding-top: 20px;
    border: 0;
  }
}

.common-header {
  background-color: #fff;
  /* position: relative; */
  /* z-index: 999; */
  /* top: -10; */
  /* margin: -20px; */
  padding: 0 20px;

  /* border: 1px solid red; */
  .static_wrap {
    height: 50px;
    line-height: 50px;
@@ -271,7 +314,7 @@
    padding: 0 20px;
    background: #F4FAFB;
    border-radius: 2px 2px 0px 0px;
    margin-bottom: 36px;
    /* margin-bottom: 36px; */

    .num {
      color: #111111;
@@ -306,7 +349,6 @@
    }
  }
}


.main_header {
  .platgroup_tabs {