@ -0,0 +1,23 @@
|
||||
import request from '@/axios'; |
||||
|
||||
/** |
||||
* 根据类型获取需要入库的暂存单 |
||||
*/ |
||||
export const postFindIncomingOrderList = (data = {}) => { |
||||
return request({ |
||||
url: '/api/logpm-trunkline/incoming/findIncomingOrderList', |
||||
method: 'post', |
||||
data, |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* 入库 |
||||
*/ |
||||
export const postIncomingBatchOrder = (data = {}) => { |
||||
return request({ |
||||
url: '/api/logpm-trunkline/incoming/incomingBatchOrder', |
||||
method: 'post', |
||||
data, |
||||
}); |
||||
}; |
||||
|
After Width: | Height: | Size: 323 B |
|
After Width: | Height: | Size: 348 B |
|
After Width: | Height: | Size: 569 B |
|
After Width: | Height: | Size: 513 B |
|
After Width: | Height: | Size: 571 B |
|
After Width: | Height: | Size: 233 B |
|
After Width: | Height: | Size: 460 B |
|
After Width: | Height: | Size: 563 B |
|
After Width: | Height: | Size: 425 B |
|
After Width: | Height: | Size: 513 B |
|
After Width: | Height: | Size: 580 B |
|
After Width: | Height: | Size: 832 B |
|
After Width: | Height: | Size: 564 B |
|
After Width: | Height: | Size: 495 B |
|
After Width: | Height: | Size: 620 B |
|
After Width: | Height: | Size: 442 B |
|
After Width: | Height: | Size: 498 B |
|
After Width: | Height: | Size: 649 B |
|
After Width: | Height: | Size: 697 B |
|
After Width: | Height: | Size: 639 B |
|
After Width: | Height: | Size: 516 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 726 B |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,369 @@
|
||||
<template> |
||||
<div class="bx" v-if="indexState"> |
||||
<div class="left"> |
||||
<div class="tptitl"> |
||||
<img src="./static/topicon.png" /> |
||||
<span>发货操作</span> |
||||
</div> |
||||
<div class="onebx1"> |
||||
<div class="item1"> |
||||
<img src="./static/1.png" /> |
||||
<span>提货</span> |
||||
</div> |
||||
<div class="item2"> |
||||
<img src="./static/2.png" /> |
||||
<span>预开单</span> |
||||
</div> |
||||
<div class="item3"> |
||||
<img src="./static/3.png" /> |
||||
<span>创建运单</span> |
||||
</div> |
||||
<div class="item4"> |
||||
<img src="./static/4.png" /> |
||||
<span>补录运单</span> |
||||
</div> |
||||
<div class="item5"> |
||||
<img src="./static/5.png" /> |
||||
<span>短驳发车</span> |
||||
</div> |
||||
<div class="item6"> |
||||
<img src="./static/6.png" /> |
||||
<span>外部中转</span> |
||||
</div> |
||||
<div class="item7"> |
||||
<img src="./static/7.png" /> |
||||
<span>库存管理</span> |
||||
</div> |
||||
<div class="item8"> |
||||
<img src="./static/8.png" /> |
||||
<span>车辆配载</span> |
||||
</div> |
||||
<img class="upimg" src="./static/up.png" /> |
||||
<img class="rigth1" src="./static/rigth.png" /> |
||||
<img class="rigth2" src="./static/rigth.png" /> |
||||
<img class="rigth3" src="./static/rigth.png" /> |
||||
<img class="rigth4" src="./static/rigth.png" /> |
||||
<img class="rigthall" src="./static/rigthall.png" /> |
||||
</div> |
||||
</div> |
||||
<div class="ztjk"> |
||||
<img src="./static/9.png" /> |
||||
<span>到货操作</span> |
||||
</div> |
||||
<div class="rigth"> |
||||
<div class="tptitl"> |
||||
<img src="./static/topicon.png" /> |
||||
<span>到货操作</span> |
||||
</div> |
||||
<div class="onebx1"> |
||||
<div class="item1"> |
||||
<img src="./static/10.png" /> |
||||
<span>到站卸车</span> |
||||
</div> |
||||
<div class="item2"> |
||||
<img src="./static/11.png" /> |
||||
<span>库存管理</span> |
||||
</div> |
||||
<div class="item3"> |
||||
<img src="./static/12.png" /> |
||||
<span>短驳接收</span> |
||||
</div> |
||||
<div class="item4"> |
||||
<img src="./static/13.png" /> |
||||
<span>外部中转</span> |
||||
</div> |
||||
<div class="item5"> |
||||
<img src="./static/14.png" /> |
||||
<span>送货</span> |
||||
</div> |
||||
<div class="item6"> |
||||
<img src="./static/15.png" /> |
||||
<span>中转签收</span> |
||||
</div> |
||||
<div class="item7"> |
||||
<img src="./static/16.png" /> |
||||
<span>送货签收</span> |
||||
</div> |
||||
<div class="item8"> |
||||
<img src="./static/17.png" /> |
||||
<span>自提签收</span> |
||||
</div> |
||||
<img class="upimg" src="./static/down.png" /> |
||||
<img class="rigth1" src="./static/rigth.png" /> |
||||
<img class="rigth2" src="./static/rigth.png" /> |
||||
<img class="rigth3" src="./static/rigth.png" /> |
||||
<img class="rigth4" src="./static/rigth.png" /> |
||||
<img class="rigthall" src="./static/rigthall2.png" /> |
||||
<img class="leftall" src="./static/leftall.png" /> |
||||
</div> |
||||
</div> |
||||
<div class="buts"> |
||||
<div class="tptitl"> |
||||
<img src="./static/topicon.png" /> |
||||
<span>回单管理</span> |
||||
</div> |
||||
<div class="onebx1"> |
||||
<div class="item1"> |
||||
<img src="./static/18.png" /> |
||||
<span>回单回收</span> |
||||
</div> |
||||
<div class="item2"> |
||||
<img src="./static/19.png" /> |
||||
<span>回单寄出</span> |
||||
</div> |
||||
<div class="item3"> |
||||
<img src="./static/20.png" /> |
||||
<span>回单接收</span> |
||||
</div> |
||||
<div class="item4"> |
||||
<img src="./static/21.png" /> |
||||
<span>回单发放</span> |
||||
</div> |
||||
<img class="left1" src="./static/rigth.png" /> |
||||
<img class="left2" src="./static/rigth.png" /> |
||||
<img class="left3" src="./static/rigth.png" /> |
||||
</div> |
||||
</div> |
||||
<div class="el-gl"> |
||||
<div>公告栏</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="main_container"> |
||||
<!-- 开单数据 && 开单收入 --> |
||||
<div class="flex mb5pt row_first"> |
||||
<!-- 开单数据 --> |
||||
<div class="mr5pt box1 view_box"> |
||||
<!-- 标题 --> |
||||
<div class="align_center mb10pt"> |
||||
<img class="mr5pt img_13pt" src="@/static/icon_data.png" alt="" /> |
||||
|
||||
<div class="title">开单数据</div> |
||||
</div> |
||||
|
||||
<!-- 数据 --> |
||||
<div class="border padding5pt"> |
||||
<div class="height40pt flex-c-sb border-bottom"> |
||||
<div class="align_center"> |
||||
<img class="mr5pt img_16pt" src="@/static/icon_storage.png" alt="" /> |
||||
|
||||
<div>总计</div> |
||||
</div> |
||||
|
||||
<div class="align_center"> |
||||
<span class="data mr5pt">123</span> |
||||
<span>件</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="height40pt flex-c-sb border-bottom"> |
||||
<div class="align_center"> |
||||
<img class="mr5pt img_16pt" src="@/static/icon_month.png" alt="" /> |
||||
|
||||
<div>当月</div> |
||||
</div> |
||||
|
||||
<div class="align_center"> |
||||
<span class="data mr5pt">123</span> |
||||
<span>件</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="height40pt flex-c-sb"> |
||||
<div class="align_center"> |
||||
<img class="mr5pt img_16pt" src="@/static/icon_day.png" alt="" /> |
||||
|
||||
<div>当日</div> |
||||
</div> |
||||
|
||||
<div class="align_center"> |
||||
<span class="data mr5pt">123</span> |
||||
<span>件</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- 开单收入 --> |
||||
<div class="flex1 box2 view_box"> |
||||
<!-- 标题 --> |
||||
<div class="align_center mb10pt"> |
||||
<img class="mr5pt img_13pt" src="@/static/icon_money.png" alt="" /> |
||||
|
||||
<div class="title">开单收入</div> |
||||
</div> |
||||
|
||||
<div class="border padding5pt"> |
||||
<div class="height40pt flex-c-sb border-bottom"> |
||||
<div class="align_center"> |
||||
<img class="mr5pt img_16pt" src="@/static/icon_storage.png" alt="" /> |
||||
|
||||
<div>总计</div> |
||||
</div> |
||||
|
||||
<div class="align_center"> |
||||
<span class="data mr5pt">123</span> |
||||
<span>件</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="height40pt flex-c-sb border-bottom"> |
||||
<div class="align_center"> |
||||
<img class="mr5pt img_16pt" src="@/static/icon_month.png" alt="" /> |
||||
|
||||
<div>当月</div> |
||||
</div> |
||||
|
||||
<div class="align_center"> |
||||
<span class="data mr5pt">123</span> |
||||
<span>件</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script setup> |
||||
import { ref, onMounted } from 'vue'; |
||||
const indexState = ref(false); |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.info { |
||||
display: flex; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
.name { |
||||
font-size: 40px; |
||||
color: #d3832a; |
||||
font-weight: bold; |
||||
} |
||||
.slogan { |
||||
font-size: 3em; |
||||
} |
||||
.time { |
||||
display: flex; |
||||
margin-top: 10px; |
||||
justify-content: flex-end; |
||||
} |
||||
.title { |
||||
display: flex; |
||||
margin-top: 10px; |
||||
justify-content: flex-end; |
||||
} |
||||
} |
||||
|
||||
.el-gl { |
||||
font-weight: 500; |
||||
text-align: center; |
||||
position: absolute; |
||||
right: 10px; |
||||
top: 10px; |
||||
width: 15%; |
||||
background-color: #fff; |
||||
border-radius: 32px; |
||||
padding: 5px; |
||||
box-sizing: border-box; |
||||
border: 1px solid #f1eeee69; |
||||
box-shadow: 4px 6px 0 #d3dff6, 1px 1px 9px #d3dff6; |
||||
height: 762px; |
||||
} |
||||
|
||||
.main_container { |
||||
background: #f5f5f6; |
||||
padding: 0 5pt; |
||||
} |
||||
|
||||
.view_box { |
||||
padding: 10pt; |
||||
padding-top: 8pt; |
||||
background: #fff; |
||||
border-radius: 2.5pt; |
||||
|
||||
.title { |
||||
font-weight: bold; |
||||
font-size: 12pt; |
||||
line-height: 12pt; |
||||
} |
||||
|
||||
.img_10pt { |
||||
width: 12pt; |
||||
height: 12pt; |
||||
} |
||||
|
||||
.img_16pt { |
||||
width: 16pt; |
||||
height: 16pt; |
||||
} |
||||
} |
||||
|
||||
.mb10pt { |
||||
margin-bottom: 10pt; |
||||
} |
||||
|
||||
.mb5pt { |
||||
margin-bottom: 5pt; |
||||
} |
||||
|
||||
.mr5pt { |
||||
margin-right: 5pt; |
||||
} |
||||
|
||||
.padding5pt { |
||||
padding: 0 5pt; |
||||
} |
||||
|
||||
.align_center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
// 开单数据 |
||||
.height40pt { |
||||
height: 40pt; |
||||
|
||||
font-size: 12pt; |
||||
} |
||||
|
||||
// 数据样式 |
||||
.data { |
||||
font-weight: bold; |
||||
color: #000; |
||||
font-family: DIN-Bold; |
||||
font-size: 15pt; |
||||
} |
||||
|
||||
.border { |
||||
border: 1pt solid #f5f5f6; |
||||
border-radius: 2.5pt; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.border-bottom { |
||||
border-bottom: 1pt solid #f5f5f6; |
||||
} |
||||
|
||||
// 第一排 |
||||
.row_first { |
||||
height: 160pt; |
||||
.box1 { |
||||
height: 100%; |
||||
width: 170pt; |
||||
box-sizing: border-box; |
||||
flex: none; |
||||
} |
||||
|
||||
.box2 { |
||||
height: 100%; |
||||
} |
||||
} |
||||
</style> |
||||
<style lang="scss" scope> |
||||
@import '../../styles/flowStyle.scss'; |
||||
|
||||
#avue-view { |
||||
background-color: #fff; |
||||
} |
||||
</style> |
||||