960样式

src/main.js

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

src/pages_960/Setup.vue

@@ -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>

src/router/index.js

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

src/style/iconfont.styl

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

src/style/reset.css

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

src/vuex/modules/com.js

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