From b13381ad94cd50b53a8dbb7792db6f0992518d3a Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 08 五月 2025 17:45:31 +0800
Subject: [PATCH] 销售台账页面开发
---
src/assets/styles/ruoyi.scss | 2 +-
src/api/salesManagement/salesLedger.js | 4 ++--
src/assets/styles/element-ui.scss | 6 ++++++
src/views/salesManagement/salesLedger/index.vue | 30 ++++++++++++++++++------------
src/assets/styles/variables.module.scss | 2 +-
5 files changed, 28 insertions(+), 16 deletions(-)
diff --git a/src/api/salesManagement/salesLedger.js b/src/api/salesManagement/salesLedger.js
index aa40926..82cf147 100644
--- a/src/api/salesManagement/salesLedger.js
+++ b/src/api/salesManagement/salesLedger.js
@@ -2,9 +2,9 @@
import request from '@/utils/request'
// 鍒嗛〉鏌ヨ
-export function customerList(query) {
+export function ledgerList(query) {
return request({
- url: '/basic/customer/customerList',
+ url: '/sales/ledger/list',
method: 'get',
params: query
})
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 82712af..5d7d079 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -103,6 +103,12 @@
margin-right: 12px;
}
}
+.el-table__expanded-cell {
+ padding: 0 !important;
+ .el-table__header-wrapper {
+ background-color: #F5F8FF !important;
+ }
+}
// refine element ui upload
.upload-container {
diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss
index c1549f5..d20ba26 100644
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -77,7 +77,7 @@
.el-table__header-wrapper, .el-table__fixed-header-wrapper {
th {
word-break: break-word;
- background-color: #f8f8f9 !important;
+ background-color: #F0F1F5 !important;
color: #515a6e;
height: 40px !important;
font-size: 13px;
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 09e510b..d748fc0 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -182,7 +182,7 @@
.el-table__header-wrapper, .el-table__fixed-header-wrapper {
th {
- background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
+ background-color: var(--el-bg-color-overlay, #F0F1F5) !important;
color: var(--el-text-color-regular, #515a6e);
}
}
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