Files
screen-shangdianke-uni/pages/setup.vue

88 lines
2.0 KiB
Vue
Raw Permalink Normal View History

2024-08-23 10:03:43 +08:00
<template>
2024-08-23 13:22:50 +08:00
<view class="zd-row flexcol jccenter container">
<view class="h1">车间物流监控</view>
<view class="login_wrap">
<view class="title">系统配置</view>
<view class="zd-row mgb20">
<view class="zd-col-6 label">域名地址</view>
<view class="zd-col-18"><input type="text" class="inputStyle" v-model="baseUrl"></view>
</view>
<view class="zd-row">
<view class="zd-col-6 label">刷新时间</view>
<view class="zd-col-18"><input type="number" class="inputStyle" v-model="setTime"></view>
</view>
<button class="button" @tap="toConfig">配置</button>
</view>
2024-08-23 10:03:43 +08:00
</view>
</template>
<script>
export default {
data() {
return {
2024-08-23 13:22:50 +08:00
baseUrl: this.$store.getters.baseUrl,
setTime: this.$store.getters.setTime / 1000
2024-08-23 10:03:43 +08:00
};
2024-08-23 13:22:50 +08:00
},
methods: {
toConfig () {
if (this.setTime > 10800) {
uni.showToast({
title: '刷新时间设置过长',
icon: 'none'
})
return
}
let obj = {
baseUrl: this.baseUrl,
setTime: this.setTime * 1000
}
this.$store.dispatch('setConfig', obj)
uni.redirectTo({
2024-08-26 09:56:43 +08:00
url: '/pages/screen'
2024-08-23 13:22:50 +08:00
})
}
2024-08-23 10:03:43 +08:00
}
}
</script>
2024-08-23 13:22:50 +08:00
<style lang="stylus" scoped>
@import '../common/style/mixin.styl';
.h1
font-size: 60px;
font-family: 'YouSheBiaoTiHei';
font-weight: 400;
color: transparent;
line-height: 44px;
opacity: 0.89;
letter-spacing 10px
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
filter: drop-shadow(#092F6D 1px 4px 1px);
-webkit-background-clip: text;
background-clip: text;
text-align center
margin-bottom 30px
.login_wrap
width 500px
background-color rgba(255, 255, 255, 0.8)
border-radius 5px
padding 20px
.title
_font(16px, 28px, #000,,center)
margin-bottom 10px
.label
_font(16px, 40px, #333,,)
.inputStyle
height 40px
_font(16px, 40px, #606266,,)
padding 0 15px
border none
background-color #ffffff
.button
_wh(100%, 40px)
_font(18px, 40px, #fff,,center)
margin 30px 0 10px 0
background-color #2778f3
border-radius 3px
2024-08-23 10:03:43 +08:00
</style>