From 79ac51eab8735d397eb83a2dbd3230d9065cffbc Mon Sep 17 00:00:00 2001 From: 10994015 Date: Mon, 26 Feb 2024 09:37:26 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=9E=E5=BE=A9scss?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- wms/mkt/css/pricereview.css | 96 +++++----- wms/mkt/css/pricereview.css.map | 2 +- wms/mkt/css/pricereview.scss | 301 +++++++++++++------------------- 3 files changed, 164 insertions(+), 235 deletions(-) diff --git a/wms/mkt/css/pricereview.css b/wms/mkt/css/pricereview.css index 7c0bafd4..3a399437 100644 --- a/wms/mkt/css/pricereview.css +++ b/wms/mkt/css/pricereview.css @@ -1,6 +1,4 @@ -#pricereviewCreate input[type=text], -#pricereviewCreate input[type=number], -#pricereviewCreate select { +#pricereviewCreate input[type=text], #pricereviewCreate input[type=number], #pricereviewCreate select { margin: 1px; } #pricereviewCreate textarea { @@ -9,9 +7,7 @@ #pricereviewCreate > .modal { padding: 20px; } -#pricereviewCreate > .modal table, -#pricereviewCreate > .modal th, -#pricereviewCreate > .modal td { +#pricereviewCreate > .modal table, #pricereviewCreate > .modal th, #pricereviewCreate > .modal td { border: 1px #ccc solid; } #pricereviewCreate > .modal table > thead tr th { @@ -20,21 +16,11 @@ #pricereviewCreate > .modal table > tbody .selected { background-color: #E7FEFB; } -#pricereviewCreate .container table, -#pricereviewCreate .container th, -#pricereviewCreate .container td { +#pricereviewCreate .container table, #pricereviewCreate .container th, #pricereviewCreate .container td { border: 1px #ccc solid; padding: 15px; } -#pricereviewCreate .container table.noborder, -#pricereviewCreate .container table .noborder th, -#pricereviewCreate .container table .noborder td, -#pricereviewCreate .container th.noborder, -#pricereviewCreate .container th .noborder th, -#pricereviewCreate .container th .noborder td, -#pricereviewCreate .container td.noborder, -#pricereviewCreate .container td .noborder th, -#pricereviewCreate .container td .noborder td { +#pricereviewCreate .container table.noborder, #pricereviewCreate .container table .noborder th, #pricereviewCreate .container table .noborder td, #pricereviewCreate .container th.noborder, #pricereviewCreate .container th .noborder th, #pricereviewCreate .container th .noborder td, #pricereviewCreate .container td.noborder, #pricereviewCreate .container td .noborder th, #pricereviewCreate .container td .noborder td { border: none; } #pricereviewCreate .container table thead th { @@ -97,34 +83,21 @@ #pricereviewCreate .container .pricreviewmain > .divitem .title h6 { font-weight: 600; } -#pricereviewCreate .container .pricreviewmain > .divitem table, -#pricereviewCreate .container .pricreviewmain > .divitem th, -#pricereviewCreate .container .pricreviewmain > .divitem td { +#pricereviewCreate .container .pricreviewmain > .divitem table, #pricereviewCreate .container .pricreviewmain > .divitem th, #pricereviewCreate .container .pricreviewmain > .divitem td { font-size: 14px; background-color: transparent; } -#pricereviewCreate .container .pricreviewmain > .divitem table input, -#pricereviewCreate .container .pricreviewmain > .divitem table select, -#pricereviewCreate .container .pricreviewmain > .divitem table textarea, -#pricereviewCreate .container .pricreviewmain > .divitem th input, -#pricereviewCreate .container .pricreviewmain > .divitem th select, -#pricereviewCreate .container .pricreviewmain > .divitem th textarea, -#pricereviewCreate .container .pricreviewmain > .divitem td input, -#pricereviewCreate .container .pricreviewmain > .divitem td select, -#pricereviewCreate .container .pricreviewmain > .divitem td textarea { +#pricereviewCreate .container .pricreviewmain > .divitem table input, #pricereviewCreate .container .pricreviewmain > .divitem table select, #pricereviewCreate .container .pricreviewmain > .divitem table textarea, #pricereviewCreate .container .pricreviewmain > .divitem th input, #pricereviewCreate .container .pricreviewmain > .divitem th select, #pricereviewCreate .container .pricreviewmain > .divitem th textarea, #pricereviewCreate .container .pricreviewmain > .divitem td input, #pricereviewCreate .container .pricreviewmain > .divitem td select, #pricereviewCreate .container .pricreviewmain > .divitem td textarea { font-size: 13px; } #pricereviewCreate .container .pricreviewmain > .divitem table input[type=number]::-webkit-outer-spin-button, -#pricereviewCreate .container .pricreviewmain > .divitem table input[type=number]::-webkit-inner-spin-button, -#pricereviewCreate .container .pricreviewmain > .divitem th input[type=number]::-webkit-outer-spin-button, -#pricereviewCreate .container .pricreviewmain > .divitem th input[type=number]::-webkit-inner-spin-button, -#pricereviewCreate .container .pricreviewmain > .divitem td input[type=number]::-webkit-outer-spin-button, +#pricereviewCreate .container .pricreviewmain > .divitem table input[type=number]::-webkit-inner-spin-button, #pricereviewCreate .container .pricreviewmain > .divitem th input[type=number]::-webkit-outer-spin-button, +#pricereviewCreate .container .pricreviewmain > .divitem th input[type=number]::-webkit-inner-spin-button, #pricereviewCreate .container .pricreviewmain > .divitem td input[type=number]::-webkit-outer-spin-button, #pricereviewCreate .container .pricreviewmain > .divitem td input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } -#pricereviewCreate .container .pricreviewmain > .divitem table tr:hover .deleteBtn, -#pricereviewCreate .container .pricreviewmain > .divitem table tr:hover .copyBtn { +#pricereviewCreate .container .pricreviewmain > .divitem table tr:hover .deleteBtn, #pricereviewCreate .container .pricreviewmain > .divitem table tr:hover .copyBtn { opacity: 1; } #pricereviewCreate .container .pricreviewmain > .divitem table .copyBtn { @@ -182,17 +155,14 @@ margin-top: 20px; } -.container-fluid, -.container { +.container-fluid, .container { max-width: 1400px !important; width: 100%; } -.container-fluid h4, -.container h4 { +.container-fluid h4, .container h4 { font-weight: 600; } -.container-fluid .btn-secondary, -.container .btn-secondary { +.container-fluid .btn-secondary, .container .btn-secondary { background-color: #6C757D; } @@ -209,17 +179,15 @@ } @keyframes fade-in { 0% { - transform: translate(-50%, -55%); + transform: translate(-50%, -60%); opacity: 0; } 100% { - transform: translate(-50%, -50%); + transform: translate(-50%, -55%); opacity: 1; } } -.window-modal table, -.window-modal th, -.window-modal td { +.window-modal table, .window-modal th, .window-modal td { border: 1px #ccc solid; } .window-modal table > thead tr th { @@ -228,7 +196,22 @@ .window-modal table > tbody .selected { background-color: #E7FEFB; } +.window-modal#optionModal .window-modal-content { + max-height: 80vh; +} +.window-modal#optionModal .window-modal-content .window-modal-body { + height: 400px; + overflow-y: scroll; +} +.window-modal#toElevatorModal .window-modal-content { + min-height: 270px; + height: auto; +} +.window-modal#toElevatorModal .window-modal-content .window-modal-body { + height: auto; +} .window-modal .window-modal-content { + z-index: 9; background-color: #fff; border-radius: 10px; position: absolute; @@ -236,7 +219,7 @@ padding: 30px; top: 50%; left: 50%; - transform: translate(-50%, -50%); + transform: translate(-50%, -55%); box-shadow: 0 5px 5px #222; animation: fade-in 0.2s linear; } @@ -265,9 +248,13 @@ .window-modal .window-modal-content .window-modal-header > div > input { width: 250px; } -.window-modal .window-modal-content .window-modal-body { - overflow-y: scroll; - height: 400px; +.window-modal .window-back { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: transparent; } #pricereviewCheck > .container { @@ -278,16 +265,13 @@ #pricereviewCheck > .container textarea { resize: vertical; } -#pricereviewCheck > .container table, -#pricereviewCheck > .container th, -#pricereviewCheck > .container td { +#pricereviewCheck > .container table, #pricereviewCheck > .container th, #pricereviewCheck > .container td { border: 1px #ccc solid; } #pricereviewCheck > .container table.noborder { border: none !important; } -#pricereviewCheck > .container table.noborder th, -#pricereviewCheck > .container table.noborder td { +#pricereviewCheck > .container table.noborder th, #pricereviewCheck > .container table.noborder td { border: none !important; } #pricereviewCheck > .container .customerinfo-table input { diff --git a/wms/mkt/css/pricereview.css.map b/wms/mkt/css/pricereview.css.map index c4374de1..c9d78202 100644 --- a/wms/mkt/css/pricereview.css.map +++ b/wms/mkt/css/pricereview.css.map @@ -1 +1 @@ -{"version":3,"sources":["pricereview.scss","pricereview.css"],"names":[],"mappings":"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","file":"pricereview.css"} \ No newline at end of file +{"version":3,"sources":["pricereview.scss","pricereview.css"],"names":[],"mappings":"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","file":"pricereview.css"} \ No newline at end of file diff --git a/wms/mkt/css/pricereview.scss b/wms/mkt/css/pricereview.scss index ab25188c..4f2df50f 100644 --- a/wms/mkt/css/pricereview.scss +++ b/wms/mkt/css/pricereview.scss @@ -1,61 +1,41 @@ -#pricereviewCreate { - - input[type='text'], - input[type='number'], - select { +#pricereviewCreate{ + input[type='text'], input[type='number'], select{ margin: 1px; } - - textarea { + textarea{ resize: vertical; } - - >.modal { + >.modal{ padding: 20px; - - table, - th, - td { - border: 1px #ccc solid; + table, th, td{ + border:1px #ccc solid; } - - table>thead tr th { - color: #A52A2A; + table > thead tr th{ + color:#A52A2A; } - - table>tbody .selected { + table > tbody .selected{ background-color: #E7FEFB; } - - table>tbody .selected td {} + table > tbody .selected td{ + } } - - .container { - - table, - th, - td { - border: 1px #ccc solid; + .container{ + table, th, td{ + border:1px #ccc solid; padding: 15px; - - &.noborder, - .noborder th, - .noborder td { - border: none; + &.noborder, .noborder th, .noborder td{ + border:none; } } - - table { - thead th { + table{ + thead th{ background-color: #6D9EEB; } - tbody { - td input { + td input{ font-size: 14px; } - - th { + th{ background-color: #CCE4F8; font-size: 14px; padding: 15px 2px; @@ -63,86 +43,68 @@ text-align: center; } } - - input { + input{ font-size: 13px; } } - - .pricreviewmain { + .pricreviewmain{ background-color: #F2F2F2; padding: 20px; - border-radius: 6px; - margin: 30px 0; - - button { - color: #fff; + border-radius: 6px ; + margin:30px 0; + button{ + color:#fff; width: 55px; height: 30px; padding: 0; margin-left: 6px; margin-bottom: 2px; font-size: 13px; - - &.addbtn { + &.addbtn{ background-color: #337AB7; width: 30px; } - - &.deleteBtn { + &.deleteBtn{ background-color: #D9534F; - color: #fff; + color:#fff; font-size: 12px; width: 30px; } - - &.selectElevator { + &.selectElevator{ background-color: #D9534F; - color: #fff; + color:#fff; } } - - >.divitem { - border: 1px #ccc solid; + + >.divitem{ + border:1px #ccc solid; padding: 10px; - border-radius: 4px; - - .title { + border-radius: 4px ; + .title{ display: flex; align-items: center; border-bottom: 1px #ccc solid; padding: 10px 0; margin-bottom: 10px; - - h6 { + h6{ font-weight: 600; } - + } - - table, - th, - td { + table, th, td{ font-size: 14px; background-color: transparent; - - input, - select, - textarea { + input, select, textarea{ font-size: 13px; } - input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; + -webkit-appearance: none; + margin: 0; } } - table { - - tr:hover .deleteBtn, - tr:hover .copyBtn { + tr:hover .deleteBtn ,tr:hover .copyBtn{ opacity: 1; } .copyBtn{ @@ -151,59 +113,51 @@ } .saletd{ position: relative; - - >.deleteBtn { + >.deleteBtn{ position: absolute; top: 50%; transform: translateY(-50%); - right: 2px; + right:2px; opacity: 0; transition: .3s; } - - >.copyBtn { + >.copyBtn{ position: absolute; top: 50%; transform: translateY(-50%); - right: 38px; + right:38px; opacity: 0; transition: .3s; width: 30px; height: 30px; } } - - textarea { + textarea{ height: auto; min-height: 50px; } } } - - >.filediv { + >.filediv{ display: flex; flex-direction: column; margin-top: 20px; - - label { + label{ display: flex; align-items: center; - margin: 10px 0; - - p { - width: 100px; + margin:10px 0; + p{ + width:100px; font-size: 15px; font-weight: 600; } - - input[type="file"] { - width: 400px + input[type="file"]{ + width:400px } - - button { - width: 90px; + button{ + width:90px; height: 35px; - margin: 0; + margin:0; margin-right: 15px; margin-top: 20px; } @@ -213,66 +167,70 @@ } } -.container-fluid, -.container { - max-width: 1400px !important; +.container-fluid, .container{ + max-width:1400px !important; width: 100%; - - h4 { + h4{ font-weight: 600; } - - .btn-secondary { + .btn-secondary{ background-color: #6C757D; } } -.window-modal { +.window-modal{ position: fixed; top: 0; - left: 0; + left:0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 9; padding: 20px; display: none; - @keyframes fade-in { - 0% { - transform: translate(-50%, -55%); + 0%{ + transform: translate(-50%, -60%); opacity: 0; } - - 100% { - transform: translate(-50%, -50%); + 100%{ + transform: translate(-50%, -55%); opacity: 1; } } - - table, - th, - td { - border: 1px #ccc solid; + table, th, td{ + border:1px #ccc solid; } - - table>thead tr th { - color: #A52A2A; + table > thead tr th{ + color:#A52A2A; } - - table>tbody .selected { + table > tbody .selected{ background-color: #E7FEFB; } - - .window-modal-content { + &#optionModal .window-modal-content{ + max-height: 80vh; + .window-modal-body{ + height: 400px; + overflow-y: scroll; + } + } + &#toElevatorModal .window-modal-content{ + min-height: 270px; + height: auto; + .window-modal-body{ + height: auto; + } + } + .window-modal-content{ + z-index: 9; background-color: #fff; border-radius: 10px; position: absolute; width:90%; padding: 30px; top: 50%; - left: 50%; - transform: translate(-50%, -50%); + left:50%; + transform: translate(-50%, -55%); box-shadow: 0 5px 5px #222; animation: fade-in .2s linear; &.modal-xl{ @@ -284,92 +242,79 @@ &.modal-m{ max-width:450px; } - - .window-modal-header { + .window-modal-header{ display: flex; flex-direction: column; - - button.btn-close { + button.btn-close{ position: absolute; top: 10px; - right: 10px; + right:10px; background-color: transparent; - border: none; + border:none; outline: none; border-radius: 50%; } - - >div>input { + >div > input{ width: 250px; } } - - .window-modal-body { - overflow-y: scroll; - height: 400px; - } + } + .window-back{ + position: absolute; + top: 0; + left:0; + width: 100%; + height: 100%; + background-color: transparent; } } -#pricereviewCheck { - >.container { +#pricereviewCheck{ + >.container{ background-color: #F2F2F2; border-radius: 15px; padding: 20px; - - textarea { + textarea{ resize: vertical; } - - table, - th, - td { - border: 1px #ccc solid; + table, th, td{ + border:1px #ccc solid; } - - table.noborder { - border: none !important; - - th, - td { - border: none !important; + table.noborder{ + border:none !important; + th ,td{ + border:none !important; } } - - .customerinfo-table { - input { + .customerinfo-table{ + input{ background-color: #EEE5E5; } } - - .mi-table { - th { + .mi-table{ + th{ font-weight: 600; } - - input[type=text] { + input[type=text]{ background-color: #EEEEEE; cursor: not-allowed; padding: 6px 12px; font-size: 14px; } - - .mi-info { + .mi-info{ font-size: 14px; - - span { + span{ font-size: 15px; font-weight: 600; } - - .line { + .line{ width: 100%; height: .5px; - margin: 30px 0; + margin:30px 0; background-color: #ccc; } } } } - + } \ No newline at end of file