Compare commits
No commits in common. 'ef0771a4c43527552551f5c6647f6d3517814d0b' and 'f4e7b940356fa4cdd0e804a874b09511eca0f9cd' have entirely different histories.
ef0771a4c4
...
f4e7b94035
@ -1,21 +0,0 @@
|
|||||||
<svg width="224" height="127" viewBox="0 0 224 127" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<foreignObject x="-3" y="-9" width="234" height="137"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(7.5px);clip-path:url(#bgblur_0_3804_30382_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_d_3804_30382)" data-figma-bg-blur-radius="15">
|
|
||||||
<mask id="path-1-inside-1_3804_30382" fill="white">
|
|
||||||
<path d="M12 10C12 7.79086 13.7909 6 16 6H212C214.209 6 216 7.79086 216 10V109C216 111.209 214.209 113 212 113H16C13.7909 113 12 111.209 12 109V10Z"/>
|
|
||||||
</mask>
|
|
||||||
<path d="M12 10C12 7.79086 13.7909 6 16 6H212C214.209 6 216 7.79086 216 10V109C216 111.209 214.209 113 212 113H16C13.7909 113 12 111.209 12 109V10Z" fill="#F0F7F7" fill-opacity="0.5"/>
|
|
||||||
<g clip-path="url(#paint0_angular_3804_30382_clip_path)" data-figma-skip-parse="true" mask="url(#path-1-inside-1_3804_30382)"><g transform="matrix(-0.028937 0.0441283 -0.116795 -0.00833659 119.61 47.4625)"><foreignObject x="-1608.22" y="-1608.22" width="3216.45" height="3216.45"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(60, 137, 136, 0.5) 0deg,rgba(0, 102, 101, 0.5) 10.5206deg,rgba(0, 102, 101, 0.35) 32.1212deg,rgba(255, 255, 255, 1) 60.2813deg,rgba(255, 255, 255, 0.5) 107.788deg,rgba(0, 102, 101, 0.35) 187.591deg,rgba(249, 249, 249, 1) 207.58deg,rgba(255, 255, 255, 1) 287.308deg,rgba(249, 249, 249, 0.5) 327.047deg,rgba(60, 137, 136, 0.5) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M16 6V7H212V6V5H16V6ZM216 10H215V109H216H217V10H216ZM212 113V112H16V113V114H212V113ZM12 109H13V10H12H11V109H12ZM16 113V112C14.3431 112 13 110.657 13 109H12H11C11 111.761 13.2386 114 16 114V113ZM216 109H215C215 110.657 213.657 112 212 112V113V114C214.761 114 217 111.761 217 109H216ZM212 6V7C213.657 7 215 8.34315 215 10H216H217C217 7.23858 214.761 5 212 5V6ZM16 6V5C13.2386 5 11 7.23858 11 10H12H13C13 8.34315 14.3431 7 16 7V6Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.0,"g":0.40000000596046448,"b":0.39607843756675720,"a":0.50},"position":0.029223963618278503},{"color":{"r":0.0,"g":0.40000000596046448,"b":0.39607843756675720,"a":0.34999999403953552},"position":0.089225620031356812},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.16744795441627502},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.50},"position":0.29941025376319885},{"color":{"r":0.0,"g":0.40000000596046448,"b":0.39607843756675720,"a":0.34999999403953552},"position":0.52108556032180786},{"color":{"r":0.97664386034011841,"g":0.97664386034011841,"b":0.97664386034011841,"a":1.0},"position":0.57661086320877075},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.79807692766189575},{"color":{"r":0.97647058963775635,"g":0.97647058963775635,"b":0.97647058963775635,"a":0.50},"position":0.90846514701843262}],"stopsVar":[{"color":{"r":0.0,"g":0.40000000596046448,"b":0.39607843756675720,"a":0.50},"position":0.029223963618278503},{"color":{"r":0.0,"g":0.40000000596046448,"b":0.39607843756675720,"a":0.34999999403953552},"position":0.089225620031356812},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.16744795441627502},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.50},"position":0.29941025376319885},{"color":{"r":0.0,"g":0.40000000596046448,"b":0.39607843756675720,"a":0.34999999403953552},"position":0.52108556032180786},{"color":{"r":0.97664386034011841,"g":0.97664386034011841,"b":0.97664386034011841,"a":1.0},"position":0.57661086320877075},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.79807692766189575},{"color":{"r":0.97647058963775635,"g":0.97647058963775635,"b":0.97647058963775635,"a":0.50},"position":0.90846514701843262}],"transform":{"m00":-57.873920440673828,"m01":-233.59097290039062,"m02":265.34243774414062,"m10":88.256553649902344,"m11":-16.673183441162109,"m12":11.670814514160156},"opacity":1.0,"blendMode":"NORMAL","visible":true}" mask="url(#path-1-inside-1_3804_30382)"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<filter id="filter0_d_3804_30382" x="-3" y="-9" width="234" height="137" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
||||||
<feOffset dx="-2" dy="4"/>
|
|
||||||
<feGaussianBlur stdDeviation="5"/>
|
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0.568627 0 0 0 0 0.568627 0 0 0 0 0.568627 0 0 0 0.05 0"/>
|
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3804_30382"/>
|
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3804_30382" result="shape"/>
|
|
||||||
</filter>
|
|
||||||
<clipPath id="bgblur_0_3804_30382_clip_path" transform="translate(3 9)"><path d="M12 10C12 7.79086 13.7909 6 16 6H212C214.209 6 216 7.79086 216 10V109C216 111.209 214.209 113 212 113H16C13.7909 113 12 111.209 12 109V10Z"/>
|
|
||||||
</clipPath><clipPath id="paint0_angular_3804_30382_clip_path"><path d="M16 6V7H212V6V5H16V6ZM216 10H215V109H216H217V10H216ZM212 113V112H16V113V114H212V113ZM12 109H13V10H12H11V109H12ZM16 113V112C14.3431 112 13 110.657 13 109H12H11C11 111.761 13.2386 114 16 114V113ZM216 109H215C215 110.657 213.657 112 212 112V113V114C214.761 114 217 111.761 217 109H216ZM212 6V7C213.657 7 215 8.34315 215 10H216H217C217 7.23858 214.761 5 212 5V6ZM16 6V5C13.2386 5 11 7.23858 11 10H12H13C13 8.34315 14.3431 7 16 7V6Z" mask="url(#path-1-inside-1_3804_30382)"/></clipPath></defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.2 KiB |
@ -1,4 +0,0 @@
|
|||||||
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<circle cx="7.5" cy="7.5" r="7.5" fill="#C3E7E1"/>
|
|
||||||
<circle cx="7.5" cy="7.5" r="3.5" fill="#006665"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 205 B |
@ -1,169 +0,0 @@
|
|||||||
.container {
|
|
||||||
min-height: 100%;
|
|
||||||
|
|
||||||
.topBar {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
height: 46px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
|
|
||||||
.currentLabel {
|
|
||||||
border-top-left-radius: 20px;
|
|
||||||
height: 100%;
|
|
||||||
width: 230px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 22px;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 17px;
|
|
||||||
font-weight: 450;
|
|
||||||
background: pink;
|
|
||||||
background-image: url('@/assets/business_basic/bgOil.png');
|
|
||||||
background-size: 100% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.selectsWrapper {
|
|
||||||
height: 100%;
|
|
||||||
// width: 230px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-image-source: linear-gradient(96.54deg, #FFFFFF -0.94%, rgba(255, 255, 255, 0) 25.28%, rgba(167, 229, 228, 0) 59.69%, #A7E5E4 79.76%);
|
|
||||||
border-image-slice: 1;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topSelect {
|
|
||||||
width: 130px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
box-shadow: none;
|
|
||||||
|
|
||||||
:global(.ant-select-selector) {
|
|
||||||
border: transparent !important;
|
|
||||||
background-image: url('@/assets/business_basic/Union.svg');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
font-size: 12px;
|
|
||||||
color: rgba(0, 102, 101, 1);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.ant-select-focused .ant-select-selector),
|
|
||||||
:global(.ant-select-selector:hover) {
|
|
||||||
border: transparent !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.ant-select-arrow) {
|
|
||||||
right: 25px;
|
|
||||||
color: rgba(0, 102, 101, 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
|
|
||||||
.blockTitle {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #2f4f4f;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.formGrid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
grid-column-gap: 16px;
|
|
||||||
grid-row-gap: 12px;
|
|
||||||
|
|
||||||
.formItem {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
.label {
|
|
||||||
color: #666;
|
|
||||||
font-size: 12px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.span2 {
|
|
||||||
grid-column: 1 / span 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.actionsRight {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-top: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.listHeader {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filterRow {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 16px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
|
|
||||||
.filterItem {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
|
|
||||||
.filterLabel {
|
|
||||||
color: #666;
|
|
||||||
font-size: 12px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailHeader {
|
|
||||||
margin: 0 0 16px 0;
|
|
||||||
padding: 12px 20px;
|
|
||||||
background: #fff;
|
|
||||||
border: 1px solid #eaeef2;
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 0 0 1px rgba(240, 240, 240, 0.6) inset;
|
|
||||||
|
|
||||||
.detailTitle {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 28px;
|
|
||||||
color: #333333;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailSubTitle {
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 20px;
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.emptyInfo {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
padding: 12px 20px;
|
|
||||||
background: #fffbe6;
|
|
||||||
border: 1px solid #ffe58f;
|
|
||||||
border-radius: 8px;
|
|
||||||
color: #614700;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
.container {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 24px 32px;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sectionTitle {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #333333;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
position: relative;
|
|
||||||
padding-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sectionTitle::before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
width: 2px;
|
|
||||||
height: 18px;
|
|
||||||
background-color: #006665; /* 蓝色竖线 */
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
|
||||||
grid-column-gap: 48px;
|
|
||||||
grid-row-gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item {
|
|
||||||
display: flex;
|
|
||||||
align-items: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
color: #666666;
|
|
||||||
font-size: 12px;
|
|
||||||
min-width: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
@ -1,142 +0,0 @@
|
|||||||
.container {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 24px 32px;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sectionTitle {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #333333;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
position: relative;
|
|
||||||
padding-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sectionTitle::before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
width: 2px;
|
|
||||||
height: 18px;
|
|
||||||
background-color: #006665;
|
|
||||||
/* 蓝色竖线 */
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
|
||||||
grid-column-gap: 48px;
|
|
||||||
grid-row-gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item {
|
|
||||||
display: flex;
|
|
||||||
align-items: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
color: #666666;
|
|
||||||
font-size: 12px;
|
|
||||||
min-width: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// 表格包装器
|
|
||||||
.tableWrapper {
|
|
||||||
width: 60%;
|
|
||||||
flex: 1;
|
|
||||||
min-height: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
:global(.ant-table-wrapper) {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 表头样式
|
|
||||||
:global {
|
|
||||||
.ant-table-thead>tr>th {
|
|
||||||
color: rgba(51, 51, 51, 1) !important;
|
|
||||||
font-weight: 450 !important;
|
|
||||||
background-color: rgba(240, 247, 247, 1) !important;
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 表体样式
|
|
||||||
.ant-table-tbody>tr>td {
|
|
||||||
color: rgba(78, 88, 86, 1) !important;
|
|
||||||
font-weight: 400 !important;
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 操作列按钮样式
|
|
||||||
.viewDetailBtn {
|
|
||||||
color: rgba(0, 102, 101, 1) !important;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: rgba(0, 102, 101, 1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.editBtn {
|
|
||||||
color: rgba(45, 158, 157, 1) !important;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: rgba(45, 158, 157, 1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.deleteBtn {
|
|
||||||
color: rgba(255, 130, 109, 1) !important;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: rgba(255, 130, 109, 1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 状态列 Switch 样式
|
|
||||||
.statusSwitch {
|
|
||||||
|
|
||||||
// 启用状态背景色
|
|
||||||
&.ant-switch-checked {
|
|
||||||
background-color: rgba(20, 106, 89, 1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 停用状态背景色
|
|
||||||
&:not(.ant-switch-checked) {
|
|
||||||
background-color: rgba(153, 153, 153, 1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 复选框样式
|
|
||||||
.ant-checkbox-inner {
|
|
||||||
border-color: rgba(0, 102, 101, 1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
|
|
||||||
.ant-checkbox:hover .ant-checkbox-inner {
|
|
||||||
border-color: rgba(0, 102, 101, 1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-checkbox-checked .ant-checkbox-inner {
|
|
||||||
background-color: rgba(0, 102, 101, 1) !important;
|
|
||||||
border-color: rgba(0, 102, 101, 1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
.container {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 24px 32px;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sectionTitle {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #333333;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
position: relative;
|
|
||||||
padding-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sectionTitle::before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
width: 2px;
|
|
||||||
height: 18px;
|
|
||||||
background-color: #006665;
|
|
||||||
/* 蓝色竖线 */
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
|
||||||
grid-column-gap: 48px;
|
|
||||||
grid-row-gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item {
|
|
||||||
display: flex;
|
|
||||||
align-items: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
color: #666666;
|
|
||||||
font-size: 12px;
|
|
||||||
min-width: 96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue