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

Merge branch 'main' of http://123.60.103.97:3000/xuziqiang/SaaS-lib

main
xuziqiang 3 months ago
parent
fbf460a620 c4132d41cd
commit
dd82f15e7f
1 changed files with 422 additions and 14 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. 436
      hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue

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

@ -118,11 +118,11 @@
</button> </button>
</div> </div>
<!-- 灯具参数 --> <!-- 灯具参数 -->
<div class="lightparametersarea"> <div class="lightparametersarea" v-if="selectedButton4">
<div class="lightparameterstab"></div> <div class="lightparameterstab"></div>
<span class="lightparameterstext"> 灯具参数 </span> <span class="lightparameterstext"> 灯具参数 </span>
</div> </div>
<div class="lightparameterstextarea"> <div class="lightparameterstextarea" v-if="selectedButton4">
<p>开启数量</p> <p>开启数量</p>
<p>亮度(lux)</p> <p>亮度(lux)</p>
<p>色温(k)</p> <p>色温(k)</p>
@ -131,9 +131,388 @@
<p>4200</p> <p>4200</p>
</div> </div>
<div class="bottom"> <div class="bottom">
<button class="flushed">刷新</button> <button class="flushed" @click="refresh">刷新</button>
<button class="execute">执行</button> <button class="execute" @click="showModal">执行</button>
</div> </div>
<a-modal
width="500px"
height="792px"
v-model:visible="executevisible"
:closable="false"
:style="{ backgroundColor: '#000', overflow: 'hidden' }"
:mask="false"
:bodyStyle="{
background: 'rgba(0, 0, 0, 0.9)',
opacity: 0.8,
height: '792px',
maxHeight: '792px',
boxSizing: 'borderBox',
display: 'flex',
flexDirection: 'column',
}">
<div style="height: 792px">
<div style="width: 100%; text-align: center">
<span class="text-change">变更内容</span>
</div>
<div class="journal" style="margin-top: 20px">
<div class="imgText">
<img src="../../../../public/bulbLogo/组 22549.png" alt="" />&nbsp;
<span style="font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1)"
>站厅照明 1区</span
>
</div>
<div class="gird22">
<div>
<button
style="
width: 96px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
控制模式
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>手动</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>自动</span
>
</div>
<div>
<button
style="
width: 68px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
亮度
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>100lux</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>30lux</span
>
</div>
<div>
<button
style="
width: 96px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
控制场景
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>手动</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>自动</span
>
</div>
<div>
<button
style="
width: 68px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
色温
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>4000k</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>3800k</span
>
</div>
</div>
</div>
<div class="journal" style="margin-top: 20px">
<div class="imgText">
<img src="../../../../public/bulbLogo/组 22549.png" alt="" />&nbsp;
<span style="font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1)"
>站厅照明 1区</span
>
</div>
<div class="gird22">
<div>
<button
style="
width: 96px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
控制模式
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>手动</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>自动</span
>
</div>
<div>
<button
style="
width: 68px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
亮度
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>100lux</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>30lux</span
>
</div>
<div>
<button
style="
width: 96px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
控制场景
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>手动</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>自动</span
>
</div>
<div>
<button
style="
width: 68px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
色温
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>4000k</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>3800k</span
>
</div>
</div>
</div>
<div class="journal" style="margin-top: 20px">
<div class="imgText">
<img src="../../../../public/bulbLogo/组 22549.png" alt="" />&nbsp;
<span style="font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1)"
>站厅照明 1区</span
>
</div>
<div class="gird22">
<div>
<button
style="
width: 96px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
控制模式
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>手动</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>自动</span
>
</div>
<div>
<button
style="
width: 68px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
亮度
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>100lux</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>30lux</span
>
</div>
<div>
<button
style="
width: 96px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
控制场景
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>手动</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>自动</span
>
</div>
<div>
<button
style="
width: 68px;
height: 40px;
opacity: 0.7;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(86, 221, 253, 1) 0%,
rgba(25, 176, 255, 1) 100%
);
border: none;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: 400;
">
色温
</button>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>4000k</span
>
<span style="color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: 400"
>3800k</span
>
</div>
</div>
</div>
<div class="excubtn">
<button @click="excuModal" class="excuno">取消</button>
<button @click="handleOk" class="excuok">执行</button>
</div>
</div>
</a-modal>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="计划列表" force-render> <a-tab-pane key="2" tab="计划列表" force-render>
<a-table bordered :data-source="dataSource" :columns="columns" class="atable"> <a-table bordered :data-source="dataSource" :columns="columns" class="atable">
@ -153,8 +532,40 @@
</template> </template>
</a-table> </a-table>
<div class="divadd"> <div class="divadd">
<button class="add">添加</button> <button class="add" @click="addModal">添加</button>
</div> </div>
<a-modal
v-model:visible="addvisible"
width="500px"
height="792px"
:closable="false"
:footer="null"
:style="{ backgroundColor: '#000' }"
:mask="false"
:bodyStyle="{
background: 'rgba(0, 0, 0, 0.9)',
opacity: 0.8,
height: '792px',
maxHeight: '792px',
boxSizing: 'borderBox',
display: 'flex',
flexDirection: 'column',
}">
<p style="font-size: 18px; font-weight: 700">计划库</p>
<div style="width: 100%; border-top: 1px solid rgba(255, 255, 255, 1)"></div>
<div style="margin-top: 20px">
<a-transfer
v-model:target-keys="targetKeys"
:data-source="mockData"
show-search
:filter-option="filterOption"
:render="(item) => item.title"
@change="handleChange"
:style="{ color: 'rgba(255,255,255,1)' }"
@search="handleSearch" />
</div>
<button class="addok" @click="addhandleOk">确定</button>
</a-modal>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="3" tab="日志"> <a-tab-pane key="3" tab="日志">
<table class="custom-table table1"> <table class="custom-table table1">
@ -182,7 +593,8 @@
width="562px" width="562px"
height="792px" height="792px"
v-model:visible="logModalVisible" v-model:visible="logModalVisible"
:style="{ backgroundColor: '#000' }" :closable="false"
:style="{ backgroundColor: '#000', overflow: 'hidden' }"
@cancel="closeLogModal" @cancel="closeLogModal"
:footer="null" :footer="null"
:mask="false" :mask="false"
@ -205,7 +617,6 @@
>站厅照明 1区</span >站厅照明 1区</span
> >
</div> </div>
<div class="gird22"> <div class="gird22">
<div> <div>
<button <button
@ -560,18 +971,15 @@
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
<div class="arrow-indicator" v-show="visible">
<a-icon type="menu-fold" />
</div>
</a-drawer> </a-drawer>
<div class="drawer-title1" v-if="!visible"> <div class="drawer-title1" v-if="!visible">
<a-button @click="toggleDrawer"> <a-button @click="toggleDrawer" class="arrowbtn">
<left-outlined /> <left-outlined style="color: rgba(255, 255, 255, 1)" />
</a-button> </a-button>
</div> </div>
<div class="drawer-title2" v-if="visible"> <div class="drawer-title2" v-if="visible">
<a-button @click="toggleDrawer"> <a-button @click="toggleDrawer" class="arrowbtn">
<right-outlined /> <right-outlined style="color: rgba(255, 255, 255, 1)" />
</a-button> </a-button>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save