From dd7981e67d81e74dacc8b883713d0bf12456fc17 Mon Sep 17 00:00:00 2001
From: guoxing <1369478551@qq.com>
Date: Wed, 8 Feb 2023 11:56:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=BB=E6=A1=86=E6=9E=B6?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=9B=91=E6=8E=A7=E4=B8=AD=E5=BF=83=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 supervise-monitor-ui/.env.development         |   2 +-
 .../src/views/monitor/videos/index.vue        | 224 ++++-
 supervise-organizational-ui/.env.development  |   4 +-
 supervise-uniapp/pages.json                   |   4 +-
 yxt-portal-ui/.env.development                |   3 +-
 yxt-portal-ui/src/views/Home/Home.vue         | 821 +++++++++---------
 6 files changed, 622 insertions(+), 436 deletions(-)

diff --git a/supervise-monitor-ui/.env.development b/supervise-monitor-ui/.env.development
index 09337635..da1d55ed 100644
--- a/supervise-monitor-ui/.env.development
+++ b/supervise-monitor-ui/.env.development
@@ -5,5 +5,5 @@ ENV = 'development'
 VUE_APP_BASE_API = '/api'
 
 ## 配置测试和本地开发时的 接口地址
-VUE_APP_URL = "http://127.0.0.1:8112"
+VUE_APP_URL = "http://8.130.39.13:8112"
 ##VUE_APP_URL = "http://120.46.172.184:8111"
diff --git a/supervise-monitor-ui/src/views/monitor/videos/index.vue b/supervise-monitor-ui/src/views/monitor/videos/index.vue
index 1815aec1..6bc24b34 100644
--- a/supervise-monitor-ui/src/views/monitor/videos/index.vue
+++ b/supervise-monitor-ui/src/views/monitor/videos/index.vue
@@ -1,48 +1,200 @@
 <template>
   <div class="app-container">
