...
This commit is contained in:
347
TaxPayerFull/Pages/UserPanel/InvoiceItem.razor
Normal file
347
TaxPayerFull/Pages/UserPanel/InvoiceItem.razor
Normal file
@@ -0,0 +1,347 @@
|
||||
@using Front.Services
|
||||
@using Shared.DTOs
|
||||
@using Shared
|
||||
@inject HttpClientController hc;
|
||||
@layout PanelLayout
|
||||
@inject Fixedvalues fv;
|
||||
@page "/InvoiceDetails/{InvoiceID:int}"
|
||||
@page "/InvoiceDetails"
|
||||
<Preload LoadingText="در حال بارگذاری..." />
|
||||
<form>
|
||||
@* alert *@
|
||||
<div class="row">
|
||||
<Alert hidden="@Hidealert" Color="@alertColor" Dismissable="false">
|
||||
<Icon Name="@alertIconName" class="me-2"></Icon>
|
||||
@alertMessage
|
||||
</Alert>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="form-group col-md-2">
|
||||
<label class="col-sm-4 col-form-label" style="color:red" for="inputTitle">عنوان</label>
|
||||
<InputText @bind-Value="invoice.Title" type="text" class="form-control" id="inputTitle" placeholder="عنوان" />
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label class="col-sm-4 col-form-label" for="inputinvoiceTypeTitle">نوع</label>
|
||||
<select @bind="invoice.invoiceType" class="form-control" aria-label="Default select example" id="inputinvoiceTypeTitle">
|
||||
@if (!invoice.invoiceType.HasValue)
|
||||
{
|
||||
<option value="0" style="color: #b5b5b5" selected>انتخاب کنید...</option>
|
||||
}
|
||||
else
|
||||
{
|
||||
<option value="0" style="color: #b5b5b5">انتخاب کنید...</option>
|
||||
}
|
||||
|
||||
|
||||
@foreach (InvoiceType i in Enum.GetValues(typeof(InvoiceType)))
|
||||
{
|
||||
|
||||
if (invoice.invoiceType == i)
|
||||
{
|
||||
<option value="@i" selected>@i.GetEnumDisplayName()</option>
|
||||
}
|
||||
else
|
||||
{
|
||||
<option value="@i">@i.GetEnumDisplayName()</option>
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-2">
|
||||
<label class="col-sm-8 col-form-label" for="inputPatternID">الگو صورتحساب</label>
|
||||
<select @bind="invoice.PatternID" class="form-control" aria-label="Default select example" id="inputPatternID">
|
||||
@if (invoice.PatternID == null || invoice.PatternID == 0)
|
||||
{
|
||||
<option value="0" style="color: #b5b5b5" selected>انتخاب کنید...</option>
|
||||
}
|
||||
else
|
||||
{
|
||||
<option value="0" style="color: #b5b5b5">انتخاب کنید...</option>
|
||||
}
|
||||
|
||||
@if (Patterns != null)
|
||||
{
|
||||
foreach (var item in Patterns)
|
||||
{
|
||||
if (invoice.PatternID == item.ID)
|
||||
{
|
||||
<option value="@item.ID" selected>@item.Title</option>
|
||||
}
|
||||
else
|
||||
{
|
||||
<option value="@item.ID">@item.Title</option>
|
||||
}
|
||||
}
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label class="col-sm-5 col-form-label" style="color:red" for="inputCustomerID">مشتری</label>
|
||||
<select @bind="invoice.CustomerID" class="form-control" aria-label="Default select example" id="inputCustomerID">
|
||||
@if (invoice.CustomerID == null || invoice.CustomerID == 0)
|
||||
{
|
||||
<option value="0" style="color: #b5b5b5" selected>انتخاب کنید...</option>
|
||||
}
|
||||
else
|
||||
{
|
||||
<option value="0" style="color: #b5b5b5">انتخاب کنید...</option>
|
||||
}
|
||||
|
||||
@if (Cus != null)
|
||||
{
|
||||
foreach (var item in Cus)
|
||||
{
|
||||
if (invoice.CustomerID == item.ID)
|
||||
{
|
||||
<option value="@item.ID" selected>@item.CustomerName</option>
|
||||
}
|
||||
else
|
||||
{
|
||||
<option value="@item.ID">@item.CustomerName</option>
|
||||
}
|
||||
}
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label class="col-sm-5 col-form-label" for="inputInvoicIssueDate">تاریخ صدور</label>
|
||||
<InputText style=" text-align: center;" @bind-Value="invoice.InvoicIssueDate" type="text" class="form-control" id="inputInvoicIssueDate" placeholder="تاریخ صدور" />
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label class="col-sm-4 col-form-label" for="inputInvoiceDate">تاریخ</label>
|
||||
<InputText style=" text-align: center;" @bind-Value="invoice.InvoiceDate" type="text" class="form-control" id="inputInvoiceDate" placeholder="تاریخ" />
|
||||
</div>
|
||||
</div>
|
||||
<br /> <hr class="hr" />
|
||||
<div class="row g-3">
|
||||
<Tabs NavStyle="NavStyle.VerticalUnderline">
|
||||
<Tab Title="آیتم ها" IsActive="true">
|
||||
<Content>
|
||||
<div class="row g-3">
|
||||
<div class="form-group col-md-11">
|
||||
<LGridInvoiceItem InvoiceItems="invoice.items" />
|
||||
</div>
|
||||
<div class="form-group col-md-1">
|
||||
<button class="button-8" role="button">+</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Content>
|
||||
</Tab>
|
||||
<Tab Title="پرداختی ها">
|
||||
<Content>
|
||||
<div class="row g-3">
|
||||
<div class="form-group col-md-11">
|
||||
<LGridInvoicePayment InvoicePays="invoice.payments" />
|
||||
</div>
|
||||
<div class="form-group col-md-1">
|
||||
|
||||
<Button class="mt-3" Color="ButtonColor.Secondary" @onclick="OnClickDelete" Type="ButtonType.Button">
|
||||
پرداخت جدید
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</Content>
|
||||
</Tab>
|
||||
|
||||
</Tabs>
|
||||
</div>
|
||||
<hr class="hr" />
|
||||
<br />
|
||||
<div class="row g-3">
|
||||
<div class="form-group col-md-8">
|
||||
<label class="col-sm-4 col-form-label" for="inputdes">توضیحات</label>
|
||||
<InputText @bind-Value="invoice.Des" type="text" class="form-control" id="inputdes" placeholder="توضیحات" />
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<label class="col-sm-5 col-form-label" for="inputUdate">آخرین ویرایش</label>
|
||||
<InputText style=" text-align: center;" @bind-Value="invoice.Udate" class="form-control" id="inputUdate" readonly />
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<br />
|
||||
@if (invoice.ID == 0)
|
||||
{
|
||||
<Button class="mt-3" Color="ButtonColor.Success" @onclick="OnClickAdd" Type="ButtonType.Button">
|
||||
جدید
|
||||
</Button>
|
||||
}
|
||||
else
|
||||
{
|
||||
<Button class="mt-3" Color="ButtonColor.Success" @onclick="OnClickUpdate" Type="ButtonType.Button">
|
||||
ثبت تغییرات
|
||||
</Button>
|
||||
<Button class="mt-3" Color="ButtonColor.Danger" @onclick="OnClickDelete" Type="ButtonType.Button">
|
||||
حذف
|
||||
</Button>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@code {
|
||||
[Inject] protected PreloadService PreloadService { get; set; } = default!;
|
||||
// alert
|
||||
AlertColor alertColor = AlertColor.Primary;
|
||||
IconName alertIconName = IconName.CheckCircleFill;
|
||||
bool Hidealert = true;
|
||||
string alertMessage = "";
|
||||
[Parameter] public int? InvoiceID { get; set; }
|
||||
public List<ForCustomerSearch>? Cus { get; set; }
|
||||
public List<IdName<int>>? Patterns { get; set; }
|
||||
public InvoiceDTO? invoice { get; set; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
invoice = new InvoiceDTO();
|
||||
await base.OnInitializedAsync();
|
||||
}
|
||||
|
||||
protected override async Task OnParametersSetAsync()
|
||||
{
|
||||
PreloadService.Show(SpinnerColor.Dark);
|
||||
Cus = await fv.GetCustomers();
|
||||
Patterns = await fv.GetPatterns();
|
||||
if (InvoiceID != null && InvoiceID > 0)
|
||||
{
|
||||
var rsp = await hc.Get($"Invoice/Get/{InvoiceID}");
|
||||
if (rsp.IsSuccessStatusCode)
|
||||
{
|
||||
invoice = await rsp.Content.ReadFromJsonAsync<InvoiceDTO>();
|
||||
}
|
||||
else
|
||||
hc._nav.NavigateTo("/Pael");
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
invoice = new InvoiceDTO()
|
||||
{
|
||||
ID = 0,
|
||||
InvoiceDate = DateTime.Now.ConvertMiladiToShamsiinFront().ShamciToFormatShamciinFront(),
|
||||
InvoicIssueDate = DateTime.Now.ConvertMiladiToShamsiinFront().ShamciToFormatShamciinFront(),
|
||||
Udate = DateTime.Now.ConvertMiladiToShamsiinFront().ShamciToFormatShamciinFront()
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
Hidealert = true;
|
||||
alertMessage = "";
|
||||
PreloadService.Hide();
|
||||
await base.OnParametersSetAsync();
|
||||
}
|
||||
}
|
||||
@functions {
|
||||
private void ShowSuccessAlert(string msg)
|
||||
{
|
||||
Hidealert = false;
|
||||
alertColor = AlertColor.Success;
|
||||
alertIconName = IconName.CheckCircleFill;
|
||||
alertMessage = msg;
|
||||
}
|
||||
private void ShowDangerAlert(string msg)
|
||||
{
|
||||
Hidealert = false;
|
||||
alertColor = AlertColor.Danger;
|
||||
alertIconName = IconName.ExclamationTriangleFill;
|
||||
alertMessage = msg;
|
||||
}
|
||||
public async Task OnClickDelete()
|
||||
{
|
||||
|
||||
// var rsp = await hc.Delete($"Cod/Delete/{invoice.ID}");
|
||||
// if (rsp.IsSuccessStatusCode)
|
||||
// {
|
||||
// var request = await rsp.Content.ReadFromJsonAsync<bool>();
|
||||
// if (request)
|
||||
// {
|
||||
// result.Status = ComponentStatus.success;
|
||||
// result.Action = ComponentAction.delete;
|
||||
|
||||
// //await OnMultipleOfThree.InvokeAsync(result);
|
||||
// }
|
||||
// else ShowDangerAlert("خطایی در اجرای عملیات رخ داده");
|
||||
// }
|
||||
|
||||
// else if (rsp.StatusCode == System.Net.HttpStatusCode.NotFound)
|
||||
// {
|
||||
// ShowDangerAlert("کالا با این شناسه یافت نشد");
|
||||
// }
|
||||
// else ShowDangerAlert("خطایی در اجرای عملیات رخ داده");
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
public async Task OnClickUpdate()
|
||||
{
|
||||
// if (Cod.UnitID > 0 && Cod.TaxRate > 0 && !string.IsNullOrEmpty(Cod.Title))
|
||||
// {
|
||||
|
||||
// var rsp = await hc.Put<RCOD>("Cod/Update", Cod);
|
||||
// if (rsp.IsSuccessStatusCode)
|
||||
// {
|
||||
// var request = await rsp.Content.ReadFromJsonAsync<bool>();
|
||||
// if (request)
|
||||
// {
|
||||
// result.Status = ComponentStatus.success;
|
||||
// result.Action = ComponentAction.update;
|
||||
// await OnMultipleOfThree.InvokeAsync(result);
|
||||
// }
|
||||
// else ShowDangerAlert("خطایی در اجرای عملیات رخ داده");
|
||||
// }
|
||||
// else
|
||||
// {
|
||||
// var request = await rsp.Content.ReadFromJsonAsync<List<string>>();
|
||||
// ShowDangerAlert(request[0]);
|
||||
// }
|
||||
// }
|
||||
// else ShowDangerAlert("فیلدهای قرمز باید مقدار دهی شوند");
|
||||
}
|
||||
public async Task OnClickAdd()
|
||||
{
|
||||
// if (Cod.UnitID > 0 && Cod.TaxRate > 0 && !string.IsNullOrEmpty(Cod.Title))
|
||||
// {
|
||||
|
||||
// var rsp = await hc.Post<RCOD>("Cod/Add", Cod);
|
||||
// if (rsp.IsSuccessStatusCode)
|
||||
// {
|
||||
// var request = await rsp.Content.ReadFromJsonAsync<bool>();
|
||||
|
||||
// if (request)
|
||||
// {
|
||||
// result.Status = ComponentStatus.success;
|
||||
// result.Action = ComponentAction.add;
|
||||
// await OnMultipleOfThree.InvokeAsync(result);
|
||||
// }
|
||||
// else ShowDangerAlert("خطایی در اجرای عملیات رخ داده");
|
||||
// }
|
||||
// else
|
||||
// {
|
||||
|
||||
// var request = await rsp.Content.ReadFromJsonAsync<List<string>>();
|
||||
// ShowDangerAlert(request[0]);
|
||||
// }
|
||||
// }
|
||||
// else ShowDangerAlert("فیلدهای قرمز باید مقدار دهی شوند");
|
||||
}
|
||||
public async Task<bool> Validate()
|
||||
{
|
||||
return false;
|
||||
}
|
||||
}
|
42
TaxPayerFull/Pages/UserPanel/InvoiceItem.razor.css
Normal file
42
TaxPayerFull/Pages/UserPanel/InvoiceItem.razor.css
Normal file
@@ -0,0 +1,42 @@
|
||||
/* CSS */
|
||||
.button-8 {
|
||||
background-color: #e1ecf4;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #7aa7c7;
|
||||
box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
|
||||
box-sizing: border-box;
|
||||
color: #39739d;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
line-height: 1.15385;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
padding: 8px .8em;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
touch-action: manipulation;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button-8:hover,
|
||||
.button-8:focus {
|
||||
background-color: #b3d3ea;
|
||||
color: #2c5777;
|
||||
}
|
||||
|
||||
.button-8:focus {
|
||||
box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
|
||||
}
|
||||
|
||||
.button-8:active {
|
||||
background-color: #a0c7e4;
|
||||
box-shadow: none;
|
||||
color: #2c5777;
|
||||
}
|
Reference in New Issue
Block a user