detection-business/pages/manage/manage.vue

<!-- 默认复制 -->

<template>
  <view class="content">
    <view class="top-heder">
      <view class="t-left" @click="getback()">
        <uni-icons type="left" size="18"></uni-icons>
      </view>
      <view class="t-title">
        <text>内部管理</text>
      </view>
      <view class="t-you"></view>
    </view>

    <view class="cont">

      <!-- <view class="bjimg" v-if="arrlist == ''">
        <image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image>
      </view> -->
      <view class="c-box">
        <view>员工管理({{ typeCount.get('staff') }})</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>


  </view>
</template>

<script>
import config from '@/config'
import request from '../../utils/request';

export default {
  data() {
    return {
      typeCount: {},
      partnerId: uni.getStorageSync('partnerId')
    }
  },

  onLoad() {
    this.getTypeCount()
  },
  onShow() {
    this.getTypeCount()
  },

  methods: {
    getTypeCount() {
      request({
        url: '/inspection/util/getTypeCount?partnerId=' + this.partnerId,
        method: 'get',
      }).then(res => {
        this.typeCount = new Map(Object.entries(res.data))
      })
    },
    getback() {
      uni.navigateBack()
    },
    gostaff() {
      uni.navigateTo({
        url: '/pages/index/Staffmanagement'
      })
    },
    goinformation() {
      uni.navigateTo({
        url: '/pages/manage/informationManage'
      })
    },
    godevice() {
      uni.navigateTo({
        url: '/pages/manage/deviceManage'
      })
    },


  },


}
</script>

<style scoped lang="scss">
.content {
  width: 100%;
  height: calc(100vh);
  background-color: #F6F6F6;
  box-sizing: border-box;
  // 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: 25px;
  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: 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>