6.11
This commit is contained in:
lushihan
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user