From b44b5aa1dda1d9196416cbf84e610cfd1f5b1c82 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 25 九月 2024 15:54:01 +0800
Subject: [PATCH] lll
---
admin/src/views/platform/components/WaybillDetail.vue | 96 +++++++++++++++++++++++++++++------------------
1 files changed, 59 insertions(+), 37 deletions(-)
diff --git a/admin/src/views/platform/components/WaybillDetail.vue b/admin/src/views/platform/components/WaybillDetail.vue
index 76f726f..066ef82 100644
--- a/admin/src/views/platform/components/WaybillDetail.vue
+++ b/admin/src/views/platform/components/WaybillDetail.vue
@@ -1,39 +1,38 @@
<template>
- <GlobalWindow
- title="杩愬崟璇︽儏"
- center
- :visible.sync="isShowModal"
- width="420px"
- :confirm-working="subLoading"
- @confirm="isShowDetail = false"
- >
+ <GlobalWindow title="杩愬崟璇︽儏" center :visible.sync="isShowModal" width="600px" :confirm-working="subLoading"
+ @confirm="isShowModal = false">
<div class="detail_modal">
<div class="head">
- <div class="plate">鐨朅12122</div>
+ <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>22222</span>
+ <span>{{ info.carryBillCode }}</span>
</div>
<div class="item">
<span>鎬昏繍杈撻噺锛�</span>
- <span>22222</span>
+ <span>{{ info.ioQty }}涓囨敮</span>
</div>
<div class="item">
<span>椹鹃┒鍛橈細</span>
- <span>22222</span>
+ <span>{{ info.driverName }} {{ info.driverPhone }}</span>
</div>
</div>
</div>
<div class="title">鍚堝悓鍒楄〃</div>
<div class="content">
- <div class="item">
- <div class="contract">鍚堝悓鍙凤細1292992</div>
- <div class="placeholder6">鏀惰揣鍦帮細address</div>
+ <div class="item" v-for="item in info.wmsJobContractVOList">
+ <div class="contract">鍚堝悓鍙凤細{{ item.contractCode }}</div>
+ <div class="placeholder6">鏀惰揣鍦帮細{{ item.address }}</div>
<div class="list">
- <div class="line">
- <div class="left"><span>鐗╂枡鍚嶇О锛�</span><span>榛勫北</span></div>
- <div class="right"><span>鏁伴噺锛�</span><span>100</span></div>
+ <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>
@@ -44,7 +43,7 @@
<script>
import GlobalWindow from '@/components/common/GlobalWindow'
-import { getPlatform, PlatformEdit, PlatformDel } from '@/api'
+import { platformWmsJobDetail } from '@/api'
export default {
components: {
GlobalWindow
@@ -53,23 +52,16 @@
return {
isShowModal: false,
subLoading: false,
- param: {}
+ info: {},
+ id: ''
}
},
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
+ getDetail() {
+ const { id } = this
+ platformWmsJobDetail(id).then(res => {
+ this.info = res
})
}
}
@@ -79,31 +71,51 @@
<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 {
- width: 90px;
- text-align: center;
+ display: flex;
+ font-weight: 600;
+ height: 30px;
+ line-height: 30px;
font-size: 15px;
color: #111111;
- padding: 4px 5px;
- font-weight: 700;
- border: 1px solid #279baa;
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;
@@ -112,35 +124,43 @@
}
}
}
+
.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;
}
+
.line {
display: flex;
margin-bottom: 8px;
+
&:nth-last-child(1) {
margin: 0;
}
+
div {
span {
&:nth-child(1) {
@@ -148,9 +168,11 @@
}
}
}
+
.left {
flex: 6;
}
+
.right {
flex: 4;
}
--
Gitblit v1.9.3