From b13381ad94cd50b53a8dbb7792db6f0992518d3a Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 08 五月 2025 17:45:31 +0800
Subject: [PATCH] 销售台账页面开发
---
src/views/salesManagement/salesLedger/index.vue | 30 ++++++++++++++++++------------
1 files changed, 18 insertions(+), 12 deletions(-)
diff --git a/src/views/salesManagement/salesLedger/index.vue b/src/views/salesManagement/salesLedger/index.vue
index f8e40af..8e60a41 100644
--- a/src/views/salesManagement/salesLedger/index.vue
+++ b/src/views/salesManagement/salesLedger/index.vue
@@ -21,12 +21,13 @@
</div>
<div class="table_list">
<el-table :data="tableData" border :preserve-expanded-content="preserveExpanded" v-loading="tableLoading"
- @selection-change="handleSelectionChange" :toggleRowExpansion="toggleRowExpansion"
- :header-cell-style="{ background: '#F0F1F5', color: '#333333' }" height="calc(100vh - 18.5em)">
+ @selection-change="handleSelectionChange" @expand-change="expandChange"
+ height="calc(100vh - 18.5em)">
<el-table-column align="center" type="selection" width="55" />
<el-table-column type="expand">
<template #default="props">
<el-table :data="props.row.children" border>
+ <el-table-column align="center" label="搴忓彿" type="index" width="60" />
<el-table-column label="浜у搧澶х被" prop="productCategory" />
<el-table-column label="瑙勬牸鍨嬪彿" prop="specificationModel" />
<el-table-column label="鍗曚綅" prop="unit" />
@@ -41,11 +42,11 @@
<el-table-column align="center" label="搴忓彿" type="index" width="60" />
<el-table-column label="閿�鍞悎鍚屽彿" prop="salesContractNo" show-overflow-tooltip/>
<el-table-column label="瀹㈡埛鍚堝悓鍙�" prop="customerContractNo" show-overflow-tooltip/>
- <el-table-column label="瀹㈡埛鍚嶇О" prop="customerName" />
- <el-table-column label="涓氬姟鍛�" prop="salesman" />
- <el-table-column label="椤圭洰鍚嶇О" prop="projectName" />
- <el-table-column label="褰曞叆浜�" prop="entryPerson" />
- <el-table-column label="褰曞叆鏃ユ湡" prop="entryDate" />
+ <el-table-column label="瀹㈡埛鍚嶇О" prop="customerName" show-overflow-tooltip/>
+ <el-table-column label="涓氬姟鍛�" prop="salesman" show-overflow-tooltip/>
+ <el-table-column label="椤圭洰鍚嶇О" prop="projectName" show-overflow-tooltip/>
+ <el-table-column label="褰曞叆浜�" prop="entryPerson" show-overflow-tooltip/>
+ <el-table-column label="褰曞叆鏃ユ湡" prop="entryDate" show-overflow-tooltip/>
<el-table-column fixed="right" label="鎿嶄綔" min-width="60" align="center">
<template #default="scope">
<el-button link type="primary" size="small" @click="openForm('edit', scope.row);">缂栬緫</el-button>
@@ -133,7 +134,7 @@
import {addCustomer, delCustomer, getCustomer, listCustomer, updateCustomer} from "@/api/basicData/customerFile.js";
import {ElMessageBox } from "element-plus";
import {userListNoPage} from "@/api/system/user.js";
-import {customerList} from "@/api/salesManagement/salesLedger.js";
+import {ledgerList} from "@/api/salesManagement/salesLedger.js";
const { proxy } = getCurrentInstance()
const preserveExpanded = ref(false)
const tableData = ref([])
@@ -189,7 +190,7 @@
}
const getList = () => {
tableLoading.value = true
- customerList({...searchForm.value, ...page}).then(res => {
+ ledgerList({...searchForm.value, ...page}).then(res => {
tableLoading.value = false
tableData.value = res.rows
total.value = res.total
@@ -200,9 +201,14 @@
selectedRows.value = selection
}
// 灞曞紑琛�
-const toggleRowExpansion = (row, expanded) => {
- console.log('row', row)
- console.log('expanded', expanded)
+const expandChange = (row, expandedRows) => {
+ const isExpanded = expandedRows.includes(row.id);
+ if (isExpanded) {
+ console.log('璇ヨ宸插睍寮�');
+ // 鍙互鍦ㄨ繖閲岃繘琛屾噿鍔犺浇鎴栧叾浠栨搷浣�
+ } else {
+ console.log('璇ヨ宸叉敹璧�');
+ }
}
// 鎵撳紑寮规
const openForm = (type, row) => {
--
Gitblit v1.9.3