入仓主页面

src/api/ecw/order.js

@@ -34,6 +34,14 @@ export function getOrder(id) {
   })
 }
 
+// 获得订单
+export function getOrderInfo(id) {
+  return request({
+    url: '/ecw/order/info/' + id,
+    method: 'get'
+  })
+}
+
 // 获得订单分页
 export function getOrderPage(query) {
   return request({

src/views/ecw/order/warehousing/index.vue

+<template>
+  <div class="app-container">
+    <h2>入仓操作-NC1231231N</h2>
+    <el-descriptions border>
+      <el-descriptions-item label="唛头"></el-descriptions-item>
+      <el-descriptions-item label="已到箱数"></el-descriptions-item>
+      <el-descriptions-item label="订单状态"></el-descriptions-item>
+      <el-descriptions-item label="送货时间"></el-descriptions-item>
+      <el-descriptions-item label="运输方式"></el-descriptions-item>
+      <el-descriptions-item label="始发地"></el-descriptions-item>
+      <el-descriptions-item label="目的地"></el-descriptions-item>
+      <el-descriptions-item label="发货人姓名"></el-descriptions-item>
+      <el-descriptions-item label="发货人公司"></el-descriptions-item>
+      <el-descriptions-item label="发货人电话"></el-descriptions-item>
+      <el-descriptions-item label="收货人姓名"></el-descriptions-item>
+      <el-descriptions-item label="收货人公司"></el-descriptions-item>
+      <el-descriptions-item label="收货人电话"></el-descriptions-item>
+      <el-descriptions-item label="入仓类型"></el-descriptions-item>
+      <el-descriptions-item label="订单号"></el-descriptions-item>
+      <el-descriptions-item label="储位">
+        <el-button type="primary">选择</el-button>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <h2>货物信息</h2>
+    <el-table
+      :data="[{},{}]"
+      style="width: 100%">
+      <el-table-column
+        prop="address"
+        label="序号">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="品名">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="填单货物属性">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="入库货物属性">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="快递单号">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="最后操作时间">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="状态">
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="操作">
+        <template v-slot="{row}">
+          <el-button size="mini" type="text">入仓</el-button>
+          <el-button size="mini" type="text">追加</el-button>
+          <el-button size="mini" type="text">退仓</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <h2>特殊需求</h2>
+    <el-form ref="form" :model="form" label-width="180px" style="max-width: 600px;">
+      <el-form-item label="套编织袋费">
+        <el-input v-model="form.a" placeholder="请输入套编织袋费">
+          <el-select v-model="form.b" placeholder="请选择" slot="append" style="width: 100px">
+            <el-option
+              v-for="item in currencyList"
+              :key="item.id"
+              :label="item.titleZh"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="木架包装费">
+        <el-input v-model="form.a" placeholder="请输入木架包装费">
+          <el-select v-model="form.b" placeholder="请选择" slot="append" style="width: 100px">
+            <el-option
+              v-for="item in currencyList"
+              :key="item.id"
+              :label="item.titleZh"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="纸箱包装费">
+        <el-input v-model="form.a" placeholder="请输入纸箱包装费">
+          <el-select v-model="form.b" placeholder="请选择" slot="append" style="width: 100px">
+            <el-option
+              v-for="item in currencyList"
+              :key="item.id"
+              :label="item.titleZh"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="内陆运输费">
+        <el-input v-model="form.a" placeholder="请输入内陆运输费">
+          <el-select v-model="form.b" placeholder="请选择" slot="append" style="width: 100px">
+            <el-option
+              v-for="item in currencyList"
+              :key="item.id"
+              :label="item.titleZh"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="打包费">
+        <el-input v-model="form.a" placeholder="请输入打包费">
+          <el-select v-model="form.b" placeholder="请选择" slot="append" style="width: 100px">
+            <el-option
+              v-for="item in currencyList"
+              :key="item.id"
+              :label="item.titleZh"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="易碎标签">
+        <el-input v-model="form.a" placeholder="请输入易碎标签">
+          <el-select v-model="form.b" placeholder="请选择" slot="append" style="width: 100px">
+            <el-option
+              v-for="item in currencyList"
+              :key="item.id"
+              :label="item.titleZh"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="其他费用">
+        <el-input v-model="form.a" placeholder="请输入其他费用">
+          <el-select v-model="form.b" placeholder="请选择" slot="append" style="width: 100px">
+            <el-option
+              v-for="item in currencyList"
+              :key="item.id"
+              :label="item.titleZh"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-input>
+      </el-form-item>
+
+      <div style="text-align: center">
+        <el-button type="primary">转异</el-button>
+        <el-button type="primary">完成入仓</el-button>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import {getCurrencyList} from "@/api/ecw/currency"
+import {getOrder, getOrderInfo} from "@/api/ecw/order"
+
+export default {
+  name: "Warehousing",
+  mounted() {
+    getCurrencyList().then(res => this.currencyList = res.data)
+    getOrder(17).then(r => this.order = r.data)
+    getOrderInfo(17).then(r => this.order = r.data)
+  },
+  data() {
+    return {
+      form: {
+        a: '',
+        b: 3
+      },
+      currencyList:[],
+      order: {}
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>