图表样式

src/pages/Setup.vue

@@ -35,11 +35,16 @@
               </div>
               <div class="inputOuter">
                 <label>设备看板</label>
-                <!-- <select name="equipment" v-model="equipId">
-                  <option :value="e.id" v-for="e in equipment" :key="e.id">{{e.name}}</option>
-                </select> -->
                 <div class="select-wraper">
-                  <selectOpt :option="option" :index="index" @change="change"></SelectOpt>
+                  <!-- <selectOpt :option="option" :index="index" @change="change"></SelectOpt> -->
+                    <el-select v-model="value" placeholder="请选择">
+                      <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
                 </div>
               </div>
             </div>
@@ -63,8 +68,8 @@ export default {
     return {
       loginname: '',
       password: '',
-      option: [{index: '1', label: '新-左'}, {index: '2', label: '新-右'}],
-      index: this.$store.getters.equipId,
+      options: [{value: '1', label: '主页'}],
+      value: this.$store.getters.equipId,
       baseUrl: this.$store.getters.baseUrl,
       setTime: this.$store.getters.setTime / 1000,
       fullscreen: false
@@ -76,9 +81,6 @@ export default {
       const screenHeight = window.screen.height
       alert('宽：' + screenWidth + ';' + '高：' + screenHeight + ';')
     },
-    change (e) {
-      this.index = e
-    },
     _config () {
       if (this.setTime > 10800) {
         this.$message({
@@ -90,13 +92,11 @@ export default {
       let obj = {
         baseUrl: this.baseUrl,
         setTime: this.setTime * 1000,
-        equipId: this.index
+        equipId: this.value
       }
       this.$store.dispatch('setConfig', obj)
-      if (this.index === '1') {
-        this.$router.push('/lindex')
-      } else if (this.index === '2') {
-        this.$router.push('/rindex')
+      if (this.value === '1') {
+        this.$router.push('/home')
       }
       let element = document.documentElement
       if (this.fullscreen) {
@@ -133,7 +133,7 @@ export default {
   position relative
   _wh(100%, 100%)
   z-index 1
-  background center / 100% 100% url('../images/bg-login.jpg') no-repeat
+  background center / 100% 100% url('../images/bg.jpg') no-repeat
 .lizi
   position absolute
   top 0
@@ -181,20 +181,22 @@ export default {
   width 100%
 .inputOuter
   _fj(row)
-  height 38px
-  line-height 38px
+  height 40px
+  line-height 40px
   width 100%
   margin-bottom 12px
-.inputStyle, .select-wraper
-  _wh(calc(100% - 116px), 38px)
-  font-size 15px
+.inputStyle
+  _wh(calc(100% - 116px), 40px)
+  font-size 14px
   background none
-  line-height 38px
-  color #999999
-  text-indent 10px
+  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
@@ -215,6 +217,8 @@ export default {
 label
   width 115px
   font-size 15px
-  line-height 38px
+  line-height 40px
   color #333333
+.el-select
+  width 100%
 </style>