submit

src/api/bigScreenConfig.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+// 获取
+export function getBigScreenConfig() {
+  return request({
+    url: '/goaf/goafbigscreencfg/getaddr',
+    method: 'GET'
+  })
+}
+
+// 修改
+export function updateBigScreenConfig(data) {
+  return request({
+    url: '/goaf/goafbigscreencfg/update',
+    method: 'PUT',
+    data
+  })
+}
+

src/layout/components/Navbar.vue

@@ -68,6 +68,7 @@ import { mapGetters } from 'vuex'
 import { Breadcrumb, Hamburger, ErrorLog, Screenfull, SizeSelect, Search } from '@/components'
 import { getUnReadCounter } from '@/api/system/msgApi'
 import { getToken } from '@/utils/auth'
+import { getBigScreenConfig } from '@/api/bigScreenConfig'
 export default {
   name: 'NaveBarComponent',
   components: {
@@ -154,10 +155,16 @@ export default {
       this.$router.push(`/login?redirect=${this.$route.fullPath}`)
     },
     sideTabChange(index, item) {
-      const token = getToken()
       if (item.href) {
-        const bigscreen = process.env.NODE_ENV === 'development' ? 'http://192.168.3.16:8080/#/' : 'http://113.141.93.143:1689/#/'
-        window.open(`${bigscreen}?token=${token}`)
+        const token = getToken()
+        getBigScreenConfig().then((resq) => {
+          const bigscreen = resq.data.bigscreenAddr
+          if (this.isNotNull(bigscreen)) {
+            window.open(`${bigscreen}?token=${token}`, '_blank')
+          } else {
+            this.$message.error('请配置大屏')
+          }
+        })
         return
       }
       this.sideMenuTabIndex = index

src/router/modules/aqpt.js

@@ -509,19 +509,18 @@ const aqptRouter = [
         meta: { title: '传感器类别', noCache: true, permit: 'aqpt_setting_equipment_cat' }
       },
       {
+        path: 'bigScreen-setting',
+        component: () => import('@/views/aqpt/setting/bigScreen/index'),
+        name: 'bigScreen-setting',
+        meta: { title: '大屏配置', noCache: true, permit: 'aqpt_setting_check_cat' }
+      },
+      {
         path: 'APP_download',
         component: () => import('@/views/system/app/download'),
         name: 'aqpt_setting_app_update',
         meta: { title: 'APP升级', noCache: true, permit: 'aqpt_setting_equipment_cat' }
       }
       // {
-      //   path: 'checkCat',
-      //   component: () => import('@/views/aqpt/setting/checkCat/index'),
-      //   name: 'aqpt_setting_check_cat',
-      //   meta: { title: '检查类别', noCache: true, permit: 'aqpt_setting_check_cat' }
-      // },
-
-      // {
       //   path: 'ctrlLevel',
       //   component: () => import('@/views/aqpt/setting/ctrlLevel/index'),
       //   name: 'aqpt_setting_ctrl_level',

src/views/aqpt/setting/bigScreen/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <div class="form-conatiner">
+    <el-card class="bigScreen-setting">
+      <div slot="header">
+        <span>大屏配置</span>
+      </div>
+      <el-form ref="ruleForm" :model="formData" :rules="rules" label-width="100px">
+        <el-form-item label="大屏地址" prop="bigscreenAddr">
+          <el-input v-model="formData.bigscreenAddr" placeholder="输入大屏地址" />
+        </el-form-item>
+      </el-form>
+      <div class="bottom">  <el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button></div>
+    </el-card>
+  </div>
+</template>
+<script>
+import { updateBigScreenConfig, getBigScreenConfig } from '@/api/bigScreenConfig'
+import { mapGetters } from 'vuex'
+export default {
+  name: 'BigScreenSetting',
+  data() {
+    return {
+      dialogVisible: true,
+      actionType: '',
+      formData: {
+        bigscreenAddr: ' '
+      },
+      rules: {
+        bigscreenAddr: [
+          { required: true, message: '请填写名称', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'userData'
+    ])
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      getBigScreenConfig().then((resq) => {
+        this.formData.bigscreenAddr = resq.data.bigscreenAddr
+      })
+    },
+    // Submit
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          updateBigScreenConfig({
+            ocId: this.userData.ocId,
+            bigscreenAddr: this.formData.bigscreenAddr
+          }).then(() => {
+            this.$message.success('修改成功！')
+            this.getData()
+          })
+        } else {
+          this.$message.error('请检查填写信息！')
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+  <style lang="scss" scoped>
+  .form-conatiner{
+    padding:20px;
+    .bigScreen-setting{
+        width: 800px;
+        max-width: 100%;
+        margin: 0 auto;
+        .bottom{
+            float: right;
+            padding: 10px 0;
+        }
+    }
+  }
+  </style>
+