This commit is contained in:
2025-06-27 11:07:55 +08:00
parent 839d14fef0
commit 842533515d
4 changed files with 36 additions and 45 deletions

View File

@@ -2,7 +2,8 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
<title>apt-nl</title>
<link rel="icon" href="./static/favicon.ico">
<title>APT</title>
</head>
<body>
<div id="app"></div>

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

View File

@@ -16,9 +16,9 @@ export default {
return {
nav: [
{title: '操作', zh_title: '操作', en_title: 'Task', router: '/index/device'},
{title: '建图', zh_title: '建图', en_title: 'Fault', router: '/mini/errorinfo'},
{title: '取消任务', zh_title: '取消任务', en_title: 'Teach', router: '/mini/teach'},
{title: '地图', zh_title: '地图', en_title: 'Teach', router: '/mini/teach'}
{title: '建图', zh_title: '建图', en_title: 'Fault', router: ''},
{title: '取消任务', zh_title: '取消任务', en_title: 'Teach', router: ''},
{title: '地图', zh_title: '地图', en_title: 'Teach', router: ''}
],
disabled: false
}
@@ -83,10 +83,10 @@ export default {
width 2px
background-image linear-gradient(to bottom,#62b2f0,#b1ebf8)
.nav_icon
width 40%
padding-top 40%
width 35%
padding-top 35%
border-radius 50%
margin-bottom 12%
margin-bottom 10%
.nav_item_1
.nav_icon
background #217872 center center / 70% auto url(../../images/new/RF1.png) no-repeat

BIN
static/favicon.ico Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB