snapshot before 拆分组件“

src/views/modules/pms/order/components/ListViewWithHead.vue

@@ -5,13 +5,6 @@
  **/ 
 -->
 <template>
-  <div class="main-container">
-    <div class="inner-sidebar">
-      <a href="#ongoing" :class="{ active: activeTable === '#ongoing' }">进行中的订单</a>
-      <a href="#pending" :class="{ active: activeTable === '#pending' }">等待订单</a>
-      <a href="#finished" :class="{ active: activeTable === '#finished' }">完成订单</a>
-    </div>
-
   <div class="list-view-with-head">
     <section class="ongoing-order" id="ongoing">
       <BaseSearchForm
@@ -25,7 +18,7 @@
         :table-config="null"
         :column-config="tableConfigs.ongoingTable"
         :table-data="dataLists.ongoing"
-          @operate-event="handleOperate(type, $event)"
+        @operate-event="handleOperate('ongoing', $event)"
         :refresh-layout-key="refreshLayoutKey"
       />
 
@@ -111,7 +104,6 @@
       @refreshDataList="handleRefreshDatalist"
     /> -->
   </div>
-  </div>
 </template>
 
 <script>
@@ -119,6 +111,7 @@ import BaseListTable from "./BaseListTable.vue";
 import BaseSearchForm from "./BaseSearchForm.vue";
 import DialogWithMenu from "@/components/DialogWithMenu.vue";
 import DialogJustForm from "./DialogJustForm.vue";
+import moment from "moment";
 
 const DIALOG_WITH_MENU = "DialogWithMenu";
 const DIALOG_JUST_FORM = "DialogJustForm";
@@ -447,6 +440,22 @@ export default {
     handleBtnClick(type, { btnName, payload }) {
       switch (type) {
         case "ongoing": {
+          if (btnName === "查询") {
+            let params = Object.assign({}, payload);
+
+            if ("timerange" in payload) {
+              // 处理时间段
+              if (!!payload.timerange) {
+                const [startTime, endTime] = payload["timerange"];
+                params.startTime = moment(startTime).format("YYYY-MM-DDTHH:mm:ss");
+                params.endTime = moment(endTime).format("YYYY-MM-DDTHH:mm:ss");
+              }
+              delete params.timerange;
+            }
+            console.log("[search form btn click]", Object.assign({}, this.conditions.ongoing, params));
+            // 发起请求
+            this.getSpecificList("ongoing", Object.assign({}, this.conditions.ongoing, params));
+          }
         }
         case "pending":
           break;

src/views/modules/pms/order/config.js

@@ -79,8 +79,8 @@ export default function () {
       { width: 120, prop: "deliveryTime", label: "发货时间" },
       { width: 120, prop: "customerCode", label: "客户" },
       { width: 120, prop: "pcsKilnCar", label: "托盘码放砖数", },
-      { width: 200, prop: "remark", label: "备注" },
       { prop: "description", label: "详情", subcomponent: TableTextComponent },
+      { width: 200, prop: "remark", label: "备注" },
       {
         prop: "operations",
         name: "操作",
@@ -98,6 +98,7 @@ export default function () {
         label: '订单号',
         prop: 'code',
         input: true,
+        default: { value: '' },
         bind: { placeholder: '请输入订单号' }
       },
       {

src/views/modules/pms/order/index.vue

@@ -1,5 +1,14 @@
 <template>
+  <div class="main-container">
+    <div class="inner-sidebar">
+      <a href="#ongoing" :class="{ active: activeTable === '#ongoing' }">进行中的订单</a>
+      <a href="#pending" :class="{ active: activeTable === '#pending' }">等待订单</a>
+      <a href="#finished" :class="{ active: activeTable === '#finished' }">完成订单</a>
+    </div>
+
     <ListViewWithHead :table-configs="tableConfigs" :head-configs="headFormConfigs" :dialog-configs="dialogConfigs" />
+  </div>
+
   <!-- <div style="padding: 16px; background: #fff; border-radius: 8px">
     <el-table :data="dataList">
       <el-table-column key="id" prop="id" label="ID"></el-table-column>