Compare commits
No commits in common. "8d9a0112ce89a4304056a9e9fd5cfe482f4acf86" and "48b05625ebf73904e9a25176b790c51ff1264473" have entirely different histories.
8d9a0112ce
...
48b05625eb
@ -75,6 +75,6 @@ const { disasterInfo } = inject('disasterData')
|
||||
.disaster-analysis__row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: vw(12);
|
||||
gap: vw(16);
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -143,7 +143,7 @@ const handleStartDispatch = () => {
|
||||
margin-top: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: vh(5);
|
||||
gap: vh(16);
|
||||
}
|
||||
|
||||
/* 顶部两个卡片 */
|
||||
@ -165,17 +165,17 @@ const handleStartDispatch = () => {
|
||||
// border-radius: vw(4);
|
||||
background: url('../../assets/images/响应等级bg.png') no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
min-height: vh(30);
|
||||
min-height: vh(40);
|
||||
}
|
||||
|
||||
.force-dispatch__level-label {
|
||||
font-size: fs(15);
|
||||
font-size: fs(18);
|
||||
font-family: SourceHanSansCN-Regular, sans-serif;
|
||||
color: var(--text-white);
|
||||
}
|
||||
|
||||
.force-dispatch__level-value {
|
||||
font-size: fs(15);
|
||||
font-size: fs(18);
|
||||
font-family: SourceHanSansCN-Bold, sans-serif;
|
||||
font-weight: 600;
|
||||
color: var(--text-white);
|
||||
@ -195,7 +195,7 @@ const handleStartDispatch = () => {
|
||||
background-size: 100% 100%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
min-height: vh(30);
|
||||
min-height: vh(40);
|
||||
user-select: none;
|
||||
|
||||
&:hover {
|
||||
@ -211,7 +211,7 @@ const handleStartDispatch = () => {
|
||||
}
|
||||
|
||||
.force-dispatch__plan-text {
|
||||
font-size: fs(15);
|
||||
font-size: fs(18);
|
||||
font-family: SourceHanSansCN-Medium, sans-serif;
|
||||
font-weight: 500;
|
||||
color: var(--text-white);
|
||||
@ -231,9 +231,9 @@ const handleStartDispatch = () => {
|
||||
.force-dispatch__middle {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
gap: vw(10);
|
||||
gap: vw(18);
|
||||
align-items: center;
|
||||
padding: vh(5) 0;
|
||||
padding: vh(12) 0;
|
||||
// background: url('../../assets/images/ForceDispatchBg.png') center top no-repeat;
|
||||
}
|
||||
|
||||
@ -256,10 +256,10 @@ const handleStartDispatch = () => {
|
||||
}
|
||||
|
||||
.force-dispatch__stat-label {
|
||||
font-size: fs(10);
|
||||
font-size: fs(12);
|
||||
font-family: SourceHanSansCN-Regular, sans-serif;
|
||||
color: var(--text-white);
|
||||
width: 45px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.force-dispatch__stat-value {
|
||||
|
||||
@ -203,7 +203,7 @@ const vClickOutside = {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: vh(3) vw(16);
|
||||
padding: vh(8) vw(16);
|
||||
background: rgba(28, 70, 130, 0.9);
|
||||
border: 1px solid rgba(28, 161, 255, 0.3);
|
||||
border-radius: vw(8);
|
||||
|
||||
@ -128,7 +128,7 @@ const getColumnName = (type) => {
|
||||
}
|
||||
|
||||
.table-body {
|
||||
// min-height: vh(170);
|
||||
min-height: vh(170);
|
||||
max-height: vh(170);
|
||||
overflow-y: auto;
|
||||
|
||||
|
||||
@ -229,7 +229,7 @@ function onAfterLeave(el) {
|
||||
|
||||
&__content {
|
||||
position: relative;
|
||||
padding: vh(5) vw(20) vh(5); // 留出空间避免被圆角遮挡
|
||||
padding: vh(5) vw(20) vh(15); // 留出空间避免被圆角遮挡
|
||||
z-index: 1;
|
||||
|
||||
// 如果内容需要滚动
|
||||
|
||||
@ -47,7 +47,7 @@ const valueClass = computed(() => {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: vw(8);
|
||||
padding: vh(2) vw(10);
|
||||
padding: vh(4) vw(10);
|
||||
background: url('../../assets/images/DataField/快速感知_bg.png') no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
|
||||
@ -59,7 +59,7 @@ const valueClass = computed(() => {
|
||||
|
||||
&__label {
|
||||
color: var(--text-white);
|
||||
font-size: fs(13);
|
||||
font-size: fs(14);
|
||||
// font-family: SourceHanSansCN-Medium, sans-serif;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
@ -67,7 +67,7 @@ const valueClass = computed(() => {
|
||||
|
||||
&__value {
|
||||
color: var(--text-white);
|
||||
font-size: fs(14);
|
||||
font-size: fs(15);
|
||||
font-family: PingFangSC-Semibold, sans-serif;
|
||||
font-weight: 700;
|
||||
flex: 1;
|
||||
|
||||
@ -1351,7 +1351,6 @@ provide('onDistanceChange', handleDistanceChange)
|
||||
min-width: 0; // 防止在窄容器中溢出
|
||||
min-height: 0; // 允许 flex 子元素收缩并启用滚动
|
||||
pointer-events: auto; // 恢复面板的交互能力
|
||||
height: 100%;
|
||||
|
||||
// 左侧面板固定在左边
|
||||
&--left {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user