diff --git a/linkwe-ui/src/layout/components/Navbar.vue b/linkwe-ui/src/layout/components/Navbar.vue
index 7674476334a289462c3bf6edd329e47dfbff5631..6ea9629680dcfe8b72ede74807268be8f8dbf07b 100644
--- a/linkwe-ui/src/layout/components/Navbar.vue
+++ b/linkwe-ui/src/layout/components/Navbar.vue
@@ -17,7 +17,7 @@
 
     <div class="right-menu">
       <template v-if="device !== 'mobile'">
-        <search id="header-search" class="right-menu-item" />
+        <!-- <search id="header-search" class="right-menu-item" /> -->
 
         <el-tooltip content="源码地址" effect="dark" placement="bottom">
           <div class="right-menu-item hover-effect">
@@ -27,7 +27,8 @@
 
         <el-tooltip content="文档地址" effect="dark" placement="bottom">
           <div class="right-menu-item hover-effect">
-            <svg-icon icon-class="question" @click="goto(1)" />
+            <i class="el-icon-reading document" @click="goto(1)"></i>
+            <!-- <svg-icon icon-class="question" @click="goto(1)" /> -->
           </div>
         </el-tooltip>
 
@@ -71,7 +72,7 @@ export default {
   components: {
     Logo,
     Search,
-    screenfull,
+    screenfull
   },
   computed: {
     ...mapGetters(['avatar', 'device', 'permission_routes']),
@@ -82,10 +83,10 @@ export default {
       set(val) {
         this.$store.dispatch('settings/changeSetting', {
           key: 'showSettings',
-          value: val,
+          value: val
         })
-      },
-    },
+      }
+    }
   },
   mounted() {
     // console.log(this.permission_routes)
@@ -95,7 +96,7 @@ export default {
       this.$confirm('确定注销并退出系统吗？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then(() => {
         this.$store.dispatch('LogOut').then(() => {
           location.href = '/'
@@ -115,8 +116,8 @@ export default {
       } else {
         window.open(path, '_blank')
       }
-    },
-  },
+    }
+  }
 }
 </script>
 
@@ -159,6 +160,10 @@ export default {
           background: rgba(0, 0, 0, 0.025);
         }
       }
