root/apt15e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ico

Browse Source
This commit is contained in:
caill
2025-06-27 11:07:55 +08:00
parent 839d14fef0
commit 842533515d
4 changed files with 36 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/pages/modules/device.vue
View File

@@ -3,45 +3,22 @@
<el-col :span="20" class="l_box_w">
<el-row type="flex" class="l_box" justify="start" align="top">
<el-col class="point_item" v-for="e in dataList" :key="e.point_code">
<p>{{ e.point_code }}</p>
<div class="zbox point_item_i" @click="handleCheck(e)"><p>{{ e.point_code }}</p></div>
</el-col>
</el-row>
<el-row type="flex" class="result_w" justify="space-between" align="middle">
<el-col :span="19" class="result_items_w">
<el-row type="flex" class="result_items" justify="start" align="top">
<el-col class="point_item point_checked point_item_s"><p>A</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>B</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>C</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>D</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>E</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>F</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>G</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>H</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>B</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>C</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>D</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>E</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>F</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>G</p></el-col>
<i class="el-icon-caret-right icon-caret-right"></i>
<el-col class="point_item point_checked point_item_s"><p>H</p></el-col>
<el-col class="pp_item" v-for="(e, i) in newData" :key="e.point_code">
<el-row type="flex">
<div class="point_item point_checked point_item_s"><div class="point_item_i"><p>{{ e.point_code }}</p></div></div>
<i v-if="i < newData.length - 1" class="el-icon-caret-right icon-caret-right"></i>
</el-row>
</el-col>
</el-row>
</el-col>
<el-col :span="4">
<button class="button_control button_control_disabled" style="margin-bottom: .08rem"><p>清空</p></button>
<button class="button_control button_control_disabled" style="margin-bottom: .08rem" @click="newData = []"><p>清空</p></button>
<button class="button_control"><p>发送任务</p></button>
</el-col>
</el-row>
@@ -49,8 +26,11 @@
<el-col :span="4" class="r_box_w">
<div class="tip">历史任务</div>
<div class="ls_w">
<div class="ls_item">A->B->C->D</div>
<div class="ls_item">A->B</div>
<div class="ls_item">
<span v-for="(e, i) in historyData" :key="e.point_code">
<span>{{ e.point_code }}</span><i v-if="i < historyData.length - 1" class="el-icon-right"></i>
</span>
</div>
</div>
</el-col>
</el-row>
@@ -60,7 +40,14 @@
export default {
data () {
return {
dataList: [{point_code: 'A'}, {point_code: 'B'}, {point_code: 'C'}, {point_code: 'D'}, {point_code: 'E'}, {point_code: 'F'}, {point_code: 'G'}, {point_code: 'H'}]
dataList: [{point_code: 'A'}, {point_code: 'B'}, {point_code: 'C'}, {point_code: 'D'}, {point_code: 'E'}, {point_code: 'F'}, {point_code: 'G'}, {point_code: 'H'}],
newData: [],
historyData: [{point_code: 'A'}, {point_code: 'B'}, {point_code: 'C'}, {point_code: 'D'}, {point_code: 'E'}]
}
},
methods: {
handleCheck (e) {
this.newData.push(e)
}
}
}
@@ -76,15 +63,18 @@ export default {
flex-wrap wrap
align-content flex-start
margin-bottom .1rem
.pp_item
width 19.6%
.point_item
width 19.6%
height 0.6rem
display flex
align-items center
justify-content center
padding 0.1rem
margin-bottom 0.02rem
background center / 100% 100% url(../../images/new/bg2.png) no-repeat
.point_item_i
display flex
align-items center
justify-content center
p
font-size .2rem
font-family 'SourceHanSansCN-Bold'
@@ -127,7 +117,7 @@ export default {
padding .1rem
background-color rgba(10, 73, 164, 80%)
.point_item_s
width 12%
width calc(100% - .17rem)
height .4rem
p
font-size .17rem