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

3
index.html
View File

@@ -2,7 +2,8 @@
<head> <head>
<meta charset="utf-8"> <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"> <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> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

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

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

12
src/pages/modules/home.vue
View File

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

BIN
static/favicon.ico Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB