This commit is contained in:
xiaofajia 2024-12-17 13:52:08 +08:00
parent f5128e32d8
commit 3ca0bad453
3 changed files with 368 additions and 304 deletions

View File

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

View File

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

View File

@ -1,316 +1,378 @@
<!-- 默认复制 --> <!-- 默认复制 -->
<template> <template>
<view class="content"> <view class="content">
<view class="top-heder"> <view class="top-heder">
<view class="t-left" @click="getback()"> <view class="t-left" @click="getback()">
<uni-icons type="left" size="18"></uni-icons> <uni-icons type="left" size="18"></uni-icons>
</view> </view>
<view class="t-title"> <view class="t-title">
<text>内部管理</text> <text>内部管理</text>
</view> </view>
<view class="t-you"></view> <view class="t-you"></view>
</view> </view>
<view class="cont"> <view class="cont">
<!-- <view class="bjimg" v-if="arrlist == ''"> <!-- <view class="bjimg" v-if="arrlist == ''">
<image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image> <image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image>
</view> --> </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> <view class="c-box">
<view>设备管理({{ typeCount.get('equ') }})</view>
<view class="btn" @click="goinformation">去查看</view>
</view> </view>
<view class="c-box">
<view>资料管理({{ typeCount.get('file') }})</view>
<view class="btn" @click="godevice">去查看</view>
</view>
</view>
</view>
</template> </template>
<script> <script>
import config from '@/config' import config from '@/config'
import request from '../../utils/request'; import request from '../../utils/request';
export default{ export default {
data(){ data() {
return{ return {
typeCount: {},
partnerId: uni.getStorageSync('partnerId')
} }
}, },
onLoad(){ onLoad() {
this.getTypeCount()
}, },
onShow() { onShow() {
this.getTypeCount()
},
},
methods: {
methods:{ getTypeCount() {
request({
getback(){ url: '/inspection/util/getTypeCount?partnerId=' + this.partnerId,
uni.navigateBack() method: 'get',
}, }).then(res => {
gostaff(){ this.typeCount = new Map(Object.entries(res.data))
uni.navigateTo({ })
url:'/pages/index/Staffmanagement' },
}) getback() {
}, uni.navigateBack()
goinformation(){ },
uni.navigateTo({ gostaff() {
url:'/pages/manage/informationManage' uni.navigateTo({
}) url: '/pages/index/Staffmanagement'
}, })
godevice(){ },
uni.navigateTo({ goinformation() {
url:'/pages/manage/deviceManage' uni.navigateTo({
}) url: '/pages/manage/informationManage'
}, })
},
godevice() {
}, uni.navigateTo({
url: '/pages/manage/deviceManage'
})
} },
},
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.content{ .content {
width: 100%; width: 100%;
height: calc(100vh); height: calc(100vh);
background-color: #F6F6F6; background-color: #F6F6F6;
box-sizing: border-box; box-sizing: border-box;
// padding-top: 45px; // padding-top: 45px;
} }
.top-icon{
margin-bottom: 45px;
}
.q-fab{
position: fixed;
bottom: 50px;
right: 15px;
width: 55px;
height: 55px;
border-radius: 50%;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.fab-z1{
position: fixed;
bottom: 115px;
right: 15px;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.fab-z2{
position: fixed;
bottom: 50px;
right: 80px;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.c-tap{
width: 100%;
height: 40px;
box-sizing: border-box;
padding: 15px;
display: flex;
background-color: white;
align-items: center;
}
.c-top{
display: flex;
align-items: center;
justify-content: space-between;
}
.c-title{
font-size: 18px;
font-weight: bold
}
.cont{
width: 100%;
padding: 15px;
padding-top: 50px ;
box-sizing: border-box;
background-color: #F6F6F6;
}
.hongdian{
width: 15px;
height: 15px;
background-color: crimson;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: 5px;
right: 5px;
z-index: 9999;
}
.c-box{
width: 100%;
box-sizing: border-box;
padding: 10px;
background-color: white;
margin-top: 10px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: bold;
height: 200px;
}
.c-b-top{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.t-left{
width: 40%;
height: 100px;
border-radius: 7px;
margin-right: 10px;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
}
.t-right{
width: 60%;
}
.t-tilte{
font-size: 20px;
font-weight: bold;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .top-icon {
.tw-tilte{ margin-bottom: 45px;
width: 100%; }
text-align: right;
font-size: 16px;
font-weight: bold;
color: #5e5e5e;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.t-zi{
font-size: 14px;
font-weight: 400;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} .q-fab {
.bjimg{ position: fixed;
width: 255px; bottom: 50px;
height: 236px; right: 15px;
margin: 0px auto; width: 55px;
margin-top: 100px; height: 55px;
image{ border-radius: 50%;
width: 100%; overflow: hidden;
height: 100%;
} image {
} width: 100%;
.c-b-bom{ height: 100%;
width: 100%; }
display: flex; }
justify-content: space-between;
align-items: center; .fab-z1 {
margin-top: 5px; position: fixed;
} bottom: 115px;
.b-left{ right: 15px;
color: #0D2E8D; width: 50px;
font-size: 14px; height: 50px;
} border-radius: 50%;
.b-right{ overflow: hidden;
display: flex;
justify-content: space-between; image {
align-items: center; width: 100%;
} height: 100%;
.z-lv{ }
display: flex; }
align-items: center;
color: #0D2E8D; .fab-z2 {
font-size: 15px; position: fixed;
margin-right: 10px; bottom: 50px;
} right: 80px;
.y-hong{ width: 50px;
display: flex; height: 50px;
align-items: center; border-radius: 50%;
color: #fa3534; overflow: hidden;
font-size: 15px;
margin-right: 15px; image {
} width: 100%;
.z-img{ height: 100%;
width: 20px; }
height: 15px; }
image{
width: 100%; .c-tap {
height: 100%; width: 100%;
} height: 40px;
margin-right: 2px; box-sizing: border-box;
} padding: 15px;
.tap-box{ display: flex;
width: 30%; background-color: white;
text-align: center; align-items: center;
} }
.gang{
height: 4px; .c-top {
background: #0D2E8D; display: flex;
width: 80%; align-items: center;
margin: 0px auto; justify-content: space-between;
} }
.lan{
color: #0D2E8D; .c-title {
} font-size: 18px;
.top-heder{ font-weight: bold
width: 100%; }
height: 68px;
background: white; .cont {
display: flex; width: 100%;
align-items: center; padding: 15px;
justify-content: space-between; padding-top: 25px;
box-sizing: border-box; box-sizing: border-box;
padding: 5px 15px; background-color: #F6F6F6;
}
.t-title{ }
font-size: 17px;
font-weight: bold; .hongdian {
color: #333333; width: 15px;
} height: 15px;
.t-left{ background-color: crimson;
width: 20%; border-radius: 50%;
height: 20px; overflow: hidden;
} position: absolute;
.t-you{ top: 5px;
width: 20%; right: 5px;
height: 20px; z-index: 9999;
} }
</style>
.c-box {
width: 100%;
box-sizing: border-box;
padding: 10px;
background-color: white;
margin-top: 10px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 20px;
font-weight: bold;
height: 50px;
}
.c-b-top {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.t-left {
width: 40%;
height: 100px;
border-radius: 7px;
margin-right: 10px;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
.t-right {
width: 60%;
}
.t-tilte {
font-size: 20px;
font-weight: bold;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tw-tilte {
width: 100%;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #5e5e5e;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.t-zi {
font-size: 14px;
font-weight: 400;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.bjimg {
width: 255px;
height: 236px;
margin: 0px auto;
margin-top: 100px;
image {
width: 100%;
height: 100%;
}
}
.c-b-bom {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 5px;
}
.b-left {
color: #0D2E8D;
font-size: 14px;
}
.b-right {
display: flex;
justify-content: space-between;
align-items: center;
}
.z-lv {
display: flex;
align-items: center;
color: #0D2E8D;
font-size: 15px;
margin-right: 10px;
}
.y-hong {
display: flex;
align-items: center;
color: #fa3534;
font-size: 15px;
margin-right: 15px;
}
.z-img {
width: 20px;
height: 15px;
image {
width: 100%;
height: 100%;
}
margin-right: 2px;
}
.tap-box {
width: 30%;
text-align: center;
}
.gang {
height: 4px;
background: #0D2E8D;
width: 80%;
margin: 0px auto;
}
.lan {
color: #0D2E8D;
}
.top-heder {
width: 100%;
height: 68px;
background: white;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 5px 15px;
margin-top: 2rem;
}
.t-title {
font-size: 17px;
font-weight: bold;
color: #333333;
}
.t-left {
width: 20%;
height: 20px;
}
.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>