发货管理

src/api/sale.js

@@ -34,6 +34,7 @@ export function getOrderList (params) {
     params: params
   })
 }
+
 // 订单详情
 export function getOrderDetail (id) {
   return request({
@@ -41,3 +42,12 @@ export function getOrderDetail (id) {
     method: 'get'
   })
 }
+
+// 发货列表
+export function getDispatchList (params) {
+  return request({
+    url: request.adornUrl(`/biz-service/deliverRecord/list`),
+    method: 'get',
+    params: params
+  })
+}

src/views/common/msg.vue

@@ -43,7 +43,7 @@
         }
         if (json) {
           this.updateMsgCollections(json)
-          if (json.length <= 2) {
+          if (json.length <= 1) {
             json.forEach((item) => {
               this.notice(item)
             })

src/views/modules/order/dispatch.vue

@@ -1,14 +1,154 @@
 <template>
-  <div>
-    功能暂未开放，敬请期待！
+  <div class="order">
+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="queryData()">
+      <el-form-item label="订单编码">
+        <el-input v-model="dataForm.orderCode" placeholder="合同编码" clearable></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="queryData()">查询</el-button>
+<!--        <el-button v-if="isAuth('order:ctl:list')" @click="addOrUpdateHandle(0, false)" type="primary">查看</el-button>-->
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="dataList"
+      border
+      v-loading="dataListLoading"
+      @selection-change="selectionChangeHandle"
+      style="width: 100%;">
+      <el-table-column
+        label="序号"
+        type="index"
+        width="50"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="orderCode"
+        header-align="center"
+        align="center"
+        min-width="140"
+        :show-tooltip-when-overflow="true"
+        label="订单编码">
+      </el-table-column>
+      <el-table-column
+        prop="delivererName"
+        header-align="center"
+        align="center"
+        min-width="120"
+        :show-overflow-tooltip="true"
+        label="发货人姓名">
+      </el-table-column>
+      <el-table-column
+        prop="deliverTime"
+        header-align="center"
+        align="center"
+        min-width="160"
+        :show-tooltip-when-overflow="true"
+        label="发货时间">
+      </el-table-column>
+      <el-table-column
+        prop="arrivedTime"
+        header-align="center"
+        align="center"
+        min-width="160"
+        label="送达时间">
+      </el-table-column>
+      <el-table-column
+        prop="customerFeedback"
+        header-align="center"
+        align="center"
+        min-width="180"
+        :show-tooltip-when-overflow="true"
+        label="客户反馈">
+      </el-table-column>
+      <el-table-column
+        prop="attachList"
+        header-align="center"
+        align="center"
+        min-width="200"
+        label="附件">
+        <template slot-scope="scope">
+          <a v-for="(item, index) in scope.row.attachList" :key="item.fileName + index" type="primary" :href="downloadUrl + item.url" target="_blank">{{ item.fileName }}</a>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+<!--    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>-->
+<!--    <detail v-if="detailVisible" ref="detail"/>-->
   </div>
 </template>
 
 <script>
-  export default {
+import { getDispatchList } from '@/api/sale'
+export default {
     // 发货管理
-    name: 'dispatch'
+  name: 'dispatch',
+  created () {
+    this.queryData()
+  },
+  data () {
+    return {
+      dataForm: {},
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: []
+    }
+  },
+  methods: {
+      // 查询
+    queryData () {
+      this.pageIndex = 1
+      this.getDataList()
+    },
+      // 获取数据列表
+    getDataList () {
+      this.dataListLoading = true
+      let params = {
+        'current': this.pageIndex,
+        'size': this.pageSize,
+        'createTime': this.dataForm.createTime ? this.dataForm.createTime : null,
+        'cusOrderCode': this.dataForm.cusOrderCode ? this.dataForm.cusOrderCode : null,
+        'customerId': this.dataForm.customerId ? this.dataForm.customerId : null,
+        'state': this.dataForm.state ? this.dataForm.state : null
+      }
+      getDispatchList(params).then(({data}) => {
+        if (data && data.code === '200') {
+          this.dataList = data.data.records
+          this.totalPage = Number(data.data.total)
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+        }
+        this.dataListLoading = false
+      })
+    },
+      // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+      // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+      // 多选
+    selectionChangeHandle (val) {
+      this.dataListSelections = val
+    }
   }
+}
 </script>
 
 <style scoped>