add:空调群控系统修改 / 素材引入 / 部分样式调节

This commit is contained in:
chenpingsen
2024-08-21 14:46:06 +08:00
parent 6cb09f631b
commit 7153a81c63
17 changed files with 396 additions and 193 deletions

View File

@@ -31,6 +31,7 @@
show-size-changer
:total="pagination.total"
@change="getTable(true)" />
<div style="width: 100%; height: 40px"></div>
<div class="out-dialog" :class="{ showDialog: logModalVisible }" v-if="logModalVisible">
<div class="content">
@@ -54,18 +55,29 @@
<div class="btn-item">
<div class="left">控制模式</div>
<div class="right">
<span>手动</span>
<span>{{
item.autoStatusBefore.label.indexOf('模式') != -1
? item.autoStatusBefore.label.replace('模式', '')
: item.autoStatusBefore.label
}}</span>
<img src="/asset/image/bulbLogo/22406.png" alt="" />
<span>自动</span></div
<span>{{
item.autoStatusAfter.label.indexOf('模式') != -1
? item.autoStatusAfter.label.replace('模式', '')
: item.autoStatusAfter.label
}}</span></div
>
</div>
<div class="btn-item">
<div class="left"> </div>
<div class="left"> </div>
<div class="right">
<!-- 由于数字0也会被判为false故只判断undefined null -->
<span>{{ item.brightnessBefore != null ? item.brightnessBefore : '--' }}</span>
<span>{{
item.temperatureBefore != null ? item.temperatureBefore + '℃' : '--'
}}</span>
<img src="/asset/image/bulbLogo/22406.png" alt="" />
<span>{{ item.brightnessAfter != null ? item.brightnessAfter : '--' }}</span>
<span>
{{ item.temperatureAfter != null ? item.temperatureAfter + '℃' : '--' }}
</span>
</div>
</div>
<div class="btn-item">
@@ -77,13 +89,11 @@
</div>
</div>
<div class="btn-item">
<div class="left"> 色温 </div>
<div class="left"> 风速 </div>
<div class="right">
<span>{{ item.colorBefore != null ? item.colorBefore : '--' }}</span>
<span>{{ item.windSpeedBefore ? item.windSpeedBefore + 'm/s' : '--' }}</span>
<img src="/asset/image/bulbLogo/22406.png" alt="" />
<span>
{{ item.colorAfter != null ? item.colorAfter : '--' }}
</span>
<span>{{ item.windSpeedAfter ? item.windSpeedAfter + 'm/s' : '--' }}</span>
</div>
</div>
<div class="btn-item">
@@ -194,7 +204,13 @@
}
});
};
// 日志详情
const cxList = ref([]);
// 向外暴露方法
defineExpose({
reset,
});
</script>
<style lang="less" scoped>
@import '../style/dialogStyle.less';