123 lines
2.5 KiB
Vue
123 lines
2.5 KiB
Vue
|
<template>
|
|||
|
|
<div class="movepoint">
|
|||
|
|
<div class="fr con">
|
|||
|
|
<div class="box1">
|
|||
|
|
<div class="point fl" v-for="e in dataList" :key="e.point_code" @click="toRadio(e)">{{e.code_name}}</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="box2">
|
|||
|
|
<span class="span1">目标站点：</span>
|
|||
|
|
<span class="span2">{{selectObj.code_name}}</span>
|
|||
|
|
<button class="btn btn1" @click="toSure">确定</button>
|
|||
|
|
<button class="btn btn2" @click="toClear">清除</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {queryPoint, confirmPoint} from '@/config/getData.js'
|
|||
|
|
export default {
|
|||
|
|
name: 'MovePoint',
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
selectObj: {},
|
|||
|
|
dataList: []
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created () {
|
|||
|
|
this.initData()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
async initData () {
|
|||
|
|
let res = await queryPoint()
|
|||
|
|
if (res.code === '1') {
|
|||
|
|
this.dataList = res.result
|
|||
|
|
} else {
|
|||
|
|
this.toast(res.desc)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async confirmPoint () {
|
|||
|
|
let res = await confirmPoint(this.selectObj.point_code)
|
|||
|
|
if (res.code === '1') {
|
|||
|
|
this.toast(res.desc)
|
|||
|
|
this.selectObj = {}
|
|||
|
|
} else {
|
|||
|
|
this.toast(res.desc)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
toRadio (e) {
|
|||
|
|
this.selectObj = e
|
|||
|
|
},
|
|||
|
|
toSure () {
|
|||
|
|
if (this.selectObj.point_code) {
|
|||
|
|
this.confirmPoint()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
toClear () {
|
|||
|
|
this.selectObj = {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang="stylus" scoped>
|
|||
|
|
.con
|
|||
|
|
float left
|
|||
|
|
margin-left .4rem
|
|||
|
|
margin-top .39rem
|
|||
|
|
.box1
|
|||
|
|
width 10.4rem
|
|||
|
|
// height 6.1rem
|
|||
|
|
height 3.2rem
|
|||
|
|
.point
|
|||
|
|
width 2rem
|
|||
|
|
line-height .9rem
|
|||
|
|
color #FA6400
|
|||
|
|
font-size .36rem
|
|||
|
|
text-align center
|
|||
|
|
border .16rem solid #DFE1E6
|
|||
|
|
border-radius .2rem
|
|||
|
|
background #ffffff
|
|||
|
|
margin-right .4rem
|
|||
|
|
margin-bottom .35rem
|
|||
|
|
.box2
|
|||
|
|
position relative
|
|||
|
|
width 9.81rem
|
|||
|
|
height 1.5rem
|
|||
|
|
border .16rem solid #DFE1E6
|
|||
|
|
border-radius .2rem
|
|||
|
|
background #ffffff
|
|||
|
|
.span1
|
|||
|
|
position absolute
|
|||
|
|
left .3rem
|
|||
|
|
top .34rem
|
|||
|
|
display inline-block
|
|||
|
|
line-height .5rem
|
|||
|
|
font-size .28rem
|
|||
|
|
border-right 3px solid #FA6400
|
|||
|
|
width 1.6rem
|
|||
|
|
color #464646
|
|||
|
|
.span2
|
|||
|
|
position absolute
|
|||
|
|
left 2.5rem
|
|||
|
|
top .4rem
|
|||
|
|
display inline-block
|
|||
|
|
font-size .34rem
|
|||
|
|
color #fa6400
|
|||
|
|
.btn
|
|||
|
|
width 1.8rem
|
|||
|
|
line-height .88rem
|
|||
|
|
font-size .32rem
|
|||
|
|
border-radius .28rem
|
|||
|
|
color #ffffff
|
|||
|
|
.btn1
|
|||
|
|
position absolute
|
|||
|
|
left 5.5rem
|
|||
|
|
top .15rem
|
|||
|
|
background #FD6A35
|
|||
|
|
.btn2
|
|||
|
|
position absolute
|
|||
|
|
left 7.5rem
|
|||
|
|
top .15rem
|
|||
|
|
background #989EBB
|
|||
|
|
</style>
|