+
+      .document {
+        font-size: 20px;
+      }
     }
 
     .avatar-container {
diff --git a/linkwe-ui/src/store/modules/user.js b/linkwe-ui/src/store/modules/user.js
index 767d334f34aec8000f5c6131bca710d0aba01e65..2347b067ee1039c20ac39c56acfb31e12bd2ebb1 100644
--- a/linkwe-ui/src/store/modules/user.js
+++ b/linkwe-ui/src/store/modules/user.js
@@ -5,6 +5,7 @@ const user = {
   state: {
     token: getToken(),
     name: '',
+    companyName: '',
     avatar: '',
     roles: [],
     permissions: []
@@ -36,55 +37,66 @@ const user = {
       const code = userInfo.code
       const uuid = userInfo.uuid
       return new Promise((resolve, reject) => {
-        login(username, password, code, uuid).then(res => {
-          setToken(res.token)
-          commit('SET_TOKEN', res.token)
-          resolve()
-        }).catch(error => {
-          reject(error)
-        })
+        login(username, password, code, uuid)
+          .then((res) => {
+            setToken(res.token)
+            commit('SET_TOKEN', res.token)
+            resolve()
+          })
+          .catch((error) => {
+            reject(error)
+          })
       })
     },
 
     // 获取用户信息
     GetInfo({ commit, state }) {
       return new Promise((resolve, reject) => {
-        getInfo(state.token).then(res => {
-          const user = res.user
-          const avatar = user.avatar == "" ? require("@/assets/image/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
-          if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
-            commit('SET_ROLES', res.roles)
-            commit('SET_PERMISSIONS', res.permissions)
-          } else {
-            commit('SET_ROLES', ['ROLE_DEFAULT'])
-          }
-          commit('SET_NAME', user.userName)
-          commit('SET_AVATAR', avatar)
-          resolve(res)
-        }).catch(error => {
-          reject(error)
-        })
+        getInfo(state.token)
+          .then((res) => {
+            const user = res.user
+            const avatar =
+              user.avatar == ''
+                ? require('@/assets/image/profile.jpg')
+                : process.env.VUE_APP_BASE_API + user.avatar
+            if (res.roles && res.roles.length > 0) {
+              // 验证返回的roles是否是一个非空数组
+              commit('SET_ROLES', res.roles)
+              commit('SET_PERMISSIONS', res.permissions)
+            } else {
+              commit('SET_ROLES', ['ROLE_DEFAULT'])
+            }
+            commit('SET_NAME', user.userName)
+            commit('SET_AVATAR', avatar)
+            state.companyName = user.companyName
+            resolve(res)
+          })
+          .catch((error) => {
+            reject(error)
+          })
       })
     },
-    
+
     // 退出系统
     LogOut({ commit, state }) {
       return new Promise((resolve, reject) => {
-        logout(state.token).then(() => {
-          commit('SET_TOKEN', '')
-          commit('SET_ROLES', [])
-          commit('SET_PERMISSIONS', [])
-          removeToken()
-          resolve()
-        }).catch(error => {
-          reject(error)
-        })
+        logout(state.token)
+          .then(() => {
+            commit('SET_TOKEN', '')
+            commit('SET_ROLES', [])
+            commit('SET_PERMISSIONS', [])
+            removeToken()
+            resolve()
+          })
+          .catch((error) => {
+            reject(error)
+          })
       })
     },
 
     // 前端 登出
     FedLogOut({ commit }) {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         commit('SET_TOKEN', '')
         removeToken()
         resolve()
diff --git a/linkwe-ui/src/views/communityOperating/oldCustomer/list.vue b/linkwe-ui/src/views/communityOperating/oldCustomer/list.vue
index d223f3ef273a6bde5ee1ea2d34ad078edb1593b3..b92ca6ae646b26931ffb87d65631b1fcb31928bb 100644
--- a/linkwe-ui/src/views/communityOperating/oldCustomer/list.vue
+++ b/linkwe-ui/src/views/communityOperating/oldCustomer/list.vue
@@ -127,7 +127,8 @@ export default {
     },
     // 获取显示用tag字符串
     getDisplayTags(row) {
-      const tags = row.tagList.map((t) => t.name)
+      if (!(row && row.length > 0)) return ''
+      const tags = row.tagList.map((t) => t && t.name ? t.name : '')
 
       return tags.join(' ')
     },
diff --git a/linkwe-ui/src/views/conversation/component/chat.vue b/linkwe-ui/src/views/conversation/component/chat.vue
index 231a953d59de038a66e6eef554ab4018b656d7d4..3ef7d68b0719036063dc77a1d2073fa0c3a216b0 100644
--- a/linkwe-ui/src/views/conversation/component/chat.vue
+++ b/linkwe-ui/src/views/conversation/component/chat.vue
@@ -200,11 +200,6 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-// * {
-//   padding: 0;
-//   margin: 0;
-// }
-
 #videoPlayer /deep/ .vjs-tech {
   height: 450px;
 }
diff --git a/linkwe-ui/src/views/conversation/component/curList.vue b/linkwe-ui/src/views/conversation/component/curList.vue
index d12748616832fd35fcfc4e51f4e6150385ac0457..0556d89560bd628173022065667cadc138815a5b 100644
--- a/linkwe-ui/src/views/conversation/component/curList.vue
+++ b/linkwe-ui/src/views/conversation/component/curList.vue
@@ -56,13 +56,6 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-// * {
-//   padding: 0;
-//   margin: 0;
-// }
-.fl {
-  float: left;
-}
 .list {
   overflow-y: scroll;
   height: 652px;
@@ -73,9 +66,6 @@ export default {
   /deep/ .el-loading-spinner {
     margin-top: 20px;
   }
-  .fr {
-    float: right;
-  }
   .gray {
     color: #999;
   }
diff --git a/linkwe-ui/src/views/conversation/component/customerList.vue b/linkwe-ui/src/views/conversation/component/customerList.vue
index 5a6cb8c164c534f8230f7790d2651caf506cf3fd..9a9a10d4a7ddaeb1b61f558da4256211c9106b20 100644
--- a/linkwe-ui/src/views/conversation/component/customerList.vue
+++ b/linkwe-ui/src/views/conversation/component/customerList.vue
@@ -66,9 +66,6 @@ export default {
   /deep/ .el-loading-spinner {
     margin-top: 20px;
   }
-  .fr {
-    float: right;
-  }
   .gray {
     color: #999;
   }
diff --git a/linkwe-ui/src/views/conversation/component/groupList.vue b/linkwe-ui/src/views/conversation/component/groupList.vue
index dacf2cf645be98f10e132961e738a782cf94b421..f3dcbf19cd5fb4df8964bc09f59a2d1b42b02b4e 100644
--- a/linkwe-ui/src/views/conversation/component/groupList.vue
+++ b/linkwe-ui/src/views/conversation/component/groupList.vue
@@ -101,9 +101,7 @@ export default {
   /deep/ .el-loading-spinner {
     margin-top: 20px;
   }
-  .fr {
-    float: right;
-  }
+
   .gray {
     color: #999;
   }
diff --git a/linkwe-ui/src/views/conversation/component/insideList.vue b/linkwe-ui/src/views/conversation/component/insideList.vue
index a51e84d37a08f954511a3400d81525cbbd3a462a..a4ab18a5019abdeee21fcb52a2182c2b62f224cb 100644
--- a/linkwe-ui/src/views/conversation/component/insideList.vue
+++ b/linkwe-ui/src/views/conversation/component/insideList.vue
@@ -59,9 +59,7 @@ export default {
   /deep/ .el-loading-spinner {
     margin-top: 20px;
   }
-  .fr {
-    float: right;
-  }
+
   .gray {
     color: #999;
   }
diff --git a/linkwe-ui/src/views/conversation/component/list.vue b/linkwe-ui/src/views/conversation/component/list.vue
index 28a9856bbc54a8b6aacf09cf68fd6a73cbe60f01..976f4f26f4d736ccfa6bf9c2b3368f44322c20d2 100644
--- a/linkwe-ui/src/views/conversation/component/list.vue
+++ b/linkwe-ui/src/views/conversation/component/list.vue
@@ -57,9 +57,6 @@ export default {
   /deep/ .el-loading-spinner {
     margin-top: 20px;
   }
-  .fr {
-    float: right;
-  }
   .gray {
     color: #999;
   }
diff --git a/linkwe-ui/src/views/index.vue b/linkwe-ui/src/views/index.vue
index 2061b728b70e7c3c381a6f7448dbfd0fff0c8787..987bbb9ce799a9833acb4166bfb395d9a3691549 100644
--- a/linkwe-ui/src/views/index.vue
+++ b/linkwe-ui/src/views/index.vue
@@ -9,14 +9,23 @@
           <el-row type="flex" class="row-bg" justify="space-between">
             <el-col :span="24" class="title_name">数据总览</el-col>
           </el-row>
-          <el-row type="flex" class="row-bg" justify="space-between" style="margin-top:35px; text-align: center;">
+          <el-row
+            type="flex"
+            class="row-bg"
+            justify="space-between"
+            style="margin-top:35px; text-align: center;"
+          >
             <el-col :span="6" class="col_style">企业成员总数</el-col>
             <el-col :span="6" class="col_style">客户总人数</el-col>
             <el-col :span="6" class="col_style">客户群总数</el-col>
             <el-col :span="6" class="col_style">群成员总数</el-col>
           </el-row>
-          <el-row type="flex" class="row-bg" justify="space-between"
-            style="margin-top:10px;font-size:35px;font-weight:bold;color:#0079DE; text-align: center;">
+          <el-row
+            type="flex"
+            class="row-bg"
+            justify="space-between"
+            style="margin-top:10px;font-size:35px;font-weight:bold;color:#0079DE; text-align: center;"
+          >
             <el-col :span="6">{{ table.customerCount }}</el-col>
             <el-col :span="6">{{ table.groupMemberCount }}</el-col>
             <el-col :span="6">{{ table.groupCount }}</el-col>
@@ -27,26 +36,42 @@
       <div class="dataall" style="margin-top:10px">
         <div style="text-align:left">
           <el-row type="flex" class="row-bg" justify="space-between">
-            <el-col :span="10" class="title_name">实时数据
-              <span class=" fontgay">更新于{{ uptime }}</span></el-col>
+            <el-col :span="10" class="title_name"
+              >实时数据 <span class=" fontgay">更新于{{ uptime }}</span></el-col
+            >
             <el-col :span="10" style="text-align:right">
-              <el-radio-group v-model="timeType" style="margin-top: 20px;" @change="timeTypeCheck">
-                <el-radio-button label="day">今日</el-radio-button>
+              <el-radio-group
+                v-model="timeType"
+                style="margin-top: 20px;"
+                @change="timeTypeCheck"
+              >
+                <el-radio-button label="today">今日</el-radio-button>
                 <el-radio-button label="week">本周</el-radio-button>
                 <el-radio-button label="month">本月</el-radio-button>
-                <el-radio-button label="reset"><i class="el-icon-refresh"> </i></el-radio-button>
+                <el-radio-button label="reset"
+                  ><i class="el-icon-refresh"> </i
+                ></el-radio-button>
               </el-radio-group>
             </el-col>
           </el-row>
 
-          <el-row type="flex" class="row-bg" justify="space-between" style="margin-top:30px; text-align: center;">
+          <el-row
+            type="flex"
+            class="row-bg"
+            justify="space-between"
+            style="margin-top:30px; text-align: center;"
+          >
             <el-col :span="6">发起申请数</el-col>
             <el-col :span="6">新增客户数</el-col>
             <el-col :span="6">群新增人数</el-col>
             <el-col :span="6">流失客户数</el-col>
           </el-row>
-          <el-row type="flex" class="row-bg" justify="space-between"
-            style="margin-top:10px;font-size:35px;font-weight:bold;color: #0079DE; text-align: center;">
+          <el-row
+            type="flex"
+            class="row-bg"
+            justify="space-between"
+            style="margin-top:10px;font-size:35px;font-weight:bold;color: #0079DE; text-align: center;"
+          >
             <el-col :span="6">{{ erchatsTable.newApplyCnt }}</el-col>
             <el-col :span="6">{{ erchatsTable.newContactCnt }}</el-col>
             <el-col :span="6">{{
@@ -54,37 +79,53 @@
             }}</el-col>
             <el-col :span="6">{{ erchatsTable.negativeFeedbackCnt }}</el-col>
           </el-row>
-          <el-row type="flex" class="row-bg" justify="space-between" style="margin-top:10px; text-align: center;">
-            <el-col :span="6" :class="{
-                  greenicon: Number(erchatsTable.newApplyCntDiff) >= 1,
-                  redicon: Number(erchatsTable.newApplyCntDiff) < 0,
-                }">较{{ time }}
+          <el-row
+            type="flex"
+            class="row-bg"
+            justify="space-between"
+            style="margin-top:10px; text-align: center;"
+          >
+            <el-col
+              :span="6"
+              :class="{
+                greenicon: Number(erchatsTable.newApplyCntDiff) >= 1,
+                redicon: Number(erchatsTable.newApplyCntDiff) < 0
+              }"
+              >较{{ time }}
               <span>{{ erchatsTable.newApplyCntDiff }}</span>
             </el-col>
-            <el-col :span="6" :class="{
-                 greenicon: Number(erchatsTable.newContactCntDiff) >= 1,
-                 redicon: Number(erchatsTable.newContactCntDiff) < 0,
-                }">较{{ time }}
+            <el-col
+              :span="6"
+              :class="{
+                greenicon: Number(erchatsTable.newContactCntDiff) >= 1,
+                redicon: Number(erchatsTable.newContactCntDiff) < 0
+              }"
+              >较{{ time }}
               <span>{{ erchatsTable.newContactCntDiff }}</span>
             </el-col>
-            <el-col :span="6" :class="{
-                 greenicon: Number(erchatsTable.newMemberCntDiff) >= 1,
-                redicon: Number(erchatsTable.newMemberCntDiff) < 0,
-                }">较{{ time }}
+            <el-col
+              :span="6"
+              :class="{
+                greenicon: Number(erchatsTable.newMemberCntDiff) >= 1,
+                redicon: Number(erchatsTable.newMemberCntDiff) < 0
+              }"
+              >较{{ time }}
               <span>{{
-                  erchatsTable.newMemberCntDiff
-                    ? erchatsTable.newMemberCntDiff
-                    : 0
-                }}</span>
+                erchatsTable.newMemberCntDiff
+                  ? erchatsTable.newMemberCntDiff
+                  : 0
+              }}</span>
             </el-col>
-            <el-col :span="6" :class="{
-                 greenicon: Number(erchatsTable.negativeFeedbackCntDiff) >= 1,
-                 redicon: Number(erchatsTable.negativeFeedbackCntDiff) < 0,
-                }">较{{ time }}
+            <el-col
+              :span="6"
+              :class="{
+                greenicon: Number(erchatsTable.negativeFeedbackCntDiff) >= 1,
+                redicon: Number(erchatsTable.negativeFeedbackCntDiff) < 0
+              }"
+              >较{{ time }}
               <span>{{ erchatsTable.negativeFeedbackCntDiff }}</span>
             </el-col>
           </el-row>
