front chang amo

This commit is contained in:
SamSys
2025-05-26 21:28:51 +03:30
parent 759792b44b
commit 39bc95731e
4 changed files with 463 additions and 417 deletions

View File

@@ -7,9 +7,6 @@
string clientVersion = _0_Framework.Application.Version.StyleVersion;
ViewData["Title"] = " - " + "کارگاه";
var hasNextPermission = AuthHelper.GetPermissions().Any(x => x == 501);
var hasPrevPermission = AuthHelper.GetPermissions().Any(x => x == 502);
}
@@ -212,7 +209,7 @@
<div class="card-container tw-hidden md:tw-block" id="overviewSteps">
@* Monthly Table Desktop *@
<div class="monthly-table">
<div class="monthly-table__head tw-font-[600] tw-mb-1 tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-bg-[#3B73D0] tw-px-2 tw-text-white tw-text-[14px]">
<div class="monthly-table__head tw-font-[500] tw-mb-1 tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-bg-[linear-gradient(180deg,_#41D1D1_0%,_#2CD0D0_100%)] tw-px-2 tw-text-white tw-text-[13px]">
<div class="monthly-table__head-cell tw-w-[2%]">ردیف</div>
<div class="monthly-table__head-cell tw-w-[7%] tw-text-center">ش بایگانی</div>
<div class="monthly-table__head-cell tw-w-[15%] tw-text-right">نام کارگاه</div>
@@ -251,8 +248,8 @@
@* The whole workshop Desktop *@
<div class="card-container tw-hidden md:tw-block" id="overviewAll" style="display: none">
<div class="monthly-table ">
<div class="monthly-table__head tw-font-[600] tw-mb-1 tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-bg-[#3B73D0] tw-px-2 tw-text-white tw-text-[14px]">
<div class="monthly-table">
<div class="monthly-table__head tw-font-[500] tw-mb-1 tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-rounded-[5px] tw-bg-[linear-gradient(180deg,_#41D1D1_0%,_#2CD0D0_100%)] tw-px-2 tw-text-white tw-text-[13px]">
<div class="monthly-table__head-cell tw-w-[2%]">ردیف</div>
<div class="monthly-table__head-cell tw-w-[7%] tw-text-center">ش بایگانی</div>
<div class="monthly-table__head-cell tw-w-[18%] tw-text-start">نام کارگاه</div>
@@ -262,7 +259,7 @@
<div class="monthly-table__head-cell tw-w-[35%] tw-text-start">جزئیات نشانی </div>
<div class="monthly-table__head-cell tw-w-[10%] tw-text-center">وضعیت</div>
</div>
<div class="monthly-table__body tw-whitespace-nowrap" id="load-data-html-stepAll">
<div class="monthly-table__body tw-whitespace-nowrap" id="load-data-html-stepAll">
</div>
</div>
</div>
@@ -272,13 +269,18 @@
@* Monthly Table Mobile *@
<div class="monthly-card-mobile tw-block md:tw-hidden " id="overviewSteps-mobile">
<div class="monthly-table monthly-table--striped">
<div class="monthly-table__head tw-font-[500] tw-mb-[3px] tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-bg-[#3B73D0] tw-px-2 tw-text-white tw-text-[8px] md:tw-font-[600] md:tw-text-[14px]">
<div class="monthly-table__head tw-font-[500] tw-mb-[3px] tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-rounded-[5px] tw-bg-[linear-gradient(180deg,_#41D1D1_0%,_#2CD0D0_100%)] tw-px-2 tw-text-white tw-text-[8px] md:tw-font-[600] md:tw-text-[14px]">
<div class="monthly-table__head-cell tw-w-[5%] tw-text tw-text-center">ردیف</div>
<div class="monthly-table__head-cell tw-w-[20%] tw-text-center">ش بایگانی</div>
<div class="monthly-table__head-cell tw-w-[25%] tw-text-right">نام کارگاه</div>
<div class="monthly-table__head-cell tw-w-[40%] tw-text-center">شماره تماس نماینده</div>
<div class="monthly-table__head-cell tw-w-[10%] tw-text-end">عملیات</div>
</div>
@* <div class="monthly-table__head tw-font-[500] tw-mb-[3px] tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-bg-[linear-gradient(180deg,_#41D1D1_0%,_#2CD0D0_100%)] tw-px-2 tw-text-white tw-text-[8px] md:tw-font-[600] md:tw-text-[13px]">
<div class="monthly-table__head-cell tw-w-[10%] tw-text-right ">ردیف</div>
<div class="monthly-table__head-cell tw-w-[20%] tw-text-center">نام کارگاه</div>
<div class="monthly-table__head-cell tw-w-[70%] tw-text-end">عملیات</div>
</div> *@
<div class="monthly-table__body tw-whitespace-nowrap" id="load-data-html-step0-mobile">
</div>
@@ -301,7 +303,7 @@
@* The whole workshop Mobile *@
<div class="monthly-card-mobile tw-block md:tw-hidden" id="overviewAll-mobile" style="display: none">
<div class="monthly-table monthly-table--striped ">
<div class="monthly-table__head tw-font-[500] tw-mb-[3px] tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-bg-[#3B73D0] tw-px-2 tw-text-white tw-text-[8px] md:tw-font-[600] md:tw-text-[14px]">
<div class="monthly-table__head tw-font-[500] tw-mb-[3px] tw-flex tw-h-[35px] tw-items-center tw-whitespace-nowrap tw-rounded-[5px] tw-rounded-[5px] tw-bg-[linear-gradient(180deg,_#41D1D1_0%,_#2CD0D0_100%)] tw-px-2 tw-text-white tw-text-[8px] md:tw-font-[600] md:tw-text-[14px]">
<div class="monthly-table__head-cell tw-w-[10%] tw-text tw-text-right">ردیف</div>
<div class="monthly-table__head-cell tw-w-[20%] tw-text-right">نام کارگاه</div>
@@ -409,7 +411,6 @@
var nextPermission = @(hasNextPermission ? "false" : "true");
var prevPermission = @(hasPrevPermission ? "false" : "true");
</script>
<script src="~/AssetsAdminNew/monthlyoverview/js/Index.js?ver=@adminVersion"></script>
}

