доделала страницу создания рецепта, осталось ее пофиксить и добавить привязку к курсу приема препаратов

This commit is contained in:
Елена Бакальская 2024-04-30 23:10:35 +04:00
parent 2d57062a31
commit f489fb34d4
4 changed files with 172 additions and 94 deletions

View File

@ -1,20 +0,0 @@
namespace PolyclinicWebAppSuretor.Models
{
public class SelectItems
{
public List<string> Items
{
get; set;
}
string[] arr = ["1", "2", "3"];
public void AddItems()
{
foreach (var item in arr)
{
Items.Add(item);
}
}
}
}

View File

@ -3,14 +3,79 @@
@{
ViewData["Title"] = "CreateRecipe";
}
<div class="text-center">
<div class="text-center mt-3 mb-3">
<h2 class="display-4">Создание рецепта</h2>
</div>
<form method="post">
<form method="post" class="form-create-recipe d-flex flex-row justify-content-around align-items-center">
<div class="row">
<div class="d-flex flex-column mb-5 mt-5">
<div class="d-flex flex-row mb-5 flex-row justify-content-between align-items-center">
<h3 class="col-3">
Количество процедур:
</h3>
<input class="col-6" type="text" />
</div>
<div class="d-flex flex-row mb-5 flex-row justify-content-between align-items-center">
<h3 class="col-3">
Комментарий:
</h3>
<textarea class="col-6" id="comment" name="comment">
</textarea>
</div>
<div class="d-flex flex-row mb-5">
<select id="procedure" name="procedure" class="form-control">
<option value="">Выберите процедуру/ы</option>
@{
int count = 3;
for (int i = 1; i <= count; i++)
{
<option value="@i">процедура "@i"</option>
}
}
</select>
</div>
</div>
<div class="d-flex flex-column overflow-auto" style="max-height: 30vh">
<table class="table-recipe-create table">
<thead>
<tr>
<th>
Выбранное из процедур:
</th>
</tr>
</thead>
<tbody>
@{
int cRows = 20;
for (int i = 1; i <= cRows; i++)
{
<tr>
<td>Процедура № @i </td>
<td>
<svg class="bi-cart-delete" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
<path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
<path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
</svg>
</td>
</tr>
}
}
</tbody>
</table>
</div>
@* <div class="row">
<div class="col-4">Количество процедур:</div>
<div class="col-8">
<input type="text" name="count" id="count" />
@ -28,10 +93,15 @@
<div class="col-4">Процедуры:</div>
<div class="col-8">
<select id="procedure" name="procedure" class="form-control">
@* @foreach (var sushi in ViewBag.Sushis)
<option value="">Выберите рецепт/ы</option>
@{
int count = 3;
for (int i = 1; i <= count; i++)
{
<option value="@sushi.Id">@sushi.SushiName</option>
} *@
<option value="@i">рецепт "@i"</option>
}
}
</select>
</select>
</div>
@ -42,5 +112,5 @@
<div class="col-4">
<input type="submit" value="Создать" class="btn btn-primary" />
</div>
</div>
</div> *@
</form>

View File

@ -24,9 +24,37 @@ body {
.bi-edit-pen {
color: rgb(72, 108, 16);
height: 25px;
transition: transform 0.3s;
}
.bi-edit-pen:hover{
transform: scale(1.5);
}
.bi-cart-delete {
color: red;
height: 25px;
transition: transform 0.3s;
}
.form-create-recipe{
color: white;
background-color: rgb(66, 132, 112)
}S
.create-recipe{
background-color: rgb(145, 195, 128)
}
.bi-cart-delete:hover {
transform: scale(1.5);
}
.svg-icon {
transition: transform 0.3s;
}
.table-recipe-create{
font-size: 2.5vh;
color: white;
}