update

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

@@ -32,7 +32,8 @@
                   return val + 1 + (page - 1) * size;
                 }
               : null
-          "
+              "
+          :fixed="head.fixed || null"
           v-bind="head.more"
         ></el-table-column>
         <!-- 普通的表头 -->

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

@@ -24,9 +24,8 @@
           v-loading="tableLoading"
           :table-config="null"
           :column-config="tableConfigs.ongoingTable"
-          :table-data="dataList"
+          :table-data="dataLists.ongoing"
           @operate-event="handleOperate"
-          @load-sub="handleLoadSub"
           :refresh-layout-key="refreshLayoutKey"
         />
 
@@ -55,7 +54,6 @@
           :column-config="tableConfigs.pendingTable"
           :table-data="dataList"
           @operate-event="handleOperate"
-          @load-sub="handleLoadSub"
           :refresh-layout-key="refreshLayoutKey"
         />
         <el-pagination
@@ -83,7 +81,6 @@
           :column-config="tableConfigs.finishedTable"
           :table-data="dataList"
           @operate-event="handleOperate"
-          @load-sub="handleLoadSub"
           :refresh-layout-key="refreshLayoutKey"
         />
 
@@ -260,11 +257,31 @@ export default {
           ],
         },
       },
+      conditions: {
+        ongoing: {
+          limit: 20,
+          code: "",
+          page: 1,
+        },
+        pending: {
+          limit: 20,
+          page: 1,
+        },
+        finished: {
+          limit: 20,
+          page: 1,
+        },
+      },
+      dataLists: {
+        ongoing: [],
+        pending: [],
+        finished: [],
+      },
     };
   },
   inject: ["urls"],
   mounted() {
-    this.getConfirmedList();
+    this.getSpecificList("ongoing", this.conditions.ongoing);
     console.log("[list view with head]", this.headConfigs);
   },
   activated() {
@@ -272,53 +289,33 @@ export default {
   },
   methods: {
     // get confirmed list
-    getConfirmedList() {
-      this.$http
-        .post(this.urls.confirmedOrder, {
-          bomId: "0",
-          cate: "1",
-          code: "39999",
-          startTime: "2022-02-05T22:00:00",
-          endTime: "2022-02-06T22:00:00",
-          id: "0",
-          limit: 10,
-          page: 1,
-          shapeId: "1",
-          techId: "0",
-          types: 1, // 0 等待 , 1 确认 , 2 生产, 3 暂停, 4 结束， 5 接受, 6 拒绝
-        })
-        .then(({ data: res }) => {
-          if (res.code === 0) {
-            console.log("[get confirmed list]", res);
-          } else {
-            this.$message({
-              message: `${res.code}: ${res.msg}`,
-              type: "error",
-              duration: 1500,
-            });
-          }
-        });
-    },
-    // get unconfirmed list
-    getUnConfirmedList() {},
-    // get ended list
-    getEndedList() {
-      // 只有查看详情
-    },
+    getSpecificList(type, payload) {
+      let url = "#";
+      switch (type) {
+        case "ongoing":
+          url = this.urls.confirmedOrder;
+          break;
+        case "pending":
+          url = this.urls.unConfirmedOrder;
+          break;
+        case "finished":
+          url = this.urls.finishedOrder;
+          break;
+      }
 
-    handleLoadSub({ tree, treeNode, resolve }) {
-      // console.log("tree, treeNOde, resovle is:", tree, treeNode, resolve);
-      this.$http.get(`${this.urls.tree}?rootId=${tree.id}`).then(({ data: res }) => {
+      this.$http.post(url, payload).then(({ data: res }) => {
         if (res.code === 0 && res.data) {
-          resolve(
-            res.data.map((item) => {
-              if (item.children) item.hasChildren = true;
-
-              /** TODO: 合并物料类型 和 类别 */
-
-              return item;
-            })
-          );
+          if ("list" in res.data) {
+          console.log("list .............", res.data.list);
+            this.dataLists[type] = res.data.list
+          } else console.log("没有res.data.list属性");
+        } else {
+          this.dataLists[type].splice(0)
+          this.$message({
+            message: `${res.code}: ${res.msg}`,
+            type: "error",
+            duration: 1500,
+          });
         }
       });
     },
@@ -441,17 +438,25 @@ export default {
       location.reload();
     },
 
-    handleBtnClick({ btnName, payload }) {
-      console.log("[search] form handleBtnClick", btnName, payload);
-      switch (btnName) {
-        case "新增":
-          this.openDialog();
-          break;
-        case "查询": {
-          this.getList(payload);
-          break;
+    handleBtnClick(type, { btnName, payload }) {
+      switch (type) {
+        case "ongoing": {
         }
+        case "pending":
+          break;
+        case "finished":
+          break;
       }
+      // console.log("[search] form handleBtnClick", type, btnName, payload);
+      // switch (btnName) {
+      //   case "新增":
+      //     this.openDialog();
+      //     break;
+      //   case "查询": {
+      //     this.getList(payload);
+      //     break;
+      //   }
+      // }
     },
 
     /** 导航器的操作 */