From 0dc38d197949cdfc484543b438a6a996127af97f Mon Sep 17 00:00:00 2001
From: caill <815519168@qq.com>
Date: Fri, 30 Sep 2022 15:10:18 +0800
Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Setup1.vue | 268 +++++++++++++++++++++++++++++++++++++++++++
 src/router/index.js  |   7 +-
 2 files changed, 274 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Setup1.vue

diff --git a/src/pages/Setup1.vue b/src/pages/Setup1.vue
new file mode 100644
index 0000000..28c3c0a
--- /dev/null
+++ b/src/pages/Setup1.vue
@@ -0,0 +1,268 @@
+<template>
+  <div>
+    <vue-particles
+        color="#fff"
+        :particleOpacity="0.7"
+        :particlesNumber="60"
+        shapeType="circle"
+        :particleSize="4"
+        linesColor="#fff"
+        :linesWidth="1"
+        :lineLinked="true"
+        :lineOpacity="0.4"
+        :linesDistance="150"
+        :moveSpeed="2"
+        :hoverEffect="true"
+        hoverMode="grab"
+        :clickEffect="true"
+        clickMode="push"
+        class="lizi"
+      >
+      </vue-particles>
+    <div class="login_wrap">
+      <div class="login_cnt clearfix drift">
+        <div class="login_card fl">
+          <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 class="inputOuter">
+              <label>配粉工位</label>
+              <button class="btn btn1 fr" @click="_queryDevice()">查找</button>
+              <div class="fr select_wrap">
+                <dropdown-menu
+                  :option="option"
+                  :active="active"
+                  :open="open"
+                  @toggleItem="toggleItem"
+                  @dropdownMenu="dropdownMenu">
+                </dropdown-menu>
+              </div>
+            </div>
+            <div class="inputOuter">
+              <label>设备大屏</label>
+              <div class="fr select_wrap select_wrap_1">
+                <dropdown-menu
+                  :option="option1"
+                  :active="active1"
+                  :open="open1"
+                  @toggleItem="toggleItem1"
+                  @dropdownMenu="dropdownMenu1">
+                </dropdown-menu>
+              </div>
+            </div> -->
+          </div>
+          <div class="submit"><input type="submit" value="配  置" class="btn" @click="_config"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import DropdownMenu from '@components/DropdownMenu.vue'
+import {queryDevice} from '@js/getData2.js'
+export default {
+  name: 'Login',
+  components: {
+    DropdownMenu
+  },
+  data () {
+    return {
+      loginname: '',
+      password: '',
+      drift: 0,
+      baseUrl: this.$store.getters.baseUrl,
+      setTime: this.$store.getters.setTime,
+      fullscreen: false,
+      heightLimit: false,
+      option: [],
+      active: '',
+      open: false,
+      option1: [{value: '1', label: '混合料厂配粉任务看板'}, {value: '2', label: '设备管理综合查询'}],
+      active1: '',
+      open1: false
+    }
+  },
+  mounted () {
+    document.getElementsByTagName('body')[0].className = 'login_bg'
+  },
+  beforeDestroy () {
+    document.body.removeAttribute('class', 'login_bg')
+  },
+  methods: {
+    async _queryDevice () {
+      let res = await queryDevice(this.baseUrl)
+      if (res.code === '1') {
+        this.toast(res.desc)
+        this.option = [...res.rows]
+        if (this.$store.getters.equipId) {
+          this.option.map((el, i) => {
+            if (this.$store.getters.equipId === el.value) {
+              this.active = i + ''
+            }
+          })
+        }
+      }
+    },
+    toggleItem () {
+      if (!this.open) {
+        this.open = true
+      } else {
+        this.open = false
+      }
+    },
+    dropdownMenu (i) {
+      this.active = i + ''
+      this.open = false
+    },
+    toggleItem1 () {
+      if (!this.open1) {
+        this.open1 = true
+      } else {
+        this.open1 = false
+      }
+    },
+    dropdownMenu1 (i) {
+      this.active1 = i + ''
+      this.open1 = false
+    },
+    _config () {
+      let obj = {
+        baseUrl: this.baseUrl,
+        setTime: this.setTime
+      }
+      this.$store.dispatch('setConfig', obj)
+      this.$router.push('/DeviceManage')
+      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>
+.login_wrap
+  position fixed
+  left 50%
+  top 50%
+  width 410px
+  transform translate3d(-50%, -50%, 0)
+  background-color rgba(255, 255, 255, 0.8)
+  border-radius 5px
+.height-limit
+  height 300px
+.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
+  position relative
+  width 200%
+.login_card
+  width 50%
+  padding .3rem
+.card_wrap
+  width 100%
+.inputOuter
+  position relative
+  height 38px
+  width 100%
+  margin-bottom 12px
+.inputStyle, select
+  width 260px
+  font-size 16px
+  float right
+  background none
+  line-height 38px
+  height 38px
+  color #999999
+  text-indent 10px
+  border none
+  box-sizing border-box
+  background-color #ffffff
+select
+  appearance auto
+  outline none
+.submit
+  width 100%
+  background-color #2778f3
+  border-radius 3px
+  margin-top 5px
+.btn
+  background none
+  height 40px
+  line-height 39px
+  width 100%
+  outline none
+  font-size 16px
+  font-weight normal
+label
+  position absolute
+  font-size 16px
+  line-height 38px
+  color #333333
+  padding-left 5px
+.select_wrap
+  width 200px
+  height 38px
+  line-height 38px
+  font-size 16px
+.select_wrap_1
+  width 260px
+.btn1
+  outline none
+  border none
+  width 50px
+  height inherit
+  background-color #2778f3
+  border-radius 3px
+  margin-left 10px
+  font-size 14px
+  color #fff
+  line-height inherit
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index e90d6e8..d9f028c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 
 const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
+const Setup1 = r => require.ensure([], () => r(require('@page/Setup1')), 'Setup1')
 const TaskScreen = r => require.ensure([], () => r(require('@page/TaskScreen')), 'TaskScreen')
 const WorkStep = r => require.ensure([], () => r(require('@page/WorkStep')), 'WorkStep')
 const DeviceManage = r => require.ensure([], () => r(require('@page/DeviceManage')), 'DeviceManage')
@@ -13,12 +14,16 @@ export default new Router({
   routes: [
     {
       path: '/',
-      redirect: '/setup'
+      redirect: '/setup1'
     },
     {
       path: '/setup',
       component: Setup
     },
+    {
+      path: '/setup1',
+      component: Setup1
+    },
     {
       path: '/taskscreen',
       component: TaskScreen