<template>
|
<GlobalWindow
|
title="月台叫号-xx号月台"
|
:visible.sync="isShowModal"
|
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"
|
placeholder="请输入车牌号"
|
></el-input>
|
<el-button type="primary">查找</el-button>
|
<el-button>重置</el-button>
|
</div>
|
<div class="list">
|
<div class="item">
|
<div class="head df_sb">
|
<div class="plate">皖A12122</div>
|
<div class="status">已签到</div>
|
</div>
|
<div class="info">
|
<div class="ite">
|
<span>运输单号：</span>
|
<span>12312</span>
|
</div>
|
<div class="ite">
|
<span>驾驶员：</span>
|
<span>12312</span>
|
</div>
|
<div class="ite">
|
<span>手机号：</span>
|
<span>12312</span>
|
</div>
|
<div class="ite">
|
<span>总运输量：</span>
|
<span>12312</span>
|
</div>
|
<div class="ite" style="width: 66%">
|
<span>运输公司：</span>
|
<span>12312</span>
|
</div>
|
</div>
|
<div class="footer df_sb">
|
<div class="detail">运单详情</div>
|
<el-button type="primary">叫号</el-button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import { getPlatform, PlatformEdit, PlatformDel } from '@/api'
|
export default {
|
components: {
|
GlobalWindow
|
},
|
data () {
|
return {
|
isShowModal: false,
|
subLoading: false,
|
param: {}
|
|
}
|
},
|
methods: {
|
handleSub () {
|
const { param } = this
|
this.subLoading = true
|
PlatformEdit({
|
...param
|
}).then(res => {
|
this.subLoading = false
|
this.isShowEdit = false
|
this.$tip.success('提交成功')
|
this.getList()
|
}, () => {
|
this.subLoading = false
|
})
|
},
|
}
|
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import "@/assets/style/variables.scss";
|
.queuing_modal {
|
padding: 10px 30px;
|
.list {
|
.item {
|
background: #f4fafb;
|
border-radius: 2px;
|
border: 1px solid #dfe2e8;
|
margin-bottom: 10px;
|
padding: 16px;
|
.head {
|
margin-bottom: 15px;
|
.plate {
|
width: 90px;
|
text-align: center;
|
font-size: 15px;
|
color: #111111;
|
padding: 4px 5px;
|
font-weight: 700;
|
border: 1px solid #279baa;
|
background-color: #fff;
|
}
|
.status {
|
color: $primaryColor;
|
}
|
}
|
.info {
|
display: flex;
|
flex-wrap: wrap;
|
.ite {
|
width: 33.3%;
|
margin-bottom: 8px;
|
span {
|
&:nth-child(1) {
|
color: #666666;
|
}
|
}
|
}
|
}
|
.footer {
|
.detail {
|
color: $primaryColor;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
