From 69a1b3bf45738f048361ee4ccb6bdc64fce35720 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 12 三月 2025 11:31:46 +0800
Subject: [PATCH] 更新
---
admin/src/views/platform/components/WaybillDetail.vue | 204 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 204 insertions(+), 0 deletions(-)
diff --git a/admin/src/views/platform/components/WaybillDetail.vue b/admin/src/views/platform/components/WaybillDetail.vue
new file mode 100644
index 0000000..4cbabfa
--- /dev/null
+++ b/admin/src/views/platform/components/WaybillDetail.vue
@@ -0,0 +1,204 @@
+<template>
+ <GlobalWindow title="杩愬崟璇︽儏" center :visible.sync="isShowModal" width="800px" :confirm-working="subLoading"
+ @confirm="isShowModal = false">
+ <div class="detail_modal">
+ <div class="head">
+ <div class="plate" v-if="info.plateNumber">
+ <span>{{ info.plateNumber.slice(0, 1) }}</span>
+ <span>{{ info.plateNumber.slice(1, 2) }}</span>
+ <span>路</span>
+ <span>{{ info.plateNumber.slice(2) }}</span>
+ </div>
+ <div class="list">
+ <div class="item">
+ <span>杩愯緭鍗曞彿锛�</span>
+ <span>{{ info.carryBillCode }}</span>
+ </div>
+ <div class="item">
+ <span>鎬昏繍杈撻噺锛�</span>
+ <span>{{ info.ioQty || info.totalNum }}涓囨敮</span>
+ </div>
+ <div class="item">
+ <span>椹鹃┒鍛橈細</span>
+ <span>{{ info.driverName }} {{ info.driverPhone }}</span>
+ </div>
+ </div>
+ </div>
+ <div class="title">鍚堝悓鍒楄〃</div>
+ <div class="content">
+ <div class="item" v-for="item in info.wmsJobContractVOList">
+ <div class="contract">
+ <span>鍚堝悓鍙凤細{{ item.contractCode }}</span>
+ <!-- <div> -->
+ <span class="scs" v-if="item.status == 1">WMS浣滀笟宸插畬鎴�</span>
+ <span class="pad" v-if="item.status == 0">WMS浣滀笟鏈畬鎴�</span>
+ <span class="err" v-if="item.status == 2">WMS浣滀笟宸插彇娑�</span>
+
+ <span class="scs" v-if="item.lockStatus == 1">鐢靛瓙閿佸凡涓婇攣</span>
+ <span class="pad" v-if="item.lockStatus == 0">鐢靛瓙閿佹湭涓婇攣</span>
+ <!-- </div> -->
+ </div>
+ <div class="placeholder6">鏀惰揣鍦帮細{{ item.address }}</div>
+ <div class="list">
+ <div class="line" v-for="line in item.platformWmsDetailList">
+ <div class="left"><span>鐗╂枡鍚嶇О锛�</span><span>{{ line.materialName }}</span></div>
+ <div class="right"><span>鏁伴噺锛�</span><span>{{ line.ioQty }}涓囨敮</span></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </GlobalWindow>
+</template>
+
+<script>
+import GlobalWindow from '@/components/common/GlobalWindow'
+import { platformWmsJobDetail } from '@/api'
+export default {
+ components: {
+ GlobalWindow
+ },
+ data() {
+ return {
+ isShowModal: false,
+ subLoading: false,
+ info: {},
+ id: ''
+
+ }
+ },
+ methods: {
+ getDetail() {
+ const { id } = this
+ platformWmsJobDetail(id).then(res => {
+ this.info = res
+ })
+ }
+ }
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/style/variables.scss";
+
+.detail_modal {
+ font-size: 12px;
+ color: #282828;
+
+ .head {
+ background: rgba(39, 155, 170, 0.05);
+ border-radius: 4px;
+ border: 1px solid #dfe2e8;
+ padding: 16px;
+
+ .plate {
+ 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;
+ width:106px;
+ span {
+ &:nth-of-type(1) {
+ background: $primaryColor;
+ padding: 0 8px;
+ color: #fff;
+ }
+
+ &:nth-of-type(2) {
+ padding-left: 4px;
+ }
+ }
+ }
+
+ .list {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 16px;
+
+ .item {
+ width: 50%;
+ margin-bottom: 8px;
+
+ span {
+ &:nth-child(1) {
+ color: #666666;
+ }
+ }
+ }
+ }
+ }
+
+ .title {
+ margin: 16px 0;
+ font-weight: 500;
+ font-size: 16px;
+ color: #222222;
+ }
+
+ .content {
+ .item {
+ border-radius: 4px;
+ border: 1px solid #dfe2e8;
+ padding: 16px;
+ margin-bottom: 10px;
+
+ .list {
+ background: #f7f7f7;
+ border-radius: 4px;
+ padding: 12px 16px;
+ margin-top: 10px;
+ }
+
+ .contract {
+ font-weight: 500;
+ font-size: 15px;
+ color: #279baa;
+ margin-bottom: 4px;
+ display: flex;
+ justify-content: space-between;
+ .scs{
+ color: #00ba67;
+ }
+ .pad{
+ color: #f19c3f;
+ }
+ .err{
+ color: red;
+ }
+ }
+
+ .line {
+ display: flex;
+ margin-bottom: 8px;
+
+ &:nth-last-child(1) {
+ margin: 0;
+ }
+
+ div {
+ span {
+ &:nth-child(1) {
+ color: #666666;
+ }
+ }
+ }
+
+ .left {
+ flex: 6;
+ }
+
+ .right {
+ flex: 4;
+ }
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3