|
|
@@ -72,15 +72,12 @@ const columns = reactive<ColumnProps<any>[]>([
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- prop: "counterparty",
|
|
|
+ prop: "store_name",
|
|
|
label: "对方单位",
|
|
|
- minWidth: 250,
|
|
|
- render: (scope: any) => {
|
|
|
- return scope.row.counterparty || "—";
|
|
|
- }
|
|
|
+ minWidth: 250
|
|
|
},
|
|
|
{
|
|
|
- prop: "validity_period",
|
|
|
+ prop: "effective_time",
|
|
|
label: "有效期",
|
|
|
width: 300,
|
|
|
render: (scope: any) => {
|
|
|
@@ -107,7 +104,6 @@ const formatDate = (dateStr: string) => {
|
|
|
|
|
|
// 数据回调处理
|
|
|
const dataCallback = (data: any) => {
|
|
|
- console.log(4444, data);
|
|
|
// 根据实际接口返回格式处理
|
|
|
if (data) {
|
|
|
return {
|
|
|
@@ -115,6 +111,7 @@ const dataCallback = (data: any) => {
|
|
|
total: data.total || 0
|
|
|
};
|
|
|
}
|
|
|
+
|
|
|
return {
|
|
|
list: [],
|
|
|
total: 0
|
|
|
@@ -140,7 +137,8 @@ const getTableList = async (params: any) => {
|
|
|
}
|
|
|
|
|
|
const res = await getContractList(storeId, requestParams);
|
|
|
- return res;
|
|
|
+ // 包装返回格式以匹配 useTable 的期望格式 { data: ... }
|
|
|
+ return { data: res };
|
|
|
};
|
|
|
|
|
|
// 切换tab
|
|
|
@@ -252,7 +250,38 @@ const handleDownload = async (row: any) => {
|
|
|
}
|
|
|
}
|
|
|
.table-container {
|
|
|
+ min-height: 400px;
|
|
|
:deep(.el-table) {
|
|
|
+ min-height: 300px;
|
|
|
+
|
|
|
+ // 确保表格体有最小高度
|
|
|
+ .el-table__body-wrapper {
|
|
|
+ min-height: 300px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 确保空状态时表格有高度
|
|
|
+ .el-table__empty-block {
|
|
|
+ position: relative !important;
|
|
|
+ display: flex !important;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ min-height: 300px;
|
|
|
+
|
|
|
+ // 确保空状态内容正常显示
|
|
|
+ .table-empty {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ gap: 12px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ line-height: normal;
|
|
|
+ img {
|
|
|
+ display: inline-flex !important;
|
|
|
+ width: 180px;
|
|
|
+ height: 180px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.contract-row {
|
|
|
position: relative;
|
|
|
display: flex;
|