From 108290a6a4eb2390e30b53015d8a32fa024233c3 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Wed, 13 Aug 2025 16:50:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(orderSync):=20=E5=85=A8=E7=BD=91=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=B7=BB=E5=8A=A0=E5=90=8C=E6=AD=A5=E5=A4=B1=E8=B4=A5?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wholeNetwork/orderSync.js             |  17 +
 src/router/index.js                           |   6 +
 .../wholeNetwork/orderSyncFail/index.vue      | 306 ++++++++++++++++++
 3 files changed, 329 insertions(+)
 create mode 100644 src/api/wholeNetwork/orderSync.js
 create mode 100644 src/views/wholeNetwork/orderSyncFail/index.vue

diff --git a/src/api/wholeNetwork/orderSync.js b/src/api/wholeNetwork/orderSync.js
new file mode 100644
index 0000000..a2043c1
--- /dev/null
+++ b/src/api/wholeNetwork/orderSync.js
@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+export function getOrderSyncFailList(params) {
+  return request({
+    url: '/sale/manage/order-sync/list',
+    method: 'get',
+    params
+  })
+}
+
+export function updateOrderSyncStatus(data) {
+  return request({
+    url: '/sale/manage/order-sync/updateStatus',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 26e1560..8209032 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3492,6 +3492,12 @@ export const constantRoutes = [
         component: () => import('@/views/wholeNetwork/productManage/summary'),
         meta: { title: '全网产品统计' }
       },
+      {
+        path: 'orderSyncFail',
+        name: 'WholeNetworkOrderSyncFail',
+        component: () => import('@/views/wholeNetwork/orderSyncFail/index'),
+        meta: { title: '同步失败订单' }
+      },
       {
         path: 'productManageDetails',
         name: 'WholeNetworkProductManageDetails',
diff --git a/src/views/wholeNetwork/orderSyncFail/index.vue b/src/views/wholeNetwork/orderSyncFail/index.vue
new file mode 100644
index 0000000..71d3155
--- /dev/null
+++ b/src/views/wholeNetwork/orderSyncFail/index.vue
@@ -0,0 +1,306 @@
+<template>
+  <div class="page">
+    <topBar
+      v-if="topList.length > 0"
+      :top-list="topList"
+      :moren="defaultSelected"
+    />
+    <div class="thetopbox">
+      <el-form label-width="100px">
+        <el-row>
+          <el-col :span="4">
+            <el-form-item label="订单号" prop="orderCode">
+              <el-input v-model="select.orderCode" clearable />
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="4">
+            <el-form-item label="产品名称" prop="productName">
+              <el-input v-model="select.productName" clearable />
+            </el-form-item>
+          </el-col> -->
+
+          <el-col :span="8">
+            <el-form-item label="时间范围" prop="timeRange">
+              <el-date-picker
+                v-model="timeRange"
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                clearable
+                :range-separator="'至'"
+                :start-placeholder="'开始日期'"
+                :end-placeholder="'结束日期'"
+                @change="timeRangeHandleChange"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <div class="searchbox">
+              <el-button
+                class="my_search"
+                @click="
+                  () => {
+                    getSearch();
+                    resetPageNum();
+                  }
+                "
+              >
+                {{ '搜索' }}</el-button>
+              <el-button class="my_reset" @click="resetHandle">
+                {{ '重置' }}</el-button>
+            </div>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="main">
+      <div class="maintop" />
+      <div class="maintable">
+        <el-table
+          v-loading="loading"
+          :data="tableData"
+          height="700px"
+          style="width: 100%"
+          :header-cell-style="{ background: '#EEEEEE' }"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            align="center"
+            prop="orderCode"
+            label="订单号"
+            width="180px"
+          />
+
+          <el-table-column
+            align="center"
+            prop="orderProductDetail"
+            label="产品明细列表"
+          >
+            <template slot-scope="scope">
+              <div v-for="item in scope.row.orderProductDetail" :key="item.pkId">
+                <span style="font-size: 12px;">仓储编号：{{ item.wmsCode }} </span>
+                <span style="margin-left: 8px; font-size: 12px;">变动数量：{{ item.changeNum }}</span>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="statusVal"
+            label="同步状态"
+            width="80px"
+          />
+
+          <el-table-column
+            align="center"
+            prop="creationTime"
+            label="创建时间"
+            width="170px"
+          />
+          <el-table-column
+            align="center"
+            prop="colsele"
+            label="操作"
+            width="100px"
+          >
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                size="small"
+                style="color: #48b2fd; padding: 0"
+                :disabled="scope.row.status === 0"
+                @click="handleProcessed(scope.row)"
+              >
+                手动处理
+              </el-button>
+
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getSearch"
+    />
+
+  </div>
+</template>
+
+<script>
+import { getOrderSyncFailList, updateOrderSyncStatus } from '@/api/wholeNetwork/orderSync'
+import topBar from '@/components/topBar'
+import { getMonthFirstDay, getMonthLastDay } from '@/utils/date'
+const initSearch = {
+  ordeCode: ''
+}
+export default {
+  name: 'WholeNetworkOrderSyncFail',
+  components: {
+    topBar
+  },
+  data() {
+    return {
+      defaultSelected: 'orderSyncFail',
+      topList: [
+        {
+          name: '同步失败订单',
+          path: 'orderSyncFail'
+        }
+      ],
+      tableData: [],
+      loading: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 50
+      },
+      timeRange: [
+      ],
+      select: {
+        ...initSearch
+      },
+      total: 0,
+      multipleSelection: [],
+      updateDialogVisible: false,
+      isEdit: false,
+      productInfo: {
+        remark: ''
+      },
+      updateInventoryVisible: false,
+      inventoryInfo: {
+        inventory: ''
+      }
+    }
+  },
+  created() {
+    this.getSearch()
+  },
+  methods: {
+    handleProcessed({ pkId }) {
+      this.$confirm('是否确认手动处理该订单?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then((_) => {
+        updateOrderSyncStatus({ pkId, status: 0 }).then((res) => {
+          if (res.code === 200) {
+            this.$message.success('手动处理成功')
+            this.getSearch()
+          }
+        })
+      })
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    timeRangeHandleChange(timeRange) {
+      this.queryParams.startDate = timeRange?.[0] || null
+      this.queryParams.endDate = timeRange?.[1] || null
+    },
+    resetHandle() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 50
+      }
+      this.timeRange = []
+
+      this.select = {
+        ...initSearch
+
+      }
+      this.getSearch()
+    },
+    getSearch() {
+      this.loading = true
+      const params = {
+        ...this.queryParams,
+        ...this.select
+      }
+      getOrderSyncFailList(params).then((res) => {
+        this.loading = false
+        if (res.code === 200) {
+          this.tableData = res.rows
+          this.total = res.total
+        }
+      })
+    },
+    resetPageNum() {
+      this.queryParams.pageNum = 1
+    }
+  }
+}
+</script>
+
+      <style lang="scss" scoped>
+::v-deep .el-image-viewer__close {
+  right: 500px;
+}
+::v-deep .dizhi .el-cascader {
+  width: 100%;
+}
+::v-deep .el-range-editor.el-input__inner {
+  width: 100%;
+}
+::v-deep .el-table thead {
+  color: #000000;
+}
+::v-deep .el-table .warning-row {
+  background: #f9f9f9;
+}
+.page {
+  padding: 10px 20px;
+  background: #f9f9f9;
+  font-size: 14px;
+  .thetopbox {
+    padding: 15px 20px 15px 0;
+    background: #ffffff;
+    border-radius: 8px;
+    .searchbox {
+      display: flex;
+      align-items: center;
+      margin-left: 40px;
+    }
+    .searchtitle {
+      margin-right: 10px;
+    }
+    .searchbtn {
+      background: #08143f;
+      color: #ffffff;
+    }
+  }
+  .main {
+    //margin-top: 20px;
+    background: #f9f9f9;
+    //border-radius: 8px;
+    //box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
+
+    .maintop {
+      display: flex;
+      // padding: 10px 0;
+      justify-content: space-between;
+      align-items: center;
+      .mainbtn {
+        .thebtn1 {
+          color: #ffffff;
+          background: #ffad41;
+          width: 68px;
+          height: 32px;
+        }
+        .thebtn2 {
+          color: #ffffff;
+          background: #009b58;
+          width: 68px;
+          height: 32px;
+        }
+        .thebtn3 {
+          color: #ffffff;
+          background: #c8161d;
+          width: 68px;
+          height: 32px;
+        }
+      }
+    }
+  }
+}
+</style>