conglinyizhi
/
plc-helper
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ feat(App.vue): 添加条件渲染逻辑，添加额外描述

This commit is contained in:
conglinyizhi 2024-10-06 21:08:10 +08:00
parent 03173f952b
commit 56e67470a4
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.vue
View File

@ -1,8 +1,13 @@
<template> <template>
<div> <div>
从 M{{ selectIndex }}.0 开始，占用 {{ selectIndexWidth + 1 }} 个 Byte ( {{ selectIndexWidth + 1 }} * 8 = {{ <div v-if="selectTrue">
(selectIndexWidth 从 M{{ selectIndex }}.0 开始，占用 {{ selectIndexWidth + 1 }} 个 Byte ( {{ selectIndexWidth + 1 }} * 8 = {{
+ 1) * 8 }} 个 M 点) ，最大可以表示无符号数字 {{ getMaxNumber() }} (selectIndexWidth
+ 1) * 8 }} 个 M 点) ，最大可以表示无符号数字 {{ getMaxNumber() }}
</div>
<div v-else>
这种情况下不允许定义，因为会导致 PLC 存储空间不足而无法存储数据
</div>
<button @click="selectIndexWidth = 0"> <button @click="selectIndexWidth = 0">
<span v-show="selectIndexWidth == 0">激活=></span>MB</button> <span v-show="selectIndexWidth == 0">激活=></span>MB</button>
<button @click="selectIndexWidth = 1"> <button @click="selectIndexWidth = 1">
@ -27,6 +32,7 @@ const selectIndexWidth = ref(0)
const min = computed(() => selectIndex.value) const min = computed(() => selectIndex.value)
const max = computed(() => selectIndexWidth.value + selectIndex.value) const max = computed(() => selectIndexWidth.value + selectIndex.value)
const selectTrue = computed(() => Math.max(max.value, 30) !== max.value)
function getClassName(i) { function getClassName(i) {
if (Math.max(max.value, 30) === max.value && Math.min(i, min.value) === min.value) return 'warn' if (Math.max(max.value, 30) === max.value && Math.min(i, min.value) === min.value) return 'warn'