fix:开发站内信页面

src/router/index.js

@@ -63,6 +63,11 @@ const router = new Router({
             icon: 'fa fa-home fa-lg',
             index: 3
           }
+        },
+        {
+          path: '/message',
+          name: '站内信',
+          component: () => import('@/views/message/index.vue')
         }
       ]
     },

src/views/Core/MessagePanel.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog width="430px" :visible.sync="backupVisible" :modal="false">
+  <el-dialog width="100%" :visible.sync="backupVisible" :modal="false">
     <div slot="title" class="dialog-title">
       <span>消息通知</span>
     </div>

src/views/Core/PersonalPanel.vue

@@ -201,7 +201,10 @@ export default {
     },
  //消息通知
   notify() {
-      this.$refs.messagePanel.setBackupVisible(true)
+      // this.$refs.messagePanel.setBackupVisible(true)
+    this.$router.push({
+      path: '/message'
+    })
     },
     //闪电增员
     recruiting() {

src/views/HeadBar/HeadBar.vue

@@ -44,10 +44,12 @@
         <personal-panel :user="userData"></personal-panel>
         <img  slot="reference" :src="userData.headSculpture?userData.headSculpture:avatar" />
       </el-popover>
-      <div class="personalStyle">
-        <span >{{ userData.roleName }} - {{ userData.name }}</span>
-        <span style="color:rgba(51, 51, 51, 0.80) ">{{ userData.id }}</span>
-      </div>
+      <el-badge :is-dot="isDot">
+        <div class="personalStyle">
+          <span >{{ userData.roleName }} - {{ userData.name }}</span>
+          <span style="color:rgba(51, 51, 51, 0.80) ">{{ userData.id }}</span>
+        </div>
+      </el-badge>
     </span>
   </div>
 </template>
@@ -97,6 +99,7 @@ export default {
   },
   data() {
     return {
+      isDot: false,
       toolbarActive:false,
       sum: null,
       datawidth: 1920,

src/views/Task/daikeComponents/KtLetter1.vue

@@ -8713,7 +8713,6 @@ export default {
       });
     },
     quote1() {
-      console.log('最后的信息')
       let starttime = new Date(this.carInfo.registerDate);
       let endtime = new Date(this.carInfo.issueDate);
       if (endtime < starttime) {
@@ -9074,9 +9073,6 @@ export default {
         vehicleAndVesselTax: this.vehicleAndVesselTaxForm,
         productId: this.productId
       };
-      console.log('车主信息', this.ownerInfo)
-      console.log('投保人信息', this.policyHolderInfo)
-      console.log('被投保人信息', this.insuredPersonInfo)
       this.$api.letter[this.apiInterfaceName](param).then((res) => {
         if (res.code == "200") {
           //上传图片

src/views/message/index.vue

@@ -0,0 +1,96 @@
+<template>
+  <el-row class="message">
+    <el-col :span="4" class="colLeft">
+      <div class="menu">
+        <div class="menuItem" :class="{'active':menuIndex === index}" @click="menuIndex = index" v-for="(item, index) in menuList" :key="item+index">
+          <el-badge :value="item.value" :max="99">{{ item.text }}</el-badge>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="20" class="colRight">
+      <div class="message-list">
+        <el-row :gutter="20" class="message-item" v-for="(item, index) in message" :key="index">
+          <el-col :span="3" style="text-align: right; color: #cccccc">
+            <p>16:52:02</p>
+            <p>2024.12.03</p>
+          </el-col>
+          <el-col :span="21">
+            <p class="title">标题</p>
+            <p class="content">内容</p>
+          </el-col>
+        </el-row>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      menuList: [
+        {
+          text: '增员信息',
+          value: 100
+        },
+        {
+          text: '待我审批',
+          value: 0
+        },
+        {
+          text: '审批结果',
+          value: 0
+        },
+      ],
+      menuIndex: 0,
+      message: [1,2,3,4,5,6,7,8,9,10]
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .message{
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    .colLeft, .colRight{
+      height: 100%;
+      overflow: hidden;
+    }
+    .colLeft{
+      border-right: 1px solid #cccccc;
+      .menu{
+        height: 100%;
+        width: 100%;
+        overflow-y: auto;
+        .menuItem{
+          padding: 10px 20px;
+          width: calc(100% - 40px);
+          text-overflow: ellipsis;
+          overflow: hidden;
+          word-break: break-all;
+          white-space: nowrap;
+        }
+        .active{
+          background: #F0F0F0;
+        }
+      }
+    }
+    .message-list{
+      margin: 10px 40px;
+      width: calc(100% - 80px);
+      .message-item{
+        border-bottom: 1px solid #cccccc;
+        width: 100%;
+        .title, .content{
+          width: 100%;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          word-break: break-all;
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+</style>