From fbc625dea6117cb8724301d3a07d9071419f9715 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 30 八月 2024 18:08:56 +0800
Subject: [PATCH] ll
---
admin/src/views/platform/components/PlatformQueuing.vue | 124 ++++++++++++++++++++++++++++++++++-------
1 files changed, 103 insertions(+), 21 deletions(-)
diff --git a/admin/src/views/platform/components/PlatformQueuing.vue b/admin/src/views/platform/components/PlatformQueuing.vue
index 592bbda..4cbc85b 100644
--- a/admin/src/views/platform/components/PlatformQueuing.vue
+++ b/admin/src/views/platform/components/PlatformQueuing.vue
@@ -2,75 +2,135 @@
<GlobalWindow
title="鏈堝彴鍙彿-xx鍙锋湀鍙�"
:visible.sync="isShowModal"
+ :showConfirm="false"
width="800px"
- :confirm-working="subLoading"
- @confirm="handleSub"
>
<div class="queuing_modal">
<div class="df_ac mb20">
<span>鎼滅储杞﹁締锛�</span>
<el-input
class="flex1 mr20"
- v-model="param.aa"
+ v-model="carCodeFront"
placeholder="璇疯緭鍏ヨ溅鐗屽彿"
></el-input>
- <el-button type="primary">鏌ユ壘</el-button>
- <el-button>閲嶇疆</el-button>
+ <el-button type="primary" @click="getList">鏌ユ壘</el-button>
+ <el-button @click="reset">閲嶇疆</el-button>
</div>
<div class="list">
- <div class="item">
+ <div class="item" v-for="item in dataList" :key="item.id">
<div class="head df_sb">
- <div class="plate">鐨朅12122</div>
- <div class="status">宸茬鍒�</div>
+ <div v-if="item.carCodeFront" class="code">
+ <span>{{ item.carCodeFront.slice(0, 1) }}</span>
+ <span>{{ item.carCodeFront.slice(1, 2) }}</span>
+ <span>路</span>
+ <span>{{ item.carCodeFront.slice(2) }}</span>
+ </div>
+ <div class="status">{{ statusMap[item.status] }}</div>
</div>
<div class="info">
- <div class="ite">
+ <div v-if="item.type == 4" class="ite">
+ <span>鍚堝悓鍗曞彿锛�</span>
+ <span>{{ item.contractNum }}</span>
+ </div>
+ <div v-else class="ite">
<span>杩愯緭鍗曞彿锛�</span>
- <span>12312</span>
+ <span>{{ item.code }}</span>
</div>
<div class="ite">
<span>椹鹃┒鍛橈細</span>
- <span>12312</span>
+ <span>{{ item.driverName }}</span>
</div>
<div class="ite">
<span>鎵嬫満鍙凤細</span>
- <span>12312</span>
+ <span>{{ item.drivierPhone }}</span>
</div>
<div class="ite">
<span>鎬昏繍杈撻噺锛�</span>
- <span>12312</span>
+ <span>{{ item.totalNum }}涓囨敮</span>
</div>
- <div class="ite" style="width: 66%">
+ <div v-if="item.type != 4" class="ite" style="width: 66%">
<span>杩愯緭鍏徃锛�</span>
- <span>12312</span>
+ <span>{{ item.carrierName }}</span>
</div>
</div>
<div class="footer df_sb">
- <div class="detail">杩愬崟璇︽儏</div>
- <el-button type="primary">鍙彿</el-button>
+ <div v-if="item.type != 4" class="detail">杩愬崟璇︽儏</div>
+ <div v-else></div>
+ <el-button type="primary" @click="handleCall(item)">鍙彿</el-button>
</div>
</div>
</div>
+ <pagination
+ @size-change="handleSizeChange"
+ @current-change="handlePageChange"
+ :pagination="pagination"
+ >
+ </pagination>
</div>
</GlobalWindow>
</template>
<script>
import GlobalWindow from '@/components/common/GlobalWindow'
-import { getPlatform, PlatformEdit, PlatformDel } from '@/api'
+import Pagination from '@/components/common/Pagination'
+import { platformCallList, platformCallNumber } from '@/api'
+import { statusMap } from '../config'
+import { Message } from 'element-ui'
export default {
components: {
- GlobalWindow
+ GlobalWindow,
+ Pagination
},
data () {
return {
+ statusMap,
isShowModal: false,
subLoading: false,
- param: {}
+ pagination: {
+ total: 0,
+ pageSize: 10,
+ page: 1
+ },
+ carCodeFront: '',
+ activePlat: {},
+ dataList: []
}
},
methods: {
+ handleCall (item) {
+ const activePlatform = this.activePlat
+ platformCallNumber({ platformId: activePlatform.id, jobId: item.id }).then(res => {
+ Message.success('鍙彿鎴愬姛')
+ this.$emit('success')
+ this.getList()
+ })
+ },
+ getList () {
+ const { activePlat, pagination, carCodeFront } = this
+ platformCallList({
+ model: { callType: '2', platformId: activePlat.id, carCodeFront },
+ page: pagination.page,
+ capacity: pagination.pageSize
+ }).then(res => {
+ this.dataList = res.records
+ this.pagination.total = res.total
+ })
+ },
+ reset () {
+ this.carCodeFront = ''
+ this.pagination.page = 1
+ this.pagination.pageSize = 10
+ this.getList()
+ },
+ handleSizeChange (e) {
+ this.pagination.pageSize = e
+ this.getList()
+ },
+ handlePageChange (e) {
+ this.pagination.page = e
+ this.getList()
+ },
handleSub () {
const { param } = this
this.subLoading = true
@@ -84,7 +144,7 @@
}, () => {
this.subLoading = false
})
- },
+ }
}
}
@@ -116,6 +176,28 @@
.status {
color: $primaryColor;
}
+ .code {
+ display: flex;
+ font-weight: 600;
+ height: 30px;
+ line-height: 30px;
+ font-size: 15px;
+ color: #111111;
+ background-color: #fff;
+ 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;
--
Gitblit v1.9.3