From d3727395aa55d09d6015d34b3e3d70c1ef895f99 Mon Sep 17 00:00:00 2001
From: clay <20932067@zju.edu.cn>
Date: Wed, 9 Dec 2020 21:54:33 +0800
Subject: [PATCH] 01

---
 src/api/api.config.js                         |   4 +-
 src/components/personPage/ChangePassword.vue  |   2 +-
 .../personPage/woker/AllUserOrderList.vue     |   8 +-
 .../personPage/woker/WokerHistoryOrder.vue    | 407 +++++++++++++-----
 .../personPage/woker/WokerReceivedOrder.vue   | 128 +-----
 5 files changed, 316 insertions(+), 233 deletions(-)

diff --git a/src/api/api.config.js b/src/api/api.config.js
index 8d086d3..3583b5e 100644
--- a/src/api/api.config.js
+++ b/src/api/api.config.js
@@ -1,8 +1,8 @@
 import axios from 'axios'
 // import {getHeaders} from '../utils/token'
 
-const baseUrl = 'http://localhost:8083/api/'
-// const baseUrl = 'http://api.tomey.live/api/'
+// const baseUrl = 'http://localhost:8083/api/'
+const baseUrl = 'http://api.tomey.live/api/'
 class HttpRequest {
   constructor (baseUrl) {
     this.baseUrl = baseUrl
diff --git a/src/components/personPage/ChangePassword.vue b/src/components/personPage/ChangePassword.vue
index 55d44ce..fea1472 100644
--- a/src/components/personPage/ChangePassword.vue
+++ b/src/components/personPage/ChangePassword.vue
@@ -41,7 +41,7 @@
     data () {
       return {
         passwordform: {
-          oldpassword: '123456789',
+          oldpassword: '',
           password: '',
           repassword: ''
         }
diff --git a/src/components/personPage/woker/AllUserOrderList.vue b/src/components/personPage/woker/AllUserOrderList.vue
index 9d2b90f..8269f20 100644
--- a/src/components/personPage/woker/AllUserOrderList.vue
+++ b/src/components/personPage/woker/AllUserOrderList.vue
@@ -54,12 +54,12 @@
               <el-form-item label="寝室号 :">
                 <span>{{props.row.hostel}}</span>
               </el-form-item>
-              <el-form-item label="备注 :">
-                <span>{{ props.row.decs }}</span>
-              </el-form-item>
               <el-form-item label="发布时间 :">
                 <span>{{ props.row.createTime }}</span>
               </el-form-item>
+              <el-form-item label="备注 :">
+                <span>{{ props.row.decs }}</span>
+              </el-form-item>
             </el-form>
           </template>
         </el-table-column>
@@ -164,7 +164,7 @@
       getUserOrder () {
         let loading = this.$loading({lock: true, text: '玩命加载中...'})
         getCourierLst(this.selectData).then((res) => {
-          loading.close()
+          setTimeout(loading.close(),1000)
           var data = res.data
           if (data.success) {
             this.OrderData = []
diff --git a/src/components/personPage/woker/WokerHistoryOrder.vue b/src/components/personPage/woker/WokerHistoryOrder.vue
index 49849d7..fb9200c 100644
--- a/src/components/personPage/woker/WokerHistoryOrder.vue
+++ b/src/components/personPage/woker/WokerHistoryOrder.vue
@@ -1,119 +1,318 @@
 <template>
-    <div class="wokerHistoryOrder">
-        <person-title>当前位置 :: 我的订单 >> <em>历史订单</em></person-title>
-        <div class="wokerHistoryOrder-cont">
-            <wokerOrderList
-                :userOrder='horder'
-                :rightOptBtn='rightOptBtn'
-                :titleList='titleList'
-                @deleteOrder='handleDeleteOrder'>
-            </wokerOrderList>
-        </div>
-        <div class="pageination-oder">
-            <el-pagination v-if="showPagination"
-                background
-                @current-change="handleCurrentChange"
-                :current-page="currentPage"
-                :pager-count="5"
-                :page-size="pageSize"
-                layout="total, prev, pager, next, jumper"
-                :total="totalOrder">
-            </el-pagination>
+  <div class="currentorder">
+    <person-title>当前位置 :: 我的订单 >> <em>所有订单</em></person-title>
+    <div class="currentorder-cont">
+      <div class="findOrder-search">
+        <el-form :inline="true" :model="findOrderForm" class="user-findOrder">
+          <el-form-item label="查询条件">
+            <el-select v-model="findOrderForm.condition" placeholder="选择查询条件">
+              <el-option label=" " value="1"></el-option>
+              <el-option label="姓名" value="name"></el-option>
+              <el-option label="电话" value="phone"></el-option>
+              <el-option label="快递公司" value="company"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="请输入">
+            <el-input v-model="findOrderForm.answers" placeholder="查询条件"></el-input>
+          </el-form-item>
+          <el-button type="primary" v-on:click="queryData()">查询</el-button>
+        </el-form>
+      </div>
+      <el-table
+        :data="OrderData"
+        class="userOrderList"
+        :default-sort="{prop: 'createTime', order: 'descending'}"
+        style="width: 100%">
+        <div class="emptyTip" slot="empty">
+          暂时没有订单 , 赶紧去
+
+          <a href="" @click.prevent="handleGotoNewOrde"
+          > 发布订单 </a>吧
         </div>
+        <el-table-column type="expand">
+          <template slot-scope="props">
+            <el-form label-position="left"
+                     inline class="userTable demo-table-expand">
+              <el-form-item label="订单号 :">
+                <span>{{ props.row.id }}</span>
+              </el-form-item>
+              <el-form-item label="收货人姓名 :">
+                <span>{{props.row.name}}</span>
+              </el-form-item>
+              <el-form-item label="电话 :">
+                <span>{{props.row.phone}}</span>
+              </el-form-item>
+              <el-form-item label="快递大小 :">
+                <span>{{ props.row.typeDesc }}</span>
+              </el-form-item>
+              <el-form-item label="快递公司 :">
+                <span>{{ props.row.company}}</span>
+              </el-form-item>
+              <el-form-item label="取货码 :">
+                <span>{{props.row.number}}</span>
+              </el-form-item>
+              <el-form-item label="公寓 :">
+                <span>{{props.row.flats}}</span>
+              </el-form-item>
+              <el-form-item label="寝室号 :">
+                <span>{{props.row.hostel}}</span>
+              </el-form-item>
+              <el-form-item label="发布时间 :">
+                <span>{{ props.row.createTime }}</span>
+              </el-form-item>
+              <el-form-item label="备注 :">
+                <span>{{ props.row.decs }}</span>
+              </el-form-item>
+            </el-form>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-for="item in titleList"
+          :key='item.id'
+          :sortable='item.sortable'
+          :label="item.columnTitle"
+          :prop="item.prop">
+        </el-table-column>
+        <el-table-column
+          prop="status"
+          label="快递状态"
+          filter-placement="bottom-end">
+          <template slot-scope="scope">
+            <el-tag
+              v-if="scope.row.status==1">待取件
+            </el-tag>
+            <el-tag
+              type="warning" v-if="scope.row.status==2"
+            >运输中
+            </el-tag>
+            <el-tag
+              type="danger" v-if="scope.row.status==3"
+              disable-transitions>待收取
+            </el-tag>
+            <el-tag
+              type="success" v-if="scope.row.status==4"
+              disable-transitions>完成
+            </el-tag>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
+    <div class="pageination-oder">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="4"
+        :page-sizes="[10, 50, 80, 100]"
+        :page-size="10"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="totalOrder">
+      </el-pagination>
+    </div>
+  </div>
 </template>
 
 <script>
-import wokerOrderList from './WokerOrderList'
-import axios from 'axios'
-export default {
-    data(){
-        return {
-            horder:[],
-            currentPage : 1,
-            pageSize : 10,
-            totalOrder : 0,
-            showPagination : true,
-            rightOptBtn:'historyBtn',// 'receiveOrderBtn'  // 'historyBtn'
-            titleList:[
-                {id:1,columnTitle:'完成时间',prop:'completedData',sortable:true},
-                {id:2,columnTitle:'价格(元)',prop:'Price',sortable:true},
-                {id:3,columnTitle:'类型',prop:'goodsTpye',sortable:false},
-                {id:4,columnTitle:'数量',prop:'goodsNumber',sortable:true}
+  import {courierGetSelfList, delivery} from '../../../api/order'
+  import {formData} from '../../../unit/formDate'
 
-            ]
-        }
-    },
-    components:{
-        wokerOrderList
-    },
-    mounted() {
-        this.gehistoryOrderList();
-    },
-    methods:{
-        gehistoryOrderList(){
-            let loading = this.$loading({lock:true,text:'玩命加载中...'});
-            axios.get(`/wokers/horder?size=${this.pageSize}&page=${this.currentPage}`).then(response=>{
-                let res = response.data;
-                loading.close();
-                if(res.status=='0'){
-                    this.horder = res.result.horder;
-                    this.totalOrder = Number.parseInt(res.result.totalOrder);
-                    if(this.totalOrder <= this.pageSize){
-                        this.showPagination = false
-                    }
-                }else{
-                    console.log(res.msg);
-                }
-            }).catch(err=>{
-                console.log(err);
-
-            });
+  export default {
+    data () {
+      return {
+        findOrderForm: {
+          condition: '',
+          answers: ''
         },
-        handleDeleteOrder(orderData){
-            // 如果已接单接不可以取消
-            this.$confirm(`此订单删除无法恢复! 确认删除订单?`,
-                '完成订单', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'error'
-            }).then(() => {
-                let loading = this.$loading({lock:true,text:'玩命加载中...'});
-                axios.post(`/wokers/deleteHistoryOrder`,{orderId:orderData.orderId}).then(response=>{
-                    let res = response.data;
-                    loading.close();
-                    if(res.status=='0'){
-                        this.$message({
-                            type: 'success',
-                            message: '删除成功!'
-                        });
-                        this.gehistoryOrderList();
-                    }else{
-                        this.$message({
-                            type: 'error',
-                            message: res.msg
-                        });
-                    }
-                }).catch(err=>{
-                    loading.close();
-                    console.log(err);
-
-                });
-            }).catch(() => {
-                this.$message({
-                    type: 'info',
-                    message: '已取消操作'
-                 });
-            });
+        OrderData: null,
+        selectData: {
+          page: 1,
+          size: 10,
+          id: '',
+          flats: '',
+          name: '',
+          phone: '',
+          company: '',
+          starttime: '',
+          endtime: '',
+          type: '',
+          status: 4
         },
-        handleCurrentChange(val) {
-            this.currentPage = val;
-            this.gehistoryOrderList();
+        totalOrder: 0,
+        showPagination: true,
+        listType: {
+          noCompBtn: true
+        },
+        titleList: [
+          {id: 1, columnTitle: '订单号', prop: 'id'},
+          {id: 2, columnTitle: '姓名', prop: 'name'},
+          {id: 3, columnTitle: '发布时间', prop: 'createTime'}
+        ]
+      }
+    },
+    created () {
+      this.getUserOrder()
+    },
+    methods: {
+      queryData () {
+        var data = this.findOrderForm
+        this.selectData.company = ''
+        this.selectData.phone = ''
+        this.selectData.name = ''
+        this.selectData.name = ''
+        if (data.condition == 'flats') {
+        } else if (data.condition == 'name') {
+          this.selectData.name = data.answers
+        } else if (data.condition == 'name') {
+          this.selectData.name = data.answers
+        } else if (data.condition == 'phone') {
+          this.selectData.phone = data.answers
+        } else if (data.condition == 'company') {
+          this.selectData.company = data.answers
         }
+        this.getUserOrder()
+      },
+      deliveryOrder (id) {
+        this.$confirm(`是否确认送达,完成订单?`,
+          '确认送达', {
+            confirmButtonText: '确认',
+            cancelButtonText: '取消',
+            type: 'success'
+          }).then(() => {
+          let formData = {
+            id: id
+          }
+          delivery(formData).then((res) => {
+            console.log(res)
+            let resData = res.data
+            if (resData.success) {
+              this.$message({
+                type: 'success',
+                message: "订单送达"
+              })
+              this.getUserOrder()
+            } else {
+              this.$message({
+                type: 'error',
+                message: resData.errorMsg
+              })
+            }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消操作'
+          })
+        })
+      },
+      getUserOrder () {
+        let loading = this.$loading({lock: true, text: '玩命加载中...'})
+        courierGetSelfList(this.selectData).then((res) => {
+          var data = res.data
+          setTimeout(loading.close(),1000)
+          if (data.success) {
+            this.OrderData = []
+            var list = data.data.list
+            for (let i = 0; i < list.length; i++) {
+              var dataitem = list[i]
+              dataitem.lastTime = formData(list[i].lastTime, 'yyyy-MM-dd hh:mm:ss')
+              dataitem.createTime = formData(list[i].createTime, 'yyyy-MM-dd hh:mm:ss')
+              this.OrderData.push(dataitem)
+            }
+            this.totalOrder = data.data.count
+          } else {
+            this.$message({
+              type: 'info',
+              message: data.errorMsg
+            })
+          }
+        })
+      },
+      updateHandler () {
+        this.OrderData = {...this.OrderData}
+      },
+      handleSizeChange (val) {
+        this.selectData.size = val
+        this.getUserOrder()
+      },
+      handleCurrentChange (val) {
+        this.selectData.page = val
+        this.getUserOrder()
+      }
     }
-}
+  }
 </script>
 
-<style>
+<style lang='scss'>
+  .userOrderList {
+    .el-message {
+      top: 5rem;
+    }
 
+    .el-button {
+      width: 4.2rem;
+      height: 1.5rem;
+      line-height: 1.5rem;
+      padding: 0;
+
+      span {
+        font-size: 0.6rem;
+      }
+    }
+
+    //交易操作
+    .btn-cancel {
+      margin-right: 0.2rem;
+      margin-bottom: 0.3rem;
+    }
+
+    .btn-success {
+      /*background-color: #409eff;*/
+      /*color: #fff;*/
+
+      &:hover {
+        /*background-color: lighten(#409eff, 5%);*/
+      }
+    }
+
+    // 当前订单没有数据时候
+    .emptyTip a {
+      color: rgb(226, 137, 137);
+
+      &:hover {
+        color: rgb(214, 29, 29);
+      }
+    }
+
+    .el-button + .el-button {
+      margin-left: 0;
+    }
+
+    // 展开详情后文本 的span
+    .horder .el-form-item__content span,
+    .currentorder .el-form-item__content span {
+      margin-right: 0.5rem;
+    }
+
+    .demo-table-expand {
+      font-size: 0;
+    }
+
+    .demo-table-expand label {
+      width: 6.2rem;
+      color: #99a9bf;
+    }
+
+    .demo-table-expand .el-form-item {
+      margin-right: 0;
+      margin-bottom: 0;
+      width: 50%;
+    }
+  }
+
+  .el-button {
+    margin: 0 auto;
+  }
+
+  .findOrder-search {
+    padding-top: 1rem;
+  }
 </style>
diff --git a/src/components/personPage/woker/WokerReceivedOrder.vue b/src/components/personPage/woker/WokerReceivedOrder.vue
index 56ad062..fa77356 100644
--- a/src/components/personPage/woker/WokerReceivedOrder.vue
+++ b/src/components/personPage/woker/WokerReceivedOrder.vue
@@ -57,31 +57,12 @@
               <el-form-item label="寝室号 :">
                 <span>{{props.row.hostel}}</span>
               </el-form-item>
+              <el-form-item label="发布时间 :">
+                <span>{{ props.row.createTime }}</span>
+              </el-form-item>
               <el-form-item label="备注 :">
                 <span>{{ props.row.decs }}</span>
               </el-form-item>
-              <el-form-item>
-              </el-form-item>
-              <template v-if="props.row.status!=2">
-                <el-form-item label="接单人员 :">
-                  <span>{{ props.row.courier.username }}</span>
-                </el-form-item>
-                <el-form-item label="接单人电话 :">
-                  <span>{{ props.row.courier.phone }}</span>
-                </el-form-item>
-                <el-form-item v-if="props.row.status==2" label="接单时间 :">
-                  <span>{{ props.row.lastTime }}</span>
-                </el-form-item>
-                <el-form-item v-if="props.row.status==3" label="送达时间 :">
-                  <span>{{ props.row.lastTime }}</span>
-                </el-form-item>
-                <el-form-item v-if="props.row.status==4" label="收取时间 :">
-                  <span>{{ props.row.lastTime }}</span>
-                </el-form-item>
-              </template>
-              <!--              <el-form-item label="发布时间 :">-->
-              <!--                <span>{{ props.row.createTime }}</span>-->
-              <!--              </el-form-item>-->
             </el-form>
           </template>
         </el-table-column>
@@ -219,7 +200,7 @@
             if (resData.success) {
               this.$message({
                 type: 'success',
-                message: "订单送达"
+                message: '订单送达'
               })
               this.getUserOrder()
             } else {
@@ -236,32 +217,11 @@
           })
         })
       },
-      cancel (id) {
-        let data = {
-          orderid: id
-        }
-        cancelO(data).then((res) => {
-          console.log(res)
-          let data = res.data
-          if (data.success) {
-            this.$message({
-              type: 'success',
-              message: data.data
-            })
-            setTimeout(this.getUserOrder, 500)
-          } else {
-            this.$message({
-              type: 'error',
-              message: data.data
-            })
-          }
-        })
-      },
       getUserOrder () {
-        // let loading = this.$loading({lock: true, text: '玩命加载中...'})
+        let loading = this.$loading({lock: true, text: '玩命加载中...'})
         courierGetSelfList(this.selectData).then((res) => {
           var data = res.data
-          // loading.close()
+          setTimeout(loading.close(),1000)
           if (data.success) {
             this.OrderData = []
             var list = data.data.list
@@ -283,82 +243,6 @@
       updateHandler () {
         this.OrderData = {...this.OrderData}
       },
-      handleCancel (data) {
-        // 如果已接单接不可以取消
-        this.$confirm('此操作将取消订单, 是否继续?',
-          '取消订单', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'error'
-          }).then(() => {
-          // let loading = this.$loading({lock:true,text:'正在取消订单...'});
-          // axios.get(`/users/cancelCurrentOrder?orderId=${data.orderId}`).then(response=>{
-          //     let res = response.data;
-          //     loading.close();
-          //     if(res.status=='0'){
-          //         this.$message({
-          //             type: 'success',
-          //             message: '取消成功!'
-          //         });
-          //         let mode = this.totalOrder % this.selectData.size;
-          //         if(mode ===1){ //判断是否当页最后一条
-          //             this.selectData.page --;
-          //         }
-          //         this.getUserOrder();
-          //     }else{
-          //         this.$message({
-          //             type: 'error',
-          //             message:res.msg
-          //         });
-          //     }
-          // }).catch(err=>{
-          //     console.log(err);
-          // });
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消操作'
-          })
-        })
-      },
-      handleCompleted (orderData) {
-        // 完成订单
-        this.$confirm(`是否确认送达,完成订单?`,
-          '支付订单', {
-            confirmButtonText: '确认',
-            cancelButtonText: '取消',
-            type: 'success'
-          }).then(() => {
-          // let loading = this.$loading({lock:true,text:'正在完成订单...'});
-          // axios.post(`/users/completedCurrentOrder`,orderData).then(response=>{
-          //     let res = response.data;
-          //     loading.close();
-          //     if(res.status=='0'){
-          //         this.$message({
-          //             type: 'success',
-          //             message: '收货成功!'
-          //         });
-          //         let mode = this.totalOrder % this.selectData.size;
-          //         if(mode ===1){ //判断是否当页最后一条
-          //             this.selectData.page --;
-          //         }
-          //         this.getUserOrder();
-          //     }else{
-          //         this.$message({
-          //             type: 'error',
-          //             message:res.msg
-          //         });
-          //     }
-          // }).catch(err=>{
-          //     console.log(err);
-          // });
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消操作'
-          })
-        })
-      },
       handleSizeChange (val) {
         this.selectData.size = val
         this.getUserOrder()