Skip to content

J
jiedao-app-operator-master
Commit 79657e41 authored by dcy's avatar dcy
Browse files
Options

特需，关联订单，调仓，页面布局，添加路由

parent b29b4adb
Hide whitespace changes
Inline Side-by-side
Showing with 452 additions and 0 deletions
src/router/index.js
View file @ 79657e41
...@@ -282,6 +282,54 @@ export const constantRoutes = [ ...@@ -282,6 +282,54 @@ export const constantRoutes = [
meta: {title: '优惠申请', icon: '', activeMenu: '/offer/index'} meta: {title: '优惠申请', icon: '', activeMenu: '/offer/index'}
}, },
] ]
},
{
path: '/order',
component: Layout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: 'associated-order/:orderId(\\d+)',
component: (resolve) => import('@/views/ecw/order/associatedOrder'),
props: true,
name: 'associatedOrder',
meta: {title: '关联订单', icon: '', activeMenu: '/order/associatedOrder'}
},
{
path: 'add-associated-order/:orderId',
component:()=>import('@/views/ecw/order/addAssociatedOrder'),
props: true,
name:'addAssociatedOrder',
meta:{
title:'添加关联订单',
icon:'',
activeMenu:'/order/addAssociatedOrder'
}
},
{
path:'single-application/:orderId',
component:()=>import('@/views/ecw/order/singleApplication'),
props: true,
name: 'singleApplication',
meta: {
title: '调仓申请',
icon: '',
activeMenu: '/order/singleApplication'
}
},
{
path: 'batch-single-application/:orderId',
component:()=> import('@/views/ecw/order/batchSingleApplication'),
name: 'batchSingleApplication',
meta: {
title: '批量调仓申请',
icon:'',
activeMenu: '/order/batchSingleApplication'
}
}
],
} }
] ]
......
src/views/ecw/order/addAssociatedOrder.vue 0 → 100644
View file @ 79657e41
<template>
<div class="add-associated-order">
<h1 class="title">订单号：ECP0013123N 选择订单</h1>
<el-divider></el-divider>
<el-form inline label-width="85px" label-position="left">
<el-form-item label="订单号">
<div class="content"></div>
</el-form-item>
<el-form-item label="唛头">
<div class="content"></div>
</el-form-item>
<el-form-item label="商品类型">
<div class="content"></div>
</el-form-item>
<el-form-item label="商品名称">
<div class="content"></div>
</el-form-item>
<el-form-item label="运输方式">
<div class="content"></div>
</el-form-item>
<el-form-item label="出货渠道">
<div class="content"></div>
</el-form-item>
<el-form-item label="客户名称">
<div class="content"></div>
</el-form-item>
<el-form-item label="客户手机号">
<div class="content"></div>
</el-form-item>
<el-form-item label="商品特性">
<div class="content"></div>
</el-form-item>
<el-form-item>
<el-button>查询</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
<h1 class="title">
未加入关联订单列表
</h1>
<el-divider></el-divider>
<el-table>
<el-table-column
type="selection"
width="55"
></el-table-column>
<el-table-column label="序号"></el-table-column>
<el-table-column label="订单号"></el-table-column>
<el-table-column label="唛头"></el-table-column>
<el-table-column label="商品名列表"></el-table-column>
<el-table-column label="货物特性"></el-table-column>
<el-table-column label="货物材质"></el-table-column>
<el-table-column label="货物数据"></el-table-column>
<el-table-column label="入仓时间"></el-table-column>
<el-table-column label="状态"></el-table-column>
<el-table-column label="操作人"></el-table-column>
<el-table-column label="操作时间"></el-table-column>
<el-table-column label="操作"></el-table-column>
</el-table>
<el-row style="margin-top: 40px">
<el-col>
<el-button type="primary">
批量加入关联
</el-button>
<el-button>
取消
</el-button>
</el-col>
</el-row>
</div>
</template>
<script>
//添加关联订单
export default {
name: "addAssociatedOrder"
}
</script>
<style scoped lang="scss">
.add-associated-order{
padding: 20px;
box-sizing: border-box;
.title{
font-size: 30px;
font-weight: 600;
text-align: left;
}
.el-form{
.content{
width: 300px;
}
}
}
</style>
src/views/ecw/order/associatedOrder.vue 0 → 100644
View file @ 79657e41
<template>
<div class="associated-order">
<h1 class="title">
关联订单-ECP0013123N
</h1>
<el-divider></el-divider>
<orde-details-form></orde-details-form>
<el-divider></el-divider>
<el-form inline label-width="100px">
<el-form-item label="订单号"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="唛头"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="商品类型"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="商品名称"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="运输方式"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="出货渠道"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="客户名称"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="客户手机号"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item label="商品特性"><div class="content">
<el-input></el-input>
</div></el-form-item>
<el-form-item><div class="content">
<el-button>查询</el-button>
<el-button>重置</el-button>
</div></el-form-item>
</el-form>
<el-divider></el-divider>
<div style="display: flex;align-items: center;">
<h1 class="title">
已加入关联订单列表
</h1>
<div style="flex: 1;margin-left: 20px;">
<el-button type="primary">批量移出</el-button>
</div>
<div>
<el-button type="primary">添加关联订单</el-button>
</div>
</div>
<el-table>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column label="序号"></el-table-column>
<el-table-column label="订单号"></el-table-column>
<el-table-column label="唛头"></el-table-column>
<el-table-column label="商品名列表"></el-table-column>
<el-table-column label="货物特性"></el-table-column>
<el-table-column label="货物材质"></el-table-column>
<el-table-column label="货物数据"></el-table-column>
<el-table-column label="入仓时间"></el-table-column>
<el-table-column label="状态"></el-table-column>
<el-table-column label="操作人"></el-table-column>
<el-table-column label="操作时间"></el-table-column>
<el-table-column label="操作"></el-table-column>
</el-table>
</div>
</template>
<script>
//关联订单
import ordeDetailsForm from "@/views/ecw/order/components/ordeDetailsForm";
export default {
name: "associatedOrder",
components:{
ordeDetailsForm
}
}
</script>
<style scoped lang="scss">
.associated-order{
padding: 20px;
box-sizing: border-box;
.title{
font-size: 30px;
font-weight: 600;
}
}
</style>
src/views/ecw/order/batchSingleApplication.vue 0 → 100644
View file @ 79657e41
<template>
<div class="batch-single-application">
<h1 class="title">批量调仓申请</h1>
<el-table>
<el-table-column label="订单编号"></el-table-column>
<el-table-column label="唛头"></el-table-column>
<el-table-column label="已到箱数/总箱数"></el-table-column>
<el-table-column label="下单统计"></el-table-column>
<el-table-column label="入仓统计"></el-table-column>
<el-table-column label="运输方式"></el-table-column>
<el-table-column label="出货渠道"></el-table-column>
<el-table-column label="始发仓"></el-table-column>
<el-table-column label="目的地"></el-table-column>
<el-table-column label="送货时间"></el-table-column>
</el-table>
<div style="display: flex;justify-content:center; margin-top: 20px">
<div style="width: 300px;height: 50px;border: 1px solid; margin: 0 10px"></div>
<div style="width: 300px;height: 50px;border: 1px solid;"></div>
</div>
<el-divider></el-divider>
<h1 class="title">
审批流程
</h1>
<div style="height: 100px"></div>
<el-form label-width="200px">
<el-form-item label="抄送"></el-form-item>
<el-form-item label="抄送人"></el-form-item>
</el-form>
<div style="text-align: center">
<el-button style="margin-right: 50px">提交申请</el-button>
<el-button>取消</el-button>
</div>
</div>
</template>
<script>
export default {
name: "batchSingleApplication"
}
</script>
<style scoped lang="scss">
.batch-single-application{
padding: 20px;
box-sizing: border-box;
.title{
font-weight: 600;
}
}
</style>
src/views/ecw/order/components/ordeDetailsForm.vue 0 → 100644
View file @ 79657e41
<template functional>
<el-form inline label-width="150px" label-position="left" >
<el-row>
<el-col :span="6">
<el-form-item label="唛头"><div class="content"></div></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="已到箱数/总箱数"><div class="content"></div></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="订单状态"><div class="content"></div></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="送货日期"><div class="content"></div></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6"><el-form-item label="运输方式"><div class="content"></div></el-form-item></el-col>
<el-col :span="6"><el-form-item label="出货渠道"><div class="content"></div></el-form-item></el-col>
<el-col :span="6"><el-form-item label="始发地"><div class="content"></div></el-form-item></el-col>
<el-col :span="6"> <el-form-item label="目的地"><div class="content"></div></el-form-item></el-col>
</el-row>
<el-row>
<el-col span="6"><el-form-item label="发货人姓名"><div class="content"></div></el-form-item></el-col>
<el-col span="6"><el-form-item label="发货人公司"><div class="content"></div></el-form-item></el-col>
<el-col span="6"> <el-form-item label="发货人电话"><div class="content"></div></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="收货人姓名"><div class="content"></div></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="收货人电话"><div class="content"></div></el-form-item>
</el-col>
<el-col span="6">
<el-form-item label="货人电话"><div class="content"></div></el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<script>
export default {
name: "ordeDetailsForm"
}
</script>
<style scoped lang="scss">
.el-form {
.content{
width: 150px;
height: 50px;
border: 1px solid;
}
}
</style>
src/views/ecw/order/components/specialNeeds.vue 0 → 100644
View file @ 79657e41
<template>
<div>
<el-dialog center width="50%" :visible="show">
<div class="content">
<el-form label-width="180px" label-position="left">
<el-form-item label="特殊要求"></el-form-item>
<el-form-item label="特殊要求备注"><el-input></el-input></el-form-item>
<el-form-item label="内陆运费垫付预计金额">
<el-row :gutter="20">
<el-col :span="6"><el-input></el-input></el-col>
<el-col :span="3"><el-input></el-input></el-col>
</el-row></el-form-item>
<el-form-item label="付款类型">
<el-input></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button>提交</el-button>
<el-button>取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
name: "specialNeeds",
data(){
return{
show:true,
}
}
}
</script>
<style scoped lang="scss">
</style>
src/views/ecw/order/singleApplication.vue 0 → 100644
View file @ 79657e41
<template>
<div class="single-application">
<h1 class="title">
调仓申请-EC00123132N
</h1>
<el-divider></el-divider>
<h1>订单信息</h1>
<orde-details-form></orde-details-form>
<el-divider></el-divider>
<h1>货物信息</h1>
<el-table border >
<el-table-column label="序号"></el-table-column>
<el-table-column label="品名"></el-table-column>
<el-table-column label="填单货物属性"></el-table-column>
<el-table-column label="入库货物属性"></el-table-column>
<el-table-column label="入库统计"></el-table-column>
<el-table-column label="收款货物属性"></el-table-column>
<el-table-column label="最后操作时间"></el-table-column>
<el-table-column label="状态"></el-table-column>
</el-table>
<el-row style="margin-top: 20px;line-height: 3;" type="flex" justify="center" align="center">
<el-col :span="3">
<div>
从 广州仓 调至
</div>
</el-col>
<el-col :span="3">
<el-input></el-input>
</el-col>
</el-row>
<el-divider></el-divider>
<h1>审批流程</h1>
<div style="height: 50px"></div>
<el-form label-width="100px">
<el-form-item label="抄送"></el-form-item>
<el-form-item label="抄送人"></el-form-item>
</el-form>
<div style="text-align:center">
<el-button style="margin-right: 50px">提交申请</el-button>
<el-button>取消</el-button>
</div>
</div>
</template>
<script>
import ordeDetailsForm from "@/views/ecw/order/components/ordeDetailsForm";
export default {
name: "singleApplication",
components: {ordeDetailsForm}
}
</script>
<style scoped lang="scss">
.single-application{
padding: 20px;
box-sizing: border-box;
.title{
font-size: 30px;
font-weight: 600;
}
.el-form {
.content{
min-width:230px ;
max-width: 300px;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment