重启
This commit is contained in:
@@ -1,36 +1,46 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
class="config_dialog"
|
||||
:title="$t('Configuration')"
|
||||
:visible.sync="dialogVisible"
|
||||
width="50%"
|
||||
:before-close="handleClose">
|
||||
<el-form :model="dataForm" ref="dataForm" :rules="dataRule" :label-width="$i18n.locale === 'en-us' ? '1.3rem' : '1.1rem'" size="mini">
|
||||
<p class="tip">{{$t('Languageselection')}}</p>
|
||||
<el-form-item :label="$t('Language')" prop="selectedLanguage">
|
||||
<el-select v-model="dataForm.selectedLanguage" :placeholder="$t('Pleaseselect')" id="selectedLanguage" style="width: 100%;">
|
||||
<el-option
|
||||
v-for="item in languages"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<p class="tip">{{$t('Parameterconfiguration')}}</p>
|
||||
<el-form-item label="服务IP" prop="serverIp">
|
||||
<el-input placeholder="请输入服务IP" v-model="dataForm.serverIp" id="ip" @focus="show" data-layout="normal"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('SchedulingIP')" prop="ip">
|
||||
<el-input :placeholder="$t('PleaseIP')" v-model="dataForm.ip" id="ip" @focus="show" data-layout="normal"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="WIFI" prop="wifi">
|
||||
<el-input :placeholder="$t('PleaseWIFI')" v-model="dataForm.wifi" id="wifi" @focus="show" data-layout="normal"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row type="flex" justify="space-around" style="margin-top: .3rem">
|
||||
<el-col :span="7"><button class="button_control button_control_disabled" @click="exitUser"><p>{{$t('Cancel')}}</p></button></el-col>
|
||||
<el-col :span="7"><button class="button_control" @click="dataFormSubmit"><p>{{$t('Save')}}</p></button></el-col>
|
||||
</el-row>
|
||||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane label="基础配置" name="first">
|
||||
<el-form :model="dataForm" ref="dataForm" :rules="dataRule" :label-width="$i18n.locale === 'en-us' ? '1.3rem' : '1.1rem'" size="mini">
|
||||
<p class="tip">{{$t('Languageselection')}}</p>
|
||||
<el-form-item :label="$t('Language')" prop="selectedLanguage">
|
||||
<el-select v-model="dataForm.selectedLanguage" :placeholder="$t('Pleaseselect')" id="selectedLanguage" style="width: 100%;">
|
||||
<el-option
|
||||
v-for="item in languages"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<p class="tip">{{$t('Parameterconfiguration')}}</p>
|
||||
<el-form-item label="服务IP" prop="serverIp">
|
||||
<el-input placeholder="请输入服务IP" v-model="dataForm.serverIp" id="ip" @focus="show" data-layout="normal"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('SchedulingIP')" prop="ip">
|
||||
<el-input :placeholder="$t('PleaseIP')" v-model="dataForm.ip" id="ip" @focus="show" data-layout="normal"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="WIFI" prop="wifi">
|
||||
<el-input :placeholder="$t('PleaseWIFI')" v-model="dataForm.wifi" id="wifi" @focus="show" data-layout="normal"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row type="flex" justify="space-around" style="margin-top: .3rem">
|
||||
<el-col :span="7"><button class="button_control button_control_disabled" @click="exitUser"><p>{{$t('Cancel')}}</p></button></el-col>
|
||||
<el-col :span="7"><button class="button_control" @click="dataFormSubmit"><p>{{$t('Save')}}</p></button></el-col>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="关机重启" name="second">
|
||||
<el-row type="flex" justify="center" align="middle" class="tab_wraper">
|
||||
<div class="reset" @click="toReboot"></div>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<!-- <vue-touch-keyboard id="keyboard" :options="options" v-if="visible" :layout="layout" :cancel="hide" :accept="accept" :input="input" :next="next" /> -->
|
||||
</el-dialog>
|
||||
</template>
|
||||
@@ -40,6 +50,7 @@ import { mapGetters, mapActions } from 'vuex'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
activeName: 'first',
|
||||
dialogVisible: false,
|
||||
dataForm: {
|
||||
selectedLanguage: '',
|
||||
@@ -108,6 +119,27 @@ export default {
|
||||
this.visible = false
|
||||
done()
|
||||
},
|
||||
toReboot () {
|
||||
this.$confirm('是否确定关机重启?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.initLink()
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消关机重启'
|
||||
})
|
||||
})
|
||||
},
|
||||
initLink () {
|
||||
let link = 'stservice://systech.com:8088/router?data=reboot'
|
||||
const a = document.createElement('a')
|
||||
a.href = link
|
||||
document.body.appendChild(a)
|
||||
a.click()
|
||||
},
|
||||
show (e) {
|
||||
// 关闭中文keyboard
|
||||
let arr = document.querySelectorAll('.hg-theme-default')
|
||||
@@ -154,4 +186,12 @@ export default {
|
||||
line-height .2rem
|
||||
color #E54F29
|
||||
margin-bottom .1rem
|
||||
.tab_wraper
|
||||
width 100%
|
||||
height calc(2.2rem + 72px)
|
||||
.reset
|
||||
cursor pointer
|
||||
width .72rem
|
||||
height .71rem
|
||||
background center / 100% auto url(../../images/new/reset.png) no-repeat
|
||||
</style>
|
||||
|
||||
@@ -341,7 +341,7 @@ export default {
|
||||
right 0
|
||||
background-image url(../../images/new/hud_right.png)
|
||||
.warn_image
|
||||
_wh(.38rem, .39rem)
|
||||
margin .08rem .08rem 0 0
|
||||
_wh(.36rem, .32rem)
|
||||
margin 0 .08rem 0 0
|
||||
background center / 100% auto url(../../images/new/warn_green.png) no-repeat
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user