From c780e6dbbacc82c3ad7a189ed2cf90e3acdcdccc Mon Sep 17 00:00:00 2001
From: lonewolfyx <877085893@qq.com>
Date: Sat, 7 Feb 2026 16:47:25 +0800
Subject: [PATCH] =?UTF-8?q?refactor(work):=20=E9=87=8D=E6=9E=84=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E5=AE=A1=E6=89=B9=E9=A1=B5=E9=9D=A2=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/Salemain.js                       |  10 ++
 pages/work/OrderApproval/ListItem.vue |  96 +++++++++++++
 pages/work/OrderApproval/index.vue    | 194 ++++++++++++++++++--------
 3 files changed, 243 insertions(+), 57 deletions(-)
 create mode 100644 pages/work/OrderApproval/ListItem.vue

diff --git a/api/Salemain.js b/api/Salemain.js
index dfc128f..f833108 100644
--- a/api/Salemain.js
+++ b/api/Salemain.js
@@ -9,3 +9,13 @@ export const financeList = (data, query) => {
         params: query,
     })
 }
+
+// 获取订单审核列表
+export const getOrderApprovalList = (data, query) => {
+    return request({
+        method: 'post',
+        url: '/bussiness/salemain/orderList',
+        data: data,
+        params: query,
+    })
+}
\ No newline at end of file
diff --git a/pages/work/OrderApproval/ListItem.vue b/pages/work/OrderApproval/ListItem.vue
new file mode 100644
index 0000000..97048ba
--- /dev/null
+++ b/pages/work/OrderApproval/ListItem.vue
@@ -0,0 +1,96 @@
+<template>
+    <uni-card
+        v-for="(item,index) in items"
+        :key="item.saleid"
+        :class="index % 2 === 0 ? 'card-even' : 'card-odd'"
+        :extra="item.contractcode"
+        :title="item.usernames"
+        style="margin: 0;margin-bottom: 20px"
+        @click="handleDetail(item)"
+    >
+        <view class="context">
+            <view class="label">
+                <text>状态:</text>
+                <text>{{ item.stateText }}</text>
+            </view>
+            <view class="label">
+                <text>制单日期:</text>
+                <text>{{ formatDate(item.adddate, 'yyyy-MM-dd') }}</text>
+            </view>
+
+            <view class="label">
+                <text>支付方式:</text>
+                <text>{{ item.creditperiods > 0 ? '非现款' : '现款' }}</text>
+            </view>
+            <view class="label">
+                <text>区域:</text>
+                <text>{{ item.areaName }}</text>
+            </view>
+
+            <view class="label">
+                <text>订单金额:</text>
+                <text>{{ formatPrice(item.contractmoney) }}</text>
+            </view>
+            <view class="label">
+                <text>补差金额:</text>
+                <text>{{ formatPrice(item.disCount) }}</text>
+            </view>
+
+            <view class="label">
+                <text>账期核查状态:</text>
+                <text>
+                    <dict-tag :options="bus_acperiod_state" :value="item.acPeriodState"/>
+                </text>
+            </view>
+            <view class="label">
+                <text>额度状态:</text>
+                <text>
+                    <dict-tag :options="bus_isrush_state" :value="item.isRush"/>
+                </text>
+            </view>
+
+            <view class="label">
+                <text>OA推送状态:</text>
+                <text>{{ item.oaStateText }}</text>
+            </view>
+            <view class="label">
+                <text>OA流程编号:</text>
+                <text>{{ item.oaCode }}</text>
+            </view>
+
+            <view class="label">
+                <text>本月/下月:</text>
+                <text>{{ item.actioninfo }}</text>
+            </view>
+            <view class="label">
+                <text>商务经理:</text>
+                <text>{{ item.businessManagerName }}</text>
+            </view>
+
+        </view>
+
+    </uni-card>
+</template>
+
+<script setup>
+import {defineOptions, defineProps, getCurrentInstance} from 'vue'
+import {formatDate} from "../../../uni_modules/uni-dateformat/components/uni-dateformat/date-format";
+import UniCard from "../../../uni_modules/uni-card/components/uni-card/uni-card.vue";
+import {formatPrice} from "../../../utils/utils";
+import DictTag from "../../../components/dict-tag/dict-tag.vue";
+
+defineOptions({
+    name: "ListItem"
+})
+
+const {proxy} = getCurrentInstance()
+const {bus_isrush_state, bus_acperiod_state} = proxy.useDict(['bus_isrush_state', 'bus_acperiod_state'])
+const props = defineProps(['items'])
+const handleDetail = (raw) => {
+    proxy.$tab.navigateTo(`/pages/work/OrderApproval/OrderDetail?id=${raw}`)
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/pages/work/OrderApproval/index.vue b/pages/work/OrderApproval/index.vue
index a002efe..4186814 100644
--- a/pages/work/OrderApproval/index.vue
+++ b/pages/work/OrderApproval/index.vue
@@ -1,78 +1,158 @@
 <template>
     <view class="container">
-        <view class="example">
-            <uni-forms ref="baseForm" :modelValue="baseFormData" label-width="20vw">
-
-                <uni-forms-item label="生产单位">
-                    <uni-data-select
-                        v-model="companyValue"
-                        :localdata="companyOptions"
-                        @change="filterContracts"
-                    ></uni-data-select>
+        <MBCard>
+            <uni-forms ref="baseForm" :modelValue="queryParams">
+                <uni-forms-item label="货主">
+                    <ProductionUnit v-model="queryParams.companyId" @change="handleQuery"/>
                 </uni-forms-item>
                 <uni-forms-item label="仓库">
-                    <uni-data-select
-                        v-model="paymentValue"
-                        :localdata="warehouseList"
-                        @change="filterContracts"
-                    ></uni-data-select>
+                    <WareHouse
+                        v-model="queryParams.warehouseid"
+                        :companyId="queryParams.companyId"
+                        @change="handleQuery"
+                    />
                 </uni-forms-item>
                 <uni-forms-item label="大区">
-                    <uni-data-select
-                        v-model="paymentValue"
-                        :localdata="areaList"
-                        @change="filterContracts"
-                    ></uni-data-select>
+                    <LargeArea v-model="queryParams.bigAreaId" @change="handleQuery"/>
+                </uni-forms-item>
+                <uni-forms-item label="状态">
+                    <DictSelect
+                        v-model="queryParams.state"
+                        dict="dazhong_dingdanshenhe_list_state"
+                        @change="handleQuery"
+                    />
                 </uni-forms-item>
             </uni-forms>
-        </view>
-
-        <view v-if="filteredContracts.length === 0" class="no-data">
-            <text>暂无匹配的合同数据</text>
-        </view>
+        </MBCard>
 
+        <MBLoading v-if="loading"/>
         <view v-else>
-            <uni-card
-                v-for="(contract, index) in filteredContracts"
-                :key="contract.saleid"
-                :class="index % 2 === 0 ? 'card-even' : 'card-odd'"
-                :title="contract.usernames"
-                @click="gotoDetail(contract)"
-            >
-                <uni-row class="demo-uni-row">
-                    <uni-col :span="12">
-                        <view class="demo-uni-col dark">生产单位: {{ contract.companyName }}</view>
-                    </uni-col>
-                    <uni-col :span="12">
-                        <view class="demo-uni-col light">合同编号: {{ contract.contractcode }}</view>
-                    </uni-col>
-                </uni-row>
-                <uni-row class="demo-uni-row">
-                    <uni-col :span="12">
-                        <view class="demo-uni-col dark">制单日期: {{ formatDate(contract.adddate) }}</view>
-                    </uni-col>
-                    <uni-col :span="12">
-                        <view class="demo-uni-col light">订单金额: {{ contract.contractmoney.toFixed(2) }}</view>
-                    </uni-col>
-                </uni-row>
-                <uni-row class="demo-uni-row">
-                    <uni-col :span="12">
-                        <view class="demo-uni-col dark">状态: {{ contract.stateText }}</view>
-                    </uni-col>
-                    <uni-col :span="12">
-                        <view class="demo-uni-col light">区域: {{ contract.areaName }}</view>
-                    </uni-col>
-                </uni-row>
-            </uni-card>
+            <ListItem :items="tableData"/>
+            <MBPagination
+                v-if="total > 0"
+                v-model:limit="paging.pageSize"
+                v-model:page="paging.pageNum"
+                :total="total"
+                @pagination="handleQuery"
+            />
         </view>
+
+<!--        <view class="example">-->
+<!--            <uni-forms ref="baseForm" :modelValue="baseFormData" label-width="20vw">-->
+
+<!--                <uni-forms-item label="生产单位">-->
+<!--                    <uni-data-select-->
+<!--                        v-model="companyValue"-->
+<!--                        :localdata="companyOptions"-->
+<!--                        @change="filterContracts"-->
+<!--                    ></uni-data-select>-->
+<!--                </uni-forms-item>-->
+<!--                <uni-forms-item label="仓库">-->
+<!--                    <uni-data-select-->
+<!--                        v-model="paymentValue"-->
+<!--                        :localdata="warehouseList"-->
+<!--                        @change="filterContracts"-->
+<!--                    ></uni-data-select>-->
+<!--                </uni-forms-item>-->
+<!--                <uni-forms-item label="大区">-->
+<!--                    <uni-data-select-->
+<!--                        v-model="paymentValue"-->
+<!--                        :localdata="areaList"-->
+<!--                        @change="filterContracts"-->
+<!--                    ></uni-data-select>-->
+<!--                </uni-forms-item>-->
+<!--            </uni-forms>-->
+<!--        </view>-->
+
+<!--        <view v-if="filteredContracts.length === 0" class="no-data">-->
+<!--            <text>暂无匹配的合同数据</text>-->
+<!--        </view>-->
+
+<!--        <view v-else>-->
+<!--            <uni-card-->
+<!--                v-for="(contract, index) in filteredContracts"-->
+<!--                :key="contract.saleid"-->
+<!--                :class="index % 2 === 0 ? 'card-even' : 'card-odd'"-->
+<!--                :title="contract.usernames"-->
+<!--                @click="gotoDetail(contract)"-->
+<!--            >-->
+<!--                <uni-row class="demo-uni-row">-->
+<!--                    <uni-col :span="12">-->
+<!--                        <view class="demo-uni-col dark">生产单位: {{ contract.companyName }}</view>-->
+<!--                    </uni-col>-->
+<!--                    <uni-col :span="12">-->
+<!--                        <view class="demo-uni-col light">合同编号: {{ contract.contractcode }}</view>-->
+<!--                    </uni-col>-->
+<!--                </uni-row>-->
+<!--                <uni-row class="demo-uni-row">-->
+<!--                    <uni-col :span="12">-->
+<!--                        <view class="demo-uni-col dark">制单日期: {{ formatDate(contract.adddate) }}</view>-->
+<!--                    </uni-col>-->
+<!--                    <uni-col :span="12">-->
+<!--                        <view class="demo-uni-col light">订单金额: {{ contract.contractmoney.toFixed(2) }}</view>-->
+<!--                    </uni-col>-->
+<!--                </uni-row>-->
+<!--                <uni-row class="demo-uni-row">-->
+<!--                    <uni-col :span="12">-->
+<!--                        <view class="demo-uni-col dark">状态: {{ contract.stateText }}</view>-->
+<!--                    </uni-col>-->
+<!--                    <uni-col :span="12">-->
+<!--                        <view class="demo-uni-col light">区域: {{ contract.areaName }}</view>-->
+<!--                    </uni-col>-->
+<!--                </uni-row>-->
+<!--            </uni-card>-->
+<!--        </view>-->
     </view>
 </template>
 
 <script setup>
 
 import {computed, getCurrentInstance, onMounted, ref} from "vue"
-import {contractData} from "./data.js" // 根据实际路径调整
+import {contractData} from "./data.js"
+import UniForms from "../../../uni_modules/uni-forms/components/uni-forms/uni-forms.vue";
+import UniFormsItem from "../../../uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.vue";
+import MBCard from "../../../components/MB/MBCard.vue";
+import ProductionUnit from "../../../components/ProductionUnit/ProductionUnit.vue";
+import DictSelect from "../../../components/DictSelect/DictSelect.vue";
+import WareHouse from "../../../components/Warehouse/WareHouse.vue";
+import LargeArea from "../../../components/LargeArea/LargeArea.vue";
+import MBLoading from "../../../components/MB/MBLoading.vue";
+import {getOrderApprovalList} from "../../../api/Salemain";
+import ListItem from "./ListItem.vue";
+import MBPagination from "../../../components/MB/MBPagination.vue";
+
 const {proxy} = getCurrentInstance()
+
+
+const queryParams = ref({})
+
+const loading = ref(true)
+const total = ref(0)
+const paging = ref({
+    pageNum: 1,
+    // 分页数量
+    pageSize: 10,
+    isAsc: 'descending',
+    orderByColumn: 'adddate'
+})
+const tableData = ref([])
+
+const handleQuery = async () => {
+    loading.value = true
+    const data = await getOrderApprovalList(queryParams.value, paging.value)
+    total.value = data.total
+    tableData.value = data.rows
+    loading.value = false
+}
+
+onMounted(async () => {
+    await handleQuery()
+})
+
+
+// ================================================================================
+
+
 // 表单数据
 const baseFormData = ref({})
 const paymentValue = ref(0)