修改

pages/index/Staffmanagement.vue

@@ -2,7 +2,7 @@
 <template>
   <view class="content">
     <view style="width: 100%; height: 44px;"></view>
-    <view class="top-heder">
+    <view class="top-heder" style="margin-top: 1rem">
       <view class="t-left" @click="getfan()">
         <uni-icons type="left" size="18"></uni-icons>
       </view>
@@ -48,14 +48,18 @@
                 <view class="s-hui">岗位：{{item.roleName}}</view>
                 <view class="s-hui">电话：{{ item.mobile || item.username }}</view>
               </view>
-              <view class="bottom-box" @click="gettel(item)">
-                <uni-icons type="phone-filled" color="#0D2E8D" size="18"></uni-icons>
-                <text>电话</text>
-                <!-- @click="getdelete(item.id)" -->
-                <!-- <text>删除</text> -->
+              <view>
+                <view class="bottom-box" @click="gettel(item)">
+                  <uni-icons type="phone-filled" color="#0D2E8D" size="18"></uni-icons>
+                  <text>电话</text>
+                  <!-- @click="getdelete(item.id)" -->
+                  <!-- <text>删除</text> -->
+                </view>
+                <view class="bottom-box" style="margin-top: 1rem" @click="toInfo(item)">
+                  <text>查看详情</text>
+                </view>
               </view>
             </view>
-
           </view>
         </checkbox-group>
 
@@ -170,6 +174,14 @@ export default {
     // this.getindex()
   },
   methods: {
+    toInfo(item){
+      request({
+        url: '/company/staff/getByUserId?id=' + item.id,
+        method: 'get'
+      }).then(res => {
+        console.log(res)
+      })
+    },
     gettel(num) {
       const value = num.mobile || num.username
       uni.makePhoneCall({

pages/staff/staff.vue

@@ -13,9 +13,10 @@
       <view class="sou" @click="getList()">搜索</view>
     </view>
     <view class="tap">
-      <view class="tap-box" v-for="(item,index) in tapList" :key="index" @click="tapqh(index)">
+      <view class="tap-box msg-box"  v-for="(item,index) in tapList" :key="index" @click="tapqh(index)">
         <view class="xhuihui" :class="{'xzhei':tapindex == index}">{{ item.text }}</view>
         <view class="gang" v-if="tapindex == index"></view>
+        <view class="msg-num">{{countMap.get(index+"")}}</view>
       </view>
     </view>
 
@@ -186,6 +187,7 @@ export default {
       },
       beginButtonShow: [1, 3, 4],
       cancelButtonShow: [2],
+      countMap: []
     }
   },
   onLoad() {
@@ -219,6 +221,14 @@ export default {
     tabBar,
   },
   methods: {
+    async getCount(){
+      await request({
+        url: '/system/info/getCountByType?partnerId=' + this.partnerId,
+        method: 'get'
+      }).then(res => {
+        this.countMap = new Map(Object.entries(res.data))
+      })
+    },
     confirms(e) {
       this.takingData.workNodeId = e.value[0].value
       this.show = false
@@ -312,6 +322,8 @@ export default {
         let total = res.total
         this.totalPages = Math.ceil(total / this.pageSize);
       }
+
+      await this.getCount()
     },
     getfan() {
       uni.navigateBack()
@@ -462,14 +474,16 @@ export default {
   font-family: Source Han Sans CN-Regular, Source Han Sans CN;
   font-weight: 400;
   color: #666666;
+  margin-left: 0.5rem;
 }
 
 .gang {
-  width: 24px;
+  width: 32px;
   height: 4px;
   background: #0D2E8D;
   border-radius: 4px;
   margin: 2px auto;
+  margin-left: 1rem;
 }
 
 .xzhei {
@@ -626,4 +640,24 @@ export default {
   white-space: pre-line; /* 保留换行符，但允许文本换行 */
   word-break: break-all; /* 长单词或 URL 会在必要时断开 */
 }
+
+.msg-box {
+  position: relative;
+  margin-right: 40rpx;
+
+  .msg-num {
+    position: absolute;
+    right: -29rpx;
+    color: white;
+    background: #d74a43;
+    width: 35rpx;
+    height: 35rpx;
+    line-height: 35rpx;
+    text-align: center;
+    font-weight: 800;
+    font-size: 11px;
+    border-radius: 50%;
+    top: -20rpx;
+  }
+}
 </style>

pages/xiaoxi/xiaoxi.vue

@@ -59,6 +59,10 @@
       </view>
     </view>
 
+    <view class="circle-notification" v-if="ifSend">
+      +
+    </view>
+
     <view style="width: 100%; height: 50px;"></view>
     <tabBar ref="tarBar" :msg="msg"></tabBar>
   </view>
@@ -105,6 +109,7 @@ export default {
         }
       ],
       tapindex: 0,
+      ifSend: false
     }
   },
 
@@ -122,21 +127,23 @@ export default {
   },
   onLoad(data) {
     this.partnerId = uni.getStorageSync('partnerId')
-    if (data && data.index){
+    if (data && data.index) {
       this.tapindex = parseInt(data.index)
       this.getwarnMsglist()
-    }else {
+    } else {
       this.getlistindex()
+      this.getIfSend()
     }
     // this.interval = setInterval(() => {
     //   this.getlistindex()
     // }, 3000);
   },
   onShow() {
-    if (this.tapindex === 1){
+    if (this.tapindex === 1) {
       this.getwarnMsglist()
-    }else {
+    } else {
       this.getlistindex()
+      this.getIfSend()
     }
     // this.getlistindex()
     // this.imgs = this.$baseUrl
@@ -147,17 +154,25 @@ export default {
     tabBar,
   },
   methods: {
-    clearAll(){
+    getIfSend() {
+      request({
+        url: '/system/inspectionNews/ifSend',
+        method: 'get'
+      }).then(res => {
+        this.ifSend = res.data
+      })
+    },
+    clearAll() {
       let that = this
       uni.showModal({
         title: '确认',
         content: '确认全部已读吗？',
         success: function (res) {
-          if (res.confirm){
+          if (res.confirm) {
             request({
               url: '/warnMsg/warnMsg/readAll',
               method: 'get'
-            }).then(res=>{
+            }).then(res => {
               that.getwarnMsglist()
             })
           }
@@ -510,9 +525,27 @@ export default {
   border-radius: 4px;
   margin: 2px auto;
 }
-.clear-icon{
+
+.clear-icon {
   width: 40rpx;
   height: 40rpx;
   border-radius: 50%;
 }
+
+.circle-notification {
+  display: flex;
+  width: 50px; /* 圆形的直径 */
+  height: 50px; /* 圆形的直径 */
+  border-radius: 50%; /* 使元素变为圆形 */
+  background-color: #007bff; /* 背景颜色，可以根据需要更改 */
+  color: white; /* 文字颜色，可以根据需要更改 */
+  align-items: center; /* 垂直居中内容 */
+  justify-content: center; /* 水平居中内容 */
+  text-align: center; /* 让文本在每一行都居中 */
+  font-size: 25px; /* 文字大小，根据需要调整 */
+  position: fixed; /* 固定位置 */
+  bottom: 10rem; /* 从底部距离 */
+  right: 2rem; /* 从右边距离 */
+  z-index: 1000;
+}
 </style>