-
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
@@ -145,6 +164,51 @@
+
+
+
@@ -167,6 +231,7 @@ import Dropdown from 'primevue/select';
import InputText from 'primevue/inputtext';
import InputNumber from 'primevue/inputnumber';
import Textarea from 'primevue/textarea';
+import DatePicker from 'vue3-persian-datetime-picker';
const route = useRoute();
const paymentId = route.params.id;
@@ -175,7 +240,10 @@ const { showSuccess, showError } = useToast();
const payment = ref(null);
const showTransactionModal = ref(false);
+const showEditModal = ref(false);
const isSubmittingTrx = ref(false);
+const isSubmittingEdit = ref(false);
+const editingTransactionId = ref(null);
const methodOptions = [
{ label: 'کارت به کارت', value: 'card' },
@@ -183,10 +251,30 @@ const methodOptions = [
{ label: 'نقدی / شبا', value: 'cash' }
];
-const trxForm = reactive({
+const statusOptions = [
+ { label: 'پرداخت شده', value: 'paid' },
+ { label: 'در انتظار پرداخت', value: 'pending' }
+];
+
+const defaultTrxForm = () => ({
amount: 500000,
+ status: 'paid',
method: 'card',
receiptNumber: '',
+ dueDate: '',
+ date: '',
+ notes: ''
+});
+
+const trxForm = reactive(defaultTrxForm());
+
+const editForm = reactive({
+ amount: 0,
+ status: 'paid',
+ method: 'card',
+ receiptNumber: '',
+ dueDate: '',
+ date: '',
notes: ''
});
@@ -204,15 +292,31 @@ const fetchPayment = async () => {
const handleRecordTransaction = async () => {
if (!trxForm.amount) { showError('لطفا مبلغ را وارد کنید'); return; }
- if (!trxForm.receiptNumber) { showError('لطفا شماره فیش یا پیگیری را وارد کنید'); return; }
+ if (!trxForm.dueDate) { showError('لطفا تاریخ سررسید را وارد کنید'); return; }
+ if (trxForm.status === 'paid' && !trxForm.receiptNumber) {
+ showError('لطفا شماره فیش یا پیگیری را وارد کنید');
+ return;
+ }
isSubmittingTrx.value = true;
try {
- await paymentApi.recordTransaction(paymentId, trxForm);
+ const payload = {
+ amount: trxForm.amount,
+ status: trxForm.status,
+ dueDate: trxForm.dueDate,
+ notes: trxForm.notes || undefined
+ };
+ if (trxForm.status === 'paid') {
+ payload.method = trxForm.method;
+ payload.receiptNumber = trxForm.receiptNumber;
+ if (trxForm.date) payload.date = trxForm.date;
+ }
+
+ const res = await paymentApi.recordTransaction(paymentId, payload);
+ payment.value = res.data || res;
showSuccess('تراکنش جدید با موفقیت ثبت شد');
showTransactionModal.value = false;
- trxForm.notes = '';
- fetchPayment();
+ Object.assign(trxForm, defaultTrxForm());
} catch (err) {
showError(err);
} finally {
@@ -220,6 +324,53 @@ const handleRecordTransaction = async () => {
}
};
+const openEditTransaction = (trx) => {
+ editingTransactionId.value = trx._id || trx.id;
+ editForm.amount = trx.amount || 0;
+ editForm.status = trx.status || (trx.date ? 'paid' : 'pending');
+ editForm.method = trx.method || 'card';
+ editForm.receiptNumber = trx.receiptNumber || '';
+ editForm.dueDate = trx.dueDate || '';
+ editForm.date = trx.date || '';
+ editForm.notes = trx.notes || '';
+ showEditModal.value = true;
+};
+
+const handleUpdateTransaction = async () => {
+ if (!editForm.amount && editForm.amount !== 0) {
+ showError('لطفا مبلغ را وارد کنید');
+ return;
+ }
+ if (!editForm.dueDate) {
+ showError('لطفا تاریخ سررسید را وارد کنید');
+ return;
+ }
+
+ isSubmittingEdit.value = true;
+ try {
+ const payload = {
+ amount: editForm.amount,
+ status: editForm.status,
+ dueDate: editForm.dueDate,
+ notes: editForm.notes
+ };
+ if (editForm.status === 'paid') {
+ payload.method = editForm.method;
+ payload.receiptNumber = editForm.receiptNumber;
+ payload.date = editForm.date || undefined;
+ }
+
+ const res = await paymentApi.updateTransaction(editingTransactionId.value, payload);
+ payment.value = res.data || res;
+ showSuccess('تراکنش با موفقیت بهروزرسانی شد');
+ showEditModal.value = false;
+ } catch (err) {
+ showError(err);
+ } finally {
+ isSubmittingEdit.value = false;
+ }
+};
+
onMounted(() => {
fetchPayment();
});