xuziqiang
/
SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

6.11

main
lushihan 5 months ago
parent
30743f1474
commit
3b6d11122e
1 changed files with 1461 additions and 1464 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 473
      hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue

473
hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue
View File

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

Write Preview
Loading…
Cancel
Save