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
ec1ae071f8 d527a1467f
commit
75a67c3039
1 changed files with 63 additions and 49 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. 112
      hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue

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

@ -30,28 +30,24 @@
fontWeight: 400, fontWeight: 400,
lineHeight: ' 17.38px', lineHeight: ' 17.38px',
color: 'rgba(57, 215, 187, 1)', color: 'rgba(57, 215, 187, 1)',
marginLeft:'180px' marginLeft: '180px'
}">正常</button> }">正常</button>
</div> </div>
<div class="light-tag-box"> <div class="light-tag-box">
<img src="/asset/image//bulbLogo/22496.png" alt=""> <img src="/asset/image//bulbLogo/22496.png" alt="">
<span :style="{ color: 'rgba(64, 255, 252, 1)',marginLeft: '-60px', marginRight: '20px' }">控制模式</span> <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px', marginRight: '20px' }">控制模式</span>
<span <span
:style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginRight: '20px' }">自动</span> :style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginRight: '20px' }">自动</span>
<img src="/asset/image//bulbLogo/22546.png" alt=""> <img src="/asset/image//bulbLogo/22546.png" alt="">
<span :style="{ color: 'rgba(64, 255, 252, 1)',marginLeft: '-60px' }">亮度</span> <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px' }">亮度</span>
<span <span
:style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginLeft: '20px' }">1000lux</span> :style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginLeft: '20px' }">1000lux</span>
<img src="/asset/image//bulbLogo/22554.png" alt=""> <img src="/asset/image//bulbLogo/22554.png" alt="">
<span :style="{ color: 'rgba(64, 255, 252, 1)',marginLeft: '-60px', marginRight: '20px' }">控制场景</span> <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px', marginRight: '20px' }">控制场景</span>
<span <span
:style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginRight: '20px' }">舒适</span> :style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginRight: '20px' }">舒适</span>
<img src="/asset/image//bulbLogo/22553.png" alt=""> <img src="/asset/image//bulbLogo/22553.png" alt="">
<span :style="{ color: 'rgba(64, 255, 252, 1)',marginLeft: '-60px' }">色温</span> <span :style="{ color: 'rgba(64, 255, 252, 1)', marginLeft: '-60px' }">色温</span>
<span <span
:style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginLeft: '20px' }">4200k</span> :style="{ color: 'rgba(255, 255, 255, 1)', fontSize: '16px', fontWeight: '700', marginLeft: '20px' }">4200k</span>
</div> </div>
@ -116,7 +112,6 @@
</button> </button>
</div> </div>
</div> </div>
<div class="btnarea" v-if="selectedButton"> <div class="btnarea" v-if="selectedButton">
<template v-if="!showAllButtons"> <template v-if="!showAllButtons">
<button v-for="(button2, index) in limitedButtons" :key="index" <button v-for="(button2, index) in limitedButtons" :key="index"
@ -197,21 +192,21 @@
<button class="flushed" @click="refresh">刷新</button> <button class="flushed" @click="refresh">刷新</button>
<button class="execute" @click="showModal">执行</button> <button class="execute" @click="showModal">执行</button>
</div> </div>
<a-modal width="500px" v-model:visible="executevisible" :closable="false" okText="执行" @ok="handleOk2" <a-modal :v-if="cxlist.length === 0" v-model:visible="executevisible" width="500px" height="792px" okText="执行"
:mask="false" :bodyStyle="{ :closable="false" @ok="handleOk2" :mask="false" :bodyStyle="{
height: '100vh',
maxHeight: '100vh',
position: 'fixed',
right: '496px',
top: '0',
opacity: 1, opacity: 1,
background: ' rgba(0,0,0)', background: ' rgba(0,0,0)',
boxShadow: '-2px 0px 10px rgba(217, 217, 217, 0.5)', color: 'rgba(255,83,0)',
boxSizing: 'borderBox', boxSizing: 'borderBox',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
height: '100vh',
maxHeight: '100vh',
position: 'fixed',
right: '496px',
top: '0',
}"> }">
<div style="height: 792px"> <div :v-if="cxlist.length === 0" style="height: 792px">
<div> <div>
<div class="div-operation"></div> <div class="div-operation"></div>
<span class="text-operation">变更内容 </span> <span class="text-operation">变更内容 </span>
@ -387,7 +382,6 @@
<td>{{ row.key }}</td> <td>{{ row.key }}</td>
<td>{{ row.data }}</td> <td>{{ row.data }}</td>
<td>{{ row.planname }}</td> <td>{{ row.planname }}</td>
<td v-if="row.status === '待执行'"> <td v-if="row.status === '待执行'">
<button style=" <button style="
font-size: 12px; font-size: 12px;
@ -409,25 +403,25 @@
</button> </button>
</td> </td>
<td> <td>
<span class="tabreboot" @click="handlerefClick1">重启</span> <button class="tabreboot" @click="handlerefClick1">重启</button>
<span class="tabdelete">删除</span> <button class="tabdelete">删除</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<a-modal v-model:visible="addvisible" width="500px" height="792px" :closable="false" :footer="null" <a-modal v-model:visible="addvisible" width="500px" height="792px" :closable="false" :mask="false" :bodyStyle="{
:mask="false" :bodyStyle="{ opacity: 1,
opacity: 1, background: ' rgba(0,0,0)',
background: ' rgba(0,0,0)', color: 'rgba(255,83,0)',
boxSizing: 'borderBox', boxSizing: 'borderBox',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
height: '100vh', height: '100vh',
maxHeight: '100vh', maxHeight: '100vh',
position: 'fixed', position: 'fixed',
right: '496px', right: '496px',
top: '0', top: '0',
}"> }">
<div> <div>
<div class="div-operation"></div> <div class="div-operation"></div>
<span class="text-operation">计划库</span> <span class="text-operation">计划库</span>
@ -435,7 +429,8 @@
<div style="margin-top: 20px"> <div style="margin-top: 20px">
<a-transfer v-model:target-keys="targetKeys" :data-source="mockData" show-search <a-transfer v-model:target-keys="targetKeys" :data-source="mockData" show-search
:filter-option="filterOption" :render="(item) => item.title" @change="handleChange" :filter-option="filterOption" :render="(item) => item.title" @change="handleChange"
:style="{ color: 'rgba(255,255,255,1)' }" @search="handleSearch" /> :style="{ color: 'rgba(255,255,255,1)' }" @search="handleSearch"
:listStyle="{ border: '2px solid rgba(25,74,125,1)' }" />
</div> </div>
<!-- <button class="addok" @click="addhandleOk">确定</button> --> <!-- <button class="addok" @click="addhandleOk">确定</button> -->
</a-modal> </a-modal>
@ -631,33 +626,30 @@
</div> </div>
</div> </div>
</a-modal> </a-modal>
<div class="divadd"> <!-- <div class="divadd">
<button class="add">刷新</button> <button class="add">刷新</button>
</div> </div> -->
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</a-drawer> </a-drawer>
<div class="drawer-title1" v-if="!visible"> <div class="drawer-title1" v-if="!visible">
<a-button @click="toggleDrawer" class="arrowbtn"> <a-button @click="toggleDrawer" class="arrowbtn">
<!-- <left-outlined style="color: rgba(255, 255, 255, 1)" /> -->
<double-left-outlined style="color: rgba(255, 255, 255, 1)" /> <double-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" class="arrowbtn"> <a-button @click="toggleDrawer" class="arrowbtn">
<!-- <right-outlined/> -->
<double-right-outlined style="color: rgba(255, 255, 255, 1)" /> <double-right-outlined style="color: rgba(255, 255, 255, 1)" />
</a-button> </a-button>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, onMounted } from "vue"; import { ref, computed } from "vue";
import { import {
DownOutlined, DownOutlined,
UpOutlined, UpOutlined,
InfoCircleOutlined,
DoubleLeftOutlined, DoubleLeftOutlined,
DoubleRightOutlined, DoubleRightOutlined,
StopOutlined StopOutlined
@ -1026,9 +1018,9 @@ const handlerefClick1 = () => {
executevisible.value = true; executevisible.value = true;
}; };
const closeModal = () => { // const closeModal = () => {
executevisible.value = false; // executevisible.value = false;
}; // };
let trindex = ref("-1"); let trindex = ref("-1");
const handleRowClick = (index: any) => { const handleRowClick = (index: any) => {
@ -1096,10 +1088,27 @@ const handleSearch = (dir: string, value: string) => {
const delbtn = (id: any) => { const delbtn = (id: any) => {
console.log(id); console.log(id);
cxlist.value.pop(id); cxlist.value.pop(id);
console.log(cxlist.value.length);
if (cxlist.value.length === 0) {
executevisible.value = false
}
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
:deep(.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover){
background-color: rgba(20,41,76,1);
color:rgb(29, 83, 172)
}
:global(.ant-transfer-list-header-selected) {
color: rgba(255, 83, 0)
}
:global(.ant-transfer-list-header > *:not(:last-child)) {
color: rgba(255, 83, 0)
}
.tagtext { .tagtext {
margin-left: 8px; margin-left: 8px;
} }
@ -1113,7 +1122,8 @@ const delbtn = (id: any) => {
opacity: 0.8; opacity: 0.8;
border-radius: 8px; border-radius: 8px;
background: rgba(0, 0, 0, 1); background: rgba(0, 0, 0, 1);
box-shadow: 0px 20px 30px rgba(0, 85, 133, 0.5); // border:5px solid rebeccapurple;
} }
.light-tag-tit { .light-tag-tit {
@ -1585,9 +1595,11 @@ p {
.tabreboot, .tabreboot,
.tabdelete { .tabdelete {
border: none;
background-color: rgba(0,0,0,0);
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
letter-spacing: 0px; letter-spacing: 0;
line-height: 20px; line-height: 20px;
color: rgba(67, 136, 251, 1); color: rgba(67, 136, 251, 1);
} }
@ -1948,13 +1960,15 @@ p {
.journal { .journal {
padding: 3% 5%; padding: 3% 5%;
// background-image: url("/asset/image/bulbLogo/bgsquare.png");
background-size: 450px 177px; background-size: 450px 177px;
width: 482px; width: 482px;
height: 177px; height: 177px;
background-color: rgba(0, 0, 0); background-color: rgba(0, 0, 0);
border-radius: 12px; border-radius: 12px;
box-shadow: -2px 0px 10px rgb(133, 167, 186) /* 圆角边框 */
border: 2px solid transparent;
/* 边框为2px宽，透明颜色 */
border-image: linear-gradient(to bottom, #0077FF, #00F6FF, #000000) 1;
} }
// .gird22 { // .gird22 {

Write Preview
Loading…
Cancel
Save