fix:字段修改/交互逻辑修改

This commit is contained in:
chenpingsen
2024-08-30 14:03:31 +08:00
parent f8eda43169
commit 93f2869a5b
8 changed files with 86 additions and 49 deletions

View File

@@ -64,7 +64,6 @@
<span>{{ item.openPercentAfter + '%' }}</span>
</div>
</div>
<div></div>
</div>
</div>
<a-empty style="margin-top: 100px" v-if="valveLogList.length == 0">
@@ -83,9 +82,9 @@
<div>
<div class="info">频率</div>
<div class="text">
<span>{{ item.frequencyBefore + 'MHz' }}</span>
<span>{{ item.frequencyBefore + ' MHz' }}</span>
<img src="/asset/image/bulbLogo/22406.png" alt="" />
<span>{{ item.frequencyAfter + 'MHz' }}</span>
<span>{{ item.frequencyAfter + ' MHz' }}</span>
</div>
</div>
<div>
@@ -348,7 +347,6 @@
margin-left: 15px;
margin-top: 15px;
width: calc(100% - 15px);
font-size: 13px;
height: auto;
display: flex;
gap: 15px;
@@ -392,6 +390,8 @@
}
.list-item-main {
display: flex;
flex-direction: column;
gap: 15px;
> div {
flex: 1;
display: flex;

View File

@@ -52,14 +52,14 @@ export const linePosition = [
// 汇入市政管道 - 途径水泵2
{ left: '68%', top: '45%', width: '28%' },
// 总排水闸 - 总排水泵1 上半
{ left: '75%', top: '45%', transform: 'rotateZ(-90deg)', transformOrigin: 'left', width: '10%' },
{ left: '75%', top: '23%', width: '11%' },
{ left: '86%', top: '22.5%', transform: 'rotateZ(90deg)', transformOrigin: 'left', width: '10%' },
{ left: '76%', top: '45%', transform: 'rotateZ(-90deg)', transformOrigin: 'left', width: '10%' },
{ left: '76%', top: '23%', width: '11%' },
{ left: '87%', top: '22.5%', transform: 'rotateZ(90deg)', transformOrigin: 'left', width: '10%' },
// 总排水闸 - 总排水泵3 下半
{ left: '75%', top: '45%', transform: 'rotateZ(90deg)', transformOrigin: 'left', width: '9%' },
{ left: '75%', top: '65%', width: '11%' },
{ left: '76%', top: '45%', transform: 'rotateZ(90deg)', transformOrigin: 'left', width: '9%' },
{ left: '76%', top: '65%', width: '11%' },
{
left: '86%',
left: '87%',
top: '65%',
transform: 'rotateZ(-90deg)',
transformOrigin: 'left',

View File

@@ -12,13 +12,16 @@
</div>
</div>
</div>
<div class="mode">
<!-- <div class="mode">
<div class="title-item">
<div class="title-back">控制模式</div>
<div class="title-button">计划启用</div>
</div>
<div class="mode-item"></div>
</div>
<div class="mode-item">
<button class="btn">手动模式</button>
<button class="btn">强排模式</button>
</div>
</div> -->
</div>
</template>
<script setup lang="ts">
@@ -143,7 +146,11 @@
// 控制模式
.mode {
width: 200px;
display: flex;
justify-content: space-between;
.mode-item {
display: flex;
justify-content: space-between;
}
}
}

View File

@@ -22,7 +22,7 @@
</div>
<!-- 右下角按钮 -->
<div class="buttons">
<a-button type="primary" @click="openDrawer1">执行</a-button>
<a-button type="primary" @click="openDrawer">执行</a-button>
<a-button type="primary" @click="resetAll">全部撤销</a-button>
</div>
<!-- 页面右侧抽屉开关 -->
@@ -91,7 +91,6 @@
<span>{{ item.value + item.unit }}</span>
</div>
</div>
<div></div>
</div>
</div>
<a-empty style="margin-top: 100px" v-if="valveList.length == 0">
@@ -197,7 +196,7 @@
const valveList = ref<any>([]);
// 打开右侧抽屉
const openDrawer1 = () => {
const openDrawer = () => {
valveList.value = device2.value.filter((item: any) => {
return item.edited;
});
@@ -461,6 +460,7 @@
transform: translateY(-60px);
img {
height: 100%;
user-select: none;
}
div {
width: inherit;
@@ -593,6 +593,8 @@
.list-item-main {
display: flex;
font-size: 13px;
flex-direction: column;
gap: 15px;
> div {
flex: 1;
display: flex;