-
         </div>
       </div>
       <div class="erchatsdiv" style="margin-top:10px">
@@ -120,57 +161,97 @@
         </el-row>
       </div>
 
-
       <!-- -->
     </div>
     <div class="index_r whitebg">
       <div class="qy_R">
         <div class="inedx_r_top_t">
-          <p class="p1">猿典科技,欢迎登陆本系统</p>
-          <p class="p2">登录时间：2019/09/08 10:09:08</p>
+          <p class="p1">{{ $store.state.user.companyName }}，欢迎登陆本系统</p>
+          <p class="p2">登录时间：{{ parseTime(new Date()) }}</p>
           <p class="p1 p3 margint20">LinkWechat 企业微信SCRM</p>
-          <p class="p2 p4">版本信息：开源 <span class="fr">可用期限：永久源</span></p>
-          <el-row :gutter="20" type="flex" class="row-bg" justify="center" style="text-align:center">
-            <el-col :span="10" class="flexspan"> <img src="../assets/index/bzwd.png"/>
-            <a href="https://www.yuque.com/linkwechat/help"> 帮助手册</a>
+          <p class="p2 p4">
+            版本信息：开源 <span class="fr">可用期限：永久</span>
+          </p>
+          <el-row
+            :gutter="20"
+            type="flex"
+            class="row-bg"
+            justify="center"
+            style="text-align:center"
+          >
+            <el-col :span="10" class="flexspan">
+              <img src="../assets/index/bzwd.png" />
+              <a href="https://www.yuque.com/linkwechat/help"> 帮助手册</a>
             </el-col>
             <el-col :span="2"></el-col>
