|
|
|
@ -729,36 +729,36 @@ |
|
|
|
<right-outlined /> |
|
|
|
</a-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
import { ref } from "vue"; |
|
|
|
const toggleDrawer = () => { |
|
|
|
<script setup lang="ts"> |
|
|
|
import { ref } from "vue"; |
|
|
|
const toggleDrawer = () => { |
|
|
|
visible.value = !visible.value; |
|
|
|
}; |
|
|
|
// 照明区域按钮单选 |
|
|
|
const buttons = ref([ |
|
|
|
}; |
|
|
|
// 照明区域按钮单选 |
|
|
|
const buttons = ref([ |
|
|
|
{ label: "A区", selected: false }, |
|
|
|
{ label: "B区", selected: false }, |
|
|
|
{ label: "C区", selected: false }, |
|
|
|
{ label: "D区", selected: false }, |
|
|
|
{ label: "计划启用", selected: false }, |
|
|
|
]); |
|
|
|
const selectedButton = ref<Button | null>(null); |
|
|
|
const selectButton = (button: Button) => { |
|
|
|
]); |
|
|
|
const selectedButton = ref<Button | null>(null); |
|
|
|
const selectButton = (button: Button) => { |
|
|
|
selectedButton.value = button; |
|
|
|
}; |
|
|
|
// 照明回路按钮 |
|
|
|
let singleSelection = true; // 默认为单选 |
|
|
|
const selectAllCheckbox = ref(false); |
|
|
|
const showControlMode = ref(false); |
|
|
|
const buttons2 = ref([ |
|
|
|
}; |
|
|
|
// 照明回路按钮 |
|
|
|
let singleSelection = true; // 默认为单选 |
|
|
|
const selectAllCheckbox = ref(false); |
|
|
|
const showControlMode = ref(false); |
|
|
|
const buttons2 = ref([ |
|
|
|
{ label: "1区", selected: false }, |
|
|
|
{ label: "2区", selected: false }, |
|
|
|
{ label: "3区", selected: false }, |
|
|
|
{ label: "4区", selected: false }, |
|
|
|
]); |
|
|
|
const selectAll = () => { |
|
|
|
]); |
|
|
|
const selectAll = () => { |
|
|
|
singleSelection = !singleSelection; |
|
|
|
if (singleSelection) { |
|
|
|
// 单选 |
|
|
|
@ -772,14 +772,14 @@ |
|
|
|
}); |
|
|
|
} |
|
|
|
selectAllCheckbox.value = !singleSelection; // 更新全选 input 输入框的状态 |
|
|
|
}; |
|
|
|
const toggleAllSelection = () => { |
|
|
|
}; |
|
|
|
const toggleAllSelection = () => { |
|
|
|
buttons2.value.forEach((button) => { |
|
|
|
button.selected = selectAllCheckbox.value; |
|
|
|
}); |
|
|
|
singleSelection = !selectAllCheckbox.value; // 如果全选，切换为多选模式 |
|
|
|
}; |
|
|
|
const toggleSelection = (button) => { |
|
|
|
}; |
|
|
|
const toggleSelection = (button) => { |
|
|
|
showControlMode.value = button.label; |
|
|
|
if (singleSelection) { |
|
|
|
// 单选模式 |
|
|
|
@ -791,33 +791,33 @@ |
|
|
|
} |
|
|
|
button.selected = !button.selected; |
|
|
|
selectAllCheckbox.value = buttons2.value.every((button) => button.selected); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
// 控制模式按钮 |
|
|
|
const selectedButton3 = ref(""); |
|
|
|
const showControlScene = ref(false); |
|
|
|
const controlbutton = ref([ |
|
|
|
// 控制模式按钮 |
|
|
|
const selectedButton3 = ref(""); |
|
|
|
const showControlScene = ref(false); |
|
|
|
const controlbutton = ref([ |
|
|
|
{ label: "托管", selected: false }, |
|
|
|
{ label: "AI", selected: false }, |
|
|
|
{ label: "手动", selected: false }, |
|
|
|
]); |
|
|
|
// 控制场景按钮 |
|
|
|
const selectedButton4 = ref(""); |
|
|
|
const controlscenebuttons = ref([ |
|
|
|
]); |
|
|
|
// 控制场景按钮 |
|
|
|
const selectedButton4 = ref(""); |
|
|
|
const controlscenebuttons = ref([ |
|
|
|
{ label: "检修", selected: false }, |
|
|
|
{ label: "午休", selected: false }, |
|
|
|
{ label: "疏散", selected: false }, |
|
|
|
{ label: "客流高峰", selected: false }, |
|
|
|
]); |
|
|
|
const selectButton3 = (button3) => { |
|
|
|
]); |
|
|
|
const selectButton3 = (button3) => { |
|
|
|
selectedButton3.value = button3.label; |
|
|
|
showControlScene.value = button3.label === "手动"; |
|
|
|
selectedButton4.value = ""; // 清空选中的控制场景按钮 |
|
|
|
}; |
|
|
|
const selectButton4 = (button4) => { |
|
|
|
}; |
|
|
|
const selectButton4 = (button4) => { |
|
|
|
selectedButton4.value = button4.label; |
|
|
|
}; |
|
|
|
const columns = [ |
|
|
|
}; |
|
|
|
const columns = [ |
|
|
|
{ |
|
|
|
title: "序号", |
|
|
|
dataIndex: "key", |
|
|
|
@ -838,9 +838,9 @@ |
|
|
|
title: "状态", |
|
|
|
dataIndex: "operation", |
|
|
|
}, |
|
|
|
]; |
|
|
|
]; |
|
|
|
|
|
|
|
const dataSource = ref([ |
|
|
|
const dataSource = ref([ |
|
|
|
{ |
|
|
|
key: "1", |
|
|
|
data: "2024-05-01", |
|
|
|
@ -859,10 +859,8 @@ |
|
|
|
planname: "元旦", |
|
|
|
status: "待执行", |
|
|
|
}, |
|
|
|
]); |
|
|
|
const columns1 = [ |
|
|
|
]); |
|
|
|
const columns1 = [ |
|
|
|
]); |
|
|
|
const columns1 = [ |
|
|
|
{ |
|
|
|
title: "序号", |
|
|
|
dataIndex: "key", |
|
|
|
@ -879,8 +877,8 @@ |
|
|
|
title: "操作人", |
|
|
|
dataIndex: "status", |
|
|
|
}, |
|
|
|
]; |
|
|
|
const dataSource1 = ref([ |
|
|
|
]; |
|
|
|
const dataSource1 = ref([ |
|
|
|
{ |
|
|
|
key: "1", |
|
|
|
data: "2024-05-01", |
|
|
|
@ -899,51 +897,51 @@ |
|
|
|
planname: "设备变更", |
|
|
|
status: "王五33", |
|
|
|
}, |
|
|
|
]); |
|
|
|
// 抽屉默认显示 |
|
|
|
const visible = ref(true); |
|
|
|
const activeKey = ref("1"); |
|
|
|
]); |
|
|
|
// 抽屉默认显示 |
|
|
|
const visible = ref(true); |
|
|
|
const activeKey = ref("1"); |
|
|
|
|
|
|
|
const showDrawer = () => { |
|
|
|
const showDrawer = () => { |
|
|
|
visible.value = true; |
|
|
|
}; |
|
|
|
// 操作日志 |
|
|
|
}; |
|
|
|
// 操作日志 |
|
|
|
|
|
|
|
const logModalVisible = ref(false); |
|
|
|
const logModalVisible = ref(false); |
|
|
|
|
|
|
|
const handleRowClick = (record: any, index: number) => { |
|
|
|
const handleRowClick = (record: any, index: number) => { |
|
|
|
// 处理行点击事件，例如选中行或者其他操作 |
|
|
|
console.log(record, "=================", index); |
|
|
|
// 显示模态框 |
|
|
|
logModalVisible.value = true; |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
const closeLogModal = () => { |
|
|
|
const closeLogModal = () => { |
|
|
|
logModalVisible.value = false; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
.custom-table { |
|
|
|
<style lang="less" scoped> |
|
|
|
.custom-table { |
|
|
|
border-collapse: collapse; |
|
|
|
width: 416px; |
|
|
|
height: 195px; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.custom-table th, |
|
|
|
.custom-table td { |
|
|
|
.custom-table th, |
|
|
|
.custom-table td { |
|
|
|
border: 1px solid rgba(163, 192, 243, 1); |
|
|
|
text-align: left; |
|
|
|
padding: 8px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.custom-table tr:hover { |
|
|
|
.custom-table tr:hover { |
|
|
|
background-color: rgba(67, 136, 251, 1); |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.table1 { |
|
|
|
} |
|
|
|
.table1 { |
|
|
|
margin-top: 20px; |
|
|
|
width: 100%; |
|
|
|
cellspacing: 0; |
|
|
|
@ -951,35 +949,35 @@ |
|
|
|
border: 1px solid rgba(255, 255, 255); |
|
|
|
border-radius: 5px; |
|
|
|
background: rgba(255, 255, 255, 0.1); |
|
|
|
} |
|
|
|
.lightarea, |
|
|
|
.circuitarea, |
|
|
|
.controlarea, |
|
|
|
.controlscenearea, |
|
|
|
.lightparametersarea { |
|
|
|
} |
|
|
|
.lightarea, |
|
|
|
.circuitarea, |
|
|
|
.controlarea, |
|
|
|
.controlscenearea, |
|
|
|
.lightparametersarea { |
|
|
|
width: 100%; |
|
|
|
margin-top: 20px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lightareatab, |
|
|
|
.circuittab, |
|
|
|
.controltab, |
|
|
|
.controlscenetab, |
|
|
|
.lightparameterstab { |
|
|
|
.lightareatab, |
|
|
|
.circuittab, |
|
|
|
.controltab, |
|
|
|
.controlscenetab, |
|
|
|
.lightparameterstab { |
|
|
|
width: 5px; |
|
|
|
height: 23px; |
|
|
|
opacity: 1; |
|
|
|
background: rgba(26, 174, 251, 1); |
|
|
|
margin-right: 4px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lightareatext, |
|
|
|
.circuittext, |
|
|
|
.controltext, |
|
|
|
.controlscenetext, |
|
|
|
.lightparameterstext { |
|
|
|
.lightareatext, |
|
|
|
.circuittext, |
|
|
|
.controltext, |
|
|
|
.controlscenetext, |
|
|
|
.lightparameterstext { |
|
|
|
font-size: 14px; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
line-height: 19px; |
|
|
|
@ -991,15 +989,15 @@ |
|
|
|
rgba(86, 221, 253, 0) 0%, |
|
|
|
rgba(25, 176, 255, 1) 100% |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lightareatab, |
|
|
|
.lightareatext { |
|
|
|
.lightareatab, |
|
|
|
.lightareatext { |
|
|
|
display: inline-block; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.plan { |
|
|
|
.plan { |
|
|
|
width: 88px; |
|
|
|
height: 32px; |
|
|
|
opacity: 1; |
|
|
|
@ -1011,9 +1009,9 @@ |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
vertical-align: top; |
|
|
|
margin-left: 235px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.openplan { |
|
|
|
.openplan { |
|
|
|
width: 88px; |
|
|
|
height: 32px; |
|
|
|
opacity: 1; |
|
|
|
@ -1024,38 +1022,38 @@ |
|
|
|
border-radius: 5px; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
vertical-align: top; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.btn2 { |
|
|
|
.btn2 { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-left: 177px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.custom-checkbox { |
|
|
|
.custom-checkbox { |
|
|
|
width: 13px; |
|
|
|
height: 13px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.both { |
|
|
|
.both { |
|
|
|
margin-left: 5px; |
|
|
|
margin-right: 15px; |
|
|
|
font-size: 12px; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
p { |
|
|
|
p { |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.area, |
|
|
|
.btnarea, |
|
|
|
.controlmodebtnarea, |
|
|
|
.controlscenebtnarea { |
|
|
|
.area, |
|
|
|
.btnarea, |
|
|
|
.controlmodebtnarea, |
|
|
|
.controlscenebtnarea { |
|
|
|
margin-left: -17px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
.btn { |
|
|
|
width: 92px; |
|
|
|
height: 40px; |
|
|
|
border-radius: 4px; |
|
|
|
@ -1071,9 +1069,9 @@ |
|
|
|
text-align: center; |
|
|
|
vertical-align: top; |
|
|
|
background-color: rgba(255, 255, 255, 0.1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.selected { |
|
|
|
.selected { |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
rgba(201, 245, 255, 1) 0%, |
|
|
|
@ -1081,31 +1079,31 @@ |
|
|
|
); |
|
|
|
color: rgba(0, 61, 90, 1); |
|
|
|
border: 1px solid rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.btn:hover { |
|
|
|
.btn:hover { |
|
|
|
background-color: rgba(207, 212, 219, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.btn:active { |
|
|
|
.btn:active { |
|
|
|
background-color: rgba(102, 102, 102, 1); |
|
|
|
color: white; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.circuitarea, |
|
|
|
.controlscenearea, |
|
|
|
.lightparametersarea { |
|
|
|
.circuitarea, |
|
|
|
.controlscenearea, |
|
|
|
.lightparametersarea { |
|
|
|
left: 51px; |
|
|
|
width: 100%; |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.circuittab, |
|
|
|
.circuittext { |
|
|
|
.circuittab, |
|
|
|
.circuittext { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.batch { |
|
|
|
.batch { |
|
|
|
width: 60px; |
|
|
|
height: 32px; |
|
|
|
opacity: 1; |
|
|
|
@ -1114,54 +1112,54 @@ |
|
|
|
border-radius: 5px; |
|
|
|
background-color: rgba(255, 255, 255, 1); |
|
|
|
margin-left: 11px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.controlarea { |
|
|
|
.controlarea { |
|
|
|
left: 51px; |
|
|
|
width: 100%; |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.controltab, |
|
|
|
.controltext { |
|
|
|
.controltab, |
|
|
|
.controltext { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.cell) { |
|
|
|
:deep(.cell) { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(#pane-first) { |
|
|
|
:deep(#pane-first) { |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.controlscenetab, |
|
|
|
.controlscenetext { |
|
|
|
.controlscenetab, |
|
|
|
.controlscenetext { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lightparameterstab, |
|
|
|
.lightparameterstext { |
|
|
|
.lightparameterstab, |
|
|
|
.lightparameterstext { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lightparameterstextarea { |
|
|
|
.lightparameterstextarea { |
|
|
|
border: 1px solid rgba(236, 239, 245, 1); |
|
|
|
margin-top: 10px; |
|
|
|
display: grid; |
|
|
|
grid-template-columns: 1fr 1fr 1fr; |
|
|
|
grid-template-rows: 1fr 1fr; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lightparameterstextarea > p { |
|
|
|
.lightparameterstextarea > p { |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
border: 1px solid rgba(236, 239, 245, 1); |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bottom { |
|
|
|
.bottom { |
|
|
|
width: 100%; |
|
|
|
height: 64px; |
|
|
|
display: flex; |
|
|
|
@ -1171,9 +1169,9 @@ |
|
|
|
bottom: 0; |
|
|
|
right: 0; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.execute { |
|
|
|
.execute { |
|
|
|
margin-right: 20px; |
|
|
|
width: 74px; |
|
|
|
height: 40px; |
|
|
|
@ -1185,9 +1183,9 @@ |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
border: 0; |
|
|
|
margin-left: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.flushed { |
|
|
|
.flushed { |
|
|
|
width: 74px; |
|
|
|
height: 40px; |
|
|
|
opacity: 1; |
|
|
|
@ -1197,22 +1195,22 @@ |
|
|
|
color: rgba(102, 102, 102, 1); |
|
|
|
background: rgba(255, 255, 255, 1); |
|
|
|
border: 1px solid rgba(193, 197, 204, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.tabreboot, |
|
|
|
.tabdelete { |
|
|
|
.tabreboot, |
|
|
|
.tabdelete { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
letter-spacing: 0px; |
|
|
|
line-height: 20px; |
|
|
|
color: rgba(67, 136, 251, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.tabreboot { |
|
|
|
.tabreboot { |
|
|
|
margin-right: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.add { |
|
|
|
.add { |
|
|
|
width: 74px; |
|
|
|
height: 40px; |
|
|
|
opacity: 1; |
|
|
|
@ -1222,9 +1220,9 @@ |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.divadd { |
|
|
|
.divadd { |
|
|
|
width: 100%; |
|
|
|
height: 64px; |
|
|
|
display: flex; |
|
|
|
@ -1235,31 +1233,31 @@ |
|
|
|
right: 0; |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-right: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.atable { |
|
|
|
.atable { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.ant-table-pagination) { |
|
|
|
:deep(.ant-table-pagination) { |
|
|
|
visibility: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.drawer-content { |
|
|
|
.drawer-content { |
|
|
|
margin-left: 20px; |
|
|
|
/* 留出空间给小箭头 */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.arrow-indicator { |
|
|
|
.arrow-indicator { |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
left: 0; |
|
|
|
transform: translateY(-50%); |
|
|
|
z-index: 1; |
|
|
|
/* 控制箭头显示在最上层 */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.drawer-title1 { |
|
|
|
.drawer-title1 { |
|
|
|
position: fixed; |
|
|
|
width: 33px; |
|
|
|
height: 33px; |
|
|
|
@ -1269,9 +1267,9 @@ |
|
|
|
background-color: red; |
|
|
|
margin: auto; |
|
|
|
z-index: 99999; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.drawer-title2 { |
|
|
|
.drawer-title2 { |
|
|
|
position: fixed; |
|
|
|
width: 33px; |
|
|
|
height: 33px; |
|
|
|
@ -1281,61 +1279,61 @@ |
|
|
|
background-color: red; |
|
|
|
margin: auto; |
|
|
|
z-index: 99999; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .ant-tabs-tab-btn { |
|
|
|
/deep/ .ant-tabs-tab-btn { |
|
|
|
color: white; /* 背景颜色改为白色 */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.ant-table { |
|
|
|
/deep/.ant-table { |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.ant-table-bordered { |
|
|
|
/deep/.ant-table-bordered { |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.ant-table-thead { |
|
|
|
/deep/.ant-table-thead { |
|
|
|
background-color: transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.ant-table-cell { |
|
|
|
/deep/.ant-table-cell { |
|
|
|
background-color: transparent; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lighting-img { |
|
|
|
.lighting-img { |
|
|
|
width: 100%; |
|
|
|
height: 934px; |
|
|
|
height: 815px; |
|
|
|
object-fit: cover; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lighting-img-box { |
|
|
|
.lighting-img-box { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lighting-img-box img { |
|
|
|
.lighting-img-box img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
object-fit: cover; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lighting-img-box { |
|
|
|
.lighting-img-box { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.lighting-img-box img { |
|
|
|
.lighting-img-box img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
} |
|
|
|
.F1 { |
|
|
|
} |
|
|
|
.F1 { |
|
|
|
width: 120px; |
|
|
|
height: 50.72px; |
|
|
|
border-radius: 4px; |
|
|
|
@ -1345,9 +1343,9 @@ |
|
|
|
font-size: 24px; |
|
|
|
font-weight: 400; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
.F2, |
|
|
|
.platform { |
|
|
|
} |
|
|
|
.F2, |
|
|
|
.platform { |
|
|
|
width: 120px; |
|
|
|
height: 50.72px; |
|
|
|
border-radius: 4px; |
|
|
|
@ -1358,67 +1356,67 @@ |
|
|
|
color: rgba(146, 187, 255, 1); |
|
|
|
border: 1px solid rgba(39, 120, 255, 1); |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
.btn-box { |
|
|
|
} |
|
|
|
.btn-box { |
|
|
|
position: fixed; |
|
|
|
top: 100px; |
|
|
|
left: 250px; |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .wh100 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .wh100 { |
|
|
|
width: 38px; |
|
|
|
height: calc(38px + 19px); |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo1 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo1 { |
|
|
|
position: absolute; |
|
|
|
top: 111px; |
|
|
|
left: 111px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo2 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo2 { |
|
|
|
position: absolute; |
|
|
|
top: 222px; |
|
|
|
left: 222px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo3 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo3 { |
|
|
|
position: absolute; |
|
|
|
top: 333px; |
|
|
|
left: 333px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo4 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo4 { |
|
|
|
position: absolute; |
|
|
|
top: 444px; |
|
|
|
left: 444px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo5 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo5 { |
|
|
|
position: absolute; |
|
|
|
top: 555px; |
|
|
|
left: 555px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo6 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo6 { |
|
|
|
position: absolute; |
|
|
|
top: 666px; |
|
|
|
left: 666px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo7 { |
|
|
|
} |
|
|
|
.lighting-img-box > .bulbBox > .bulbLogo7 { |
|
|
|
position: absolute; |
|
|
|
top: 777px; |
|
|
|
left: 777px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.editable-cell { |
|
|
|
.editable-cell { |
|
|
|
position: relative; |
|
|
|
.editable-cell-input-wrapper, |
|
|
|
.editable-cell-text-wrapper { |
|
|
|
@ -1454,57 +1452,56 @@ |
|
|
|
.editable-add-btn { |
|
|
|
margin-bottom: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
.editable-cell:hover .editable-cell-icon { |
|
|
|
} |
|
|
|
.editable-cell:hover .editable-cell-icon { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
.div-operation { |
|
|
|
} |
|
|
|
.div-operation { |
|
|
|
width: 3px; |
|
|
|
height: 13px; |
|
|
|
opacity: 1; |
|
|
|
border-radius: 1px; |
|
|
|
background: rgba(67, 136, 251, 1); |
|
|
|
} |
|
|
|
.text-operation { |
|
|
|
} |
|
|
|
.text-operation { |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
font-size: 16px; |
|
|
|
font-weight: 700; |
|
|
|
margin-left: 5px; |
|
|
|
} |
|
|
|
.div-operation, |
|
|
|
.text-operation { |
|
|
|
} |
|
|
|
.div-operation, |
|
|
|
.text-operation { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
.journal { |
|
|
|
} |
|
|
|
.journal { |
|
|
|
padding: 3% 10%; |
|
|
|
background-image: url("../../../../public/bulbLogo/bgsquare.png"); |
|
|
|
background-size: 482px 177px; |
|
|
|
width: 482px; |
|
|
|
height: 177px; |
|
|
|
} |
|
|
|
.gird22 { |
|
|
|
} |
|
|
|
.gird22 { |
|
|
|
display: grid; |
|
|
|
grid-template-columns: repeat(2, 1fr); |
|
|
|
grid-template-rows: repeat(2, 1fr); |
|
|
|
grid-column-gap: 5px; |
|
|
|
grid-row-gap: 20px; |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
.bulbLogo1 { |
|
|
|
} |
|
|
|
.bulbLogo1 { |
|
|
|
background-image: url("../../../../public/bulbLogo/bulbLogo1.png"); |
|
|
|
} |
|
|
|
.imgText { |
|
|
|
} |
|
|
|
.imgText { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
:deep(.ant-modal-content) { |
|
|
|
} |
|
|
|
:deep(.ant-modal-content) { |
|
|
|
width: 555px; |
|
|
|
height: 792px; |
|
|
|
} |
|
|
|
:deep(.ant-modal-body) { |
|
|
|
} |
|
|
|
:deep(.ant-modal-body) { |
|
|
|
width: 555px; |
|
|
|
max-height: 792px !important; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
|
lushihan
6 months ago