Merge branch 'main' of http://123.60.103.97:3000/xuziqiang/SaaS-lib
This commit is contained in:
xuziqiang
@@ -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="" />
|
||||||
|
<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="" />
|
||||||
|
<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="" />
|
||||||
|
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user