root/screen-shangdianke
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

960样式

Browse Source
This commit is contained in:
caill
2024-08-30 11:29:41 +08:00
parent d026a1cc31
commit 12f01c0dc9
16 changed files with 1478 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -2,8 +2,8 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"> --> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no, target-densitydpi=device-dpi" /> <!-- <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no, target-densitydpi=device-dpi" /> -->
<title>车间物料监控</title> <title>车间物料监控</title>
</head> </head>
<body class="clearfix"> <body class="clearfix">

BIN
src/images/agv_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/images/bg-title_1_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
src/images/bg-title_2_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
src/images/header_bg_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
src/images/pie-bg_2_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/images/rgv_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

6
src/main.js
View File

@@ -4,17 +4,15 @@ import App from './App'
import router from './router' import router from './router'
import store from './vuex/store' import store from './vuex/store'
import './style/reset.css' import './style/reset.css'
import './style/layout.styl' import './style/iconfont.styl'
import * as echarts from 'echarts' import * as echarts from 'echarts'
import 'default-passive-events' import 'default-passive-events'
import scroll from 'vue-seamless-scroll' import scroll from 'vue-seamless-scroll'
import {Message, Select, Option} from 'element-ui' import {Message} from 'element-ui'
Vue.prototype.$echarts = echarts Vue.prototype.$echarts = echarts
Vue.use(scroll) Vue.use(scroll)
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.use(Select)
Vue.use(Option)
Vue.config.productionTip = false Vue.config.productionTip = false
/* eslint-disable no-new */ /* eslint-disable no-new */
new Vue({ new Vue({

0
src/pages/Setup.vue → src/pages_1920/Setup.vue
View File

0
src/pages/modules/home/index.vue → src/pages_1920/modules/home/index.vue
View File

169
src/pages_960/Setup.vue Normal file
View File

@@ -0,0 +1,169 @@
<template>
<div class="body-container">
<h1>车间物流监控</h1>
<div class="login_wrap">
<div class="login_cnt">
<div class="title-name">系统配置</div>
<div class="login_card">
<div class="card_wrap">
<div class="inputOuter">
<label>域名地址</label>
<input type="text" class="inputStyle" v-model="baseUrl">
</div>
<div class="inputOuter">
<label>刷新时间（秒）</label>
<input type="number" class="inputStyle" v-model="setTime">
</div>
</div>
<button class="btn" @click="_config">配置</button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
loginname: '',
password: '',
baseUrl: this.$store.getters.baseUrl,
setTime: this.$store.getters.setTime / 1000,
fullscreen: false
}
},
methods: {
_config () {
if (this.setTime > 10800) {
this.$message({
message: '刷新时间设置过长',
type: 'warning'
})
return
}
let obj = {
baseUrl: this.baseUrl,
setTime: this.setTime * 1000
}
this.$store.dispatch('setConfig', obj)
this.$router.push('/home')
let element = document.documentElement
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
} else {
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
}
this.fullscreen = !this.fullscreen
}
}
}
</script>
<style lang="stylus" scoped>
@import '~@style/mixin'
.body-container
_wh(100%, 100%)
_fj(row, center)
flex-direction column
h1
font-size: 30px;
font-weight: 400;
color: #fff;
line-height: 44px;
letter-spacing 4px
text-align center
margin-bottom 30px
.login_wrap
width 500px
background-color rgba(255, 255, 255, 0.8)
border-radius 5px
.login_tab
position relative
height 50px
font-size 0
background-color rgba(255, 255, 255, 0.9)
border-radius 5px 5px 0 0
.login_tab_item
float left
width 50%
font-size 16px
line-height 50px
color #333333
text-align center
cursor pointer
.login_tab_line
position absolute
width 50%
height 2px
background-color #2778f3
left 0
bottom 0
.login_cnt
width 100%
padding 15px
.title-name
_font(16px, 28px, #000,,center)
margin-bottom 10px
.login_card
width 100%
.inputOuter
_fj(row)
height 40px
line-height 40px
width 100%
margin-bottom 12px
.inputStyle
_wh(calc(100% - 116px), 40px)
font-size 14px
background none
line-height 40px
color #606266
padding 0 15px
border none
box-sizing border-box
background-color #ffffff
.select-wraper
_wh(calc(100% - 116px), 40px)
.submit
width 100%
background-color #2778f3
border-radius 3px
margin-top 5px
.btn
background-color #2778f3
border-radius 3px
margin-top 5px
height 40px
font-size 18px
color #fff
line-height 39px
width 100%
outline none
border none
font-weight normal
label
width 115px
font-size 15px
line-height 40px
color #333333
.el-select
width 100%
</style>

1283
src/pages_960/modules/home/index.vue Normal file
View File

File diff suppressed because it is too large Load Diff

4
src/router/index.js
View File

@@ -1,8 +1,8 @@
import Vue from 'vue' import Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup') const Setup = r => require.ensure([], () => r(require('../pages_960/Setup')), 'Setup')
const home = r => require.ensure([], () => r(require('@page/modules/home/index')), 'home') const home = r => require.ensure([], () => r(require('../pages_960/modules/home/index')), 'home')
Vue.use(Router) Vue.use(Router)

32
src/style/iconfont.styl
View File

@@ -4,22 +4,22 @@
url('iconfont/iconfont.woff') format('woff'), url('iconfont/iconfont.woff') format('woff'),
url('iconfont/iconfont.ttf') format('truetype'); url('iconfont/iconfont.ttf') format('truetype');
} }
@font-face { // @font-face {
font-family: "YouSheBiaoTiHei"; // font-family: "YouSheBiaoTiHei";
src: url('font/YouSheBiaoTiHei.ttf') format('truetype'); // src: url('font/YouSheBiaoTiHei.ttf') format('truetype');
} // }
@font-face { // @font-face {
font-family: "SourceHanSansCN-Bold"; // font-family: "SourceHanSansCN-Bold";
src: url('font/SourceHanSansCN-Bold.otf') format('truetype'); // src: url('font/SourceHanSansCN-Bold.otf') format('truetype');
} // }
@font-face { // @font-face {
font-family: "SourceHanSansCN-Regular"; // font-family: "SourceHanSansCN-Regular";
src: url('font/SourceHanSansCN-Regular.otf') format('truetype'); // src: url('font/SourceHanSansCN-Regular.otf') format('truetype');
} // }
@font-face { // @font-face {
font-family: "SourceHanSansCN-Medium"; // font-family: "SourceHanSansCN-Medium";
src: url('font/SourceHanSansCN-Medium.otf') format('truetype'); // src: url('font/SourceHanSansCN-Medium.otf') format('truetype');
} // }
.iconfont { .iconfont {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-size: 16px; font-size: 16px;

2
src/style/reset.css
View File

@@ -84,7 +84,7 @@ body {
-ms-user-select:none;/*IE10*/ -ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/ -khtml-user-select:none;/*早期浏览器*/
user-select:none; user-select:none;
background: center / 100% 100% url('../images/bg.jpg') no-repeat; background-color: #133471;
} }
div, p { div, p {

16
src/vuex/modules/com.js
View File

@@ -1,42 +1,32 @@
import * as types from '../types' import * as types from '../types'
import { getStore, setStore } from '@js/mUtils.js' import { getStore, setStore } from '@js/mUtils.js'
const baseUrl = process.env.NODE_ENV === 'development' ? 'http://192.168.8.162:8010' : 'http://192.168.8.162:8010' const baseUrl = process.env.NODE_ENV === 'development' ? 'http://192.168.8.221:8011' : 'http://192.168.8.221:8011'
const lcUrl = process.env.NODE_ENV === 'development' ? 'http://192.168.8.160:8010' : 'http://192.168.8.160:8010'
/** /**
* App通用配置 * App通用配置
*/ */
const state = { const state = {
baseUrl: getStore('baseUrl') || baseUrl, baseUrl: getStore('baseUrl') || baseUrl,
lcUrl: getStore('lcUrl') || lcUrl, setTime: getStore('setTime') || 180000
setTime: getStore('setTime') || 50000,
equipId: getStore('equipId') || '1'
} }
const actions = { const actions = {
setConfig ({commit}, res) { setConfig ({commit}, res) {
setStore('baseUrl', res.baseUrl) setStore('baseUrl', res.baseUrl)
setStore('lcUrl', res.lcUrl)
setStore('setTime', res.setTime) setStore('setTime', res.setTime)
setStore('equipId', res.equipId)
commit(types.COM_CONFIG, res) commit(types.COM_CONFIG, res)
} }
} }
const getters = { const getters = {
baseUrl: state => state.baseUrl, baseUrl: state => state.baseUrl,
lcUrl: state => state.lcUrl, setTime: state => state.setTime
setTime: state => state.setTime,
equipId: state => state.equipId
} }
const mutations = { const mutations = {
[types.COM_CONFIG] (state, res) { [types.COM_CONFIG] (state, res) {
state.baseUrl = res.baseUrl state.baseUrl = res.baseUrl
state.lcUrl = res.lcUrl
state.setTime = res.setTime state.setTime = res.setTime
state.equipId = res.equipId
} }
} }