144 lines
2.9 KiB
Vue
144 lines
2.9 KiB
Vue
<template>
|
|
<view class="">
|
|
<headersVue :titles="titles">
|
|
<u-icon name="arrow-left" color="#fff" size="18"></u-icon>
|
|
</headersVue>
|
|
<view class="content">
|
|
<!-- <view class="top_"></view> -->
|
|
|
|
<view class="box_" @click="goManage(1)">
|
|
<view class="ds">
|
|
<image src="/static/imgs/nb1.png" mode=""></image>
|
|
<view class="">员工管理</view>
|
|
</view>
|
|
<view class="anniu">
|
|
去查看
|
|
</view>
|
|
</view>
|
|
<view class="box_" @click="goManage(2)">
|
|
<view class="ds">
|
|
<image src="/static/imgs/nb2.png" mode=""></image>
|
|
<view class="">设备管理</view>
|
|
</view>
|
|
<view class="anniu">
|
|
去查看
|
|
</view>
|
|
</view>
|
|
<view class="box_" @click="goManage(3)">
|
|
<view class="ds">
|
|
<image src="/static/imgs/nb3.png" mode=""></image>
|
|
<view class="">资料管理</view>
|
|
</view>
|
|
<view class="anniu">
|
|
去查看
|
|
</view>
|
|
</view>
|
|
<view class="box_" @click="goManage(4)">
|
|
<view class="ds">
|
|
<image src="/static/imgs/nb4.png" mode=""></image>
|
|
<view class="">工作汇报</view>
|
|
</view>
|
|
<view class="anniu">
|
|
去查看
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import headersVue from '../../components/header/headers.vue';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
titles: "内部管理",
|
|
msg: "1",
|
|
List: [],
|
|
show: false,
|
|
status: 'loading',
|
|
}
|
|
},
|
|
components: {
|
|
headersVue
|
|
},
|
|
methods: {
|
|
goManage(num) {
|
|
if (num == 1) {
|
|
uni.navigateTo({
|
|
url: '/pages/index/NewstaffManagement'
|
|
})
|
|
}
|
|
if (num == 2) {
|
|
uni.navigateTo({
|
|
url: '/pages/manage/NewdeviceManage'
|
|
})
|
|
}
|
|
if (num == 3) {
|
|
uni.navigateTo({
|
|
url: '/pages/manage/deviceManage'
|
|
})
|
|
}
|
|
if (num == 4) {
|
|
uni.navigateTo({
|
|
url: '/pages/manage/workReport/reportList'
|
|
})
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.content {
|
|
background: #F7F8FC;
|
|
width: 100%;
|
|
height: 100vh;
|
|
box-sizing: border-box;
|
|
padding: 30rpx;
|
|
padding-top: 200rpx;
|
|
}
|
|
|
|
.box_ {
|
|
width: 100%;
|
|
height: 128rpx;
|
|
background-image: url('/static/imgs/box_.png');
|
|
background-size: 100% 100%;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-size: 32rpx;
|
|
color: #000000;
|
|
margin-top: 30rpx;
|
|
|
|
image {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
}
|
|
|
|
.ds {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.anniu {
|
|
width: 144rpx;
|
|
height: 66rpx;
|
|
background: #327DFB;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
font-size: 28rpx;
|
|
color: #FFFFFF;
|
|
border-radius: 50px;
|
|
}
|
|
</style>
|