-            <el-col :span="10" class="flexspan" @click.native="alerts('《使用手册》正在加急上线中，敬请关注…')"><img src="../assets/index/kfsc.png"/> 开发文档</el-col>
+            <el-col
+              :span="10"
+              class="flexspan"
+              @click.native="msgInfo('《使用手册》正在加急上线中，敬请关注…')"
+              ><img src="../assets/index/kfsc.png" /> 开发文档</el-col
+            >
           </el-row>
         </div>
         <div class="inedx_r_top_bottom">
-          <span class="inedx_r_top_bottomp1"><img src="../assets/index/gxrz.png"/> 更新日志</span>
-          <span class="fr" style="color:#0079DE" @click="alerts('《更新日志》正在加急上线中，敬请关注…')">更多</span>
+          <span class="inedx_r_top_bottomp1"
+            ><img src="../assets/index/gxrz.png" /> 更新日志</span
+          >
+          <span
+            class="fr"
+            style="color:#0079DE"
+            @click="msgInfo('《更新日志》正在加急上线中，敬请关注…')"
+            >更多</span
+          >
           <ul>
-               <li v-for="(index, i) in 3" :key="i"  @click="alerts('暂无内容')">即将上线，敬请期待 <span class="fr">03-26</span></li>
+            <li v-for="(index, i) in 3" :key="i" @click="msgInfo('暂无内容')">
+              即将上线，敬请期待 <span class="fr">03-26</span>
+            </li>
           </ul>
         </div>
         <div class="inedx_r_top_bottom">
