From f39623d42689dc79b96e0c83314a50a11d65edde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=9C=E9=9B=AA?= <1617763071@qq.com>
Date: Fri, 20 Mar 2026 16:54:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=A4=96=E5=8D=8F=E7=BB=93?=
 =?UTF-8?q?=E7=AE=97=E9=A2=84=E7=BB=93=E7=AE=97=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/settlementAnomaly.vue          |  81 ++++++++--
 .../components/settlementCompleted.vue        |  22 +++
 .../components/settlementDailog.vue           | 151 +++++-------------
 .../components/settlementIn.vue               |  22 +++
 .../components/unsettled.vue                  | 119 +++++++++++---
 5 files changed, 247 insertions(+), 148 deletions(-)

diff --git a/src/views/oem/oemOrderSettlement/components/settlementAnomaly.vue b/src/views/oem/oemOrderSettlement/components/settlementAnomaly.vue
index 452075a..8e4bdfb 100644
--- a/src/views/oem/oemOrderSettlement/components/settlementAnomaly.vue
+++ b/src/views/oem/oemOrderSettlement/components/settlementAnomaly.vue
@@ -5,10 +5,12 @@
             @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
             @refresh-change="refreshChange" @on-load="onLoad">
             <template #menu-left>
-                <el-form ref="form" :model="formValue" label-width="100px" :inline="true">
-                   
+                <el-form ref="form" :model="form" label-width="100px" :inline="true">
+                   <el-form-item label="现执行价格:">
+                        <el-input v-model="form.price"></el-input>
+                    </el-form-item>
                     <el-form-item>
-                        <el-button type="primary"  @click="settlementFn('settle')">结算</el-button>
+                        <el-button type="primary"  @click="settlementFnNum">结算</el-button>
                     </el-form-item>
                 </el-form>
             </template>
@@ -20,12 +22,12 @@
             </template>
 
         </avue-crud>
-        <settlementDailog v-if="isOpen" :showDialog="isOpen" :type="settlementType" :statementList="selectionList" @closeDialog="closeDialog" @refresh="refreshTable"></settlementDailog>
-   </div>
+       <settlementDailog v-if="isOpen" :showDialog="isOpen" :type="settlementType" :statementList="selectionList" :settleResult="settleResult" @closeDialog="closeDialog" @refresh="refreshTable"></settlementDailog>
+    </div>
 </template>
 <script>
 import settlementDailog from './SettlementDailog.vue'
