From adeb8b768926ed50a3fb0857f366d6a0308d2cc0 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 29 八月 2025 17:45:57 +0800
Subject: [PATCH] 修改组件
---
src/pages/procurementManagement/invoiceEntry/add.vue | 647 +++++++++-------------------------------------------------
1 files changed, 104 insertions(+), 543 deletions(-)
diff --git a/src/pages/procurementManagement/invoiceEntry/add.vue b/src/pages/procurementManagement/invoiceEntry/add.vue
index 54a3ede..8b4e229 100644
--- a/src/pages/procurementManagement/invoiceEntry/add.vue
+++ b/src/pages/procurementManagement/invoiceEntry/add.vue
@@ -1,547 +1,4 @@
<template>
- <view class="account-detail">
- <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
- <PageHeader title="鏂板鏉ョエ鐧昏" @back="goBack" />
-
- <!-- 琛ㄥ崟鍐呭 -->
- <van-form @submit="submitForm" ref="formRef" label-width="110px" input-align="right" error-message-align="right" scroll-to-error scroll-to-error-position="center">
- <!-- 鍩烘湰淇℃伅 -->
- <van-cell-group title="鍩烘湰淇℃伅" inset>
- <van-field
- v-model="form.purchaseLedgerNo"
- label="閲囪喘鍚堝悓鍙�"
- readonly
- placeholder="鑷姩濉厖"
- />
- <van-field
- v-model="form.salesContractNo"
- label="閿�鍞悎鍚屽彿"
- readonly
- placeholder="鑷姩濉厖"
- />
- <van-field
- v-model="form.supplierName"
- label="渚涘簲鍟嗗悕绉�"
- readonly
- placeholder="鑷姩濉厖"
- />
- <van-field
- v-model="form.projectName"
- label="椤圭洰鍚嶇О"
- readonly
- placeholder="鑷姩濉厖"
- />
- <van-field
- v-model="form.issUer"
- label="褰曞叆浜�"
- readonly
- placeholder="璇疯緭鍏ュ綍鍏ヤ汉"
- />
- <van-field
- v-model="form.enterDate"
- label="褰曞叆鏃ユ湡"
- readonly
- placeholder="璇烽�夋嫨褰曞叆鏃ユ湡"
- @click="showCreateTimePicker = true"
- />
- <van-field
- v-model="form.invoiceNumber"
- label="鍙戠エ鍙风爜"
- required
- placeholder="璇疯緭鍏ュ彂绁ㄥ彿鐮�"
- :rules="[{ required: true, message: '璇疯緭鍏ュ彂绁ㄥ彿鐮�' }]"
- />
- <van-field
- v-model="form.invoiceAmount"
- label="鍙戠エ閲戦(鍏�)"
- required
- readonly
- placeholder="鑷姩濉厖"
- :rules="[{ required: true, message: '璇疯緭鍏ュ彂绁ㄥ彿鐮�' }]"
- />
- <van-field
- v-model="form.issueDate"
- label="鏉ョエ鏃ユ湡"
- readonly
- placeholder="璇烽�夋嫨鏉ョエ鏃ユ湡"
- required
- @click="showIssueDatePicker = true"
- :rules="[{ required: true, message: '璇烽�夋嫨鏉ョエ鏃ユ湡' }]"
- />
- </van-cell-group>
-
- <!-- 浜у搧淇℃伅 -->
- <view class="product-section">
- <view class="section-header">
- <text class="section-title">浜у搧淇℃伅</text>
- </view>
-
- <view v-if="productData.length === 0" class="empty-state">
- <van-empty description="鏆傛棤浜у搧鏁版嵁" />
- </view>
-
- <view v-else class="product-list">
- <view
- v-for="(item, index) in productData"
- :key="index"
- class="product-card"
- >
- <!-- 浜у搧澶撮儴 -->
- <view class="product-header">
- <view class="product-title">
- <van-icon name="description" color="#2979ff" size="15" />
- <text class="product-productCategory">浜у搧 {{ index + 1 }}</text>
- </view>
- </view>
-
- <!-- 浜у搧淇℃伅琛ㄥ崟 -->
- <view class="product-form">
- <van-field
- v-model="item.productCategory"
- label="浜у搧澶х被"
- readonly
- />
- <van-field
- v-model="item.specificationModel"
- label="瑙勬牸鍨嬪彿"
- readonly
- />
- <van-field
- v-model="item.unit"
- label="鍗曚綅"
- readonly
- />
- <van-field
- v-model="item.quantity"
- label="鏁伴噺"
- readonly
- />
- <van-field
- v-model="item.taxRate"
- label="绋庣巼(%)"
- readonly
- />
- <van-field
- v-model="item.taxInclusiveUnitPrice"
- label="鍚◣鍗曚环(鍏�)"
- readonly
- />
- <van-field
- v-model="item.taxInclusiveTotalPrice"
- label="鍚◣鎬讳环(鍏�)"
- readonly
- />
- <van-field
- v-model="item.taxExclusiveTotalPrice"
- label="涓嶅惈绋庢�讳环(鍏�)"
- readonly
- />
-
- <!-- 鏈鏉ョエ淇℃伅 -->
- <van-field
- v-model="item.ticketsNum"
- label="鏈鏉ョエ鏁�"
- type="number"
- placeholder="璇疯緭鍏ユ潵绁ㄦ暟閲�"
- @blur="invoiceNumBlur(item)"
- />
- <van-field
- v-model="item.ticketsAmount"
- label="鏈鏉ョエ閲戦(鍏�)"
- type="number"
- placeholder="璇疯緭鍏ユ潵绁ㄩ噾棰�"
- @blur="invoiceAmountBlur(item)"
- />
-
- <!-- 鏈潵绁ㄤ俊鎭� -->
- <van-field
- v-model="item.futureTickets"
- label="鏈潵绁ㄦ暟"
- readonly
- />
- <van-field
- v-model="item.futureTicketsAmount"
- label="鏈潵绁ㄩ噾棰�(鍏�)"
- readonly
- />
- </view>
- </view>
- </view>
- </view>
-
- <!-- 鎻愪氦鎸夐挳 -->
- <view class="footer-btns">
- <van-button class="cancel-btn" @click="goBack">鍙栨秷</van-button>
- <van-button class="save-btn" native-type="submit" form-type="submit">淇濆瓨</van-button>
- </view>
- </van-form>
-
- <!-- 鏃ユ湡閫夋嫨鍣� -->
- <van-popup v-model:show="showIssueDatePicker" position="bottom">
- <van-date-picker
- v-model="currentIssueDate"
- title="閫夋嫨鏉ョエ鏃ユ湡"
- @confirm="onIssueDateConfirm"
- @cancel="showIssueDatePicker = false"
- />
- </van-popup>
-
- <van-popup v-model:show="showCreateTimePicker" position="bottom">
- <van-date-picker
- v-model="currentCreateTime"
- title="閫夋嫨褰曞叆鏃ユ湡"
- @confirm="onCreateTimeConfirm"
- @cancel="showCreateTimePicker = false"
- />
- </van-popup>
- </view>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue'
-import { showToast, showLoadingToast, closeToast } from 'vant'
-import useUserStore from '@/store/modules/user'
-import {addOrUpdateRegistration, getPurchaseNoById} from "@/api/procurementManagement/invoiceEntry";
-import {getInfo} from "@/api/procurementManagement/invoiceEntry.js";
-
-const userStore = useUserStore()
-const editData = ref(null);
-
-// 琛ㄥ崟寮曠敤
-const formRef = ref()
-
-// 琛ㄥ崟鏁版嵁
-let form = ref({
- purchaseLedgerNo: '',
- salesContractNo: '',
- supplierName: '',
- projectName: '',
- issUer: '',
- issueDate: '',
- enterDate: '',
- invoiceAmount: '',
- invoiceNumber: ''
-})
-
-// 浜у搧鏁版嵁
-const productData = ref([])
-
-// 鏃ユ湡閫夋嫨鍣ㄧ姸鎬�
-const showIssueDatePicker = ref(false)
-const showCreateTimePicker = ref(false)
-const currentIssueDate = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()])
-const currentCreateTime = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()])
-
-// 鎻愪氦鐘舵��
-const submitting = ref(false)
-
-// 杩斿洖涓婁竴椤�
-const goBack = () => {
- // 娓呯悊鏈湴瀛樺偍鐨勬暟鎹�
- uni.removeStorageSync('editData');
- uni.navigateBack()
-}
-
-// 鏍煎紡鍖栨暟瀛�
-const formatNumber = (value, precision = 2) => {
- if (!value && value !== 0) return '0.00'
- return Number(value).toFixed(precision)
-}
-
-// 鏉ョエ鏁伴噺鍙樺寲澶勭悊
-const invoiceNumBlur = (row) => {
- if (!row.ticketsNum || row.ticketsNum === "") {
- row.ticketsNum = 0;
- }
- if (Number(row.ticketsNum) > Number(row.tempFutureTickets)) {
- showToast('鏈鏉ョエ鏁颁笉寰楀ぇ浜庢湭鏉ョエ鏁�');
- row.ticketsNum = 0;
- return;
- }
- // 璁＄畻鏈鏉ョエ閲戦
- row.ticketsAmount = (row.ticketsNum * row.taxInclusiveUnitPrice).toFixed(2)
- // 璁＄畻鏈潵绁ㄦ暟
- row.futureTickets = (row.tempFutureTickets - row.ticketsNum).toFixed(2)
- // 璁＄畻鏈潵绁ㄩ噾棰�
- row.futureTicketsAmount = (row.tempFutureTicketsAmount - row.ticketsAmount).toFixed(2)
- calculateinvoiceAmount();
-}
-
-// 鏉ョエ閲戦鍙樺寲澶勭悊
-const invoiceAmountBlur = (row) => {
- if (!row.ticketsAmount) {
- row.ticketsAmount = 0;
- }
- // 璁＄畻鏄惁瓒呰繃鏉ョエ鎬婚噾棰�
- if (row.ticketsAmount > row.tempFutureTicketsAmount) {
- showToast('鏈鏉ョエ閲戦涓嶅緱澶т簬鏈潵绁ㄩ噾棰�');
- row.ticketsAmount = 0;
- }
- // 璁＄畻鏈鏉ョエ鏁�
- row.ticketsNum = Number(
- (row.ticketsAmount / row.taxInclusiveUnitPrice).toFixed(2)
- );
- // 璁＄畻鏈潵绁ㄦ暟
- row.futureTickets = (row.tempFutureTickets - row.ticketsNum).toFixed(2)
- // 璁＄畻鏈潵绁ㄩ噾棰�
- row.futureTicketsAmount = (row.tempFutureTicketsAmount - row.ticketsAmount).toFixed(2)
- calculateinvoiceAmount();
-}
-
-const calculateinvoiceAmount = () => {
- let invoiceAmountTotal = 0;
- productData.value.forEach((item) => {
- if (item.ticketsAmount) {
- invoiceAmountTotal += Number(item.ticketsAmount);
- }
- });
- form.value.invoiceAmount = invoiceAmountTotal.toFixed(2);
-};
-
-// 鏉ョエ鏃ユ湡纭
-const onIssueDateConfirm = ({ selectedValues }) => {
- form.value.issueDate = selectedValues.join('-');
- currentIssueDate.value = selectedValues;
- showIssueDatePicker.value = false;
-};
-
-// 褰曞叆鏃ユ湡纭
-const onCreateTimeConfirm = (value) => {
- try {
- // 澶勭悊涓嶅悓鐨勫�兼牸寮�
- let year, month, day;
-
- if (Array.isArray(value)) {
- // 鏁扮粍鏍煎紡 [year, month, day]
- [year, month, day] = value;
- } else if (value && typeof value === 'object') {
- // Date瀵硅薄鏍煎紡
- year = value.getFullYear();
- month = value.getMonth() + 1;
- day = value.getDate();
- } else {
- // 鍏朵粬鏍煎紡锛屼娇鐢ㄥ綋鍓嶆棩鏈�
- const now = new Date();
- year = now.getFullYear();
- month = now.getMonth() + 1;
- day = now.getDate();
- }
-
- form.value.enterDate = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
- form.value.issueDate = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
- showCreateTimePicker.value = false;
- } catch (error) {
- console.error('鏃ユ湡澶勭悊閿欒:', error);
- showToast('鏃ユ湡閫夋嫨澶辫触锛岃閲嶈瘯');
- }
-}
-
-// 鏍煎紡鍖栨棩鏈�
-const formatDate = (date) => {
- const year = date.getFullYear()
- const month = String(date.getMonth() + 1).padStart(2, '0')
- const day = String(date.getDate()).padStart(2, '0')
- return `${year}-${month}-${day}`
-}
-
-// 鑾峰彇浜у搧鍒楄〃
-const getProductList = async () => {
- try {
- showLoadingToast('鍔犺浇涓�...')
- const res = await getPurchaseNoById({ id: editData.value.id })
- form.value.purchaseLedgerNo = res.data.purchaseContractNumber;
- form.value.invoiceAmount = res.data.invoiceAmount;
- form.value.invoiceNumber = res.data.invoiceNumber;
- const data = await getInfo({ id: editData.value.id });
- productData.value = data.data.productData;
- form.value.salesContractNo = data.data.salesContractNo;
- form.value.projectName = data.data.projectName;
- form.value.supplierName = data.data.supplierName;
- form.value.productData = data.data.productData;
- // 璁剧疆榛樿褰曞叆浜�
- form.value.issUer = userStore.nickName
-
- // 璁剧疆榛樿鏃ユ湡
- const today = new Date()
- form.value.enterDate = formatDate(today)
- form.value.issueDate = formatDate(today)
-
- closeToast()
- } catch (error) {
- closeToast()
- showToast('鑾峰彇浜у搧鍒楄〃澶辫触')
- }
-}
-
-// 鎻愪氦琛ㄥ崟
-const submitForm = async () => {
- try {
- submitting.value = true
-
- // 楠岃瘉浜у搧鏁版嵁
- if (productData.value.length === 0) {
- showToast('璇峰厛娣诲姞浜у搧淇℃伅')
- return
- }
-
- // 楠岃瘉鏉ョエ鏁版嵁
- const hasInvoiceData = productData.value.some(item => {
- const num = parseFloat(item.ticketsNum) || 0
- const amount = parseFloat(item.ticketsAmount) || 0
- return num > 0 || amount > 0
- })
-
- if (!hasInvoiceData) {
- showToast('璇疯嚦灏戣緭鍏ヤ竴涓骇鍝佺殑鏉ョエ淇℃伅')
- return
- }
-
- const submitData = {
- ...form.value,
- productData: productData.value
- }
-
- await addOrUpdateRegistration(submitData)
- showToast('鎻愪氦鎴愬姛')
-
- // 杩斿洖涓婁竴椤�
- setTimeout(() => {
- goBack()
- }, 800)
-
- } catch (error) {
- showToast('鎻愪氦澶辫触锛岃閲嶈瘯')
- } finally {
- submitting.value = false
- }
-}
-
-// 椤甸潰鍔犺浇鏃跺垵濮嬪寲鏁版嵁
-onMounted(() => {
- // 浠庨〉闈㈠弬鏁版垨缂撳瓨涓幏鍙栭攢鍞悎鍚屼俊鎭�
- const contractInfo = uni.getStorageSync('editData')
- if (contractInfo) {
- editData.value = JSON.parse(contractInfo);
- const contract = JSON.parse(contractInfo)
- form.value.purchaseLedgerNo = contract.purchaseLedgerNo || ''
- form.value.salesContractNo = contract.salesContractNo || ''
- form.value.supplierName = contract.supplierName || ''
- form.value.projectName = contract.projectName || ''
- form.value.invoiceAmount = contract.invoiceAmount || ''
- form.value.invoiceNumber = contract.invoiceNumber || ''
- form.value.purchaseLedgerId = contract.id || ''
-
- // 鑾峰彇浜у搧鍒楄〃
- getProductList()
- }
-})
-</script>
-
-<style scoped lang="scss">
-.account-detail {
- min-height: 100vh;
- background: #f8f9fa;
- padding-bottom: 5rem;
-}
-
-.empty-state {
- padding: 40px 0;
-}
-
-.product-section {
- background: #fff;
- margin-top: 1rem;
- padding: 1rem;
- box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.04);
-}
-
-.section-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 1rem;
-}
-
-.section-title {
- font-size: 1rem;
- font-weight: 600;
- color: #333;
-}
-
-.product-list {
- .product-card {
- background: #FFFFFF;
- box-shadow: 0 0 1.25rem 0 rgba(0,57,117,0.08);
- border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
- padding: 1rem 0.5rem 0 0.5rem;
- position: relative;
- margin-bottom: 1rem;
- }
-}
-
-.product-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 0.5rem 0.75rem 0.5rem;
- border-bottom: 0.0625rem solid #e8e8e8;
-}
-
-.product-title {
- display: flex;
- align-items: center;
-}
-
-.product-productCategory {
- margin-left: 0.5rem;
- font-size: 0.875rem;
- font-weight: 500;
- color: #333;
-}
-
-.product-form {
- margin-bottom: 1rem;
-}
-.footer-btns {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- background: #fff;
- display: flex;
- justify-content: space-around;
- align-items: center;
- padding: 0.75rem 0;
- box-shadow: 0 -0.125rem 0.5rem rgba(0,0,0,0.05);
- z-index: 1000;
-}
-.cancel-btn {
- font-weight: 400;
- font-size: 1rem;
- color: #FFFFFF;
- width: 6.375rem;
- background: #C7C9CC;
- box-shadow: 0 0.25rem 0.625rem 0 rgba(3,88,185,0.2);
- border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
-}
-.save-btn {
- font-weight: 400;
- font-size: 1rem;
- color: #FFFFFF;
- width: 14rem;
- background: linear-gradient( 140deg, #00BAFF 0%, #006CFB 100%);
- box-shadow: 0 0.25rem 0.625rem 0 rgba(3,88,185,0.2);
- border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
-}
-// 鍝嶅簲寮忚皟鏁�
-@media (max-width: 768px) {
- .submit-section {
- padding: 12px;
- }
-}
-</style>
-
-<template>
<view class="invoice-add">
<!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
<PageHeader title="鏂板鍙戠エ" @back="goBack" />
@@ -678,3 +135,107 @@
uni.hideLoading()
}
</script>
+
+<style scoped lang="scss">
+.account-detail {
+ min-height: 100vh;
+ background: #f8f9fa;
+ padding-bottom: 5rem;
+}
+
+.empty-state {
+ padding: 40px 0;
+}
+
+.product-section {
+ background: #fff;
+ margin-top: 1rem;
+ padding: 1rem;
+ box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.04);
+}
+
+.section-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 1rem;
+}
+
+.section-title {
+ font-size: 1rem;
+ font-weight: 600;
+ color: #333;
+}
+
+.product-list {
+ .product-card {
+ background: #FFFFFF;
+ box-shadow: 0 0 1.25rem 0 rgba(0,57,117,0.08);
+ border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
+ padding: 1rem 0.5rem 0 0.5rem;
+ position: relative;
+ margin-bottom: 1rem;
+ }
+}
+
+.product-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 0.5rem 0.75rem 0.5rem;
+ border-bottom: 0.0625rem solid #e8e8e8;
+}
+
+.product-title {
+ display: flex;
+ align-items: center;
+}
+
+.product-productCategory {
+ margin-left: 0.5rem;
+ font-size: 0.875rem;
+ font-weight: 500;
+ color: #333;
+}
+
+.product-form {
+ margin-bottom: 1rem;
+}
+.footer-btns {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #fff;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ padding: 0.75rem 0;
+ box-shadow: 0 -0.125rem 0.5rem rgba(0,0,0,0.05);
+ z-index: 1000;
+}
+.cancel-btn {
+ font-weight: 400;
+ font-size: 1rem;
+ color: #FFFFFF;
+ width: 6.375rem;
+ background: #C7C9CC;
+ box-shadow: 0 0.25rem 0.625rem 0 rgba(3,88,185,0.2);
+ border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
+}
+.save-btn {
+ font-weight: 400;
+ font-size: 1rem;
+ color: #FFFFFF;
+ width: 14rem;
+ background: linear-gradient( 140deg, #00BAFF 0%, #006CFB 100%);
+ box-shadow: 0 0.25rem 0.625rem 0 rgba(3,88,185,0.2);
+ border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
+}
+// 鍝嶅簲寮忚皟鏁�
+@media (max-width: 768px) {
+ .submit-section {
+ padding: 12px;
+ }
+}
+</style>
--
Gitblit v1.9.3