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 6 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
Split 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>
</div>
<!-- 灯具参数 -->
<div class="lightparametersarea">
<div class="lightparametersarea" v-if="selectedButton4">
<div class="lightparameterstab"></div>
<span class="lightparameterstext"> 灯具参数 </span>
</div>
<div class="lightparameterstextarea">
<div class="lightparameterstextarea" v-if="selectedButton4">
<p>开启数量</p>
<p>亮度(lux)</p>
<p>色温(k)</p>
@ -131,9 +131,388 @@
<p>4200</p>
</div>
<div class="bottom">
<button class="flushed">刷新</button>
<button class="execute">执行</button>
<button class="flushed" @click="refresh">刷新</button>
<button class="execute" @click="showModal">执行</button>
</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 key="2" tab="计划列表" force-render>
<a-table bordered :data-source="dataSource" :columns="columns" class="atable">
@ -153,8 +532,40 @@
</template>
</a-table>
<div class="divadd">
<button class="add">添加</button>
<button class="add" @click="addModal">添加</button>
</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 key="3" tab="日志">
<table class="custom-table table1">
@ -182,7 +593,8 @@
width="562px"
height="792px"
v-model:visible="logModalVisible"
:style="{ backgroundColor: '#000' }"
:closable="false"
:style="{ backgroundColor: '#000', overflow: 'hidden' }"
@cancel="closeLogModal"
:footer="null"
:mask="false"
@ -205,7 +617,6 @@
>站厅照明 1区</span
>
</div>
<div class="gird22">
<div>
<button
@ -560,18 +971,15 @@
</a-tab-pane>
</a-tabs>
</div>
<div class="arrow-indicator" v-show="visible">
<a-icon type="menu-fold" />
</div>
</a-drawer>
<div class="drawer-title1" v-if="!visible">
<a-button @click="toggleDrawer">
<left-outlined />
<a-button @click="toggleDrawer" class="arrowbtn">
<left-outlined style="color: rgba(255, 255, 255, 1)" />
</a-button>
</div>
<div class="drawer-title2" v-if="visible">
<a-button @click="toggleDrawer">
<right-outlined />
<a-button @click="toggleDrawer" class="arrowbtn">
<right-outlined style="color: rgba(255, 255, 255, 1)" />
</a-button>
</div>
</template>

Write Preview
Loading…
Cancel
Save