From 4b8acfd882baf3a4ee09a65ecfe2bbafc900967c Mon Sep 17 00:00:00 2001
From: lsh <lsh@163.com>
Date: 星期日, 09 十一月 2025 19:31:43 +0800
Subject: [PATCH] *
---
src/main/webapp/views/orderCargoGrouping/orderCargoGroupingOperate.html | 739 +++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 640 insertions(+), 99 deletions(-)
diff --git a/src/main/webapp/views/orderCargoGrouping/orderCargoGroupingOperate.html b/src/main/webapp/views/orderCargoGrouping/orderCargoGroupingOperate.html
index 638f1cb..211afd7 100644
--- a/src/main/webapp/views/orderCargoGrouping/orderCargoGroupingOperate.html
+++ b/src/main/webapp/views/orderCargoGrouping/orderCargoGroupingOperate.html
@@ -1,9 +1,8 @@
<!DOCTYPE html>
<html lang="en">
-
<head>
<meta charset="UTF-8">
- <title>纭寲缃愯澶�</title>
+ <title>涓昏〃涓庡瓙琛ㄨ鎯呴〉闈�</title>
<link rel="stylesheet" href="../../static/css/element.css">
<link rel="stylesheet" href="../../static/css/element-ui.css">
<link rel="icon" href="../../static/images/favicon.ico" type="image/x-icon">
@@ -11,107 +10,649 @@
<script type="text/javascript" src="../../static/js/common.js"></script>
<script type="text/javascript" src="../../static/js/vue.min.js"></script>
<script type="text/javascript" src="../../static/js/element.js"></script>
+ <style>
+ .container {
+ padding: 20px;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+ .table-container {
+ margin-bottom: 20px;
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+ overflow: hidden;
+ }
+ .detail-dialog .el-dialog__body {
+ padding: 20px;
+ }
+ .pagination-container {
+ margin-top: 15px;
+ text-align: right;
+ }
+ .operation-cell {
+ display: flex;
+ justify-content: center;
+ gap: 8px;
+ }
+ /* 鎼滅储鏍忔牱寮� */
+ .search-container {
+ background: #f5f7fa;
+ padding: 15px;
+ margin-bottom: 20px;
+ border-radius: 4px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+ .search-form {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 15px;
+ }
+ .search-item {
+ display: flex;
+ align-items: center;
+ margin-right: 15px;
+ }
+ .search-label {
+ min-width: 80px;
+ text-align: right;
+ margin-right: 10px;
+ font-size: 14px;
+ color: #606266;
+ }
+ .search-actions {
+ display: flex;
+ gap: 10px;
+ margin-left: auto;
+ }
+ /* 纭涓婃姤鎸夐挳鏍峰紡 */
+ .confirm-report-btn {
+ border: 2px solid #F56C6C;
+ color: #F56C6C;
+ font-weight: bold;
+ background-color: transparent;
+ padding: 10px 20px;
+ }
+ .confirm-report-btn:hover {
+ background-color: #F56C6C;
+ color: white;
+ }
+ .dialog-footer {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ gap: 10px;
+ margin-top: 20px;
+ }
+ /* 浜屾纭瀵硅瘽妗嗘牱寮� */
+ .confirm-dialog .el-message-box__message {
+ text-align: center;
+ font-size: 16px;
+ line-height: 1.5;
+ }
+ .confirm-dialog .el-message-box__status {
+ font-size: 24px !important;
+ }
+ </style>
</head>
-<style scoped>
-
-</style>
-
<body>
- <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">
- <div style="width: 100%;">
- <el-table border ref="singleTable" :data="tableData" highlight-current-row
- max-height="350" style="width: 100%">
- <el-table-column property="category" label="绫诲埆">
- </el-table-column>
- <el-table-column property="equipmentNo" label="璁惧鍙�">
- </el-table-column>
- <el-table-column property="categoryOther" label="鐩稿叧璁惧绫诲埆">
- </el-table-column>
- <el-table-column property="equipmentNoOther" label="鐩稿叧璁惧鍙�">
- </el-table-column>
- <el-table-column property="errorM" label="寮傚父鎻忚堪">
- </el-table-column>
- </el-table>
- </div>
- <div style="width: 100%;">
- <el-table border ref="singleTable" :data="adjacentLocMast" highlight-current-row
- max-height="350" style="width: 100%">
- <el-table-column property="category" label="褰撳墠搴撲綅">
- </el-table-column>
- <el-table-column property="equipmentNo" label="褰撳墠搴撲綅鐘舵��">
- </el-table-column>
- <el-table-column property="categoryOther" label="鐩搁偦搴撲綅">
- </el-table-column>
- <el-table-column property="equipmentNoOther" label="鐩搁偦搴撲綅鐘舵��">
- </el-table-column>
- <el-table-column property="errorM" label="寮傚父鎻忚堪">
- </el-table-column>
- </el-table>
- </div>
-
+<div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;">
+ <!-- 鎼滅储鏍� -->
+ <div class="search-container" style="width: 100%;">
+ <el-form :inline="true" class="search-form">
+ <div class="search-item">
+ <span class="search-label">缁勮揣鍗曞彿:</span>
+ <el-input
+ v-model="searchForm.uuid"
+ placeholder="璇疯緭鍏ョ粍璐у崟鍙�"
+ clearable
+ style="width: 150px;"
+ @keyup.enter.native="handleSearch"
+ ></el-input>
+ </div>
+ <div class="search-item">
+ <span class="search-label">瀹㈡埛鍚嶇О:</span>
+ <el-input
+ v-model="searchForm.cstmrName"
+ placeholder="璇疯緭鍏ュ鎴峰悕绉�"
+ clearable
+ style="width: 180px;"
+ @keyup.enter.native="handleSearch"
+ ></el-input>
+ </div>
+<!-- <div class="search-item">-->
+<!-- <span class="search-label">璁㈠崟缂栧彿:</span>-->
+<!-- <el-input-->
+<!-- v-model="searchForm.orderNo"-->
+<!-- placeholder="璇疯緭鍏ヨ鍗曠紪鍙�"-->
+<!-- clearable-->
+<!-- style="width: 150px;"-->
+<!-- @keyup.enter.native="handleSearch"-->
+<!-- ></el-input>-->
+<!-- </div>-->
+ <div class="search-item">
+ <span class="search-label">鐘舵��:</span>
+ <el-select
+ v-model="searchForm.settle"
+ placeholder="璇烽�夋嫨鐘舵��"
+ clearable
+ style="width: 150px;"
+ >
+ <el-option label="鍏ㄩ儴" value=""></el-option>
+ <el-option label="寰呭鐞�" value="1"></el-option>
+ <el-option label="浣滀笟涓�" value="2"></el-option>
+ <el-option label="宸插彇娑�" value="3"></el-option>
+ <el-option label="宸插畬鎴�" value="4"></el-option>
+ <el-option label="鍑嗗鍙栨秷" value="5"></el-option>
+ <el-option label="宸插畬鎴�" value="6"></el-option>
+ <el-option label="涓婃姤瀹屾垚" value="7"></el-option>
+ <el-option label="寰呭垽鏌ヨ涓�" value="9"></el-option>
+ <el-option label="灏辩华" value="10"></el-option>
+ <el-option label="鐢熸垚瀹為檯缁勮揣鍗曚腑銆傝绛夊緟..." value="11"></el-option>
+ <el-option label="鐢熸垚瀹為檯缁勮揣鍗曟垚鍔�" value="12"></el-option>
+ <el-option label="鐢熸垚瀹為檯缁勮揣鍗曞け璐�" value="13"></el-option>
+ <el-option label="寮傚父" value="99"></el-option>
+ </el-select>
+ </div>
+ <div class="search-actions">
+ <el-button type="primary" icon="el-icon-search" @click="handleSearch">鎼滅储</el-button>
+ <el-button icon="el-icon-refresh" @click="handleReset">閲嶇疆</el-button>
+ </div>
+ </el-form>
</div>
- <script>
- var app = new Vue({
- el: '#app',
- data: {
- tableData: [],
- adjacentLocMast: []
- },
- created() {
- this.init()
- },
- watch: {
- },
- methods: {
- init() {
- this.getTableData()
- this.getAdjacentLocMast()
- setInterval(() => {
- this.getTableData()
- this.getAdjacentLocMast()
- // this.demoStatus()
- }, 1000)
- },
- confirmEvent() {
- },
- cancelEvent() {
- },
- getTableData() {
- let that = this;
- $.ajax({
- url: baseUrl + "/error/device/task/depthAndShallowness",
- headers: {
- 'token': localStorage.getItem('token')
- },
- data: {},
- dataType: 'json',
- contentType: 'application/json;charset=UTF-8',
- method: 'post',
- success: function (res) {
- that.tableData = res.data
- }
- });
- },
- getAdjacentLocMast() {
- let that = this;
- $.ajax({
- url: baseUrl + "/error/device/locSts/adjacentLocMast",
- headers: {
- 'token': localStorage.getItem('token')
- },
- data: {},
- dataType: 'json',
- contentType: 'application/json;charset=UTF-8',
- method: 'post',
- success: function (res) {
- that.adjacentLocMast = res.data
- }
- });
+ <!-- 涓昏〃A -->
+ <div class="table-container" style="width: 100%;">
+ <el-table
+ border
+ ref="mainTable"
+ :data="tableDataA"
+ highlight-current-row
+ style="width: 100%"
+ v-loading="loading"
+ @sort-change="handleSortChange">
+ <el-table-column prop="uuid" label="缁勮揣鍗曞彿" width="120" align="center" sortable="custom"></el-table-column>
+ <el-table-column prop="orderNo" label="璁㈠崟缂栧彿" min-width="140" align="center"></el-table-column>
+ <el-table-column prop="cstmrName" label="瀹㈡埛鍚嶇О" min-width="120" align="center"></el-table-column>
+ <el-table-column prop="settle" label="鐘舵��" min-width="100" align="center" :formatter="formatStatus"></el-table-column>
+<!-- <el-table-column prop="totalFee" label="鍚堣閲戦" min-width="100" align="center" :formatter="formatCurrency"></el-table-column>-->
+<!-- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="140" align="center" sortable="custom"></el-table-column>-->
+ <el-table-column label="鎿嶄綔" width="150" align="center" fixed="right">
+ <template slot-scope="scope">
+ <div class="operation-cell">
+ <el-button
+ type="primary"
+ size="mini"
+ @click="showDetail(scope.row)">
+ 鏄庣粏鏌ョ湅
+ </el-button>
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <!-- 鍒嗛〉鎺т欢 -->
+ <div class="pagination-container">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+ </div>
+
+ <!-- 瀛愯〃B璇︽儏寮圭獥 -->
+ <el-dialog
+ title="鏄庣粏"
+ :visible.sync="detailDialogVisible"
+ width="80%"
+ class="detail-dialog"
+ @close="closeDetailDialog">
+ <div v-if="currentRow">
+ <h3>缁勮揣鍗曚富琛� (缁勮揣鍗曞彿: {{ currentRow.uuid }})</h3>
+ <el-descriptions :column="2" border>
+ <el-descriptions-item label="璁㈠崟缂栧彿">{{ currentRow.orderNo }}</el-descriptions-item>
+ <el-descriptions-item label="瀹㈡埛鍚嶇О">{{ currentRow.cstmrName }}</el-descriptions-item>
+ <el-descriptions-item label="鐘舵��">{{ currentRow.settle$ }}</el-descriptions-item>
+ <el-descriptions-item label="鍚堣閲戦">{{ formatCurrency(currentRow) }}</el-descriptions-item>
+ <el-descriptions-item label="鍒涘缓鏃堕棿">{{ formatDate(currentRow.createTime) }}</el-descriptions-item>
+ <el-descriptions-item label="澶囨敞">{{ currentRow.memo || '鏃�' }}</el-descriptions-item>
+ </el-descriptions>
+
+ <h3 style="margin-top: 20px;">缁勮揣鍗曟槑缁�</h3>
+ <el-table
+ border
+ :data="tableDataB"
+ style="width: 100%"
+ v-loading="detailLoading">
+ <el-table-column prop="matnr" label="瑙勬牸" min-width="120" align="center"></el-table-column>
+ <el-table-column prop="batch" label="绠卞彿" min-width="80" align="center"></el-table-column>
+ <el-table-column prop="model" label="鍗峰彿" min-width="100" align="center" ></el-table-column>
+<!-- <el-table-column prop="totalPrice" label="閲戦" min-width="100" align="center" :formatter="formatCurrency"></el-table-column>-->
+ <el-table-column prop="origin" label="浣嶇疆" min-width="100" align="center"></el-table-column>
+ <el-table-column prop="danger" label="寰呭垽" min-width="100" align="center"></el-table-column>
+ <el-table-column prop="memo" label="澶囨敞" min-width="100" align="center"></el-table-column>
+ <!-- 鍙牴鎹疄闄呴渶姹傛坊鍔犳洿澶氬瓙琛ㄥ垪 -->
+ </el-table>
+
+ <!-- 瀛愯〃鍒嗛〉 -->
+ <div class="pagination-container">
+ <el-pagination
+ @size-change="handleDetailSizeChange"
+ @current-change="handleDetailCurrentChange"
+ :current-page="detailCurrentPage"
+ :page-sizes="[5, 10, 20]"
+ :page-size="detailPageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="detailTotal">
+ </el-pagination>
+ </div>
+ </div>
+
+ <div slot="footer" class="dialog-footer">
+ <el-button
+ class="confirm-report-btn"
+ @click="showConfirmDialog"
+ :loading="reportLoading">
+ 纭涓婃姤
+ </el-button>
+ <el-button @click="closeDetailDialog">鍏抽棴</el-button>
+ </div>
+ </el-dialog>
+</div>
+
+<script>
+ var app = new Vue({
+ el: '#app',
+ data: {
+ // 鎼滅储琛ㄥ崟
+ searchForm: {
+ uuid: '',
+ cstmr_name: '',
+ settle: '',
+ order_no: ''
+ },
+ // 鎺掑簭鐩稿叧
+ orderByField: '',
+ orderByType: 'asc',
+ // 涓昏〃A鏁版嵁
+ tableDataA: [],
+ // 瀛愯〃B鏁版嵁
+ tableDataB: [],
+ // 鍒嗛〉鐩稿叧
+ currentPage: 1,
+ pageSize: 10,
+ total: 0,
+ // 璇︽儏寮圭獥鎺у埗
+ detailDialogVisible: false,
+ currentRow: null,
+ // 瀛愯〃鍒嗛〉
+ detailCurrentPage: 1,
+ detailPageSize: 5,
+ detailTotal: 0,
+ // 鍔犺浇鐘舵��
+ loading: false,
+ detailLoading: false,
+ reportLoading: false
+ },
+ created() {
+ this.init();
+ },
+ methods: {
+ init() {
+ this.getTableDataA();
+
+ // 姣�5绉掕嚜鍔ㄥ埛鏂版暟鎹�
+ setInterval(() => {
+ this.getTableDataA();
+ }, 10000);
+ },
+
+ // 鑾峰彇涓昏〃A鏁版嵁 - 浣跨敤鏂扮殑API
+ getTableDataA() {
+ let that = this;
+ that.loading = true;
+
+ // 鏋勫缓璇锋眰鍙傛暟
+ let params = {
+ curr: that.currentPage,
+ limit: that.pageSize
+ };
+
+ // 娣诲姞鎺掑簭鍙傛暟
+ if (that.orderByField) {
+ params.orderByField = that.orderByField;
+ params.orderByType = that.orderByType;
}
- }
- })
- </script>
-</body>
+ // 娣诲姞鎼滅储鍙傛暟
+ Object.keys(that.searchForm).forEach(key => {
+ if (that.searchForm[key] !== '') {
+ if (key === 'orderNo'){
+ params['order_no'] = that.searchForm[key];
+ } else if (key === 'cstmrName'){
+ params['cstmr_name'] = that.searchForm[key];
+ } else if (key === 'settle$'){
+ params['settle'] = that.searchForm[key];
+ } else {
+ params[key] = that.searchForm[key];
+ }
+ }
+ });
+
+ $.ajax({
+ // url: baseUrl + "/order/pakout/order/cargo/grouping/auth/v1",
+ url: baseUrl + "/order/head/page/auth",
+ headers: {
+ 'token': localStorage.getItem('token')
+ },
+ data: params,
+ dataType: 'json',
+ method: 'get',
+ success: function (res) {
+ if (res.code === 200 || res.success) {
+ that.tableDataA = res.data.records || [];
+ that.total = res.data.total || 0;
+ } else {
+ that.$message.error(res.message || '鑾峰彇鏁版嵁澶辫触');
+ that.tableDataA = [];
+ that.total = 0;
+ }
+ that.loading = false;
+ },
+ error: function(xhr, status, error) {
+ that.loading = false;
+ that.$message.error('缃戠粶璇锋眰澶辫触');
+ console.error('API璋冪敤澶辫触:', error);
+ // 妯℃嫙鏁版嵁锛堝疄闄呴」鐩腑搴斿垹闄わ級
+ that.mockTableAData();
+ }
+ });
+ },
+
+ // 鑾峰彇瀛愯〃B鏁版嵁锛堟牴鎹疄闄呬笟鍔¤皟鏁达級
+ getTableDataB(orderNo) {
+ let that = this;
+ that.detailLoading = true;
+
+ // 鏋勫缓璇锋眰鍙傛暟
+ let params = {
+ order_no: orderNo,
+ curr: that.detailCurrentPage,
+ limit: that.detailPageSize
+ };
+
+ // 妯℃嫙API璋冪敤 - 鏍规嵁瀹為檯涓氬姟璋冩暣API鍦板潃
+ $.ajax({
+ // url: baseUrl + "/order/pakout/orderDetl/cargo/grouping/auth",
+ url: baseUrl + "/orderDetl/list/auth",
+ headers: {
+ 'token': localStorage.getItem('token')
+ },
+ data: params,
+ dataType: 'json',
+ contentType: 'application/json;charset=UTF-8',
+ method: 'get',
+ success: function (res) {
+ if (res.code === 200 || res.success) {
+ that.tableDataB = res.data.records || [];
+ that.detailTotal = res.data.total || 0;
+ } else {
+ that.$message.error(res.message || '鑾峰彇鏁版嵁澶辫触');
+ that.tableDataB = [];
+ that.detailTotal = 0;
+ }
+ that.detailLoading = false;
+ },
+ error: function() {
+ that.detailLoading = false;
+ // 瀹為檯椤圭洰涓簲浣跨敤鐪熷疄API锛岃繖閲屼娇鐢ㄦā鎷熸暟鎹�
+ that.mockTableBData(uuid);
+ }
+ });
+ },
+
+ // 琛ㄦ牸鎺掑簭鍙樺寲
+ handleSortChange(column) {
+ if (column.prop) {
+ this.orderByField = column.prop;
+ this.orderByType = column.order === 'ascending' ? 'asc' : 'desc';
+ } else {
+ this.orderByField = '';
+ this.orderByType = 'asc';
+ }
+ this.currentPage = 1;
+ this.getTableDataA();
+ },
+
+ // 鏄剧ず浜屾纭瀵硅瘽妗�
+ showConfirmDialog() {
+ if (!this.currentRow) {
+ this.$message.error('娌℃湁閫夋嫨瑕佷笂鎶ョ殑鏁版嵁');
+ return;
+ }
+
+ const groupOrderNo = this.currentRow.uuid;
+
+ this.$confirm(
+ `鏄惁纭寮�濮嬩笂鎶ョ粍璐у崟鍙� <strong style="color: #F56C6C; font-size: 16px;">${groupOrderNo}</strong>?<br/><br/>灏嗙敓鎴愬疄闄呯粍璐у崟锛屽崟涓�缁勮揣鍗曞彿鍙兘鎿嶄綔涓�娆�!!!`,
+ '纭涓婃姤',
+ {
+ confirmButtonText: '纭涓婃姤',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
+ dangerouslyUseHTMLString: true,
+ customClass: 'confirm-dialog',
+ confirmButtonClass: 'confirm-report-btn',
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ instance.confirmButtonLoading = true;
+ this.confirmReport(groupOrderNo, done);
+ } else {
+ done();
+ }
+ }
+ }
+ ).then(() => {
+ // 纭涓婃姤鍚庣殑澶勭悊鍦╞eforeClose涓畬鎴�
+ }).catch(() => {
+ this.$message({
+ type: 'info',
+ message: '宸插彇娑堟搷浣�'
+ });
+ });
+ },
+
+ // 纭涓婃姤
+ confirmReport(groupOrderNo, done) {
+ this.reportLoading = true;
+
+ // 璋冪敤鍚庡彴API涓婃姤鏁版嵁
+ $.ajax({
+ url: baseUrl + "/api/report/confirm",
+ headers: {
+ 'token': localStorage.getItem('token')
+ },
+ data: JSON.stringify({
+ uuid: groupOrderNo // 浼犻�掔粍璐у崟鍙�
+ }),
+ dataType: 'json',
+ contentType: 'application/json;charset=UTF-8',
+ method: 'post',
+ success: (res) => {
+ this.reportLoading = false;
+ if (typeof done === 'function') {
+ done();
+ }
+
+ if (res.code === 200 || res.success) {
+ this.$message({
+ message: `缁勮揣鍗曞彿 ${groupOrderNo} 涓婃姤鎴愬姛`,
+ type: 'success',
+ duration: 3000
+ });
+ // 涓婃姤鎴愬姛鍚庡叧闂脊绐楀苟鍒锋柊鏁版嵁
+ setTimeout(() => {
+ this.closeDetailDialog();
+ this.getTableDataA(); // 鍒锋柊涓昏〃鏁版嵁
+ }, 1500);
+ } else {
+ this.$message.error(res.message || '涓婃姤澶辫触');
+ }
+ },
+ error: (error) => {
+ this.reportLoading = false;
+ if (typeof done === 'function') {
+ done();
+ }
+ console.error('涓婃姤澶辫触:', error);
+ this.$message.error('涓婃姤澶辫触锛岃妫�鏌ョ綉缁滆繛鎺�');
+ }
+ });
+ },
+
+ // 鎼滅储澶勭悊
+ handleSearch() {
+ this.currentPage = 1;
+ this.orderByField = '';
+ this.orderByType = 'asc';
+ this.getTableDataA();
+ },
+
+ // 閲嶇疆鎼滅储鏉′欢
+ handleReset() {
+ this.searchForm = {
+ uuid: '',
+ cstmr_name: '',
+ settle: '',
+ order_no: ''
+ };
+ this.orderByField = '';
+ this.orderByType = 'asc';
+ this.currentPage = 1;
+ this.getTableDataA();
+ },
+
+ // 鏄剧ず璇︽儏寮圭獥
+ showDetail(row) {
+ this.currentRow = row;
+ this.detailDialogVisible = true;
+ this.detailCurrentPage = 1;
+ this.getTableDataB(row.orderNo);
+ },
+
+ // 鍏抽棴璇︽儏寮圭獥
+ closeDetailDialog() {
+ this.detailDialogVisible = false;
+ this.currentRow = null;
+ this.tableDataB = [];
+ this.reportLoading = false;
+ },
+
+ // 涓昏〃鍒嗛〉澶у皬鏀瑰彉
+ handleSizeChange(val) {
+ this.pageSize = val;
+ this.currentPage = 1;
+ this.getTableDataA();
+ },
+
+ // 涓昏〃椤电爜鏀瑰彉
+ handleCurrentChange(val) {
+ this.currentPage = val;
+ this.getTableDataA();
+ },
+
+ // 瀛愯〃鍒嗛〉澶у皬鏀瑰彉
+ handleDetailSizeChange(val) {
+ this.detailPageSize = val;
+ this.detailCurrentPage = 1;
+ if (this.currentRow) {
+ this.getTableDataB(this.currentRow.orderNo);
+ }
+ },
+
+ // 瀛愯〃椤电爜鏀瑰彉
+ handleDetailCurrentChange(val) {
+ this.detailCurrentPage = val;
+ if (this.currentRow) {
+ this.getTableDataB(this.currentRow.orderNo);
+ }
+ },
+
+ // 鏍煎紡鍖栫姸鎬佹樉绀�
+ formatStatus(row) {
+ if (row.settle === 1) {
+ return '姝ｅ父';
+ } else if (row.settle === 0) {
+ return '绂佺敤';
+ } else if (row.settle === 0) {
+ return '绂佺敤';
+ } else if (row.settle === 0) {
+ return '绂佺敤';
+ } else if (row.settle === 0) {
+ return '绂佺敤';
+ } else {
+ return row.settle || '鏈煡';
+ }
+ },
+
+ // 鏍煎紡鍖栭噾棰濇樉绀�
+ formatCurrency(row) {
+ if (row.totalFee) {
+ return '楼' + parseFloat(row.totalFee).toFixed(2);
+ }
+ return '楼0.00';
+ },
+
+ // 鏍煎紡鍖栨棩鏈熸樉绀�
+ formatDate(dateStr) {
+ if (!dateStr) return '';
+ // 绠�鍗曠殑鏃ユ湡鏍煎紡鍖栵紝鍙互鏍规嵁瀹為檯鏍煎紡璋冩暣
+ return dateStr;
+ },
+
+ // 妯℃嫙涓昏〃鏁版嵁 - 瀹為檯椤圭洰涓簲鍒犻櫎
+ mockTableAData() {
+ this.tableDataA = [
+ {
+ uuid: 'ZH1001',
+ orderNo: 'ORDER2024001',
+ cstmrName: '绀轰緥瀹㈡埛A',
+ settle: 1,
+ totalFee: 1500.00,
+ createTime: '2024-01-15 10:30:00',
+ memo: '娴嬭瘯鏁版嵁'
+ },
+ {
+ uuid: 'ZH1002',
+ orderNo: 'ORDER2024002',
+ cstmrName: '绀轰緥瀹㈡埛B',
+ settle: 1,
+ totalFee: 2300.50,
+ createTime: '2024-01-16 14:20:00',
+ memo: '娴嬭瘯鏁版嵁'
+ }
+ ];
+ this.total = 2;
+ this.loading = false;
+ },
+
+ // 妯℃嫙瀛愯〃鏁版嵁 - 瀹為檯椤圭洰涓簲鍒犻櫎
+ mockTableBData(uuid) {
+ this.tableDataB = [
+ { productName: `浜у搧A-${uuid}`, quantity: 2, price: 500.00, totalPrice: 1000.00 },
+ { productName: `浜у搧B-${uuid}`, quantity: 1, price: 300.50, totalPrice: 300.50 }
+ ];
+ this.detailTotal = 2;
+ this.detailLoading = false;
+ }
+ }
+ });
+</script>
+</body>
</html>
\ No newline at end of file
--
Gitblit v1.9.1