-          <span class="inedx_r_top_bottomp1"><img src="../assets/index/qyxy.png"/> 私域学院</span>
+          <span class="inedx_r_top_bottomp1"
+            ><img src="../assets/index/qyxy.png" /> 私域学院</span
+          >
           <span class="fr" style="color:#0079DE">更多</span>
           <ul>
-            <li v-for="(index, i) in 3" :key="i"  @click="alerts('暂无内容')">即将上线，敬请期待 <span class="fr">03-26</span></li>
+            <li v-for="(index, i) in 3" :key="i" @click="msgInfo('暂无内容')">
+              即将上线，敬请期待 <span class="fr">03-26</span>
+            </li>
           </ul>
         </div>
         <div class="inedx_r_top_bottom" style="text-align:center">
-          <p style="text-align:left"> <span class="inedx_r_top_bottomp1"> <img src="../assets/index/kfq.png"/>  官方交流</span></p>
+          <p style="text-align:left">
+            <span class="inedx_r_top_bottomp1">
+              <img src="../assets/index/kfq.png" /> 官方交流</span
+            >
+          </p>
           <img :src="bossImg" class="img" />
         </div>
         <div class="inedx_r_top_bottom" style="text-align:center">
-          <p style="text-align:left"> <span class="inedx_r_top_bottomp1"> <img src="../assets/index/khq.png"/> 联系客服</span></p>
+          <p style="text-align:left">
+            <span class="inedx_r_top_bottomp1">
+              <img src="../assets/index/khq.png" /> 联系客服</span
+            >
+          </p>
           <img :src="bossImg" class="img" />
         </div>
       </div>
     </div>
     <div class="car">
       <el-row type="flex" class="row-bg" justify="space-between">
-        <el-col :span="24" style="font-size: 24px; line-height:80px
-">功能直通车 </el-col>
+        <el-col
+          :span="24"
+          style="font-size: 24px; line-height:80px
+"
+          >功能直通车
+        </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="4" v-for="(index, i) in car" :key="i">
-          <div class="grid-content" @click="carLink(index.url)"><span class="fl"> <img :src="index.img" alt="" />
-            </span><span class="fl craname">{{index.name}}</span></div>
+          <div class="grid-content" @click="$router.push(index.url)">
+            <span class="fl"> <img :src="index.img" alt="" /> </span
+            ><span class="fl craname">{{ index.name }}</span>
+          </div>
         </el-col>
       </el-row>
     </div>
@@ -178,165 +259,152 @@
 </template>
 
 <script>