-import {getStatement} from "@/api/outsourcingManagement/oemOrderSettlement"
+import {getStatement,oemSettleAccountsItem} from "@/api/outsourcingManagement/oemOrderSettlement"
 
 export default {
     components: {
@@ -328,14 +330,14 @@ export default {
                 ]
             },
             form: {},
-            formValue:{},
             page: {
                 pageSize: 10,
                 currentPage: 1,
                 total: 0,
             },
             isOpen: false,
-             settlementType: 'settle',
+            settleResult: null,
+            settlementType: 'settle',
         }
     },
     methods: {
@@ -345,16 +347,43 @@ export default {
         closeDialog() {
             this.isOpen = false
         },
-          settlementFn(type) {
+        settlementFnNum() {
             if (this.selectionList.length === 0) {
-                this.$message.warning('请选择至少一条数据');
+                this.$message.error('请选择至少一条数据');
                 return;
             }
-            this.settlementType = type;
-            this.isOpen = true;
-        },
-        closeDialog() {
-            this.isOpen = false
+            if (!this.form.price) {
+                this.$message.error('请输入现执行价格');
+                return;
+            }
+
+            this.$confirm('确定要进行结算吗?', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'error',
+            }).then(() => {
+                // 调用结算接口
+                const params = {
+                    statementList: this.selectionList,
+                    price: this.form.price
+                };
+
+                oemSettleAccountsItem(params).then(res => {
+                    // 获取返回的数据
+                    if (res.data && res.data.data) {
+                        this.settleResult = res.data.data;
+                        // 打开settlementDailog并显示结果
+                        this.isOpen = true;
+                    } else {
+                        this.$message.success('结算成功');
+                        this.onLoad();
+                    }
+                }).catch(() => {
+                    this.$message.error('结算失败');
+                });
+            }).catch(() => {
+                // 用户点击取消
+            });
         },
         handleDelete() {
             if (this.selectionList.length === 0) {
@@ -372,6 +401,28 @@ export default {
         selectionChange(list) {
             this.selectionList = list;
         },
+        searchChange(params, done) {
+            this.query = params;
+            this.page.currentPage = 1;
+            this.onLoad();
+            done && done();
+        },
+        searchReset() {
+            this.query = {};
+            this.page.currentPage = 1;
+            this.onLoad();
+        },
+        currentChange(currentPage) {
+            this.page.currentPage = currentPage;
+            this.onLoad();
+        },
+        sizeChange(pageSize) {
+            this.page.pageSize = pageSize;
+            this.onLoad();
+        },
+        refreshChange() {
+            this.onLoad();
+        },
         onLoad() {
             this.loading = true
             getStatement({
diff --git a/src/views/oem/oemOrderSettlement/components/settlementCompleted.vue b/src/views/oem/oemOrderSettlement/components/settlementCompleted.vue
index 1a562b3..9dfcc31 100644
--- a/src/views/oem/oemOrderSettlement/components/settlementCompleted.vue
+++ b/src/views/oem/oemOrderSettlement/components/settlementCompleted.vue
@@ -375,6 +375,28 @@ export default {
         selectionChange(list) {
             this.selectionList = list;
         },
+        searchChange(params, done) {
+            this.query = params;
+            this.page.currentPage = 1;
+            this.onLoad();
+            done && done();
+        },
+        searchReset() {
+            this.query = {};
+            this.page.currentPage = 1;
+            this.onLoad();
+        },
+        currentChange(currentPage) {
+            this.page.currentPage = currentPage;
+            this.onLoad();
+        },
+        sizeChange(pageSize) {
+            this.page.pageSize = pageSize;
+            this.onLoad();
+        },
+        refreshChange() {
+            this.onLoad();
+        },
         onLoad() {
             this.loading = true
             getStatement({
diff --git a/src/views/oem/oemOrderSettlement/components/settlementDailog.vue b/src/views/oem/oemOrderSettlement/components/settlementDailog.vue
index e5d0d02..2535c0c 100644
--- a/src/views/oem/oemOrderSettlement/components/settlementDailog.vue
+++ b/src/views/oem/oemOrderSettlement/components/settlementDailog.vue
@@ -1,62 +1,48 @@
 <template>
     <el-dialog title="计算" append-to-body :modelValue="openShow" width="30%" @close="closeDialog">
-         <avue-form :option="option" v-model="form"></avue-form>
-           <template #footer>
-            <span class="dialog-footer">
-                <el-button @click="closeDialog">取 消</el-button>
-                <el-button type="primary" @click="submit">确 定</el-button>
-            </span>
-        </template>
         <div v-if="calculationIn" class="box">
             <div v-loading="isLoading" style="height:100px"></div>
             <h3>计算中</h3>
             <div>正在计算(80/100),请勿关闭</div>
         </div>
-        <div v-if="!calculationIn" class="box">
-            <el-icon style="font-size: 48px;">
-                <DocumentChecked />
-            </el-icon>
-            <h3>计算完成</h3>
-        </div>
         <div v-if="!calculationIn">
-            <h4>计算结果</h4>
-            <div class="box-txt">
-                <el-icon style="color:#67c23a;margin-right: 4px;margin-top: 2px;">
-                    <SuccessFilled />
-                </el-icon>结算成功{{ result.successCount }}条,<i style="color: blue;">待审核></i>
+            <div class="box">
+                <el-icon style="font-size: 48px;">
+                    <DocumentChecked />
+                </el-icon>
+                <h3>计算完成</h3>
             </div>
-            <div class="box-txt">
-                <el-icon style="color:#f56c6c;margin-right: 4px;margin-top: 2px;">
-                    <CircleCloseFilled />
-                </el-icon>结算异常{{ result.exceptionCount }}条,<i style="color: blue;">待审核></i>
+            <div>
+                <h4>计算结果</h4>
+                <div class="box-txt">
+                    <el-icon style="color:#67c23a;margin-right: 4px;margin-top: 2px;">
+                        <SuccessFilled />
+                    </el-icon>结算成功{{ successCount }}条
+                </div>
+                <div class="box-txt">
+                    <el-icon style="color:#f56c6c;margin-right: 4px;margin-top: 2px;">
+                        <CircleCloseFilled />
+                    </el-icon>结算异常{{ exceptionCount }}条
+                </div>
             </div>
         </div>
-
-
-        <!-- <template #footer>
+        <template #footer>
             <span class="dialog-footer">
-                <el-button @click="closeDialog">取 消</el-button>
-                <el-button type="primary" @click="submit">确 定</el-button>
+                <el-button @click="closeDialog">关 闭</el-button>
             </span>
-        </template> -->
+        </template>
     </el-dialog>
 </template>
 <script>
-import {oemSettleAccountsItem,preSettlementItem} from "@/api/outsourcingManagement/oemOrderSettlement"
-
 export default {
     props: {
         showDialog: {
             type: Boolean,
             default: false
         },
-        type: {
-            type: String,
-            default: 'settle'
-        },
-        statementList: {
-            type: Array,
-            default: () => []
+        settleResult: {
+            type: Object,
+            default: null
         }
     },
     data() {
@@ -64,91 +50,32 @@ export default {
             isLoading: true,
             openShow: false,
             calculationIn: true,
-            form: {},
-            result: {
-                successCount: 0,
-                exceptionCount: 0
-            },
-            option: {
-                submitBtn: false,
-                emptyBtn: false,
-                column: [
-                    {
-                        label: '镀后入库时间',
-                        prop: 'putStoreDate',
-                        span: 24,
-                        type: "date",
-                        format: 'YYYY-MM-DD',
-                        valueFormat: 'YYYY-MM-DD',
-                        placeholder: '请选择镀后入库时间',
-                        
-                        rules: [
-                            {
-                                required: true,
-                                message: "请选择镀后入库时间",
-                                trigger: "change"
-                            }
-                        ]
-                    },
-                    {
-                        label: '现执行价格',
-                        prop: 'price',
-                        type: 'number',
-                        span: 24,
-                        placeholder: '请输入现执行价格',
-                        min: 0,
-                        precision: 2,
-                    },
-                 
-                ]
-            }
+            successCount: 0,
+            exceptionCount: 0
+        }
+    },
+    watch: {
+        showDialog(val) {
+            this.openShow = val;
         }
     },
     mounted() {
         this.openShow = this.showDialog
-        setTimeout(() => {
-            this.calculationIn = false
-        }, 2000)
+        // 如果有结算结果数据，显示结果
+        if (this.settleResult) {
+            this.calculationIn = true;
+            setTimeout(() => {
+                this.calculationIn = false;
+                this.successCount = this.settleResult.success || 0;
+                this.exceptionCount = this.settleResult.error || 0;
+            }, 2000);
+        }
     },
     methods: {
         closeDialog() {
             this.openShow = false
             this.$emit('closeDialog');
             this.$emit('refresh');
-        },
-        submit() {
-            // 验证表单数据
-            if (!this.form.putStoreDate) {
-                this.$message.warning('请选择镀后入库时间');
-                return;
-            }
-            if (!this.form.price) {
-                this.$message.warning('请输入现执行价格');
-                return;
-            }
-
-            const params = {
-                putStoreDate: this.form.putStoreDate,
-                price: this.form.price,
-                statementList: this.statementList
-            };
-
-            const requestFn = this.type === 'pre' ? preSettlementItem : oemSettleAccountsItem;
-
-            requestFn(params).then(res => {
-                this.$message.success(this.type === 'pre' ? '预结算成功' : '结算成功');
-                // 获取返回的数据并填入计算结果
-                if (res.data) {
-                    console.log(res.data.data,'resqqqqqqqqqqqq');
-                    
-                    this.result.successCount = res.data.data.success || 0;
-                    this.result.exceptionCount = res.data.data.error || 0;
-                }
-                // this.closeDialog();
-                // this.$emit('refresh');
-            }).catch(() => {
-                this.$message.error(this.type === 'pre' ? '预结算失败' : '结算失败');
-            });
         }
     }
 }
diff --git a/src/views/oem/oemOrderSettlement/components/settlementIn.vue b/src/views/oem/oemOrderSettlement/components/settlementIn.vue
index 21b8eec..1c42851 100644
--- a/src/views/oem/oemOrderSettlement/components/settlementIn.vue
+++ b/src/views/oem/oemOrderSettlement/components/settlementIn.vue
@@ -350,6 +350,28 @@ export default {
         selectionChange(list) {
             this.selectionList = list;
         },
+        searchChange(params, done) {
+            this.query = params;
+            this.page.currentPage = 1;
+            this.onLoad();
+            done && done();
+        },
+        searchReset() {
+            this.query = {};
+            this.page.currentPage = 1;
+            this.onLoad();
+        },
+        currentChange(currentPage) {
+            this.page.currentPage = currentPage;
+            this.onLoad();
+        },
+        sizeChange(pageSize) {
+            this.page.pageSize = pageSize;
+            this.onLoad();
+        },
+        refreshChange() {
+            this.onLoad();
+        },
         onLoad() {
             this.loading = true
             getStatement({
diff --git a/src/views/oem/oemOrderSettlement/components/unsettled.vue b/src/views/oem/oemOrderSettlement/components/unsettled.vue
index 0764d0c..f07a89b 100644
--- a/src/views/oem/oemOrderSettlement/components/unsettled.vue
+++ b/src/views/oem/oemOrderSettlement/components/unsettled.vue
@@ -6,10 +6,12 @@
             @refresh-change="refreshChange" @on-load="onLoad">
             <template #menu-left>
                 <el-form ref="form" :model="form" label-width="100px" :inline="true">
-                   
+                    <el-form-item label="现执行价格:">
+                        <el-input v-model="form.price"></el-input>
+                    </el-form-item>
                     <el-form-item>
-                        <el-button type="primary" @click="settlementFn('pre')">预结算</el-button>
-                        <el-button type="primary" @click="settlementFn('settle')">结算</el-button>
+                        <el-button type="primary" @click="settlementFn">预结算</el-button>
+                        <el-button type="primary" @click="settlementFnNum">结算</el-button>
                         <el-button type="danger" @click="onSubmit">无需结算</el-button>
                     </el-form-item>
                 </el-form>
@@ -22,12 +24,12 @@
             </template>
 
         </avue-crud>
-        <settlementDailog v-if="isOpen" :showDialog="isOpen" :type="settlementType" :statementList="selectionList" @closeDialog="closeDialog" @refresh="refreshTable"></settlementDailog>
+        <settlementDailog v-if="isOpen" :showDialog="isOpen" :type="settlementType" :statementList="selectionList" :settleResult="settleResult" @closeDialog="closeDialog" @refresh="refreshTable"></settlementDailog>
     </div>
 </template>
 <script>
 import settlementDailog from './SettlementDailog.vue'
-import {getStatement,noSettlementItem} from "@/api/outsourcingManagement/oemOrderSettlement"
+import {getStatement,noSettlementItem,oemSettleAccountsItem,preSettlementItem} from "@/api/outsourcingManagement/oemOrderSettlement"
 export default {
     components: {
         settlementDailog
@@ -165,18 +167,7 @@ export default {
                         props:{
                             label: 'name',
                             value: 'code',
-                            // res: 'data.records',
                         },
-                        // dicData:[
-                        //     {
-                        //         label:'工序1',
-                        //         value:1
-                        //     },
-                        //     {
-                        //         label:'工序2',
-                        //         value:2
-                        //     },
-                        // ]
 
                     },
                     {
@@ -326,17 +317,103 @@ export default {
                 total: 0,
             },
             isOpen: false,
-            settlementType: 'settle',
+            settleResult: null,
+            
         }
     },
     methods: {
-        settlementFn(type) {
+           searchChange(params, done) {
+            this.query = params;
+            this.page.currentPage = 1;
+            this.onLoad();
+            done && done();
+        },
+        searchReset() {
+            this.query = {};
+            this.page.currentPage = 1;
+            this.onLoad();
+        },
+        currentChange(currentPage) {
+            this.page.currentPage = currentPage;
+            this.onLoad();
+        },
+        sizeChange(pageSize) {
+            this.page.pageSize = pageSize;
+            this.onLoad();
+        },
+        refreshChange() {
+            this.onLoad();
+        },
+        //结算
+        settlementFnNum() {
             if (this.selectionList.length === 0) {
-                this.$message.warning('请选择至少一条数据');
+                this.$message.error('请选择至少一条数据');
+                return;
+            }
+            if (!this.form.price) {
+                this.$message.error('请输入现执行价格');
                 return;
             }
-            this.settlementType = type;
-            this.isOpen = true;
+
+            this.$confirm('确定要进行结算吗?', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'error',
+            }).then(() => {
+                // 调用结算接口
+                const params = {
+                    statementList: this.selectionList,
+                    price: this.form.price
+                };
+
+                oemSettleAccountsItem(params).then(res => {
+                    // 获取返回的数据
+                    if (res.data && res.data.data) {
+                        this.settleResult = res.data.data;
+                        // 打开settlementDailog并显示结果
+                        this.isOpen = true;
+                    } else {
+                        this.$message.success('结算成功');
+                        this.onLoad();
+                    }
+                }).catch(() => {
+                    this.$message.error('结算失败');
+                });
+            }).catch(() => {
+                // 用户点击取消
+            });
+        },
+        //预结算
+        settlementFn() {
+            if (this.selectionList.length === 0) {
+                this.$message.error('请选择至少一条数据');
+                return;
+            }
+            if (!this.form.price) {
+                this.$message.error('请输入现执行价格');
+                return;
+            }
+
+            this.$confirm('确定要进行预结算吗?', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'error',
+            }).then(() => {
+                // 调用预结算接口
+                const params = {
+                    statementList: this.selectionList,
+                    price: this.form.price
+                };
+
+                preSettlementItem(params).then(() => {
+                    this.$message.success('预结算成功');
+                    this.onLoad();
+                }).catch(() => {
+                    this.$message.error('预结算失败');
+                });
+            }).catch(() => {
+                // 用户点击取消
+            });
         },
         closeDialog() {
             this.isOpen = false;