View File

@@ -1,7 +1,7 @@
.custom-scrollbar-x::-webkit-scrollbar {
height: 6px;
height: 6px;
}
.custom-scrollbar-x::-webkit-scrollbar-track {
@@ -9,9 +9,10 @@
}
.custom-scrollbar-x::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.tab-bar {
padding: 0 20px;
}
@@ -19,33 +20,31 @@
.tab-bar__tab {
width: 128px;
height: 33px;
background-color: #275197;
background-color: #23bab9;
color: white;
display: flex;
align-items: center;
justify-content: space-between;
padding:0 6px;
padding: 0 6px;
border-radius: 7px 7px 0 0;
}
.tab-bar__tab--active {
background-color: #FFFFFF;
color: #1A3E7B;
border-top: 1px solid #2A5398
}
.tab-bar__tab--active {
background-color: #FFFFFF;
color: #1A3E7B;
border-top: 1px solid #23bab9
}
.tab-bar__tab-label {
font-weight: 600;
font-weight: 500;
font-size: 11px;
}
@media(min-width:768px){
@media(min-width:768px) {
.tab-bar__tab-label {
font-weight: 600;
font-weight: 500;
font-size: 12px;
}
}
@@ -53,23 +52,23 @@
.tab-bar__tab-badge {
background-color: #FF6363;
color: white;
width: 16px;
height: 16px;
width: 22px;
height: 18px;
border-radius: 30px;
font-size: 9px;
font-size: 11px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
line-height: 16px;
line-height: 18px;
}
.card-container {
border-radius: 10px;
padding: 10px 10px 20px;
width: 100%;
margin: 0 auto;
background-color:white;
background-color: white;
}
@@ -93,9 +92,9 @@
transition: opacity 300ms ease-in-out;
}
.u-tactile:hover {
opacity: 0.8;
}
.u-tactile:hover {
opacity: 0.8;
}
.monthly-table__cell-title {
width: 96%;
@@ -112,11 +111,11 @@
}
.monthly-table__cell-card--small {
background-color: #28529833;
background-color: #BCF0F0;
color: #0B5959;
width: 24px;
height: 24px;
line-height: 24px;
width: 26px;
height: 26px;
line-height: 26px;
}
@@ -206,8 +205,8 @@
width: 71px;
height: 27px;
border-radius: 5px;
background-color: #275197;
color:white
background-color: #23bab9;
color: white
}
@@ -237,15 +236,16 @@
white-space: nowrap
}
/* The whole workshop */
/* The whole workshop */
.monthly-table__status-button {
width: 88px;
height:32px;
font-weight: 600;
font-weight: 500;
font-size: 12px;
border-radius:0
border-radius: 0;
border-radius: 30px;
padding: 3px 4px;
}
.monthly-table__status-button--documents-setup {
background-color: #C8C8C8 !important;
}
@@ -268,10 +268,9 @@
@media(min-width:768px){
@media(min-width:768px) {
.monthly-table__status-button {
width: 166px;
height: 35px;
width: 116px;
}
.monthly-table__status-button--documents-setup {
@@ -283,4 +282,8 @@
.monthly-table__toggle-value {
white-space: break-spaces;
}
}
.monthly-table__status-button {
font-size: 10px;
}
}

File diff suppressed because one or more lines are too long