样式调整等

src/components/IM/user-info.vue

@@ -205,7 +205,10 @@ export default {
     color: #666666;
   }
   .other-info-wrapper {
-    margin: 20px 24px 50px;
+    // margin: 20px 24px 50px;
+    padding: 10px 0 20px;
+    margin: 0 20px;
+    border-bottom: 1px dashed #F0F0F0;
     .other-info {
       display: flex;
       flex-direction: row;
@@ -243,6 +246,7 @@ export default {
   .qt-wrapper {
     margin: 0 25px;
     .title {
+      margin-top: 25px;
       text-align: left;
       font-weight: 700;
       margin-bottom: 10px;

src/style/common.scss

@@ -199,30 +199,30 @@ html,body{
 
 .el-button--primary {
     line-height: 40px;
-    background: #449284 !important;
-    border: 1px solid #449284 !important;
+    background: #0D9078 !important;
+    border: 1px solid #0D9078 !important;
 }
 .el-button.is-disabled {
-    background: #449284 !important;
-    border: 1px solid #449284 !important;
+    background: #0D9078 !important;
+    border: 1px solid #0D9078 !important;
     opacity: 0.5;
 }
 .el-pagination.is-background .el-pager li:not(.disabled).active {
-    background: #449284 !important;
+    background: #0D9078 !important;
 }
 
 // 主题样式修改
 .el-radio__input.is-checked .el-radio__inner {
-    border-color: #449284 !important;
-    background: #449284 !important;
+    border-color: #0D9078 !important;
+    background: #0D9078 !important;
 }
 .el-radio__input.is-checked+.el-radio__label, .el-tabs__item.is-active ,.el-checkbox__input.is-checked+.el-checkbox__label{
-    color: #449284 !important;
+    color: #0D9078 !important;
 }
 
 .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
-     border-color: #449284 !important;
-    background: #449284 !important;
+     border-color: #0D9078 !important;
+    background: #0D9078 !important;
 }
 
 // 面包屑导航
@@ -230,7 +230,7 @@ html,body{
     font-weight: 300 !important;
 }
 .el-breadcrumb__inner.is-link:hover {
-    color: #449284 !important;
+    color: #0D9078 !important;
 }
 
 .current-session-wrap {

src/style/global.scss

@@ -110,7 +110,7 @@
 }
 .button-green {
     color: #ffffff;
-    background: #449284;
+    background: #0D9078;
     border-color: #bfdad5;
     border-radius: 2px;
 }
@@ -122,5 +122,5 @@
 }
 .el-button--text > span{
     font-weight: 700;
-    color: #449284 !important;
+    color: #0D9078 !important;
 }

src/views/IM/chain-history/list.vue

@@ -158,7 +158,7 @@ export default {
       margin-bottom: 20px;
       border-bottom: 1px solid #efefef;
       .num {
-        color: #449284;
+        color: #0D9078;
       }
     }
     .create-button {

src/views/IM/chain-message/index.vue

@@ -356,6 +356,7 @@ export default {
             padding: 0 10px;
         }
         .el-form-item .el-form-item__label{
+            font-size: 14px !important;
             float: none !important;
             line-height: 20px;
         }
@@ -419,7 +420,7 @@ export default {
         }
         .confirm-btn {
             margin: 0 10px;
-            background: #449284;
+            background: #0D9078;
             color: #fff;
         }
     }

src/views/IM/current-session/index.scss

@@ -15,19 +15,37 @@
         height: 52px;
         justify-content: space-between;
         align-items: center;
-        padding: 0 25px;
-        & > span:first-child {
-          font-size: 16px;
-        }
-        & > span:last-child {
+        padding: 0 12px 0 25px;
+        p {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
           color: #0d9078;
           cursor: pointer;
+          img {
+            width: 16px;
+            height: 16px;
+            margin-right: 4px;
+          }
+          span {
+            font-size: 14px;
+            color: #0d9078;
           }
         }
+        // & > span:first-child {
+        //   font-size: 14px;
+        // }
+          
+        // & > span:last-child {
+        //   color: #0d9078;
+        //   cursor: pointer;
+        // }
+      }
       .c-num {
         padding: 0 25px;
         height: 40px;
         line-height: 40px;
+        font-size: 12px;
         background: #fffbe6;
       }
       .session-list {
@@ -40,14 +58,14 @@
           height: 72px;
           flex-direction: row;
           align-items: center;
-          padding: 0 25px;
+          padding: 0 12px 0 25px;
           cursor: pointer;
           .img-wrapper {
             // position: relative;
             // top: 0;
             // left: 0;
-            width: 40px;
-            height: 40px;
+            width: 24px;
+            height: 24px;
             margin-right: 10px;
             img {
               width: 100%;
@@ -144,9 +162,9 @@
           flex-direction: row;
           margin: 12px 0;
           .msg-item-img {
-            width: 44px;
-            height: 44px;
-            margin-right: 8px;
+            width: 36px;
+            height: 36px;
+            margin-right: 12px;
             & > img {
               width: 100%;
               height: 100%;
@@ -316,7 +334,7 @@
       }
       .c-bottom {
         position: relative;
-        top: 0;
+        top: -8px;
         left: 0;
         display: flex;
         flex-direction: row;

src/views/IM/current-session/index.vue

@@ -5,7 +5,10 @@
       <article class="left">
         <div class="l-header">
           <span>我的任务({{this.sessionListData.myTaskCount}})</span>
-          <span @click="fetchOneTask">再来一个</span>
+          <p @click="fetchOneTask">
+            <img src="../../../assets/image/IM/plus-task.png" />
+            <span>再来一个</span>
+          </p>
         </div>
         <p class="c-num">当前等待会话：{{this.sessionListData.waitingTaskCount}}个</p>
         <!-- <ul id="sessionListId" class="session-list" :style="{'height': containerHeight + 'px'}"> -->
@@ -42,7 +45,11 @@
           </li>
         </ul>
       </article>
-      <article v-show="sessionListData.sessionList.length" class="center" v-loadmore="getOldMSGHistory">
+      <article
+        v-show="sessionListData.sessionList.length"
+        class="center"
+        v-loadmore="getOldMSGHistory"
+      >
         <section class="c-header">
           <div class="c-header-l">
             <img :src="currentSession.avatarImageUrl" alt />
@@ -56,11 +63,8 @@
           id="msgContentId"
           class="msg-content scroll-box"
           :style="{'height': (containerHeight - 35) + 'px'}"
-        >         -->
-        <section
-          id="msgContentId"
-          class="msg-content scroll-box"
-        >
+        >-->
+        <section id="msgContentId" class="msg-content scroll-box">
           <article
             v-for="(item, index) in messageList"
             :key="index"
@@ -83,7 +87,7 @@
                   <img
                     v-if="item.sendOrReceive && item.isShowLoadingIcon"
                     class="icon ld"
-                    src="../../../assets/image/IM/icon-fresh-2.png"
+                    src="../../../assets/image/IM/loading-icon.png"
                     alt
                   />
                   <div v-if="item.showType == 1" class="mid-text-wrapper" style="max-width: 520px;">
@@ -96,7 +100,8 @@
                       :imgUrl="item.url"
                       :imgData="item"
                       :index="index"
-                    @imgHandle="imgHandle"></img-size>
+                      @imgHandle="imgHandle"
+                    ></img-size>
                   </div>
                   <div v-if="item.showType == 3" class="mid-pdf" @click="openPDF(item)">
                     <div class="midp-left">
@@ -149,7 +154,7 @@
         <UserInfo :userInfo="doctorInfo" :taskLogId="currentTaskLogId"></UserInfo>
       </article>
       <article v-show="!sessionListData.sessionList.length" class="center no-content">
-        <img src="../../../assets/image/IM/no-search-list.png" alt="">
+        <img src="../../../assets/image/IM/no-search-list.png" alt />
         <p>任务都做完啦！休息一下吧～</p>
       </article>
     </section>
@@ -207,21 +212,16 @@ import BreadCrumb from "@/components/breadcrumb.vue";
 import ImgSize from "@/components/IM/img-size.vue";
 import { doUpload, getFilePath } from "@/utils/qiniu-util";
 import { validateWord } from "@/utils/validate.js";
-import {
-  openLoading,
-  closeLoading,
-  betaHandle,
-} from "@/utils/utils";
+import { openLoading, closeLoading, betaHandle } from "@/utils/utils";
 import { getPicaKFAccid, getPhomeDemain } from "@/utils";
 import UserInfo from "@/components/IM/user-info.vue";
 // const CONTAINER_HEIGHT = 300;
 const CONTAINER_HEIGHT = 700;
 let forwardMsgIntervalId = null,
-sessionIntervalId = null,
-continueIntervalId = null, 
-autoCompletionIntervalId = null,
-cacheMap = {};
-
+  sessionIntervalId = null,
+  continueIntervalId = null,
+  autoCompletionIntervalId = null,
+  cacheMap = {};
 
 let _this = null;
 export default {
@@ -296,8 +296,8 @@ export default {
       deep: true
     },
     // 监听到有变化，就缓存一下
-    sendText(newText){
-      cacheMap[this.currentSession.id] = newText || '';
+    sendText(newText) {
+      cacheMap[this.currentSession.id] = newText || "";
     }
   },
 
@@ -331,11 +331,13 @@ export default {
     cacheMap = {};
     this.$nextTick(() => {
       _this.containerHeight = document.body.clientHeight - 80;
-      _this.getElmByID('screenSet').style.height =
+      _this.getElmByID("screenSet").style.height =
         _this.containerHeight - 152 + "px";
       // console.log('_this.containerHeight', _this.containerHeight);
-      _this.getElmByID("sessionListId").style.height = _this.containerHeight - 252 + 'px';
-      _this.getElmByID("msgContentId").style.height = _this.containerHeight - 287 + 'px';
+      _this.getElmByID("sessionListId").style.height =
+        _this.containerHeight - 252 + "px";
+      _this.getElmByID("msgContentId").style.height =
+        _this.containerHeight - 287 + "px";
     });
   },
 
@@ -346,24 +348,25 @@ export default {
     // 含有敏感信息的消息，自行补全提示文案
     // 每30秒监测敏感信息
     autoCompletionInterval() {
-      if(!this.messageList) return;
+      if (!this.messageList) return;
       // console.log('in autoCompletionInterval');
       // 将带有loading的消息转成失败的
-      this.messageList.forEach( item => {
-        if(item.isShowLoadingIcon) {
+      this.messageList.forEach(item => {
+        if (item.isShowLoadingIcon) {
           item.isShowLoadingIcon = false;
           item.isShowErrorIcon = true;
         }
       });
-      let flag = false, msg;
-      for(let i = 0; i < this.messageList.length; i ++) {
+      let flag = false,
+        msg;
+      for (let i = 0; i < this.messageList.length; i++) {
         msg = this.messageList[i];
-        if(msg.isShowErrorIcon && !msg.isShowErrorMsg) {
+        if (msg.isShowErrorIcon && !msg.isShowErrorMsg) {
           flag = true;
           break;
         }
       }
-      if(flag) {
+      if (flag) {
         this.getMSGForwardForAC(msg);
       }
     },
@@ -404,11 +407,11 @@ export default {
       msg.fromAccount = this.currentToAccId;
       msg.toAccount = this.picakfAccId;
       // type: 0, // 类型 0文本 1图片 2pdf 3链接
-      msg.text = params.info || '';
-      msg.suffix = params.remark || '';
-      if(msg.type == 3) {
+      msg.text = params.info || "";
+      msg.suffix = params.remark || "";
+      if (msg.type == 3) {
         msg.suffix = params.info;
-        msg.text = params.remark || '';
+        msg.text = params.remark || "";
       }
       msg.size = params.fileSize;
       msg.url = params.url;
@@ -500,7 +503,7 @@ export default {
       this.POST("/im/msg/forward", params).then(res => {
         if (res.code === "000000") {
           this.convertMessageList(res.data, 2);
-          if(res.data.length) {
+          if (res.data.length) {
             this.readAllMsg();
           }
         } else {
@@ -743,13 +746,13 @@ export default {
             this.getMSGHistory(this.currentSession);
             this.readAllMsg();
             // 如果是点击“再来一个”或“给我一个任务吧”按钮分配的任务，则要滚动到最后
-            if(this.isFromAssignTask) {
-              this.$nextTick( () => {
+            if (this.isFromAssignTask) {
+              this.$nextTick(() => {
                 let element = this.getElmByID("sessionListId");
-                if(element) {
+                if (element) {
                   element.scrollTop = element.scrollHeight;
                 }
-              })
+              });
             }
           }
           if (sLength) {
@@ -891,7 +894,7 @@ export default {
         "progress",
         ""
       ).then(function(resData) {
-        closeLoading(_this)
+        closeLoading(_this);
         let params = {};
         params.fileSize = resData.size;
         params.fileExt = resData.ext;
@@ -971,12 +974,13 @@ export default {
       let sendId = new Date().getTime();
       this.handleSendMsg(params, sendId);
       // console.log("sendMsgParams", params);
-      await this.POST("/im/msg/sendMessage", params).then(res => {
+      await this.POST("/im/msg/sendMessage", params)
+        .then(res => {
           if (res.code === "000000") {
             // 校验结果：1校验通过 2校验不通过
             // console.log(res.data.checkFlag);
             let msg = this.messageList[this.messageList.length - 1];
-          if(msg.sendId !== sendId) {
+            if (msg.sendId !== sendId) {
               msg = this.getMsgBySendId(sendId);
             }
             if (res.data.checkFlag == 1) {
@@ -996,9 +1000,10 @@ export default {
               type: "error"
             });
           }
-      }).catch( error => {
+        })
+        .catch(error => {
           let msg = this.messageList[this.messageList.length - 1];
-        if(msg.sendId !== sendId) {
+          if (msg.sendId !== sendId) {
             msg = this.getMsgBySendId(sendId);
           }
           msg.isShowLoadingIcon = false;
@@ -1015,10 +1020,11 @@ export default {
 
     // 根据sendId，查找到对应的消息
     getMsgBySendId(sendId) {
-      console.log('------------getMsgBySendId------------');
-      let l = this.messageList.length, i = l - 1; 
-      for(; i > 0; i --) {
-        if(this.messageList[i].sendId == sendId) {
+      console.log("------------getMsgBySendId------------");
+      let l = this.messageList.length,
+        i = l - 1;
+      for (; i > 0; i--) {
+        if (this.messageList[i].sendId == sendId) {
           break;
         }
       }
@@ -1030,15 +1036,12 @@ export default {
       return betaHandle(val);
     },
 
-
     imgHandle(data) {
-      this.$set(this.messageList[data.index], 'newW', data.width)
-      this.$set(this.messageList[data.index], 'newH', data.height)
-    },
+      this.$set(this.messageList[data.index], "newW", data.width);
+      this.$set(this.messageList[data.index], "newH", data.height);
+    }
   },
 
-  
-
   beforeDestroy() {
     sessionIntervalId && clearInterval(sessionIntervalId);
     forwardMsgIntervalId && clearInterval(forwardMsgIntervalId);

src/views/IM/search-message/list.vue

@@ -172,7 +172,7 @@ export default {
       margin-bottom: 20px;
       border-bottom: 1px solid #efefef;
       .num {
-        color: #449284;
+        color: #0D9078;
       }
     }
     .create-button {

src/views/IM/waiting-session/list.vue

@@ -138,7 +138,8 @@ export default {
         color: #000;
       }
       .num {
-        color: #449284;
+        font-weight: 700;
+        color: #0D9078;
       }
     }
     .create-button {

src/views/home.vue

@@ -5,7 +5,7 @@
             <el-row>
                 <el-col class="visitor" :span="24" v-if="tableData.length > 0">
                     <div class="visitor-title">
-                        <div class="title">今日随访：<span style="color:#449284;">10人</span></div>
+                        <div class="title">今日随访：<span style="color:#0D9078;">10人</span></div>
                         <span class="visitor-more" @click="lookMore">查看更多</span>
                     </div>
                     <div class="visitor-info">
@@ -112,7 +112,7 @@ export default {
                     }
                     .visitor-more {
                         font-size: 12px;
-                        color: #449284;
+                        color: #0D9078;
                         border: 1px solid rgba(68,146,132,0.3);
                         padding: 5px 14px;
                         border-radius: 3px;

src/views/layout/header.vue

@@ -129,7 +129,7 @@ export default {
   box-sizing: border-box;
   height: 64px;
   width: 100%;
-  z-index: 99999;
+  z-index: 1000;
   font-size: 22px;
   line-height: 64px;
   color: #fff;

src/views/layout/slidebar.vue

@@ -150,7 +150,7 @@ export default {
     }
     .el-menu-item.is-active {
       color: #fff;
-      background: #509284 !important;
+      background: #0D9078 !important;
     }
     .el-menu-item:hover,
     .el-submenu__title:hover,