导航、车辆、系统、弹窗、登录
This commit is contained in:
@@ -2,118 +2,95 @@
|
||||
<div class="main-container">
|
||||
<div class="right_side">
|
||||
<div class="content_wrap">
|
||||
<div class="content_wrap_inner content_wrap_inner_1">
|
||||
<div class="state_wrap state_wrap_1">
|
||||
<div class="state_tip">偏离状态</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_1">{{status.inLineStatus_name}}</div>
|
||||
<div class="title_wrap">
|
||||
<h2>车辆控制</h2>
|
||||
</div>
|
||||
<div class="page_container">
|
||||
<div class="state_title-wrap">
|
||||
<h3>状态</h3>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_item_wrap">
|
||||
<div class="state_item_label">偏离状态：</div>
|
||||
<div class="state_item_val" :class="{'state_item_val_disabled': status.inLineStatus === '1'}">{{status.inLineStatus_name}}</div>
|
||||
</div>
|
||||
<div class="state_item_wrap">
|
||||
<div class="state_item_label">更新状态：</div>
|
||||
<div class="state_item_val" :class="{'state_item_val_disabled': status.UpdateStatus === '0'}">{{status.UpdateStatus_name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap state_wrap_1">
|
||||
<div class="state_tip">更新状态</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_1">{{status.UpdateStatus_name}}</div>
|
||||
<div class="state_title-wrap">
|
||||
<h3>AGV</h3>
|
||||
</div>
|
||||
<div class="agv_wrap">
|
||||
<!-- 跳过起点 -->
|
||||
<button class="switch_item switch_item_1" @click="switchDown('9', '0')" :disabled="disabled"></button>
|
||||
<!-- 初始化坐标 -->
|
||||
<button class="switch_item switch_item_2" @click="_queryRestPoint" :disabled="disabled"></button>
|
||||
<!-- 全屏 -->
|
||||
<button class="switch_item switch_item_3" @click="switchDown('11', '0')" :disabled="disabled"></button>
|
||||
<!-- 退出 -->
|
||||
<button class="switch_item switch_item_4" @click="switchDown('7', '0')" :disabled="disabled"></button>
|
||||
<!-- 关机 -->
|
||||
<button class="switch_item switch_item_5" @click="switchDown('1', '0')" :disabled="disabled"></button>
|
||||
<!-- 软启动 -->
|
||||
<button class="switch_item switch_item_6" @click="switchDown('8', '0')" :disabled="disabled"></button>
|
||||
<!-- 重启 -->
|
||||
<button class="switch_item switch_item_7" @click="switchDown('10', '0')" :disabled="disabled"></button>
|
||||
<!-- 跳过检测 -->
|
||||
<button class="switch_item switch_item_8" @click="switchDown('12', '0')" :disabled="disabled"></button>
|
||||
</div>
|
||||
<div class="state_title-wrap">
|
||||
<h3>控制</h3>
|
||||
</div>
|
||||
<div class="control_wrap">
|
||||
<div class="control_item">
|
||||
<div class="control_label">显示屏控制</div>
|
||||
<div class="control_val">
|
||||
<button class="state_item_switch" :class="{'is-checked': switch1 === '1'}" :disabled="disabled" @click="switchDown('2', switch1)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">显示屏控制</div>
|
||||
<div class="state_content">
|
||||
<button class="state_item_switch" :class="{'is-checked': switch1 === '1'}" :disabled="disabled" @click="switchDown('2', switch1)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">TCS控制</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_switch" :class="{'is-checked': switch2 === '1'}" :disabled="disabled" @click="switchDown('3', switch2)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
<div class="control_item">
|
||||
<div class="control_label">TCS控制</div>
|
||||
<div class="control_val">
|
||||
<button class="state_item_switch" :class="{'is-checked': switch2 === '1'}" :disabled="disabled" @click="switchDown('3', switch2)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">SCHE控制</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_switch" :class="{'is-checked': switch3 === '1'}" :disabled="disabled" @click="switchDown('4', switch3)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
<div class="control_item">
|
||||
<div class="control_label">SCHE控制</div>
|
||||
<div class="control_val">
|
||||
<button class="state_item_switch" :class="{'is-checked': switch3 === '1'}" :disabled="disabled" @click="switchDown('4', switch3)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">RC控制</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_switch" :class="{'is-checked': switch4 === '1'}" :disabled="disabled" @click="switchDown('5', switch4)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
<div class="control_item">
|
||||
<div class="control_label">RC控制</div>
|
||||
<div class="control_val">
|
||||
<button class="state_item_switch" :class="{'is-checked': switch4 === '1'}" :disabled="disabled" @click="switchDown('5', switch4)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">Joy控制</div>
|
||||
<div class="state_content">
|
||||
<div class="state_item_switch" :class="{'is-checked': switch5 === '1'}" :disabled="disabled" @click="switchDown('6', switch5)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
<div class="control_item">
|
||||
<div class="control_label">Joy控制</div>
|
||||
<div class="control_val">
|
||||
<button class="state_item_switch" :class="{'is-checked': switch5 === '1'}" :disabled="disabled" @click="switchDown('6', switch5)">
|
||||
<input type="checkbox" class="switch__input">
|
||||
<span class="switch_core"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="state_wrap">
|
||||
<div class="state_tip">AGV</div>
|
||||
<div class="state_content">
|
||||
<button class="state_item_4 pointer" @click="switchDown('9', '0')" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_2"></span>
|
||||
<span class="state_item_4_txt">跳过起点</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="state_item_4 pointer" @click="_queryRestPoint" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_6"></span>
|
||||
<span class="state_item_4_txt">初始化坐标</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="state_item_4 pointer" @click="switchDown('11', '0')" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_4"></span>
|
||||
<span class="state_item_4_txt">全屏</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="state_item_4 pointer" @click="switchDown('7', '0')" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_3"></span>
|
||||
<span class="state_item_4_txt">退出</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="state_item_4 pointer" @click="switchDown('1', '0')" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_5"></span>
|
||||
<span class="state_item_4_txt">关机</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="state_item_4 pointer" @click="switchDown('8', '0')" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_1"></span>
|
||||
<span class="state_item_4_txt">软启动</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="state_item_4 pointer" @click="switchDown('10', '0')" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_7"></span>
|
||||
<span class="state_item_4_txt">重启</span>
|
||||
</div>
|
||||
</button>
|
||||
<button class="state_item_4 pointer" @click="switchDown('12', '0')" :disabled="disabled">
|
||||
<div class="state_item_4_wrap">
|
||||
<span class="state_item_4_btn state_icon_8"></span>
|
||||
<span class="state_item_4_txt">跳过检测</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="show" class="pop_wrapper">
|
||||
<div class="pop_box">
|
||||
@@ -164,6 +141,9 @@ export default {
|
||||
clearInterval(this.timer)
|
||||
},
|
||||
methods: {
|
||||
text () {
|
||||
this.switch1 = '0'
|
||||
},
|
||||
refresh () {
|
||||
this._queryAgvStatus()
|
||||
this.timer = setInterval(() => {
|
||||
@@ -258,6 +238,59 @@ export default {
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@import '~@style/mixin'
|
||||
.state_wrap
|
||||
width 100%
|
||||
_fj()
|
||||
padding 17px 30px 32px 80px
|
||||
.state_item_wrap
|
||||
width 50%
|
||||
_fj(flex-start)
|
||||
.state_item_label
|
||||
width 190px
|
||||
_font(36px, 56px, #B4C1D8, 500,)
|
||||
font-family: SourceHanSansCN-Medium;
|
||||
.state_item_val
|
||||
width calc(100% - 190px)
|
||||
_font(36px, 56px, #fff, 500,)
|
||||
font-family: SourceHanSansCN-Medium;
|
||||
padding-left 66px
|
||||
background left center url(../../../images/new/state_btn.png) no-repeat
|
||||
.state_item_val_disabled
|
||||
background-image url(../../../images/new/state_btn_disable.png)
|
||||
.agv_wrap
|
||||
width 100%
|
||||
_fj()
|
||||
padding 10px 30px 29px 80px
|
||||
.switch_item
|
||||
_wh(157px, 157px)
|
||||
.switch_item_1
|
||||
background center url(../../../images/new/switch_1.png) no-repeat
|
||||
.switch_item_2
|
||||
background center url(../../../images/new/switch_2.png) no-repeat
|
||||
.switch_item_3
|
||||
background center url(../../../images/new/switch_3.png) no-repeat
|
||||
.switch_item_4
|
||||
background center url(../../../images/new/switch_4.png) no-repeat
|
||||
.switch_item_5
|
||||
background center url(../../../images/new/switch_5.png) no-repeat
|
||||
.switch_item_6
|
||||
background center url(../../../images/new/switch_6.png) no-repeat
|
||||
.switch_item_7
|
||||
background center url(../../../images/new/switch_7.png) no-repeat
|
||||
.switch_item_8
|
||||
background center url(../../../images/new/switch_8.png) no-repeat
|
||||
.control_wrap
|
||||
width 100%
|
||||
_fj(flex-start, flex-start)
|
||||
flex-wrap wrap
|
||||
padding 10px 30px 29px 80px
|
||||
.control_item
|
||||
width calc(100% / 3)
|
||||
_fj(flex-start, flex-start)
|
||||
.control_label
|
||||
width 190px
|
||||
_font(36px, 56px, #B4C1D8, 500,)
|
||||
font-family: SourceHanSansCN-Medium;
|
||||
.content_wrap_inner
|
||||
_fj()
|
||||
.state_item_4
|
||||
|
||||
Reference in New Issue
Block a user