247 lines
6.3 KiB
Vue
247 lines
6.3 KiB
Vue
|
<template>
|
|||
|
|
<div class="login_bg">
|
|||
|
|
<div class="login_wrap">
|
|||
|
|
<div class="login-form-logo">
|
|||
|
|
<div class="login-logo-text login-logo-text1">欢迎来到</div>
|
|||
|
|
<div class="login-logo-text login-logo-text2">辽宁奥美手持系统！</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="login_cnt">
|
|||
|
|
<div class="login_card">
|
|||
|
|
<div class="card_wrap">
|
|||
|
|
<div class="inputOuter">
|
|||
|
|
<div class="input_label">acs地址</div>
|
|||
|
|
<input type="text" v-model="acsip" class="inputStyle">
|
|||
|
|
</div>
|
|||
|
|
<div class="inputOuter">
|
|||
|
|
<div class="input_label">刷新时间(s)</div>
|
|||
|
|
<input type="text" v-model="setTime" class="inputStyle">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="fxrow check-setup-box">
|
|||
|
|
<div class="setup-box" @click="toLogin">返回登录</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="submit">
|
|||
|
|
<button class="btn submit-button" @click="_submit">确 认</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: 'Setup',
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
// addrip: this.$store.getters.baseUrl,
|
|||
|
|
acsip: this.$store.getters.acsUrl,
|
|||
|
|
// imgip: this.$store.getters.imgip,
|
|||
|
|
// printip: this.$store.getters.printUrl || 'http://10.5.29.104:8000',
|
|||
|
|
// billPrintip: this.$store.getters.billPrintUrl || 'http://10.5.29.191:8000',
|
|||
|
|
setTime: this.$store.getters.setTime / 1000
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
toLogin () {
|
|||
|
|
this.$router.push('/login')
|
|||
|
|
},
|
|||
|
|
_submit () {
|
|||
|
|
// if (this.addrip === '') {
|
|||
|
|
// this.toast('请填写wms地址')
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
if (this.acsip === '') {
|
|||
|
|
this.toast('请填写acs地址')
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
// if (this.addrip === '') {
|
|||
|
|
// this.toast('请填写服务器地址')
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// if (this.imgip === '') {
|
|||
|
|
// this.toast('请填写图片域名地址')
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// if (this.printip === '') {
|
|||
|
|
// this.toast('请填写标签打印地址')
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// if (this.billPrintip === '') {
|
|||
|
|
// this.toast('请填写单据打印地址')
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
if (this.setTime === '') {
|
|||
|
|
this.toast('请填写刷新时间')
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
// 删除id为printid的DOM节点
|
|||
|
|
// var printid = document.getElementById('printid')
|
|||
|
|
// if (printid) {
|
|||
|
|
// printid.parentNode.removeChild(printid)
|
|||
|
|
// }
|
|||
|
|
// 动态添加script
|
|||
|
|
// var script = document.createElement('script')
|
|||
|
|
// script.setAttribute('id', 'printid')
|
|||
|
|
// script.src = this.printip + '/CLodopfuncs.js'
|
|||
|
|
// document.getElementsByTagName('head')[0].appendChild(script)
|
|||
|
|
|
|||
|
|
// 2
|
|||
|
|
// 删除id为billPrintid的DOM节点
|
|||
|
|
// var billPrintid = document.getElementById('billPrintid')
|
|||
|
|
// if (billPrintid) {
|
|||
|
|
// billPrintid.parentNode.removeChild(billPrintid)
|
|||
|
|
// }
|
|||
|
|
// 动态添加script
|
|||
|
|
// var script2 = document.createElement('script')
|
|||
|
|
// script2.setAttribute('id', 'billPrintid')
|
|||
|
|
// script2.src = this.billPrintip + '/CLodopfuncs.js'
|
|||
|
|
// document.getElementsByTagName('head')[0].appendChild(script2)
|
|||
|
|
|
|||
|
|
// 存值
|
|||
|
|
// this.$store.dispatch('setBaseUrl', this.addrip)
|
|||
|
|
this.$store.dispatch('setAcsUrl', this.acsip)
|
|||
|
|
// this.$store.dispatch('setImgIp', this.imgip)
|
|||
|
|
// this.$store.dispatch('setPrintUrl', this.printip)
|
|||
|
|
// this.$store.dispatch('setBillPrintUrl', this.billPrintip)
|
|||
|
|
this.$store.dispatch('setRefreshTime', this.setTime * 1000)
|
|||
|
|
this.$router.push('/login')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="stylus" scoped>
|
|||
|
|
.check-setup-box
|
|||
|
|
display flex
|
|||
|
|
align-items center
|
|||
|
|
justify-content center
|
|||
|
|
margin-top 24px
|
|||
|
|
.setup-box
|
|||
|
|
line-height 40px
|
|||
|
|
font-size 16px
|
|||
|
|
color #4A54FF
|
|||
|
|
.check-box
|
|||
|
|
display flex
|
|||
|
|
align-items center
|
|||
|
|
justify-content flex-start
|
|||
|
|
.icon-name-check
|
|||
|
|
width 22px
|
|||
|
|
height 22px
|
|||
|
|
margin-right 6px
|
|||
|
|
border 1px solid #e2e2e2
|
|||
|
|
border-radius 50%
|
|||
|
|
.icon-name-checked
|
|||
|
|
border none
|
|||
|
|
background center / 100% auto url(../../images/select.png) no-repeat
|
|||
|
|
background-size 22px 22px
|
|||
|
|
border 1px solid #e2e2e2
|
|||
|
|
.meber-desc
|
|||
|
|
line-height 40px
|
|||
|
|
font-size 16px
|
|||
|
|
color #4A54FF
|
|||
|
|
.login_bg
|
|||
|
|
width 100%
|
|||
|
|
height 100%
|
|||
|
|
// background center bottom / 100% auto url(../../images/bg_01.png) no-repeat
|
|||
|
|
.login_wrap
|
|||
|
|
position fixed
|
|||
|
|
left 50%
|
|||
|
|
top 50%
|
|||
|
|
width 472px
|
|||
|
|
min-height 460px
|
|||
|
|
transform translate3d(-50%, -50%, 0)
|
|||
|
|
border-radius 12px
|
|||
|
|
overflow hidden
|
|||
|
|
box-shadow 0 0 6px 0 rgb(0 0 0 / 20%)
|
|||
|
|
background #fff center bottom / 100% auto url(../../images/bg.png) no-repeat
|
|||
|
|
.login-form-logo
|
|||
|
|
width 100%
|
|||
|
|
height 180px
|
|||
|
|
display flex
|
|||
|
|
flex-direction column
|
|||
|
|
align-items center
|
|||
|
|
justify-content center
|
|||
|
|
background-color #e74f1a
|
|||
|
|
background-image linear-gradient(180deg, #f77130 0, #c64602 100%), linear-gradient(126deg, #f7874e 15%, #c04103 100%)
|
|||
|
|
border-radius 12px 12px 0 0
|
|||
|
|
box-shadow 0 2px 7px 0 #e84f1a
|
|||
|
|
.login-logo-text
|
|||
|
|
font-size 20px
|
|||
|
|
line-height 30px
|
|||
|
|
color #fff
|
|||
|
|
.login-logo-text2
|
|||
|
|
font-sise 22px
|
|||
|
|
font-weight bold
|
|||
|
|
.login_cnt
|
|||
|
|
position relative
|
|||
|
|
width 100%
|
|||
|
|
overflow hidden
|
|||
|
|
.login_card
|
|||
|
|
width 400px
|
|||
|
|
margin 0 auto
|
|||
|
|
.card_wrap
|
|||
|
|
overflow hidden
|
|||
|
|
.inputOuter
|
|||
|
|
position relative
|
|||
|
|
display flex
|
|||
|
|
align-items center
|
|||
|
|
justify-content space-between
|
|||
|
|
width 100%
|
|||
|
|
margin-top 24px
|
|||
|
|
label
|
|||
|
|
display block
|
|||
|
|
font-size .16rem
|
|||
|
|
line-height .3rem
|
|||
|
|
color #333
|
|||
|
|
.inputStyle, select
|
|||
|
|
width 100%
|
|||
|
|
line-height 40px
|
|||
|
|
height 40px
|
|||
|
|
color #595959
|
|||
|
|
padding 0 12px
|
|||
|
|
font-size 16px
|
|||
|
|
border 1px solid #dfdfdf
|
|||
|
|
box-sizing border-box
|
|||
|
|
border-radius 4px
|
|||
|
|
select
|
|||
|
|
appearance auto
|
|||
|
|
outline none
|
|||
|
|
.submit
|
|||
|
|
width 100%
|
|||
|
|
margin 24px auto
|
|||
|
|
text-align center
|
|||
|
|
.btn
|
|||
|
|
background-color #2778f3
|
|||
|
|
font-size 16px
|
|||
|
|
line-height 40px
|
|||
|
|
color #fff
|
|||
|
|
width 100%
|
|||
|
|
border-radius 999px
|
|||
|
|
margin 0
|
|||
|
|
padding 0
|
|||
|
|
.submit-button
|
|||
|
|
background center center #e74f1a
|
|||
|
|
background-image linear-gradient(315deg,#D7592F 0,#E2663C 100%)
|
|||
|
|
.scan_icon
|
|||
|
|
width .4rem
|
|||
|
|
font-size .3rem
|
|||
|
|
line-height .4rem
|
|||
|
|
color #D7592F
|
|||
|
|
text-align center
|
|||
|
|
border 1px solid #D7592F
|
|||
|
|
border-radius 100%
|
|||
|
|
margin .1rem auto
|
|||
|
|
&::before
|
|||
|
|
content: '\e607'
|
|||
|
|
.san_text
|
|||
|
|
font-size .16rem
|
|||
|
|
color #D7592F
|
|||
|
|
text-align center
|
|||
|
|
.input_label
|
|||
|
|
width 150px
|
|||
|
|
font-size 16px
|
|||
|
|
line-height 40px
|
|||
|
|
color #595959
|
|||
|
|
</style>
|