snapshot before 拆分组件“

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

@@ -5,98 +5,91 @@
  **/ 
 -->
 <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
-          head-title="进行中的订单"
-          :head-config="{ fields: headConfigs.ongoingTableSearch }"
-          @btn-click="handleBtnClick('ongoing', $event)"
-        />
-        <BaseListTable
-          key="confirmed"
-          v-loading="tableLoadings.ongoing"
-          :table-config="null"
-          :column-config="tableConfigs.ongoingTable"
-          :table-data="dataLists.ongoing"
-          @operate-event="handleOperate(type, $event)"
-          :refresh-layout-key="refreshLayoutKey"
-        />
-
-        <el-pagination
-          class="mt-5 flex justify-end"
-          @size-change="handleSizeChange('ongoing', $event)"
-          @current-change="handlePageChange('ongoing', $event)"
-          :current-page.sync="conditions.ongoing.page"
-          :page-sizes="[1, 5, 10, 20]"
-          :page-size="conditions.ongoing.limit"
-          :total="totalPage.ongoing"
-          layout="total, sizes, prev, pager, next, jumper"
-        ></el-pagination>
-      </section>
-
-      <section class="pending-order" id="pending">
-        <BaseSearchForm
-          head-title="等待中的订单"
-          :head-config="{ fields: headConfigs.pendingTableSearch }"
-          @btn-click="handleBtnClick('pending', $event)"
-        />
-        <BaseListTable
-          key="unconfirmed"
-          v-loading="tableLoadings.pending"
-          :table-config="null"
-          :column-config="tableConfigs.pendingTable"
-          :table-data="dataLists.pending"
-          @operate-event="handleOperate(type, $event)"
-          :refresh-layout-key="refreshLayoutKey"
-        />
-        <el-pagination
-          class="mt-5 flex justify-end"
-          @size-change="handleSizeChange('pending', $event)"
-          @current-change="handlePageChange('pending', $event)"
-          :current-page.sync="conditions.pending.page"
-          :page-sizes="[1, 5, 10, 20]"
-          :page-size="conditions.pending.limit"
-          :total="totalPage.pending"
-          layout="total, sizes, prev, pager, next, jumper"
-        ></el-pagination>
-      </section>
-
-      <section class="finished-order" id="finished">
-        <BaseSearchForm
-          head-title="已完成订单"
-          :head-config="{ fields: headConfigs.finishedTableSearch }"
-          @btn-click="handleBtnClick('finished', $event)"
-        />
-        <BaseListTable
-          key="ended"
-          v-loading="tableLoadings.finished"
-          :table-config="null"
-          :column-config="tableConfigs.finishedTable"
-          :table-data="dataLists.finished"
-          @operate-event="handleOperate(type, $event)"
-          :refresh-layout-key="refreshLayoutKey"
-        />
-
-        <el-pagination
-          class="mt-5 flex justify-end"
-          @size-change="handleSizeChange('finished', $event)"
-          @current-change="handlePageChange('finished', $event)"
-          :current-page.sync="conditions.finished.page"
-          :page-sizes="[1, 5, 10, 20]"
-          :page-size="conditions.finished.limit"
-          :total="totalPage.finished"
-          layout="total, sizes, prev, pager, next, jumper"
-        ></el-pagination>
-      </section>
-
-      <!-- <DialogWithMenu
+  <div class="list-view-with-head">
+    <section class="ongoing-order" id="ongoing">
+      <BaseSearchForm
+        head-title="进行中的订单"
+        :head-config="{ fields: headConfigs.ongoingTableSearch }"
+        @btn-click="handleBtnClick('ongoing', $event)"
+      />
+      <BaseListTable
+        key="confirmed"
+        v-loading="tableLoadings.ongoing"
+        :table-config="null"
+        :column-config="tableConfigs.ongoingTable"
+        :table-data="dataLists.ongoing"
+        @operate-event="handleOperate('ongoing', $event)"
+        :refresh-layout-key="refreshLayoutKey"
+      />
+
+      <el-pagination
+        class="mt-5 flex justify-end"
+        @size-change="handleSizeChange('ongoing', $event)"
+        @current-change="handlePageChange('ongoing', $event)"
+        :current-page.sync="conditions.ongoing.page"
+        :page-sizes="[1, 5, 10, 20]"
+        :page-size="conditions.ongoing.limit"
+        :total="totalPage.ongoing"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </section>
+
+    <section class="pending-order" id="pending">
+      <BaseSearchForm
+        head-title="等待中的订单"
+        :head-config="{ fields: headConfigs.pendingTableSearch }"
+        @btn-click="handleBtnClick('pending', $event)"
+      />
+      <BaseListTable
+        key="unconfirmed"
+        v-loading="tableLoadings.pending"
+        :table-config="null"
+        :column-config="tableConfigs.pendingTable"
+        :table-data="dataLists.pending"
+        @operate-event="handleOperate(type, $event)"
+        :refresh-layout-key="refreshLayoutKey"
+      />
+      <el-pagination
+        class="mt-5 flex justify-end"
+        @size-change="handleSizeChange('pending', $event)"
+        @current-change="handlePageChange('pending', $event)"
+        :current-page.sync="conditions.pending.page"
+        :page-sizes="[1, 5, 10, 20]"
+        :page-size="conditions.pending.limit"
+        :total="totalPage.pending"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </section>
+
+    <section class="finished-order" id="finished">
+      <BaseSearchForm
+        head-title="已完成订单"
+        :head-config="{ fields: headConfigs.finishedTableSearch }"
+        @btn-click="handleBtnClick('finished', $event)"
+      />
+      <BaseListTable
+        key="ended"
+        v-loading="tableLoadings.finished"
+        :table-config="null"
+        :column-config="tableConfigs.finishedTable"
+        :table-data="dataLists.finished"
+        @operate-event="handleOperate(type, $event)"
+        :refresh-layout-key="refreshLayoutKey"
+      />
+
+      <el-pagination
+        class="mt-5 flex justify-end"
+        @size-change="handleSizeChange('finished', $event)"
+        @current-change="handlePageChange('finished', $event)"
+        :current-page.sync="conditions.finished.page"
+        :page-sizes="[1, 5, 10, 20]"
+        :page-size="conditions.finished.limit"
+        :total="totalPage.finished"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </section>
+
+    <!-- <DialogWithMenu
       ref="edit-dialog"
       v-if="dialogType === DIALOG_WITH_MENU"
       :dialog-visible.sync="dialogVisible"
@@ -110,7 +103,6 @@
       :configs="subdialogConfigs"
       @refreshDataList="handleRefreshDatalist"
     /> -->
-    </div>
   </div>
 </template>
 
@@ -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>
-  <ListViewWithHead :table-configs="tableConfigs" :head-configs="headFormConfigs" :dialog-configs="dialogConfigs" />
+  <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>
@@ -43,7 +52,7 @@ export default {
     //     { id: 4, name: "陈鼻", age: 15 },
     //     { id: 5, name: "肖上唇", age: 16 },
     //   ],
-		// 	limit: 20
+    // 	limit: 20
     // };
   },
   created() {},
@@ -63,7 +72,7 @@ export default {
     },
     handleDown({ $index, row }) {
       // const { id } = row;
-			if ($index === this.limit) return;
+      if ($index === this.limit) return;
       const [item] = this.dataList.splice($index, 1);
       this.dataList.splice($index + 1, 0, item);
     },