修改ico和cookies的token为Web-Token、检索一个输入框的布局、并添加轮播管理

src/api/home/home.js

@@ -1,5 +1,12 @@
 import request from '@/utils/request';
 
+// 首页获取所有轮播
+export function getRotationList(params) {
+  return request({
+    url: '/mobile/list',
+    params
+  });
+}
 // 首页获取政策列表
 export function getPolicy(params) {
   return request({

src/utils/auth.js

@@ -1,15 +1,15 @@
-import Cookies from 'js-cookie'
+import Cookies from 'js-cookie';
 
-const TokenKey = 'Admin-Token'
+const TokenKey = 'Web-Token';
 
 export function getToken() {
-  return Cookies.get(TokenKey)
+  return Cookies.get(TokenKey);
 }
 
 export function setToken(token) {
-  return Cookies.set(TokenKey, token)
+  return Cookies.set(TokenKey, token);
 }
 
 export function removeToken() {
-  return Cookies.remove(TokenKey)
+  return Cookies.remove(TokenKey);
 }

src/views/customerService.vue

@@ -70,14 +70,14 @@ export default {
       queryParams: {
         userId: '1385154178159804416',
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 10
       },
       msgTotal: 0,
       // 待发送信息
       message: '',
       // 聊天记录
       chats: [],
-      isLoading: 0, //是否正在加载中，0否1是
+      isLoading: 0 //是否正在加载中，0否1是
     };
   },
   created() {},
@@ -114,6 +114,44 @@ export default {
     getMessage(msg) {
       console.log(JSON.parse(msg.data));
       const msgInfo = JSON.parse(msg.data);
+      let that = this;
+      if (!('Notification' in window)) {
+        console.log('浏览器不支持消息通知');
+        return;
+      }
+      Notification.requestPermission(function(permission) {
+        //如果不是当前页面，标题栏闪动+消息提示
+        if (document.hidden) {
+          var options = {
+            body: '您有新的未读消息，请及时处理',
+            silent: true
+          };
+          var notification = new Notification('消息通知', options);
+          notification.onclick = function() {
+            window.open(`/customerService`, '_blank');
+          };
+          //标题栏闪动
+          var defaultTitle = document.title;
+          if (that.isReceive) {
+            return;
+          } else {
+            that.isReceive = true;
+          }
+          that.timer = setInterval(function() {
+            var title = document.title;
+            if (document.hidden && that.isReceive) {
+              if (/你有新消息/.test(title) == false) {
+                document.title = '【你有新消息】';
+              } else {
+                document.title = defaultTitle;
+              }
+            } else {
+              that.isReceive = false;
+              document.title = defaultTitle;
+            }
+          }, 500);
+        }
+      });
       this.chats.push(msgInfo);
     },
     send: function(params) {
@@ -138,7 +176,7 @@ export default {
     getMsgList(flag) {
       this.isLoading = 1;
       getChatRecords(this.queryParams).then(({ data }) => {
-        data.list.map((item) => {
+        data.list.map(item => {
           item.sendTime = new Date(item.sendTime).getTime();
         });
         // 时间戳排序
@@ -208,7 +246,7 @@ export default {
       this.chats.push({
         type: 'leftinfo',
         sendText: this.message,
-        msgTime: this.getTodayTime(),
+        msgTime: this.getTodayTime()
       });
       this.chatWindowActive();
       let message = this.message;
@@ -217,18 +255,18 @@ export default {
       sendMsg({
         sendText: message,
         receiverUserId: '1385154178159804416',
-        type: 'leftinfo',
+        type: 'leftinfo'
-      }).then((res) => {
+      }).then(res => {
         console.log(res);
         this.isLoading = 0;
       });
-    },
+    }
   },
   destroyed() {
     console.log('out');
     // 销毁监听
     this.socket.onclose = this.close;
-  },
+  }
 };
 </script>
 
@@ -268,6 +306,8 @@ export default {
       -ms-user-select: none;
       user-select: none;
       img {
+        background-color: #ffffff;
+        border-radius: 50%;
         width: 42px;
         height: 42px;
         display: block;
@@ -337,9 +377,10 @@ export default {
                 width: 45px;
                 height: 45px;
                 border-radius: 50%;
-                // background-color: #ffffff;
+                background-color: #ffffff;
                 background-image: url('~@/assets/logo/logo.png');
-                background-size: cover;
+                // background-size: cover;
+                background-size: 50% 50%;
                 background-position: center;
                 background-repeat: no-repeat;
                 margin-right: 10px;

src/views/home/achievements.vue

@@ -268,7 +268,8 @@ export default {
           padding: 15px;
           margin-top: 30px;
           .screen_item_l {
-            width: 225px;
+            width: 300px;
+            height: 160px;
             img {
               width: 100%;
               height: 100%;
@@ -282,6 +283,7 @@ export default {
               font-weight: bold;
               color: #ffa32c;
               padding: 10px 0;
+              text-align: left;
             }
             .text {
               font-size: 14px;

src/views/home/home.vue

@@ -5,8 +5,15 @@
         <div class="banner">
           <!-- 轮播图 -->
           <el-carousel height="345px" trigger="click">
-            <el-carousel-item v-for="(item, index) in bannerList" :key="index">
+            <el-carousel-item v-for="item in bannerList" :key="item.id">
-              <img :src="item" alt="" />
+              <!-- <router-link
+                :to="{
+                  path: item.url
+                }"
+                target="_blank"
+              > -->
+              <img :src="item.pic" alt="" @click="handlePage(item.url)" />
+              <!-- </router-link> -->
             </el-carousel-item>
           </el-carousel>
           <!-- 政策解读 -->
@@ -36,8 +43,8 @@
                 v-model="queryParams2.attributeId"
                 @tab-click="handleClick2"
               >
-                <el-tab-pane label="经信" name="JXJ"></el-tab-pane>
                 <el-tab-pane label="科技" name="KJJ"></el-tab-pane>
+                <el-tab-pane label="经信" name="JXJ"></el-tab-pane>
                 <el-tab-pane label="发改" name="FGW"></el-tab-pane>
                 <el-tab-pane label="其他" name="OTHER"></el-tab-pane>
                 <div
@@ -383,19 +390,21 @@
   </div>
 </template>
 <script>
-import logoImg1 from '@/assets/image/banner1.png';
+import {
-import logoImg2 from '@/assets/image/banner2.png';
+  getRotationList,
-import logoImg3 from '@/assets/image/banner3.png';
+  getPolicy,
-import { getPolicy, getPolicyRead, getInformation } from '@/api/home/home';
+  getPolicyRead,
+  getInformation
+} from '@/api/home/home';
 export default {
   data() {
     return {
-      bannerList: [logoImg1, logoImg2, logoImg3],
+      bannerList: [],
       queryParams: {
         labelId: '1415156808053559296'
       },
       queryParams2: {
-        attributeId: 'JXJ'
+        attributeId: 'KJJ'
       },
       queryParams3: {
         pageNum: 1,
@@ -419,9 +428,15 @@ export default {
       getPolicyRead(this.queryParams2).then(({ data }) => {
         this.list2 = data.list;
       });
+    },
+    handlePage(url) {
+      window.open(url, '_blank');
     }
   },
   created() {
+    getRotationList({ pageNum: 1, pageSize: 50 }).then(({ data }) => {
+      this.bannerList = data.list;
+    });
     this.handleClick();
     this.handleClick2();
     getInformation(this.queryParams3).then(({ data }) => {

src/views/home/notice.vue

@@ -389,7 +389,7 @@ export default {
           getCityByLevel({ level: 2 }).then(({ data }) => {
             this.levelList_3 = data;
           });
-          getCityByLevel({ level: 2 }).then(({ data }) => {
+          getCityByLevel({ level: 3 }).then(({ data }) => {
             this.levelList_4 = data;
             this.city = key;
             this.getList();

src/views/index.vue

@@ -24,12 +24,12 @@
           </div>
         </el-tooltip>
       </div>
-      <div class="item-box">
       <router-link to="/customerService" target="_blank">
+        <div class="item-box">
           <img src="@/assets/image/service.png" />
           <div class="text">在线客服</div>
-        </router-link>
         </div>
+      </router-link>
     </div>
     <!-- <div class="img_box">
       <img src="@/assets/image/toubu.png" alt="" />
@@ -254,6 +254,7 @@ export default {
       .el-button {
         font-size: 16px;
         color: #4097e7;
+        font-weight: bold;
       }
       .mark {
         width: 1px;

src/views/portrait.vue

@@ -122,8 +122,7 @@ export default {
     }
   },
   created() {
-    if (this.token) {
+    // if (this.token) {
-      console.log();
     const { key, val } = this.$route.query;
     this.type = key;
     this.val = val;
@@ -154,9 +153,9 @@ export default {
     } else {
       this.msgError('非法进入');
     }
-    } else {
+    // } else {
-      this.msgError('请先登录');
+    // this.msgError('请先登录');
-    }
+    // }
   }
 };
 </script>

src/views/result.vue

@@ -211,9 +211,13 @@ export default {
   watch: {
     formData: {
       handler: function() {
+        if (this.type == 'policy') {
           this.$nextTick(() => {
             this.formatRichText(this.formData.downloadUrl, this.formData.id);
           });
+        } else {
+          this.formData.text = this.formData.text.replaceAll(' ', '　');
+        }
       }
     },
     deep: true
@@ -302,6 +306,11 @@ export default {
     /deep/.editor {
       border: 0;
     }
+    /deep/p {
+      img {
+        max-width: 100%;
+      }
+    }
   }
   .my_header {
     position: fixed;

src/views/startEvaluation.vue

@@ -133,7 +133,7 @@
 
       <el-form v-if="status == -2">
         <p>您的高企认定门槛检查未通过，请点击返回重新填写！</p>
-        <p>未通过项：</p>
+        <p style="font-weight: bold">未通过项：</p>
         <p v-for="(item, index) in badSeason" :key="index">
           {{ index + 1 }}、{{ item }}
         </p>
@@ -233,12 +233,12 @@
       <el-form class="el_form_4" v-if="status == -3">
         <p>
           您的创新指标得分
-          <span style="color: red; font-size: 22px; font-weight: 700">{{
+          <span style="color: red; font-size: 27px; font-weight: 700">{{
             score
           }}</span>
           分，不符合高企认定条件！此评分为平台智能估算分，仅供参考，实际评分以政府实际打分为准！
         </p>
-        <p>平台建议：</p>
+        <p style="font-weight: bold">平台建议：</p>
         <p v-for="(item, index) in badSeason1" :key="index">
           {{ index + 1 }}、{{ item }}
         </p>
@@ -250,7 +250,7 @@
       <el-form class="el_form_4" v-if="status == 4">
         <p>
           您的创新指标得分
-          <span style="color: green; font-size: 22px; font-weight: 700">{{
+          <span style="color: green; font-size: 27px; font-weight: 700">{{
             score
           }}</span>
           分，符合高企认定条件！此评分为平台智能估算分，仅供参考，实际评分以政府实际打分为准！