Skip to content

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

费用申请

parent 0581794a
Hide whitespace changes
Inline Side-by-side
Showing with 114 additions and 43 deletions
src/router/index.js
View file @ 9a3ff84a
...@@ -327,8 +327,20 @@ export const constantRoutes = [ ...@@ -327,8 +327,20 @@ export const constantRoutes = [
icon:'', icon:'',
activeMenu: '/order/batchSingleApplication' activeMenu: '/order/batchSingleApplication'
}
},
{
path: 'fee-application/:orderId',
component:()=> import('@/views/ecw/order/feeApplication'),
name: 'feeApplication',
meta: {
title: '费用申请',
icon:'',
activeMenu: '/order/feeApplication'
} }
} }
], ],
}, },
{ {
......
src/views/ecw/order/components/ordeDetailsForm.vue
View file @ 9a3ff84a
<template functional> <template functional>
<el-form inline label-width="150px" label-position="left" > <div>
<el-row> <el-form inline label-width="120px" label-position="left" >
<el-col :span="6"> <el-row>
<el-form-item label="唛头"><div class="content"></div></el-form-item> <el-col :span="6">
</el-col> <el-form-item label="唛头"><div class="content"></div></el-form-item>
<el-col :span="6"> </el-col>
<el-form-item label="已到箱数/总箱数"><div class="content"></div></el-form-item> <el-col :span="6">
</el-col> <el-form-item label="已到箱数/总箱数"><div class="content"></div></el-form-item>
<el-col :span="6"> </el-col>
<el-form-item label="订单状态"><div class="content"></div></el-form-item> <el-col :span="6">
</el-col> <el-form-item label="订单状态"><div class="content"></div></el-form-item>
<el-col :span="6"> </el-col>
<el-form-item label="送货日期"><div class="content"></div></el-form-item> <el-col :span="6">
</el-col> <el-form-item label="送货日期"><div class="content"></div></el-form-item>
</el-row> </el-col>
<el-row> </el-row>
<el-col :span="6"><el-form-item label="运输方式"><div class="content"></div></el-form-item></el-col> <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-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-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-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-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-row>
<el-form-item label="收货人姓名"><div class="content"></div></el-form-item> <el-col :span="6">
</el-col> <el-form-item label="收货人姓名"><div class="content"></div></el-form-item>
<el-col :span="6"> </el-col>
<el-form-item label="收货人电话"><div class="content"></div></el-form-item> <el-col :span="6">
</el-col> <el-form-item label="收货人电话"><div class="content"></div></el-form-item>
<el-col span="6"> </el-col>
<el-form-item label="货人电话"><div class="content"></div></el-form-item> <el-col span="6">
</el-col> <el-form-item label="货人电话"><div class="content"></div></el-form-item>
</el-row> </el-col>
</el-form> </el-row>
</el-form>
</div>
</template> </template>
<script> <script>
...@@ -46,11 +48,20 @@ export default { ...@@ -46,11 +48,20 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.el-form { v-deep div{
.content{ .el-form {
width: 150px; .el-form-item{
height: 50px; .el-form-item__label{
border: 1px solid; font-size: 12px;
color: red;
}
}
} }
} }
.content{
width: 150px;
height: 30px;
border: 1px solid;
}
</style> </style>
src/views/ecw/order/feeApplication.vue 0 → 100644
View file @ 9a3ff84a
<template>
<div class="fee-application">
<h1>费用申请-NC1231231
</h1>
<el-divider></el-divider>
<el-form label-width="100px" inline>
<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-form-item>
</el-form>
<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="text-align: center;margin-top: 20px;">
<el-button style="margin-right: 30px;">提交</el-button>
<el-button>取消</el-button>
</div>
</div>
</template>
<script>
export default {
name: "feeApplication"
}
</script>
<style scoped lang="scss">
.fee-application {
padding: 0 20px;
h1{
font-weight: 600;
font-size: 20px;
}
.content{
width: 200px;
}
}
</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