客户订单列表

src/views/ecw/customer/query.vue

@@ -97,7 +97,83 @@
 
         <el-tabs style="margin-top: 15px" type="border-card">
           <el-tab-pane label="订单">
-            订单
+            <el-card class="box-card">
+              <div slot="header" class="clearfix">
+                <el-form :inline="true">
+                  <el-form-item label="运输方式：">
+                    <dict-selector :type="DICT_TYPE.ECW_TRANSPORT_TYPE" v-model="queryParams.transportType" formatter="number" />
+                  </el-form-item>
+                  <el-form-item label="订单状态：">
+                    <dict-selector :type="DICT_TYPE.ORDER_STATUS" v-model="queryParams.status"/>
+                  </el-form-item>
+                  <el-form-item label="报关方式：">
+                    <dict-selector
+                      :type="DICT_TYPE.ECW_CUSTOMS_TYPE"
+                      v-model="queryParams.customsType"
+                    />
+                  </el-form-item>
+                  <el-form-item label="控货">
+                    <dict-selector
+                      :type="DICT_TYPE.INFRA_BOOLEAN_STRING"
+                      v-model="queryParams.isCargoControl"
+                    />
+                  </el-form-item>
+                  <el-form-item label="入仓时间：">
+                    <el-date-picker v-model="queryParams.rucangtime"
+                                    style="width: 240px"
+                                    value-format="yyyy-MM-dd HH:mm:ss"
+                                    type="daterange"
+                                    range-separator="-"
+                                    start-placeholder="开始日期" end-placeholder="结束日期" />
+                  </el-form-item>
+                  <el-form-item>
+                    <el-button type="primary" @click="getorderList">搜索</el-button>
+                    <el-button type="primary" @click="()=>{
+                         queryParams = { rows:10,page:1}; getorderList()
+                    }">重置</el-button>
+                  </el-form-item>
+                </el-form>
+              </div>
+              <el-table :data="orderList">
+                <el-table-column :label="$t('订单编号')" width="120px" align="center" prop="orderNo" >
+                  <template slot-scope="scope">
+                    <router-link :to="{path: '/order/detail',query: {orderId: scope.row.orderId}}" class="link-type">
+                      <span>{{ scope.row.orderNo }}</span>
+                    </router-link>
+                  </template>
+                </el-table-column>
+                <el-table-column :label="$t('唛头')" align="center" prop="marks" />
+                <el-table-column :label="$t('总箱数/入仓箱数')" align="center" prop="sumNum">
+                  <template slot-scope="{row}">
+                    {{row.totalNum}}{{$t('箱')}}/{{row.sumNum}}{{$t('箱')}}
+                  </template>
+                </el-table-column>
+                <el-table-column :label="$t('体积/重量')" align="center" prop="sumWeight">
+                  <template slot-scope="{row}">
+                    <!--入仓前是填单数据，入仓后是入仓数据-->
+                    <template v-if="row.inWarehouseState <= 1">{{row.costVO.totalVolume}}m³ /{{row.costVO.totalWeight}}Kg</template>
+                    <template v-else>{{row.sumVolume}}m³ /{{row.sumWeight}}Kg</template>
+                  </template>
+                </el-table-column>
+                <el-table-column :label="$t('始发仓')" align="center" prop="departureName" />
+                <el-table-column :label="$t('运输方式/目的地')" align="center" prop="transportId">
+                  <template slot-scope="{row}">
+                    <dict-tag :type="DICT_TYPE.ECW_TRANSPORT_TYPE" :value="row.transportId" /> / {{row.objectiveName}}
+                  </template>
+                </el-table-column>
+                <el-table-column :label="$t('控货')" align="center" prop="transportId">
+                  <template slot-scope="{row}">
+                    <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="row.isCargoControl" />
+                  </template>
+                </el-table-column>
+                <el-table-column :label="$t('订单状态')" align="center" prop="status">
+                  <template slot-scope="scope">
+                    <dict-tag :type="DICT_TYPE.ORDER_STATUS" :value="scope.row.status" />
+                  </template>
+                </el-table-column>
+                </el-table>
+              <pagination @pagination="creditLogPage" :page.sync="queryParams.page" :limit.sync="queryParams.row"  :total="orderTotal" ></pagination>
+            </el-card>
           </el-tab-pane>
           <el-tab-pane label="报价">
             <el-table
@@ -312,6 +388,7 @@ import { parseTime } from '@/utils/ruoyi'
 import CustomerComplaint from '@/views/ecw/customerComplaint'
 import { listServiceUser } from '@/api/system/user'
 import { getCustomerContactsListByCustomer } from '@/api/ecw/customerContacts'
+import {getOrderPage} from "@/api/ecw/order";
 
 export default {
   name: 'query',
@@ -346,6 +423,7 @@ export default {
     this.getBrankByCustomerList()
     this.getCustomerGrade()
     this.creditLogPage()
+    this.getorderList()
   },
   data() {
     return {
@@ -412,7 +490,13 @@ export default {
         rows:10,
         total: 0,
       },
-      customerCreditLogList:[]
+      customerCreditLogList:[],
+      queryParams:{
+        rows:10,
+        page:1
+      },
+      orderList:[],
+      orderTotal:0
     }
   },
   computed: {
@@ -454,7 +538,16 @@ export default {
            this.customerCreditLogFrom.total = r.data.total;
          }
      })
-   }
+   },
+    getorderList(){
+      getOrderPage({consignorId:this.id,...this.queryParams}).then(r => {
+        console.log(r)
+        if(r.code === 0){
+          this.orderList = r.data.list
+          this.orderTotal = r.data.total
+        }
+      })
+    }
   }
 }
 </script>