费用申请

src/router/index.js

@@ -327,8 +327,20 @@ export const constantRoutes = [
           icon:'',
           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

 <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>
+  <div>
+    <el-form inline label-width="120px" 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>
+  </div>
 </template>
 
 <script>
@@ -46,11 +48,20 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.el-form {
-  .content{
-    width: 150px;
-    height: 50px;
-    border: 1px solid;
+v-deep div{
+  .el-form {
+    .el-form-item{
+      .el-form-item__label{
+        font-size: 12px;
+        color: red;
+      }
+    }
   }
 }
+
+.content{
+  width: 150px;
+  height: 30px;
+  border: 1px solid;
+}
 </style>

src/views/ecw/order/feeApplication.vue

+<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>