修改

pages/manage/deviceManage.vue

@@ -454,6 +454,7 @@
 		justify-content: space-between;
 		box-sizing: border-box;
 		padding: 5px 15px;
+    margin-top: 2rem;
 	}
 	.t-title{
 		font-size: 17px;

pages/manage/informationManage.vue

@@ -395,6 +395,7 @@ import code from '../../uni_modules/uview-ui/libs/config/props/code';
 		justify-content: space-between;
 		box-sizing: border-box;
 		padding: 5px 15px;
+    margin-top: 2rem;
 	}
 	.t-title{
 		font-size: 17px;

pages/manage/manage.vue

@@ -17,9 +17,18 @@
       <!-- <view class="bjimg" v-if="arrlist == ''">
         <image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image>
       </view> -->
-		<view class="c-box" @click="gostaff">员工管理</view>
+      <view class="c-box">
-		<view class="c-box" @click="goinformation">设备管理</view>
+        <view>员工管理({{ typeCount.get('staff') }})</view>
-		<view class="c-box" @click="godevice">资料管理</view>
+        <view class="btn" @click="gostaff">去查看</view>
+      </view>
+      <view class="c-box">
+        <view>设备管理({{ typeCount.get('equ') }})</view>
+        <view class="btn" @click="goinformation">去查看</view>
+      </view>
+      <view class="c-box">
+        <view>资料管理({{ typeCount.get('file') }})</view>
+        <view class="btn" @click="godevice">去查看</view>
+      </view>
 
     </view>
 
@@ -28,43 +37,49 @@
 </template>
 
 <script>
-	import config from '@/config'
+import config from '@/config'
-	import request from '../../utils/request';
+import request from '../../utils/request';
-
-	export default{
-		data(){
-			return{
-			
 
+export default {
+  data() {
+    return {
+      typeCount: {},
+      partnerId: uni.getStorageSync('partnerId')
     }
   },
 
-		onLoad(){
+  onLoad() {
-		
+    this.getTypeCount()
   },
   onShow() {
-		
+    this.getTypeCount()
-			
   },
 
-		methods:{
+  methods: {
-		
+    getTypeCount() {
-			getback(){
+      request({
+        url: '/inspection/util/getTypeCount?partnerId=' + this.partnerId,
+        method: 'get',
+      }).then(res => {
+        this.typeCount = new Map(Object.entries(res.data))
+      })
+    },
+    getback() {
       uni.navigateBack()
     },
-			gostaff(){
+    gostaff() {
       uni.navigateTo({
-					url:'/pages/index/Staffmanagement'
+        url: '/pages/index/Staffmanagement'
       })
     },
-			goinformation(){
+    goinformation() {
       uni.navigateTo({
-					url:'/pages/manage/informationManage'
+        url: '/pages/manage/informationManage'
       })
     },
-			godevice(){
+    godevice() {
       uni.navigateTo({
-					url:'/pages/manage/deviceManage'
+        url: '/pages/manage/deviceManage'
       })
     },
 
@@ -72,21 +87,23 @@
   },
 
 
-	}
+}
 </script>
 
 <style scoped lang="scss">
-	.content{
+.content {
   width: 100%;
   height: calc(100vh);
   background-color: #F6F6F6;
   box-sizing: border-box;
   // padding-top: 45px;
-	}
+}
-	.top-icon{
+
+.top-icon {
   margin-bottom: 45px;
-	}
+}
-	.q-fab{
+
+.q-fab {
   position: fixed;
   bottom: 50px;
   right: 15px;
@@ -94,12 +111,14 @@
   height: 55px;
   border-radius: 50%;
   overflow: hidden;
-		image{
+
+  image {
     width: 100%;
     height: 100%;
   }
-	}
+}
-	.fab-z1{
+
+.fab-z1 {
   position: fixed;
   bottom: 115px;
   right: 15px;
@@ -107,12 +126,14 @@
   height: 50px;
   border-radius: 50%;
   overflow: hidden;
-		image{
+
+  image {
     width: 100%;
     height: 100%;
   }
-	}
+}
-	.fab-z2{
+
+.fab-z2 {
   position: fixed;
   bottom: 50px;
   right: 80px;
@@ -120,12 +141,14 @@
   height: 50px;
   border-radius: 50%;
   overflow: hidden;
-		image{
+
+  image {
     width: 100%;
     height: 100%;
   }
-	}
+}
-	.c-tap{
+
+.c-tap {
   width: 100%;
   height: 40px;
   box-sizing: border-box;
@@ -133,25 +156,29 @@
   display: flex;
   background-color: white;
   align-items: center;
-	}
+}
-	.c-top{
+
+.c-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
+}
-	.c-title{
+
+.c-title {
   font-size: 18px;
   font-weight: bold
-	}
+}
-	.cont{
+
+.cont {
   width: 100%;
   padding: 15px;
-		padding-top: 50px ;
+  padding-top: 25px;
   box-sizing: border-box;
   background-color: #F6F6F6;
 
-	}
+}
-	.hongdian{
+
+.hongdian {
   width: 15px;
   height: 15px;
   background-color: crimson;
@@ -161,8 +188,9 @@
   top: 5px;
   right: 5px;
   z-index: 9999;
-	}
+}
-	.c-box{
+
+.c-box {
   width: 100%;
   box-sizing: border-box;
   padding: 10px;
@@ -171,33 +199,38 @@
   border-radius: 10px;
   display: flex;
   align-items: center;
-		justify-content: center;
+  justify-content: space-between;
-		font-size: 30px;
+  font-size: 20px;
   font-weight: bold;
-		height: 200px;
+  height: 50px;
-	}
+}
-	.c-b-top{
+
+.c-b-top {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-	}
+}
-	.t-left{
+
+.t-left {
   width: 40%;
   height: 100px;
   border-radius: 7px;
   margin-right: 10px;
   overflow: hidden;
-		image{
+
+  image {
     width: 100%;
     height: 100%;
   }
 
-	}
+}
-	.t-right{
+
+.t-right {
   width: 60%;
-	}
+}
-	.t-tilte{
+
+.t-tilte {
   font-size: 20px;
   font-weight: bold;
   color: #333333;
@@ -205,8 +238,9 @@
   overflow: hidden;
   text-overflow: ellipsis;
 
-	}
+}
-	.tw-tilte{
+
+.tw-tilte {
   width: 100%;
   text-align: right;
   font-size: 16px;
@@ -216,8 +250,9 @@
   overflow: hidden;
   text-overflow: ellipsis;
 
-	}
+}
-	.t-zi{
+
+.t-zi {
   font-size: 14px;
   font-weight: 400;
   color: #666666;
@@ -227,70 +262,84 @@
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
 
-	}
+}
-	.bjimg{
+
+.bjimg {
   width: 255px;
   height: 236px;
   margin: 0px auto;
   margin-top: 100px;
-		image{
+
+  image {
     width: 100%;
     height: 100%;
   }
-	}
+}
-	.c-b-bom{
+
+.c-b-bom {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 5px;
-	}
+}
-	.b-left{
+
+.b-left {
   color: #0D2E8D;
   font-size: 14px;
-	}
+}
-	.b-right{
+
+.b-right {
   display: flex;
   justify-content: space-between;
   align-items: center;
-	}
+}
-	.z-lv{
+
+.z-lv {
   display: flex;
   align-items: center;
   color: #0D2E8D;
   font-size: 15px;
   margin-right: 10px;
-	}
+}
-	.y-hong{
+
+.y-hong {
   display: flex;
   align-items: center;
   color: #fa3534;
   font-size: 15px;
   margin-right: 15px;
-	}
+}
-	.z-img{
+
+.z-img {
   width: 20px;
   height: 15px;
-		image{
+
+  image {
     width: 100%;
     height: 100%;
   }
+
   margin-right: 2px;
-	}
+}
-	.tap-box{
+
+.tap-box {
   width: 30%;
   text-align: center;
-	}
+}
-	.gang{
+
+.gang {
   height: 4px;
   background: #0D2E8D;
   width: 80%;
   margin: 0px auto;
-	}
+}
-	.lan{
+
+.lan {
   color: #0D2E8D;
-	}
+}
-	.top-heder{
+
+.top-heder {
   width: 100%;
   height: 68px;
   background: white;
@@ -299,18 +348,31 @@
   justify-content: space-between;
   box-sizing: border-box;
   padding: 5px 15px;
-	}
+  margin-top: 2rem;
-	.t-title{
+}
+
+.t-title {
   font-size: 17px;
   font-weight: bold;
   color: #333333;
-	}
+}
-	.t-left{
+
+.t-left {
   width: 20%;
   height: 20px;
-	}
+}
-	.t-you{
+
+.t-you {
   width: 20%;
   height: 20px;
-	}
+}
+
+.btn {
+  font-size: 18px;
+  font-weight: normal;
+  padding: 5px 10px;
+  border-radius: 5px;
+  background-color: #326ef6;
+  color: white;
+}
 </style>