-  var elementResizeDetectorMaker = require('element-resize-detector')
-  import {
-    arrData
-  } from '@/utils/common.js'
-  import {
-    content
-  } from '@/api/content.js'
-  import echarts from 'echarts'
-  export default {
-    name: 'Index',
-    components: {},
-    data() {
-      return {
-        nowTime: new Date(),
-        bossImg: require('@/assets/index/boss.png'),
-        car: [{
-            name: '客户管理',
-            url: '/customerManage/customer',
-            img: require('@/assets/index/kehgl.png'),
-          },
-          {
-            name: '内容存档',
-            url: '/conversation/content',
-            img: require('@/assets/index/neircd.png'),
-          },
-          {
-            name: '任务宝',
-            url: '/appTool/task',
-            img: require('@/assets/index/renwb.png'),
-          },
-          {
-            name: '消息群发',
-            url: '/groupMessage/add',
-            img: require('@/assets/index/xiaoxqf.png'),
-          },
-          {
-            name: '员工活码',
-            url: '/drainageCode/staff',
-            img: require('@/assets/index/yuanghm.png'),
-          },
-          {
-            name: '字典管理',
-            url: '/system/dict',
-            img: require('@/assets/index/zidgl.png'),
-          },
-        ],
-        table: {},
-        erchatsTable: {},
-        xAxis: ['1', '2', '3', '4', '5'],
-        allData: {},
-        time: '昨天',
-        uptime: '',
-        timeType: 'day',
-        charts: '',
-        opinionData: {
-          opinionData1: [],
-          opinionData2: [],
-          opinionData3: [],
-          opinionData4: [],
+var elementResizeDetectorMaker = require('element-resize-detector')
+import { arrData } from '@/utils/common.js'
+import { content } from '@/api/content.js'
+import echarts from 'echarts'
+export default {
+  name: 'Index',
+  components: {},
+  data() {
+    return {
+      nowTime: new Date(),
+      bossImg: require('@/assets/index/boss.png'),
+      car: [
+        {
+          name: '客户管理',
+          url: '/customerManage/customer',
+          img: require('@/assets/index/kehgl.png')
         },
-        charts: null,
-      }
-    },
-    methods: {
-      alerts(message){
-          this.$message({
-          message: message,
-          center: true,
-            type: 'success'
-        });
-      },
-      carLink(e) {
-        this.$router.push(e)
-      },
-      canvansData(obj, name, arr, btmarr, color) {
-        let bkdata = arrData(this.erchatsTable.dataList)
-        let data = bkdata[arr]
-        this.xAxis = bkdata[btmarr]
-        this.drawLine(obj, name, data, color)
-      },
-      timeTypeCheck() {
-        if (this.timeType == 'day') {
-          this.time = '昨天'
-          this.erchatsTable = this.allData.today
-          this.serErchat()
-        } else if (this.timeType == 'week') {
-          this.time = '上周'
-          this.erchatsTable = this.allData.week
-          this.serErchat()
-        } else if (this.timeType == 'month') {
-          this.time = '上月'
-          this.erchatsTable = this.allData.month
-          this.serErchat()
-        } else if (this.timeType == 'reset') {
-          this.time = '昨天'
-          this.timeType = 'day'
-          //    this.erchatInfo()
+        {
+          name: '内容存档',
+          url: '/conversation/content',
+          img: require('@/assets/index/neircd.png')
+        },
+        {
+          name: '任务宝',
+          url: '/appTool/task',
+          img: require('@/assets/index/renwb.png')
+        },
+        {
+          name: '消息群发',
+          url: '/groupMessage/add',
+          img: require('@/assets/index/xiaoxqf.png')
+        },
+        {
+          name: '员工活码',
+          url: '/drainageCode/staff',
+          img: require('@/assets/index/yuanghm.png')
+        },
+        {
+          name: '字典管理',
+          url: '/system/dict',
+          img: require('@/assets/index/zidgl.png')
         }
+      ],
+      table: {},
+      erchatsTable: {},
+      xAxis: ['1', '2', '3', '4', '5'],
+      allData: {},
+      time: '昨天',
+      uptime: '',
+      timeType: 'today',
+      charts: '',
+      opinionData: {
+        opinionData1: [],
+        opinionData2: [],
+        opinionData3: [],
+        opinionData4: []
       },
-      tableInfo() {
-        content.indexTable().then((res) => {
-          this.table = res.data
-        })
-      },
-      erchatInfo() {
-        content.indexEchart().then((res) => {
-          this.allData = res.data
-          this.uptime = res.data.updateTime
-          this.erchatsTable = this.allData.today
+      charts: null
+    }
+  },
+  methods: {
+    canvansData(obj, name, arr, btmarr, color) {
+      let bkdata = arrData(this.erchatsTable.dataList)
+      let data = bkdata[arr]
+      this.xAxis = bkdata[btmarr]
+      this.drawLine(obj, name, data, color)
+    },
+    timeTypeCheck(type) {
+      switch (type) {
+        case 'today':
+        case 'week':
+        case 'month':
+          let json = {
+            today: '昨天',
+            week: '上周',
+            month: '上月'
+          }
+          this.time = json[type]
+          this.erchatsTable = this.allData[type]
           this.serErchat()
-        })
-      },
-      serErchat() {
-        this.canvansData('main', ['发起申请数'], 'arr1', 'btm1', '#088AEE')
-        this.canvansData('main2', ['新增客户数'], 'arr2', 'btm2', '#E74E59')
-        this.canvansData('main3', ['群新增人数'], 'arr3', 'btm3', '#14BF48')
-        this.canvansData('main4', ['流失客户数'], 'arr4', 'btm4', '#FA7216')
-      },
-      drawLine(id, arrData, data, color) {
-        let obj = document.getElementById(id)
-        obj.style.width = '100%'
-        obj.style.height = '380px'
-        this.charts = echarts.init(obj)
-        this.charts.setOption({
-          color: [color],
-          tooltip: {
-            trigger: 'axis',
-          },
-          legend: {
-            data: arrData,
-          },
-          grid: {
-            left: '3%',
-            right: '4%',
-            bottom: '3%',
-            containLabel: true,
-          },
-          xAxis: {
-            type: 'category',
-            boundaryGap: false,
-            data: this.xAxis,
-            axisLine: {
-              lineStyle: {
-                color: '#ccc',
+          break
 
-              }
+        default:
+          this.time = '昨天'
+          this.timeType = 'today'
+          break
+      }
+    },
+    tableInfo() {
+      content.indexTable().then((res) => {
+        this.table = res.data
+      })
+    },
+    erchatInfo() {
+      content.indexEchart().then((res) => {
+        this.allData = res.data
+        this.uptime = res.data.updateTime
+        this.erchatsTable = this.allData.today
+        this.serErchat()
+      })
+    },
+    serErchat() {
+      this.canvansData('main', ['发起申请数'], 'arr1', 'btm1', '#088AEE')
+      this.canvansData('main2', ['新增客户数'], 'arr2', 'btm2', '#E74E59')
+      this.canvansData('main3', ['群新增人数'], 'arr3', 'btm3', '#14BF48')
+      this.canvansData('main4', ['流失客户数'], 'arr4', 'btm4', '#FA7216')
+    },
+    drawLine(id, arrData, data, color) {
+      let obj = document.getElementById(id)
+      obj.style.width = '100%'
+      obj.style.height = '380px'
+      this.charts = echarts.init(obj)
+      this.charts.setOption({
+        color: [color],
+        tooltip: {
+          trigger: 'axis'
+        },
+        legend: {
+          data: arrData
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: this.xAxis,
+          axisLine: {
+            lineStyle: {
+              color: '#ccc'
             }
-          },
-          yAxis: {
-            type: 'value',
-            axisLine: {
-              lineStyle: {
-                color: '#ccc',
-
-              }
+          }
+        },
+        yAxis: {
+          type: 'value',
+          axisLine: {
+            lineStyle: {
+              color: '#ccc'
             }
-
-          },
-          series: [{
+          }
+        },
+        series: [
+          {
             name: arrData,
             type: 'line',
             stack: '总量',
@@ -350,289 +418,282 @@
               }
             },
             textStyle: {
-              color: "#fff", // 主标题文字的颜色。
-
-            },
-          }, ],
-        })
-      },
-    },
-    //调用
-    mounted() {
-      this.erchatInfo()
-      this.tableInfo()
-      var erd = elementResizeDetectorMaker()
-      let that = this
-      erd.listenTo(document.getElementById('fatherbox'), function (element) {
-        var width = element.offsetWidth
-        that.$nextTick(function () {
-          this.drawLine('main')
-          this.drawLine('main2')
-          this.drawLine('main3')
-          this.drawLine('main4')
-        })
+              color: '#fff' // 主标题文字的颜色。
+            }
+          }
+        ]
       })
-    },
+    }
+  },
+  //调用
+  mounted() {
+    this.erchatInfo()
+    this.tableInfo()
+    var erd = elementResizeDetectorMaker()
+    let that = this
+    erd.listenTo(document.getElementById('fatherbox'), function(element) {
+      var width = element.offsetWidth
+      that.$nextTick(function() {
+        this.drawLine('main')
+        this.drawLine('main2')
+        this.drawLine('main3')
+        this.drawLine('main4')
+      })
+    })
   }
-
+}
 </script>
 <style lang="scss" scoped>
-  .index {
-    margin: 0;
-    padding: 0.5% 1%;
-    width: 100%;
-    background: #f1f1f1;
+.index {
+  margin: 0;
+  padding: 0.5% 1%;
+  width: 100%;
+  background: #f1f1f1;
+
+  // overflow: hidden;
+  .title_name {
+    font-size: 24px;
+    font-weight: bold;
+    color: #000000;
+    padding-top: 15px;
+  }
 
-    // overflow: hidden;
-    .title_name {
-      font-size: 24px;
-      font-weight: bold;
-      color: #000000;
-      padding-top: 15px;
-    }
+  .col_style {
+    font-size: 18px;
+    font-weight: 500;
+    color: #666;
+  }
 
-    .col_style {
-      font-size: 18px;
-      font-weight: 500;
-      color: #666;
-    }
+  .fontgay {
+    text-indent: 4em;
+    color: #999;
+    font-size: 14px;
+    font-weight: 200;
+  }
 
-    .fontgay {
-      text-indent: 4em;
-      color: #999;
-      font-size: 14px;
-      font-weight: 200;
-    }
+  #fatherbox {
+    width: 100%;
+    height: 380px;
+    overflow-y: scroll;
+  }
 
-    #fatherbox {
-      width: 100%;
-      height: 380px;
-      overflow-y: scroll;
-    }
+  #main {
+    width: 100%;
+    height: 380px;
+  }
 
-    #main {
-      width: 100%;
-      height: 380px;
-    }
+  .fr {
+    float: right;
+  }
 
-    .fr {
-      float: right;
-    }
+  .redicon {
+    color: #ff0000;
+  }
 
-    .redicon {
-      color: #ff0000;
-    }
+  .greenicon {
+    color: green;
+  }
 
-    .greenicon {
-      color: green;
-    }
+  .tables {
+    width: 100%;
+    height: 200px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 15px;
+    font-size: 16px;
+  }
 
-    .tables {
-      width: 100%;
-      height: 200px;
-      background: #fff;
-      border-radius: 5px;
-      padding: 15px;
-      font-size: 16px;
-    }
+  .whitebg {
+    min-height: 1000px;
+    float: left;
+    border-radius: 5px;
+  }
 
-    .whitebg {
-      min-height: 1000px;
-      float: left;
-      border-radius: 5px;
-    }
+  .index_l {
+    width: 75%;
+  }
 
-    .index_l {
-      width: 75%;
-    }
+  .circle {
+    width: 80px;
+    height: 80px;
+    background: #999;
+    border-radius: 50%;
+    margin: 0 auto;
 
-    .circle {
+    img {
+      border-radius: 50%;
       width: 80px;
       height: 80px;
-      background: #999;
-      border-radius: 50%;
-      margin: 0 auto;
-
-      img {
-        border-radius: 50%;
-        width: 80px;
-        height: 80px;
-      }
     }
+  }
 
-    .index_r {
-      width: 23%;
-      margin-left: 2%;
-
-      .qy_R {
-        background: #fff;
-        min-height: 1267px;
-        border-radius: 5px;
+  .index_r {
+    width: 23%;
+    margin-left: 2%;
 
-        .inedx_r_top_t {
-          border-radius: 5px;
-          height: 270px;
-          background-size:100% 100%;
-         background:url('../assets/index/yd.png' ) no-repeat ;
-         background-size: cover;
-          padding: 20px 10px 10px 10px;
-          color: #fff;
-
-          .flexspan {
-            height: 40px;
-            line-height: 40px;
-            background: #fff;
-            color: #0079DE;
-            border-radius: 4px;
-            margin-top: 30px;
-          }
+    .qy_R {
+      background: #fff;
+      min-height: 1267px;
+      border-radius: 5px;
 
-          .margint20 {
-            margin-top: 31px;
-          }
+      .inedx_r_top_t {
+        border-radius: 5px;
+        height: 270px;
+        background-size: 100% 100%;
+        background: url('../assets/index/yd.png') no-repeat;
+        background-size: cover;
+        padding: 20px 10px 10px 10px;
+        color: #fff;
+
+        .flexspan {
+          height: 40px;
+          line-height: 40px;
+          background: #fff;
+          color: #0079de;
+          border-radius: 4px;
+          margin-top: 30px;
+        }
 
-          p {
-            padding-top: 9px;
-          }
+        .margint20 {
+          margin-top: 31px;
+        }
 
-          .p1 {
-            font-size: 16px;
-            font-weight: 500;
-            color: #FFFFFF;
-          }
+        p {
+          padding-top: 9px;
+        }
 
-          .p2 {
-            font-size: 14px;
-            font-weight: 400;
-            color: #D3E8FF;
-          }
+        .p1 {
+          font-size: 16px;
+          font-weight: 500;
+          color: #ffffff;
+        }
 
-          .p3 {
-            font-size: 18px;
-          }
+        .p2 {
+          font-size: 14px;
+          font-weight: 400;
+          color: #d3e8ff;
+        }
 
-          .p4 {
-            color: #FFFFFF;
-            padding-top: 10px;
-          }
+        .p3 {
+          font-size: 18px;
         }
 
-        .img {
-          margin: 30px;
-          width: 175px;
-          height: 175px;
+        .p4 {
+          color: #ffffff;
+          padding-top: 10px;
         }
+      }
 
-        .inedx_r_top_bottom {
-          padding: 10px 30px;
-          margin-top: 29px;
+      .img {
+        margin: 30px;
+        width: 175px;
+        height: 175px;
+      }
 
-          .inedx_r_top_bottomp1 {
-            font-size: 16px;
-            color: #333333;
+      .inedx_r_top_bottom {
+        padding: 10px 30px;
+        margin-top: 29px;
 
-          }
+        .inedx_r_top_bottomp1 {
+          font-size: 16px;
+          color: #333333;
+        }
 
-          ul {
-            margin-top: 20px;
-          }
+        ul {
+          margin-top: 20px;
+        }
 
-          ul li {
-            font-size: 14px;
-            line-height: 35px;
-            font-weight: 500;
-            color: #666;
+        ul li {
+          font-size: 14px;
+          line-height: 35px;
+          font-weight: 500;
+          color: #666;
 
-            span {
-              color: #999999;
-            }
+          span {
+            color: #999999;
           }
         }
       }
+    }
+  }
 
+  .box {
+    width: 100%;
+  }
 
+  .titlebox {
+    height: 80px;
+    padding: 10px 0;
+    background: #f1f1f1;
 
-
+    p {
+      line-height: 30px;
+      margin: 0;
+      padding: 0;
     }
+  }
 
-    .box {
-      width: 100%;
-    }
+  .adminname {
+    font-size: 20px;
+    font-weight: bold;
+  }
 
-    .titlebox {
-      height: 80px;
-      padding: 10px 0;
-      background: #f1f1f1;
+  .dataall {
+    width: 100%;
+    height: 238px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 20px;
+    font-size: 16px;
+  }
 
-      p {
-        line-height: 30px;
-        margin: 0;
-        padding: 0;
-      }
-    }
+  .erchatsdiv {
+    width: 100%;
+    height: auto;
+    overflow: hidden;
+    border-radius: 5px;
+    font-size: 16px;
 
-    .adminname {
-      font-size: 20px;
-      font-weight: bold;
+    /deep/ .el-col-12 {
+      width: 49%;
     }
 
-    .dataall {
-      width: 100%;
-      height: 238px;
+    .erchats {
+      margin: 0 5px;
+      height: 400px;
+      border-radius: 4px;
+      margin-bottom: 10px;
       background: #fff;
-      border-radius: 5px;
-      padding: 20px;
-      font-size: 16px;
     }
+  }
+
+  .car {
+    height: 200px;
+    margin-top: 40px;
+    width: 100%;
+    overflow: hidden;
+    line-height: 70px;
 
-    .erchatsdiv {
-      width: 100%;
-      height: auto;
+    .grid-content {
       overflow: hidden;
+      height: 70px;
+      background: #fff;
       border-radius: 5px;
-      font-size: 16px;
-
-      /deep/ .el-col-12 {
-        width: 49%;
+      padding: 10px 30px;
+
+      .craname {
+        height: 50px;
+        line-height: 50px;
+        font-size: 16px;
+        display: block;
+        text-indent: 1em;
       }
 
-      .erchats {
-        margin: 0 5px;
-        height: 400px;
-        border-radius: 4px;
-        margin-bottom: 10px;
-        background: #fff;
-      }
-    }
-
-    .car {
-      height: 200px;
-      margin-top: 40px;
-      width: 100%;
-      overflow: hidden;
-      line-height: 70px;
-
-      .grid-content {
-        overflow: hidden;
-        height: 70px;
-        background: #fff;
-        border-radius: 5px;
-        padding: 10px 30px;
-
-        .craname {
-          height: 50px;
-          line-height: 50px;
-          font-size: 16px;
-          display: block;
-          text-indent: 1em;
-        }
-
-        img {
-          width: 30px;
-          height: 30px;
-        }
+      img {
+        width: 30px;
+        height: 30px;
       }
     }
   }
-
+}
 </style>