-    <!-- 标题按钮部分开始 -->
-    <div class="tab-header webtop">
-      <!-- 标题 -->
-      <div>环境监控-视频中心</div>
-      <!-- start 添加修改按钮 -->
-      <div />
-      <!-- end 添加修改按钮 -->
-      <!-- end 详情按钮 -->
+    <div>
+      <div v-show="viewState == 1">
+        <button-bar ref="btnbar" view-title="环境监控-视频中心" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+        <el-row style="margin-top: 20px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+        </el-row>
+
+ <el-row style="margin-top: 20px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+          <el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
+            <div >
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>卡片名称</span>
+                  <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
+                </div>
+                <img src="../../../assets/home/bIcon8.png"/>
+              </el-card>
+            </div>
+
+          </el-col>
+
+        </el-row>
+
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-export default {
-  name: 'MonitorVideos',
-  data() {
-    return {
-      submitdisabled: false,
-      viewTitle: '视频中心',
-      tableKey: 0,
-      index: 0,
-      totalQuantity: '', // 合计数量
-      amountInTotal: '', // 合计金额
-      formobj: {},
-      rules: {}
-    }
-  },
-  created() {},
-  methods: {
-    handleReturn() {
-      this.formobj = {}
-      this.$refs['form_obj'].resetFields()
-      this.$emit('doback')
+  import ButtonBar from '@/components/ButtonBar'
+  export default {
+    components: {
+      ButtonBar,
+    },
+    data() {
+      return {
+        btndisabled: false,
+        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+        submitdisabled: false,
+        btnList: [
+          // {
+          //   type: 'primary',
+          //   size: 'small',
+          //   icon: 'plus',
+          //   btnKey: 'toAdd',
+          //   btnLabel: '新增'
+          // },
+          // {
+          //   type: 'danger',
+          //   size: 'small',
+          //   icon: 'del',
+          //   btnKey: 'doDel',
+          //   btnLabel: '删除'
+          // },
+          {
+            type: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+      }
+    },
+    mounted() {
+      this.$refs['btnbar'].setButtonList(this.btnList)
+    },
+    created() {},
+    methods: {
+      btnHandle(btnKey) {
+        switch (btnKey) {
+          case 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+      },
     }
   }
-}
 </script>
 
-<style scoped>
-.title {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-}
+<style lang="scss">
+  .wrap {
+    padding: 12px;
+  }
+
+  .demo-layout {
+    height: 25px;
+    border-radius: 4px;
+  }
+
+  .bg-purple {
+    background: #CED7E1;
+  }
+
+  .bg-purple-light {
+    background: #e5e9f2;
+  }
+
+  .bg-purple-dark {
+    background: #99a9bf;
+  }
 </style>
diff --git a/supervise-organizational-ui/.env.development b/supervise-organizational-ui/.env.development
index 09337635..76eccf00 100644
--- a/supervise-organizational-ui/.env.development
+++ b/supervise-organizational-ui/.env.development
@@ -5,5 +5,5 @@ ENV = 'development'
 VUE_APP_BASE_API = '/api'
 
 ## 配置测试和本地开发时的 接口地址
-VUE_APP_URL = "http://127.0.0.1:8112"
-##VUE_APP_URL = "http://120.46.172.184:8111"
+##VUE_APP_URL = "http://192.168.3.108:8112"
+VUE_APP_URL = "http://122.14.222.186:8112"
diff --git a/supervise-uniapp/pages.json b/supervise-uniapp/pages.json
index 59c06dd1..3c252963 100644
--- a/supervise-uniapp/pages.json
+++ b/supervise-uniapp/pages.json
@@ -58,12 +58,12 @@
 			"pagePath": "pages/home/FindFragment",
 			"iconPath": "static/bottom-icon/find_normal.png",
 			"selectedIconPath": "static/bottom-icon/find_press.png",
-			"text": "发现"
+			"text": "业务"
 		}, {
 			"pagePath": "pages/home/AddFragment",
 			"iconPath": "static/bottom-icon/add_normal.png",
 			"selectedIconPath": "static/bottom-icon/add_press.png",
-			"text": "发布"
+			"text": "消息"
 		}, {
 			"pagePath": "pages/home/UserFragment",
 			"iconPath": "static/bottom-icon/mine_normal.png",
diff --git a/yxt-portal-ui/.env.development b/yxt-portal-ui/.env.development
index daad466f..6b9354a6 100644
--- a/yxt-portal-ui/.env.development
+++ b/yxt-portal-ui/.env.development
@@ -5,4 +5,5 @@ ENV = 'development'
 VUE_APP_BASE_API = '/api'
 
 ## 配置测试和本地开发时的 接口地址
-VUE_APP_URL = "http://192.168.3.9:8112"
+##VUE_APP_URL = "http://192.168.3.108:8112"
+VUE_APP_URL = "http://8.130.39.13:8112"
diff --git a/yxt-portal-ui/src/views/Home/Home.vue b/yxt-portal-ui/src/views/Home/Home.vue
index 39c473ab..c8fe3a3c 100644
--- a/yxt-portal-ui/src/views/Home/Home.vue
+++ b/yxt-portal-ui/src/views/Home/Home.vue
@@ -17,8 +17,8 @@
       </div>
     </div>
     <div class="container1">
-      <el-row :gutter="20">
-        <el-col :span="14">
+      <el-row style="margin-top: 20px;margin-left: 10px;">
+        <el-col :span="13">
           <ul class="grid-content bg-ltop">
             <li @click="todowork">
               <div style="position: relative">
@@ -41,16 +41,12 @@
             </li>
           </ul>
         </el-col>
-        <el-col :span="10">
+        <el-col style="margin-left: 70px;" :span="10">
           <div class="grid-content bg-rtop">
-            <img class="anrui" src="@/assets/home/anrui.png">
-            <p class="rt_title">预警中心</p>
-            <ul>
-              <li>
-                <img class="rtImg" src="../../assets/home/notice.png">
-                <span class="notice">2023-01-29订单未通过审核.</span>
-                <span class="anrui_time">2023-01-21 09:31</span>
-              </li>
+            <!-- <img class="anrui" src="@/assets/home/anrui.png"> -->
+            <span class="rt_title">预警中心</span>
+
+            <ul style="margin-top: 40px;">
               <li>
                 <img src="../../assets/home/notice.png">
                 <span class="notice">编号01021供应商出现工商风险</span>
@@ -173,19 +169,25 @@
         <el-row style="border-top: 1px solid #e0e3eb">
           <el-col :span="4" class="tleftb"><span>原密码</span></el-col>
           <el-col :span="20">
-            <el-form-item><el-input v-model="form.original" type="password" show-password /></el-form-item>
+            <el-form-item>
+              <el-input v-model="form.original" type="password" show-password />
+            </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="4" class="tleftb"><span>新密码</span></el-col>
           <el-col :span="20">
-            <el-form-item><el-input v-model="form.password" type="password" show-password /></el-form-item>
+            <el-form-item>
+              <el-input v-model="form.password" type="password" show-password />
+            </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="4" class="tleftb"><span>确认密码</span></el-col>
           <el-col :span="20">
-            <el-form-item><el-input v-model="form.confirmPassword" type="password" show-password /></el-form-item>
+            <el-form-item>
+              <el-input v-model="form.confirmPassword" type="password" show-password />
+            </el-form-item>
           </el-col>
         </el-row>
       </el-form>
@@ -198,439 +200,470 @@
 </template>
 
 <script>
-import { getToken, removeToken, getStorage, removeStorage } from '@/utils/auth'
-import { sourcesofrole } from '@/api/system/Role/role.js'
-import User from '@/api/User/login.js'
-import { getTodoNum } from '@/api/system/home/home'
+  import {
+    getToken,
+    removeToken,
+    getStorage,
+    removeStorage
+  } from '@/utils/auth'
+  import {
+    sourcesofrole
+  } from '@/api/system/Role/role.js'
+  import User from '@/api/User/login.js'
+  import {
+    getTodoNum
+  } from '@/api/system/home/home'
 
-export default {
-  data() {
-    return {
-      menus: [
-        {
-          imgUrl: require('@/assets/home/bIcon5.png'),
-          title: '客户中心'
-        },
-        {
-          imgUrl: require('@/assets/home/bIcon6.png'),
-          title: '数据报表'
-        },
-        {
-          imgUrl: require('@/assets/home/scm.png'),
-          title: '业务审批'
-        },
-        {
-          imgUrl: require('@/assets/home/bIcon2.png'),
-          title: '风控管理'
-        },
-        {
-          imgUrl: require('@/assets/home/bIcon1.png'),
-          title: '工作调度'
+  export default {
+    data() {
+      return {
+        menus: [{
+            imgUrl: require('@/assets/home/bIcon5.png'),
+            title: '客户中心'
+          },
+          {
+            imgUrl: require('@/assets/home/bIcon6.png'),
+            title: '数据报表'
+          },
+          {
+            imgUrl: require('@/assets/home/scm.png'),
+            title: '业务审批'
+          },
+          {
+            imgUrl: require('@/assets/home/bIcon2.png'),
+            title: '风控管理'
+          },
+          {
+            imgUrl: require('@/assets/home/bIcon1.png'),
+            title: '工作调度'
+          },
+          {
+            imgUrl: require('@/assets/home/monitor.png'),
+            title: '环境监控'
+          },
+          {
+            imgUrl: require('@/assets/home/notice.png'),
+            title: '消息中心'
+          },
+          {
+            imgUrl: require('@/assets/home/bIcon7.png'),
+            title: '组织结构'
+          },
+          {
+            imgUrl: require('@/assets/home/bIcon9.png'),
+            title: '客户管理'
+          },
+          {
+            imgUrl: require('@/assets/home/bIcon8.png'),
+            title: '系统管理'
+          }
+          // {
+          //   imgUrl: require('@/assets/home/bIcon3.png'),
+          //   title: '审计管理'
+          // },
+          // {
+          //   imgUrl: require('@/assets/home/bIcon4.png'),
+          //   title: '财务管理'
+          // },
+        ],
+        userInfo: {},
+        orgDept_list: [],
+        shuliang: {
+          workCount: ''
         },
-        {
-          imgUrl: require('@/assets/home/monitor.png'),
-          title: '环境监控'
+        dialogVisible: false,
+        form: {
+          original: '',
+          password: '',
+          confirmPassword: '',
+          userSid: ''
         },
-        {
-          imgUrl: require('@/assets/home/notice.png'),
-          title: '消息中心'
-        },
-        {
-          imgUrl: require('@/assets/home/bIcon7.png'),
-          title: '组织结构'
-        },
-        {
-          imgUrl: require('@/assets/home/bIcon9.png'),
-          title: '客户管理'
-        },
-        {
-          imgUrl: require('@/assets/home/bIcon8.png'),
-          title: '系统管理'
-        }
-        // {
-        //   imgUrl: require('@/assets/home/bIcon3.png'),
-        //   title: '审计管理'
-        // },
-        // {
-        //   imgUrl: require('@/assets/home/bIcon4.png'),
-        //   title: '财务管理'
-        // },
-      ],
-      userInfo: {},
-      orgDept_list: [],
-      shuliang: {
-        workCount: ''
+        timer: '',
+        Orgname: '',
+        departmentName: '',
+        name: '',
+        pNameAndDepartmentNameAndPostName: '',
+        defaultOrgPathName: '',
+        defaultOrgPath: '',
+        roleName: '',
+        year: ''
+      }
+    },
+    beforeCreate() {},
+    created() {
+      this.getsPasswordByUserSid()
+    },
+    mounted() {
+      this.Orgname = window.sessionStorage.getItem('Orgname')
+      this.departmentName = window.sessionStorage.getItem('departmentName')
+      this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName')
+      this.defaultOrgPathName = window.sessionStorage.getItem('defaultOrgPathName')
+      this.defaultOrgPath = window.sessionStorage.getItem('defaultOrgPath')
+      this.roleName = window.sessionStorage.getItem('roleName')
+      this.name = window.sessionStorage.getItem('name')
+      var nowDate = new Date()
+      this.year = nowDate.getFullYear()
+      //    sourcesofrole({ psid: '0', roleSid: this.$store.getters.userInfo.roleSid }).then(res => {
+      //      this.menus = res.data
+      //    })
+    },
+    beforeDestroy() {
+      clearInterval(this.timer)
+    },
+    methods: {
+      getsPasswordByUserSid() {
+        User.selectPasswordByUserSid(window.sessionStorage.getItem('userSid')).then(resp => {
+          if (resp.success && resp.data) {
+            this.dialogVisible = true
+          } else {
+            this.getNum()
+            this.timer = setInterval(this.getNum, 20000)
+          }
+        })
+        // User.getOrgListByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then(res => {
+        //   if (res.success) {
+        //     this.orgDept_list = res.data
+        //   }
+        // })
       },
-      dialogVisible: false,
-      form: {
-        original: '',
-        password: '',
-        confirmPassword: '',
-        userSid: ''
+      getNum() {
+        // getTodoNum(window.sessionStorage.getItem('userSid')).then(resp => {
+        //   if (resp.success) {
+        //     this.shuliang.workCount = resp.data
+        //   }
+        // })
       },
-      timer: '',
-      Orgname: '',
-      departmentName: '',
-      name: '',
-      pNameAndDepartmentNameAndPostName: '',
-      defaultOrgPathName: '',
-      defaultOrgPath: '',
-      roleName: '',
-      year: ''
-    }
-  },
-  beforeCreate() {},
-  created() {
-    this.getsPasswordByUserSid()
-  },
-  mounted() {
-    this.Orgname = window.sessionStorage.getItem('Orgname')
-    this.departmentName = window.sessionStorage.getItem('departmentName')
-    this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName')
-    this.defaultOrgPathName = window.sessionStorage.getItem('defaultOrgPathName')
-    this.defaultOrgPath = window.sessionStorage.getItem('defaultOrgPath')
-    this.roleName = window.sessionStorage.getItem('roleName')
-    this.name = window.sessionStorage.getItem('name')
-    var nowDate = new Date()
-    this.year = nowDate.getFullYear()
-    //    sourcesofrole({ psid: '0', roleSid: this.$store.getters.userInfo.roleSid }).then(res => {
-    //      this.menus = res.data
-    //    })
-  },
-  beforeDestroy() {
-    clearInterval(this.timer)
-  },
-  methods: {
-    getsPasswordByUserSid() {
-      User.selectPasswordByUserSid(window.sessionStorage.getItem('userSid')).then(resp => {
-        if (resp.success && resp.data) {
-          this.dialogVisible = true
-        } else {
-          this.getNum()
-          this.timer = setInterval(this.getNum, 20000)
+      handleConirm() {
+        if (this.form.original === '') {
+          this.$message({
+            showClose: true,
+            type: 'error',
+            message: '原密码不能为空'
+          })
+          return
         }
-      })
-      // User.getOrgListByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then(res => {
-      //   if (res.success) {
-      //     this.orgDept_list = res.data
-      //   }
-      // })
-    },
-    getNum() {
-      // getTodoNum(window.sessionStorage.getItem('userSid')).then(resp => {
-      //   if (resp.success) {
-      //     this.shuliang.workCount = resp.data
-      //   }
-      // })
-    },
-    handleConirm() {
-      if (this.form.original === '') {
-        this.$message({ showClose: true, type: 'error', message: '原密码不能为空' })
-        return
-      }
-      if (this.form.password !== this.form.confirmPassword) {
-        this.$message({ showClose: true, type: 'error', message: '两次输入密码不一致' })
-        return
-      }
-      this.form.userSid = window.sessionStorage.getItem('userSid')
-      User.updatePassword(this.form).then(resp => {
-        if (resp.success) {
-          this.$alert('密码修改成功！请重新登录点击确定后退出。', '修改成功', {
-            confirmButtonText: '确定',
-            callback: action => {
-              this.handleQuXiao()
-            }
+        if (this.form.password !== this.form.confirmPassword) {
+          this.$message({
+            showClose: true,
+            type: 'error',
+            message: '两次输入密码不一致'
           })
+          return
         }
-      })
-    },
-    handleQuXiao() {
-      this.dialogVisible = false
-      this.form = {
-        original: '',
-        password: '',
-        confirmPassword: ''
-      }
-      User.logout({ token: getStorage() }).then(res => {
-        if (res.success) {
-          removeStorage()
-          this.$store.commit('user/SET_UESRINFO', '')
-          this.$router.push({ path: '/login' })
+        this.form.userSid = window.sessionStorage.getItem('userSid')
+        User.updatePassword(this.form).then(resp => {
+          if (resp.success) {
+            this.$alert('密码修改成功！请重新登录点击确定后退出。', '修改成功', {
+              confirmButtonText: '确定',
+              callback: action => {
+                this.handleQuXiao()
+              }
+            })
+          }
+        })
+      },
+      handleQuXiao() {
+        this.dialogVisible = false
+        this.form = {
+          original: '',
+          password: '',
+          confirmPassword: ''
         }
-      })
-    },
-    todowork() {
-      window.open('/#/todo' + '?token=' + getStorage(), '_blank')
-      // this.$router.push({ path: '/todo' + '?token=' + getStorage() })
-      //  window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank')
-    },
-    donework() {
-      window.open('/#/done' + '?token=' + getStorage(), '_blank')
-      // this.$router.push({ path: '/done' + '?token=' + getStorage() })
-      //  window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank')
-    },
-    logout() {
-      this.$confirm('确定要退出吗, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        User.logout({ token: getStorage() }).then(res => {
-          removeStorage()
-          this.$store.commit('user/SET_UESRINFO', '')
-          this.$router.push({ path: '/login' })
+        User.logout({
+          token: getStorage()
+        }).then(res => {
+          if (res.success) {
+            removeStorage()
+            this.$store.commit('user/SET_UESRINFO', '')
+            this.$router.push({
+              path: '/login'
+            })
+          }
         })
-      })
-    },
-    xxzx() {
-      this.$alert('项目正在开发中', '提示', {
-        dangerouslyUseHTMLString: true
-      })
-    },
-    toNavbar(name) {
-      const myPopup = window.open(name + '?token=' + getStorage(), '_blank')
-    },
-    changeOrg(value) {
-      const choose = this.orgDept_list.filter(item => item.orgName === value)
-      this.defaultOrgPathName = choose[0].orgName
-      this.defaultOrgPath = choose[0].orgPath
-    },
-    toNav(index, name, titleName) {
-      const organizationData = {
-        defaultOrgPathName: this.defaultOrgPathName,
-        defaultOrgPath: this.defaultOrgPath
-      }
-      if (index === 9) {
-        window.open('/#/index', '_blank')
-      } else if (index === 0) {
-        window.open('http://jianguan.yyundong.com/customer/#/' + '?token=' + getStorage(), '_blank')
-      } else if (index === 1) {
-        window.open('http://jianguan.yyundong.com/report/#/' + '?token=' + getStorage(), '_blank')
-      } else if (index === 2) {
-        window.open('http://jianguan.yyundong.com/business/#/' + '?token=' + getStorage(), '_blank')
-      } else if (index === 3) {
-        window.open('http://jianguan.yyundong.com/risk/#/' + '?token=' + getStorage(), '_blank')
-      } else if (index === 4) {
-        window.open('http://jianguan.yyundong.com/work/#/' + '?token=' + getStorage(), '_blank')
-      } else if (index === 5) {
-        window.open('http://jianguan.yyundong.com/monitor/#/' + '?token=' + getStorage(), '_blank')
-      } else if (index === 6) {
-        window.open('http://jianguan.yyundong.com/message/#/' + '?token=' + getStorage(), '_blank')
-      } else if (index === 7) {
-        window.open('http://192.168.3.8:9531/#/index' + '?token=' + getStorage(), '_blank')
-      } else if (index === 8) {
-        window.open('http://jianguan.yyundong.com/crm/#/' + '?token=' + getStorage(), '_blank')
+      },
+      todowork() {
+        window.open('/#/todo' + '?token=' + getStorage(), '_blank')
+        // this.$router.push({ path: '/todo' + '?token=' + getStorage() })
+        //  window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank')
+      },
+      donework() {
+        window.open('/#/done' + '?token=' + getStorage(), '_blank')
+        // this.$router.push({ path: '/done' + '?token=' + getStorage() })
+        //  window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank')
+      },
+      logout() {
+        this.$confirm('确定要退出吗, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          User.logout({
+            token: getStorage()
+          }).then(res => {
+            removeStorage()
+            this.$store.commit('user/SET_UESRINFO', '')
+            this.$router.push({
+              path: '/login'
+            })
+          })
+        })
+      },
+      xxzx() {
+        this.$alert('项目正在开发中', '提示', {
+          dangerouslyUseHTMLString: true
+        })
+      },
+      toNavbar(name) {
+        const myPopup = window.open(name + '?token=' + getStorage(), '_blank')
+      },
+      changeOrg(value) {
+        const choose = this.orgDept_list.filter(item => item.orgName === value)
+        this.defaultOrgPathName = choose[0].orgName
+        this.defaultOrgPath = choose[0].orgPath
+      },
+      toNav(index, name, titleName) {
+        const organizationData = {
+          defaultOrgPathName: this.defaultOrgPathName,
+          defaultOrgPath: this.defaultOrgPath
+        }
+        if (index === 9) {
+          window.open('/#/index', '_blank')
+        } else if (index === 0) {
+          window.open('/customer/#/' + '?token=' + getStorage(), '_blank')
+        } else if (index === 1) {
+          window.open('/report/#/' + '?token=' + getStorage(), '_blank')
+        } else if (index === 2) {
+          window.open('/business/#/' + '?token=' + getStorage(), '_blank')
+        } else if (index === 3) {
+          window.open('/risk/#/' + '?token=' + getStorage(), '_blank')
+        } else if (index === 4) {
+          window.open('/work/#/' + '?token=' + getStorage(), '_blank')
+        } else if (index === 5) {
+          window.open('http://192.168.3.8:9531#/' + '?token=' + getStorage(), '_blank')
+        } else if (index === 6) {
+          window.open('/message/#/' + '?token=' + getStorage(), '_blank')
+        } else if (index === 7) {
+          window.open('/#/index' + '?token=' + getStorage(), '_blank')
+        } else if (index === 8) {
+          window.open('/crm/#/' + '?token=' + getStorage(), '_blank')
+        }
       }
     }
   }
-}
 </script>
 <style scoped="scoped">
-li:hover,
-p:hover {
-  cursor: pointer;
-}
+  li:hover,
+  p:hover {
+    cursor: pointer;
+  }
 </style>
 <style lang="scss" scoped>
-p {
-  margin: 0;
-  padding: 0;
-}
+  p {
+    margin: 0;
+    padding: 0;
+  }
 
-.header {
-  background-color: #0294d7;
-  color: #fff;
-  overflow: hidden;
-  height: 60px;
-  line-height: 60px;
+  .header {
+    background-color: #0294d7;
+    color: #fff;
+    overflow: hidden;
+    height: 60px;
+    line-height: 60px;
 
-  .title {
-    img {
-      width: 70px;
-      vertical-align: middle;
-      font-family: Adobe Heiti Std;
+    .title {
+      img {
+        width: 70px;
+        vertical-align: middle;
+        font-family: Adobe Heiti Std;
+      }
+
+      float: left;
+      font-size: 34px;
+      margin-left: 35px;
+      height: 60px;
+      line-height: 60px;
     }
 
-    float: left;
-    font-size: 34px;
-    margin-left: 35px;
-    height: 60px;
-    line-height: 60px;
-  }
+    .head_info {
+      float: right;
+      margin-top: 0;
+      font-size: 17px;
+    }
 
-  .head_info {
-    float: right;
-    margin-top: 0;
-    font-size: 17px;
+    p {
+      float: left;
+    }
   }
 
-  p {
+  .head_info img {
+    width: 25px;
+    margin-top: 20px;
+    margin-left: 30px;
+    margin-right: 10px;
     float: left;
   }
-}
-
-.head_info img {
-  width: 25px;
-  margin-top: 20px;
-  margin-left: 30px;
-  margin-right: 10px;
-  float: left;
-}
 
-.head_info .dy {
-  margin-left: 10px;
-  margin-right: 20px;
-}
-
-.container1 {
-  background: #e9f1f7;
-  padding: 20px;
-  width: 100%;
-  height: calc(100% - 60px);
-  margin: 0;
+  .head_info .dy {
+    margin-left: 10px;
+    margin-right: 20px;
+  }
 
-  .bg-ltop {
+  .container1 {
+    background: #e9f1f7;
+    padding: 20px;
+    width: 100%;
+    height: calc(100% - 60px);
     margin: 0;
-    padding: 0 20px;
-    background-image: url(../../assets/home/ltBg.png);
-    border-radius: 10px;
-    overflow: hidden;
-    height: 190px;
 
-    li {
-      float: left;
-      list-style: none;
-      width: 25%;
-      text-align: center;
+    .bg-ltop {
+      margin: 0;
+      padding: 0;
+      background-image: url(../../assets/home/ltBg.png);
+      border-radius: 10px;
+      overflow: hidden;
+      background-size: 100% 100%;
+      height: 200px;
 
-      img {
-        width: 70px;
-        margin: 45px auto 10px auto;
+      li {
+        float: left;
+        list-style: none;
+        width: 25%;
+        text-align: center;
+
+        img {
+          width: 70px;
+          margin: 45px auto 10px auto;
+        }
       }
     }
-  }
 
-  .bg-rtop {
-    background-image: url(../../assets/home/rtBg.png);
-    border-radius: 10px;
-    height: 190px;
-    overflow: hidden;
-    position: relative;
+    .bg-rtop {
+      background-image: url(../../assets/home/rtBg.png);
+      border-radius: 10px;
+      height: 200px;
+      overflow: hidden;
+      position: relative;
+      background-size: 100% 100%;
 
-    .anrui {
-      width: 100%;
-      height: 40px;
-    }
+      .anrui {
+        width: 100%;
+        height: 40px;
+      }
 
-    .rt_title {
-      position: absolute;
-      top: 10px;
-      left: 15px;
-      font-size: 18px;
-      font-family: SourceHanSerifCN;
-      font-weight: 600;
-      color: #191919;
-    }
+      .rt_title {
+        position: absolute;
+        font-size: 18px;
+        padding-top: 10px;
+        padding-left: 20px;
+        width: 100%;
+        height: 40px;
+        font-family: SourceHanSerifCN;
+        font-weight: 600;
+        color: #191919;
+        background-color: #0294d7;
+      }
 
-    ul {
-      margin: 0px auto;
-      padding: 0;
-      height: 148px;
-      width: 100%;
+      ul {
+        margin: 0px auto;
+        padding: 0;
+        height: 148px;
+        width: 100%;
 
-      li {
-        font-size: 14px;
-        height: 33px;
-        line-height: 28px;
-        list-style: none;
-        text-decoration: underline;
-        border-bottom: 1px solid #666;
-        width: calc(100% - 70px);
-        margin-left: 40px;
-        position: relative;
-        padding-top: 10px;
-        font-family: SimSun;
+        li {
+          font-size: 14px;
+          height: 37px;
+          line-height: 28px;
+          list-style: none;
+          text-decoration: underline;
+          border-bottom: 1px solid #666;
+          width: calc(100% - 70px);
+          margin-left: 40px;
+          position: relative;
+          padding-top: 10px;
+          font-family: SimSun;
 
-        img {
-          width: 16px;
-          margin: 5px 10px;
-          position: absolute;
-          left: -30px;
-        }
+          img {
+            width: 16px;
+            margin: 5px 10px;
+            position: absolute;
+            left: -30px;
+          }
 
-        .notice {
-          display: inline-block;
-          width: 65%;
-          text-overflow: ellipsis;
-          overflow: hidden;
-          white-space: nowrap;
-        }
+          .notice {
+            display: inline-block;
+            width: 65%;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+          }
 
-        .anrui_time {
-          float: right;
-          display: inline-block;
-          margin-right: 5px;
-          line-height: 30px;
+          .anrui_time {
+            float: right;
+            display: inline-block;
+            margin-right: 5px;
+            line-height: 30px;
+          }
         }
       }
     }
-  }
 
-  .bg-bottom {
-    background-image: url(../../assets/home/bottomBg.png);
-    border-radius: 10px;
-    overflow: hidden;
-    margin: 20px 0 0 0;
-    padding: 10px 20px;
+    .bg-bottom {
+      background-image: url(../../assets/home/bottomBg.png);
+      border-radius: 10px;
+      overflow: hidden;
+      margin: 40px 10px 0 10px;
+      padding: 20px 10px;
+      background-size: 100% 100%;
 
-    li {
-      float: left;
-      list-style: none;
-      width: 11.6%;
-      margin: 10px 2.5%;
-      background: #fff;
-      border-radius: 40px;
-      text-align: center;
-      padding: 10px 25px 15px;
+      li {
+        float: left;
+        list-style: none;
+        width: 11.6%;
+        margin: 10px 2.5%;
+        background: #fff;
+        border-radius: 40px;
+        text-align: center;
+        padding: 10px 25px 15px;
 
-      img {
-        width: 80%;
-        margin: 10px auto;
+        img {
+          width: 80%;
+          margin: 10px auto;
+        }
       }
     }
   }
-}
 
-.copy {
-  position: fixed;
-  bottom: 0;
-  width: calc(100% - 40px);
-  margin: auto;
-  text-align: center;
-  line-height: 40px;
-  border-top: 2px solid #4e74a6;
-  background: #e9f1f7;
-  font-size: 14px;
-  color: #666;
-}
+  .copy {
+    position: fixed;
+    bottom: 0;
+    width: calc(100% - 40px);
+    margin: auto;
+    text-align: center;
+    line-height: 40px;
+    border-top: 2px solid #4e74a6;
+    background: #e9f1f7;
+    font-size: 14px;
+    color: #666;
+  }
 
-.mark {
-  position: absolute;
-  top: 38%;
-  margin-left: 58px;
-}
+  .mark {
+    position: absolute;
+    top: 38%;
+    margin-left: 58px;
+  }
 
-.mark {
-  ::v-deep .el-badge__content {
-    font-size: 14px !important;
+  .mark {
+    ::v-deep .el-badge__content {
+      font-size: 14px !important;
+    }
   }
-}
-.selectStyle {
-  ::v-deep .el-input__inner {
-    border: 0px !important;
-    background-color: #0294d7 !important;
-    font-size: 17px;
-    color: #ffffff;
+
+  .selectStyle {
+    ::v-deep .el-input__inner {
+      border: 0px !important;
+      background-color: #0294d7 !important;
+      font-size: 17px;
+      color: #ffffff;
+    }
   }
-}
 </style>