added finance
This commit is contained in:
FIRST_NAME LAST_NAME
parent
46005c648b
commit
053a26ffaa
207
src/routes/finance/+page.svelte
Normal file
207
src/routes/finance/+page.svelte
Normal file
@ -0,0 +1,207 @@
|
|||||||
|
<script>
|
||||||
|
import { getAuthInfo, makeAuthHeaderForAxios } from "$lib/auth/Auth";
|
||||||
|
import { makePost } from "$lib/tools/requests/requests";
|
||||||
|
import { sayError, sayInfo } from "$lib/tools/toaster/Toaster";
|
||||||
|
import Pagination from "$lib/ui-components/pagination.svelte";
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
let orderID = "";
|
||||||
|
let inProcess = false;
|
||||||
|
let showFullInfoModal = false;
|
||||||
|
let events = [];
|
||||||
|
let selectedEvents = [];
|
||||||
|
let selectedForFullInfo = {};
|
||||||
|
|
||||||
|
async function fetchFinance() {
|
||||||
|
if (inProcess) return;
|
||||||
|
inProcess = true;
|
||||||
|
const authInfo = await getAuthInfo();
|
||||||
|
const headers = makeAuthHeaderForAxios(authInfo?.a);
|
||||||
|
const response = await makePost(
|
||||||
|
"admin/orders/finance_events/load",
|
||||||
|
{ order_id: orderID },
|
||||||
|
headers,
|
||||||
|
);
|
||||||
|
if (response.error) {
|
||||||
|
sayError("Ошибка при получении финансовых событий");
|
||||||
|
} else {
|
||||||
|
// sayInfo("Информация успешно получена");
|
||||||
|
events = response.data.data;
|
||||||
|
console.log(response);
|
||||||
|
}
|
||||||
|
inProcess = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
const glossary = {
|
||||||
|
amount: "Сумма",
|
||||||
|
comment: "Комментарий",
|
||||||
|
transaction_id: "ID транзакции",
|
||||||
|
old_event: "Предыдущие событие",
|
||||||
|
name: "Владелец",
|
||||||
|
owner_type: "Тип владельца",
|
||||||
|
time: "Время",
|
||||||
|
type: "Тип",
|
||||||
|
user_id: "ID Пользователя",
|
||||||
|
uuid: "UUID",
|
||||||
|
};
|
||||||
|
|
||||||
|
let inProcessReverting = false;
|
||||||
|
async function rollback() {
|
||||||
|
if (inProcessReverting) return;
|
||||||
|
inProcessReverting = true;
|
||||||
|
|
||||||
|
const res = await makePost(
|
||||||
|
"admin/orders/finance_events/revert",
|
||||||
|
{
|
||||||
|
finance_events: [...selectedEvents],
|
||||||
|
},
|
||||||
|
makeAuthHeaderForAxios(getAuthInfo()?.a),
|
||||||
|
);
|
||||||
|
|
||||||
|
if (res.error) {
|
||||||
|
sayError("Не удалось откатить события");
|
||||||
|
} else {
|
||||||
|
sayInfo("Откат успешен");
|
||||||
|
selectedEvents = [];
|
||||||
|
fetchFinance();
|
||||||
|
}
|
||||||
|
inProcessReverting = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
onMount(() => {});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="w-full flex flex-col gap-8">
|
||||||
|
<div class="flex gap-4">
|
||||||
|
<div class="bg-accent rounded-[4px] w-[10px] h-full"></div>
|
||||||
|
<h1 class="text-2xl font-semibold">Финансовые события</h1>
|
||||||
|
</div>
|
||||||
|
<div class="w-full flex flex-col p-4 rounded-box bg-base-300">
|
||||||
|
<label class={"input input-bordered flex items-center gap-2 "}>
|
||||||
|
ID заявки:
|
||||||
|
<input
|
||||||
|
bind:value={orderID}
|
||||||
|
type="text"
|
||||||
|
class="grow text-lg text-info"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<button
|
||||||
|
on:click={() => {
|
||||||
|
selectedEvents = [];
|
||||||
|
fetchFinance();
|
||||||
|
}}
|
||||||
|
class="btn btn-outline btn-info mt-4"
|
||||||
|
>
|
||||||
|
{#if inProcess}
|
||||||
|
<span class="loading loading-md"></span>
|
||||||
|
{:else}
|
||||||
|
Поиск
|
||||||
|
{/if}
|
||||||
|
</button>
|
||||||
|
{#if selectedEvents.length > 0}
|
||||||
|
<button
|
||||||
|
on:click={() => {
|
||||||
|
rollback();
|
||||||
|
}}
|
||||||
|
class="btn btn-outline btn-warning mt-4"
|
||||||
|
>
|
||||||
|
{#if inProcessReverting}
|
||||||
|
<span class="loading loading-md"></span>
|
||||||
|
{:else}
|
||||||
|
Откатить
|
||||||
|
{/if}
|
||||||
|
</button>
|
||||||
|
{:else}
|
||||||
|
<div class="h-[64px]"></div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
<div class="overflow-x-auto mt-4 bg-base-300">
|
||||||
|
{#if inProcess}
|
||||||
|
<span class="loading loading-md"></span>
|
||||||
|
{:else}
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Сумма</th>
|
||||||
|
<th>Пользователь</th>
|
||||||
|
<th>Тип операции</th>
|
||||||
|
<th>Тип владельца</th>
|
||||||
|
<th></th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{#each events as eve}
|
||||||
|
<tr class="hover:bg-neutral group">
|
||||||
|
<td>{eve["amount"]}</td>
|
||||||
|
<td>{eve["name"]}</td>
|
||||||
|
<td>{eve["type"]}</td>
|
||||||
|
<td>{eve["owner_type"]}</td>
|
||||||
|
<td>
|
||||||
|
<input
|
||||||
|
on:change={(e) => {
|
||||||
|
if (e.target.checked) {
|
||||||
|
selectedEvents = [
|
||||||
|
...selectedEvents,
|
||||||
|
eve["uuid"],
|
||||||
|
];
|
||||||
|
console.log(selectedEvents);
|
||||||
|
} else {
|
||||||
|
const t = selectedEvents.filter(
|
||||||
|
(i) => i !== eve["uuid"],
|
||||||
|
);
|
||||||
|
selectedEvents = [...t];
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
type="checkbox"
|
||||||
|
class="checkbox-primary checkbox"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button
|
||||||
|
class="btn btn-info btn-sm"
|
||||||
|
on:click={() => {
|
||||||
|
selectedForFullInfo = eve;
|
||||||
|
showFullInfoModal = true;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Подробнее
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{/each}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{#if showFullInfoModal}
|
||||||
|
<div
|
||||||
|
class="fixed inset-0 z-[1001] bg-black bg-opacity-50 flex justify-center items-center"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col p-8 bg-base-100 rounded-md gap-1">
|
||||||
|
{#each Object.keys(selectedForFullInfo) as key}
|
||||||
|
{#if key === "metadata"}
|
||||||
|
{#each Object.keys(selectedForFullInfo[key]) as subKey}
|
||||||
|
<p class="font-bold text-lg">
|
||||||
|
{glossary[subKey] ?? subKey}
|
||||||
|
</p>
|
||||||
|
<p>{selectedForFullInfo[key][subKey]}</p>
|
||||||
|
{/each}
|
||||||
|
{:else}
|
||||||
|
<p class="font-bold text-lg">{glossary[key] ?? key}</p>
|
||||||
|
<p>{selectedForFullInfo[key]}</p>
|
||||||
|
{/if}
|
||||||
|
{/each}
|
||||||
|
<button
|
||||||
|
class="btn btn-outline mt-4"
|
||||||
|
on:click={() => {
|
||||||
|
showFullInfoModal = false;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Закрыть
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
Loading…
x
Reference in New Issue
Block a user