<template>
|
<view class="sales-account">
|
<!-- 使用通用页面头部组件 -->
|
<PageHeader title="来票台账"
|
@back="goBack" />
|
<!-- 搜索区域 -->
|
<view class="search-section">
|
<view class="search-bar">
|
<view class="search-input">
|
<up-input class="search-text"
|
placeholder="请输入供应商名称搜索"
|
v-model="searchForm.supplierName"
|
@change="handleQuery"
|
clearable />
|
</view>
|
<view class="filter-button"
|
@click="handleQuery">
|
<up-icon name="search"
|
size="24"
|
color="#999"></up-icon>
|
</view>
|
</view>
|
</view>
|
<!-- 列表区域 -->
|
<view class="ledger-list"
|
v-if="total > 0">
|
<view v-for="(item, index) in ledgerList"
|
:key="index">
|
<view class="ledger-item">
|
<view class="item-header">
|
<view class="item-left">
|
<view class="document-icon">
|
<up-icon name="file-text"
|
size="16"
|
color="#ffffff"></up-icon>
|
</view>
|
<text class="item-id">{{ item.purchaseContractNumber }}</text>
|
</view>
|
</view>
|
<up-divider></up-divider>
|
<view class="item-details">
|
<view class="detail-row">
|
<text class="detail-label">销售合同号</text>
|
<text class="detail-value">{{ item.salesContractNo }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">项目名称</text>
|
<text class="detail-value">{{ item.projectName }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">供应商名称</text>
|
<text class="detail-value">{{ item.supplierName }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">产品大类</text>
|
<text class="detail-value">{{ item.productCategory }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">规格型号</text>
|
<text class="detail-value">{{ item.specificationModel }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">发票号</text>
|
<text class="detail-value">{{ item.invoiceNumber || '-' }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">合同金额(元)</text>
|
<text class="detail-value">{{ item.taxInclusiveTotalPrice || '-' }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">来票日期</text>
|
<text class="detail-value">{{ item.createdAt || '-' }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">来票金额(元)</text>
|
<text class="detail-value highlight">{{ formatAmount(item.ticketsAmount) }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">不含税金额(元)</text>
|
<text class="detail-value highlight">{{ formatAmount(item.unTicketsPrice) }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">增值税</text>
|
<text class="detail-value">{{ item.invoiceAmount }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">录入人</text>
|
<text class="detail-value">{{ item.issUer }}</text>
|
</view>
|
<view class="detail-row">
|
<text class="detail-label">录入日期</text>
|
<text class="detail-value">{{ item.createdAt }}</text>
|
</view>
|
</view>
|
<view class="action-buttons">
|
<!-- <u-button
|
type="primary"
|
size="small"
|
class="action-btn"
|
:disabled="item.issUer !== userStore.nickName"
|
@click="openEdit(item)"
|
>
|
编辑
|
</u-button>
|
<u-button
|
type="error"
|
size="small"
|
plain
|
class="action-btn"
|
:disabled="item.issUer !== userStore.nickName"
|
@click="handleDelete(item)"
|
>
|
删除
|
</u-button> -->
|
<!-- <u-button-->
|
<!-- type="default"-->
|
<!-- size="small"-->
|
<!-- plain-->
|
<!-- class="action-btn"-->
|
<!-- v-if="item.invoiceFileName"-->
|
<!-- @click="openFileActions(item.commonFiles || [])"-->
|
<!-- >-->
|
<!-- 查看附件-->
|
<!-- </u-button>-->
|
<!-- <u-button-->
|
<!-- type="primary"-->
|
<!-- size="small"-->
|
<!-- class="action-btn"-->
|
<!-- v-else-->
|
<!-- :disabled="item.issUer !== userStore.nickName"-->
|
<!-- @click="openUpload(item)"-->
|
<!-- >-->
|
<!-- 上传-->
|
<!-- </u-button>-->
|
</view>
|
</view>
|
</view>
|
</view>
|
<view v-else
|
class="no-data">
|
<text>暂无来票台账数据</text>
|
</view>
|
<!-- 单行上传弹窗（无表单） -->
|
<u-popup v-model="showUpload"
|
mode="bottom"
|
border-radius="10">
|
<view class="upload-container">
|
<view class="popup-header">
|
<text class="popup-title">上传附件（仅支持 pdf，最大10MB，最多10个）</text>
|
</view>
|
<u-upload ref="uploadRef"
|
accept="file"
|
multiple
|
:max-count="10"
|
:show-progress="true"
|
:before-upload="beforeReadPdf"
|
:action="uploadUrl"
|
:header="{ Authorization: 'Bearer ' + getToken() }"
|
name="file"
|
@on-success="onUploadSuccess"
|
@on-error="onUploadError" />
|
<view class="uploaded-list"
|
v-if="fileList.length">
|
<view class="uploaded-item"
|
v-for="(f, idx) in fileList"
|
:key="idx">
|
<text class="file-name">{{ f.name || getFileNameFromUrl(f.url) }}</text>
|
<u-button size="mini"
|
type="error"
|
plain
|
@click="removeUploaded(idx)">移除</u-button>
|
</view>
|
</view>
|
<view class="filter-actions">
|
<u-button @click="showUpload = false"
|
type="default"
|
size="default"
|
style="width: 150px;">取消</u-button>
|
<u-button @click="confirmUpload"
|
type="primary"
|
size="default"
|
style="width: 150px;">确认</u-button>
|
</view>
|
</view>
|
</u-popup>
|
<!-- 附件列表选择 -->
|
<u-action-sheet v-model="showFileSheet"
|
:list="fileActions"
|
:cancel-btn="true"
|
@click="onSelectFile"
|
@close="showFileSheet = false" />
|
</view>
|
</template>
|
|
<script setup>
|
import { ref, reactive, onMounted } from "vue";
|
import dayjs from "dayjs";
|
const showToast = message => {
|
uni.showToast({
|
title: message,
|
icon: "none",
|
});
|
};
|
import useUserStore from "@/store/modules/user";
|
import { getToken } from "@/utils/auth";
|
import config from "@/config.js";
|
import {
|
registrationProductPage,
|
commitFile,
|
delInvoiceLedgerByRegProductId,
|
} from "@/api/salesManagement/invoiceLedger.js";
|
import { onShow } from "@dcloudio/uni-app";
|
import { productRecordPage } from "@/api/procurementManagement/procurementInvoiceLedger";
|
import { delRegistration } from "@/api/procurementManagement/invoiceEntry";
|
import PageHeader from "@/components/PageHeader.vue";
|
import FooterButtons from "@/components/FooterButtons.vue";
|
|
const userStore = useUserStore();
|
|
// 列表与查询
|
const ledgerList = ref([]);
|
const total = ref(0);
|
const page = reactive({ current: -1, size: -1 });
|
const searchForm = reactive({
|
supplierName: "",
|
});
|
|
const currentId = ref("");
|
const fileList = ref([]); // 行上传或通用上传列表
|
const uploadRef = ref();
|
const uploadUrl = config.baseUrl + "/invoiceLedger/uploadFile";
|
|
// 行上传弹窗
|
const showUpload = ref(false);
|
|
// 附件查看
|
const showFileSheet = ref(false);
|
const fileActions = ref([]);
|
let currentFilesToOpen = [];
|
|
const formatAmount = val => {
|
if (val === undefined || val === null || val === "") return "0.00";
|
const num = Number(val);
|
if (Number.isNaN(num)) return "0.00";
|
return num.toFixed(2);
|
};
|
const formatDateTime = val => {
|
if (!val) return "";
|
return dayjs(val).format("YYYY-MM-DD HH:mm:ss");
|
};
|
|
const goBack = () => {
|
uni.navigateBack();
|
};
|
|
const handleQuery = () => {
|
getList();
|
};
|
|
const getList = async () => {
|
try {
|
uni.showLoading({
|
title: "加载中...",
|
});
|
const res = await productRecordPage({ ...searchForm, ...page });
|
// 兼容不同返回结构
|
const records = res?.data?.records || res?.records || res?.data || [];
|
const totalVal = res?.data?.total || res?.total || records.length || 0;
|
ledgerList.value = records;
|
total.value = totalVal;
|
uni.hideLoading();
|
} catch (e) {
|
uni.hideLoading();
|
showToast("获取列表失败");
|
}
|
};
|
|
// 编辑逻辑改为跳转新页面
|
const openEdit = row => {
|
try {
|
uni.setStorageSync("invoiceLedgerEditRow", JSON.stringify(row));
|
uni.navigateTo({
|
url: "/pages/procurementManagement/procurementInvoiceLedger/detail",
|
});
|
} catch (e) {
|
showToast("跳转失败");
|
}
|
};
|
|
// 删除
|
const handleDelete = row => {
|
let ids = [];
|
ids.push(row.id);
|
console.log(ids);
|
uni.showModal({
|
title: "删除确认",
|
content: "该发票台账将被删除，是否确认删除？",
|
success: async res => {
|
if (res.confirm) {
|
try {
|
uni.showLoading({
|
title: "处理中...",
|
});
|
await delRegistration(ids);
|
uni.hideLoading();
|
showToast("删除成功");
|
await getList();
|
} catch (e) {
|
uni.hideLoading();
|
showToast("删除失败，请重试");
|
}
|
}
|
},
|
});
|
};
|
|
// 行上传
|
const openUpload = row => {
|
currentId.value = row.id;
|
fileList.value = [];
|
showUpload.value = true;
|
};
|
const confirmUpload = async () => {
|
try {
|
const payload = { fileList: fileList.value, id: currentId.value };
|
uni.showLoading({
|
title: "提交中...",
|
});
|
await commitFile(payload);
|
uni.hideLoading();
|
showToast("提交成功");
|
showUpload.value = false;
|
fileList.value = [];
|
currentId.value = "";
|
getList();
|
} catch (e) {
|
uni.hideLoading();
|
showToast("提交失败，请重试");
|
}
|
};
|
|
// 上传相关
|
const beforeReadPdf = file => {
|
// 兼容多文件
|
const files = Array.isArray(file) ? file : [file];
|
for (const f of files) {
|
const sizeOk = f.size <= 10 * 1024 * 1024;
|
const ext = (f.name || "").split(".").pop()?.toLowerCase();
|
if (ext !== "pdf") {
|
showToast("仅支持pdf文件");
|
return false;
|
}
|
if (!sizeOk) {
|
showToast("上传文件大小不能超过10MB");
|
return false;
|
}
|
}
|
return true;
|
};
|
|
// uview-plus 的上传成功回调
|
const onUploadSuccess = (res, file) => {
|
try {
|
const data = JSON.parse(res.data || "{}");
|
if (data.code === 200) {
|
fileList.value.push(data.data);
|
showToast("上传成功");
|
} else {
|
showToast("上传失败: " + (data.msg || "未知错误"));
|
}
|
} catch (err) {
|
showToast("上传失败");
|
}
|
};
|
|
// uview-plus 的上传失败回调
|
const onUploadError = err => {
|
showToast("上传失败");
|
};
|
|
const removeUploaded = index => {
|
fileList.value.splice(index, 1);
|
};
|
|
const getFileNameFromUrl = url => {
|
try {
|
if (!url) return "";
|
return decodeURIComponent(url.split("/").pop());
|
} catch (e) {
|
return url;
|
}
|
};
|
|
// 附件查看
|
const openFileActions = commonFiles => {
|
currentFilesToOpen = commonFiles || [];
|
fileActions.value = (commonFiles || []).map((f, idx) => ({
|
title: getFileNameFromUrl(f.url || ""),
|
index: idx,
|
}));
|
showFileSheet.value = true;
|
};
|
const onSelectFile = async action => {
|
try {
|
const item = currentFilesToOpen[action.index];
|
if (!item || !item.url) return;
|
uni.showLoading({
|
title: "下载中...",
|
});
|
uni.downloadFile({
|
url: item.url,
|
success: res => {
|
uni.hideLoading();
|
if (res.statusCode === 200) {
|
uni.openDocument({ filePath: res.tempFilePath });
|
} else {
|
showToast("下载失败");
|
}
|
},
|
fail: () => {
|
uni.hideLoading();
|
showToast("下载失败");
|
},
|
});
|
} catch (e) {
|
uni.hideLoading();
|
showToast("打开失败");
|
}
|
};
|
|
onShow(() => {
|
getList();
|
});
|
</script>
|
|
<style scoped lang="scss">
|
@import "@/styles/procurement-common.scss";
|
|
// 来票台账特有样式（所有样式都已包含在公共样式中）
|
</style>
|
