<template>
|
<div class="bodyBox">
|
<el-scrollbar style="width: 100%;height: 80vh;" ref="scrollHomeRef">
|
<div class="bodyChildDiv">
|
<div class="titBox">
|
<span class="red">我的待办</span>
|
</div>
|
<div class="ctnBox">
|
<div class="childBox" @click="goPage(1)" style="width: 37%">
|
<div class="childDiv">
|
<span>待审批数字化标杆</span>
|
<span>{{ state.dealwithDatabg }}</span>
|
</div>
|
</div>
|
<div class="childBox" @click="goPage(2)" style="width: 37%">
|
<div class="childDiv">
|
<span>待审批数字化知识</span>
|
<span>{{ state.dealwithDatazs }}</span>
|
</div>
|
</div>
|
<div class="childBox" @click="goPage(3)" style="width: 14%">
|
<div class="childDiv">
|
<span>待审批数字化产品</span>
|
<span>{{ state.dealwithDatacp }}</span>
|
</div>
|
</div>
|
<div class="childBox" @click="goPage(21)" style="width: 37%">
|
<div class="childDiv">
|
<span>待审批使用申请</span>
|
<span>{{ state.dealwithApply }}</span>
|
</div>
|
</div>
|
<div class="childBox" @click="goPage(22)" style="width: 37%">
|
<div class="childDiv">
|
<span>待上传交易管理</span>
|
<span>{{ state.dealwithUploadFile }}</span>
|
</div>
|
</div>
|
<!-- （2：待申报活动的数量 -->
|
<div class="childBox" @click="goPageByParam(state.toReviewNumTwo)" style="width: 14%">
|
<div class="childDiv">
|
<span>待活动申报</span>
|
<span>{{ state.toReviewNumTwo.toReviewNum }}</span>
|
</div>
|
</div>
|
<!-- 3：待活动审批的数量； -->
|
<div class="childBox" @click="goPageByParam(state.toReviewNumThree)" style="width: 37%">
|
<div class="childDiv">
|
<span>待活动审批</span>
|
<span>{{ state.toReviewNumThree.toReviewNum }}</span>
|
</div>
|
</div>
|
<!-- 4：待专家评审的数量） -->
|
<div class="childBox" @click="goPageByParam(state.toReviewNumFour)" style="width: 37%">
|
<div class="childDiv">
|
<span>待专家评审</span>
|
<span>{{ state.toReviewNumFour.toReviewNum }}</span>
|
</div>
|
</div>
|
<div class="childBox" @click="goApplyDealwith" style="width: 14%">
|
<div class="childDiv">
|
<span>待审批授权申请</span>
|
<span>{{state.resourceDealwith}}</span>
|
</div>
|
</div>
|
<div class="childBox" @click="goPage(23)" style="width: 37%">
|
<div class="childDiv">
|
<span>待审批图谱</span>
|
<span>{{ state.graphApproveDealwithCount }}</span>
|
</div>
|
</div>
|
<div class="childBox" @click="goPage(24)" style="width: 37%">
|
<div class="childDiv">
|
<span>待审批工单</span>
|
<span>{{ state.dealwithWorkCount }}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 待审批使用申请 -->
|
<div class="bodyChildDiv">
|
<div class="titBox">
|
<span class="green">我的已办</span>
|
</div>
|
<div class="ctnBox">
|
<div class="childBox" @click="goPage(4)" style="width: 37%">
|
<div class="childDiv">
|
<span>已审批数字化标杆</span>
|
<span>{{ state.completedDatabg }}</span>
|
</div>
|
</div>
|
|
<div class="childBox" @click="goPage(5)" style="width: 37%">
|
<div class="childDiv">
|
<span>已审批数字化知识</span>
|
<span>{{ state.completedDatazs }}</span>
|
</div>
|
</div>
|
|
<div class="childBox" @click="goPage(6)" style="width: 14%">
|
<div class="childDiv">
|
<span>已审批数字化产品</span>
|
<span>{{ state.completedDatacp }}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="bodyChildDiv" style="margin-bottom: 20px;">
|
<div class="titBox">
|
<span class="blue">我的资源</span>
|
</div>
|
|
<div class="ctnBox">
|
<div class="childBox" @click="goPage(7)" style="width: 37%">
|
<div class="childDiv">
|
<span>已上架的数字化标杆</span>
|
<span>{{ state.resourceData.listedBenchmark }}</span>
|
</div>
|
</div>
|
|
<div class="childBox" @click="goPage(8)" style="width: 37%">
|
<div class="childDiv">
|
<span>已上架的数字化知识</span>
|
<span>{{ state.resourceData.listedKnowledge }}</span>
|
</div>
|
</div>
|
|
<div class="childBox" @click="goPage(9)" style="width: 14%">
|
<div class="childDiv">
|
<span>已上架的数字化产品</span>
|
<span>{{ state.resourceData.listedProduct }}</span>
|
</div>
|
</div>
|
</div>
|
<div class="ctnBox">
|
<div class="childBox" @click="goPage(10)" style="width: 37%">
|
<div class="childDiv">
|
<span>已试用的数字化产品</span>
|
<span>{{ state.resourceData.experienceProduct }}</span>
|
</div>
|
</div>
|
|
<div class="childBox" @click="goPage(11)" style="width: 37%">
|
<div class="childDiv">
|
<span>已订阅的数字化产品</span>
|
<span>{{ state.resourceData.useProduct }}</span>
|
</div>
|
</div>
|
|
<div class="childBox" @click="goPage(12)" style="width: 14%">
|
<div class="childDiv">
|
<span>已收藏的数字化产品</span>
|
<span>{{ state.resourceData.favoriteProduct }}</span>
|
</div>
|
</div>
|
|
<div class="childBox" @click="goApplyCompleted" style="width: 37%">
|
<div class="childDiv">
|
<span>已授权申请</span>
|
<span>{{ state.resourceCompleted }}</span>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<!-- <div class="bodyChildDivT">-->
|
|
<!-- <div class="childBox">-->
|
<!-- <div class="titBox">-->
|
<!-- <span>方案总览</span>-->
|
<!-- </div>-->
|
|
<!-- <div class="ctnBox">-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>0</span>-->
|
<!-- <span>已下架</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>12</span>-->
|
<!-- <span>已上架</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>12</span>-->
|
<!-- <span>已共享</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>11</span>-->
|
<!-- <span>已推广</span>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<!-- <div class="childBox">-->
|
<!-- <div class="titBox">-->
|
<!-- <span>成果总览</span>-->
|
<!-- </div>-->
|
|
<!-- <div class="ctnBox">-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>0</span>-->
|
<!-- <span>已下架</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>9</span>-->
|
<!-- <span>已上架</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>9</span>-->
|
<!-- <span>已共享</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>9</span>-->
|
<!-- <span>已推广</span>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="bodyChildDivT">-->
|
|
<!-- <div class="childBox">-->
|
<!-- <div class="titBox">-->
|
<!-- <span>产品总览</span>-->
|
<!-- </div>-->
|
|
<!-- <div class="ctnBox">-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>0</span>-->
|
<!-- <span>已下架</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>3</span>-->
|
<!-- <span>已上架</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>2</span>-->
|
<!-- <span>已共享</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>0</span>-->
|
<!-- <span>已推广</span>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<!-- <div class="childBox">-->
|
<!-- <div class="titBox">-->
|
<!-- <span>浏览与关注</span>-->
|
<!-- </div>-->
|
|
<!-- <div class="ctnBox">-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>100</span>-->
|
<!-- <span>已收藏</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>400</span>-->
|
<!-- <span>已浏览</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>50</span>-->
|
<!-- <span>被收藏</span>-->
|
<!-- </div>-->
|
<!-- <div class="ctnChildDiv">-->
|
<!-- <span>500</span>-->
|
<!-- <span>被浏览</span>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
</el-scrollbar>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
import commonApi from '@/api/commonApi'
|
import { useCommonInfo } from '@/stores/modules/common'
|
import { formatTree } from '@/utils/common'
|
import router from '@/router'
|
import approvalService from '@/api/zhongjian/approvalApi'
|
import Base64 from '@/utils/base64'
|
import subscriptionApi from '@/api/subscription'
|
import mindmapService from '@/api/mindMap' // 接口文件
|
import questionApi from '@/api/questionApi'
|
|
import bus from '@/utils/mitt'
|
|
const commonInfoStore = useCommonInfo()
|
|
const state = reactive<any>({
|
dealwithDatabg: 0, // 我的待办
|
completedDatabg: 0, // 我的已办
|
dealwithDatazs: 0, // 我的待办
|
completedDatazs: 0, // 我的已办
|
dealwithDatacp: 0, // 我的待办
|
completedDatacp: 0, // 我的已办
|
resourceData: {}, // 我的资源
|
dealwithApply: 0,
|
dealwithUploadFile: 0,
|
dealWithCount:0,
|
resourceDealwith:0,
|
resourceCompleted:0,
|
graphApproveDealwithCount:0,//图谱审批
|
dealwithWorkCount:0,//问题工单待审批
|
/**
|
* 类型标识（2：待申报活动的数量；3：待活动审批的数量；4：待专家评审的数量）
|
*/
|
toReviewNumTwo:{
|
path:2,
|
projectId:'',
|
toReviewNum:0,
|
},
|
toReviewNumThree:{
|
path:3,
|
projectId:'',
|
toReviewNum:0,
|
},
|
toReviewNumFour:{
|
path:4,
|
projectId:'',
|
toReviewNum:0,
|
},
|
toAuthorizationNum:{
|
path:4,
|
projectId:'',
|
toReviewNum:0,
|
}
|
})
|
|
// 跳转
|
const goPage = (num?: any) => {
|
// 1-3 待办 4-6 已办
|
// 标杆
|
if (num == 1) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/schemeManage/schemeApproval',
|
})
|
bus.emit('routerHomebg', '1')
|
})
|
|
return
|
}
|
|
if (num == 4) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/schemeManage/schemeApproval',
|
})
|
bus.emit('routerHomebg', '2')
|
})
|
|
return
|
}
|
|
// 知识
|
if (num == 2) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/resultManage/resultApproval',
|
})
|
bus.emit('routerHomezs', '1')
|
})
|
|
return
|
}
|
|
if (num == 5) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/resultManage/resultApproval',
|
})
|
bus.emit('routerHomezs', '2')
|
})
|
|
return
|
}
|
|
// 产品
|
if (num == 3) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/productManage/productApproval',
|
})
|
bus.emit('routerHomecp', '1')
|
})
|
|
return
|
}
|
|
if (num == 6) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/productManage/productApproval',
|
})
|
bus.emit('routerHomecp', '2')
|
})
|
|
return
|
}
|
|
if (num == 7) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/schemeManage/schemeApproval',
|
})
|
bus.emit('routerHomebg', '1')
|
})
|
|
return
|
}
|
|
if (num == 8) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/resultManage/resultApproval',
|
})
|
bus.emit('routerHomezs', '1')
|
})
|
|
return
|
}
|
|
if (num == 9) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/productManage/productApproval',
|
})
|
bus.emit('routerHomecp', '1')
|
})
|
|
return
|
}
|
|
// 已试用
|
if (num == 10) {
|
setTimeout(() => {
|
router.push({
|
path: '/individualCenter/experiencePage',
|
})
|
})
|
|
return
|
}
|
// 已应用
|
if (num == 11) {
|
setTimeout(() => {
|
router.push({
|
path: '/individualCenter/applyPage',
|
})
|
})
|
|
return
|
}
|
// 已收藏
|
if (num == 12) {
|
setTimeout(() => {
|
router.push({
|
path: '/individualCenter/collectPage',
|
})
|
})
|
|
return
|
}
|
if (num == 21) {
|
setTimeout(() => {
|
router.push({
|
path: '/approve/subscriptionManage/subscriptionApproval',
|
})
|
})
|
return
|
}
|
if (num == 22) {
|
setTimeout(() => {
|
router.push({
|
path: '/individualCenter/transactionPage',
|
})
|
})
|
return
|
}
|
|
if (num == 23) {
|
scrollHomeRef.value.scrollTo({ top: 0 })
|
router.push({
|
path: '/approve/graphAuthorization/graphAuthorizationList',
|
query:{
|
type:'dealwith'
|
}
|
})
|
return
|
}
|
if (num == 24) {
|
scrollHomeRef.value.scrollTo({ top: 0 })
|
router.push({
|
path: '/questionCore/workOrdersApproveManage',
|
query:{
|
type:'dealwith'
|
}
|
})
|
return
|
}
|
}
|
const goPageByParam=(item:any)=>{
|
// 待活动申报
|
if (item.path == 2) {
|
router.push({
|
path: '/activityConfiguration/activityDeclaration',
|
query:{
|
projectId:item.projectId
|
}
|
})
|
}
|
if (item.path == 3) {
|
router.push({
|
path: '/activityConfiguration/activityApproval',
|
query:{
|
projectId:item.projectId
|
}
|
})
|
}
|
if (item.path == 4) {
|
router.push({
|
path: '/activityConfiguration/expertReview',
|
query:{
|
projectId:item.projectId
|
}
|
})
|
}
|
}
|
// 获取审核数量-标杆
|
const schemeListCountUrlFun = () => {
|
approvalService.schemeListCountUrl().then((res: any) => {
|
if (res.code == 200) {
|
res.data.forEach((item: any) => {
|
if (item.approvalStatus == 'dealwith') {
|
state.dealwithDatabg = item.numCount
|
}
|
if (item.approvalStatus == 'completed') {
|
state.completedDatabg = item.numCount
|
}
|
})
|
}
|
}).catch((error) => {
|
console.warn('获取标杆审核数量失败:', error)
|
// 设置默认值
|
state.dealwithDatabg = 0
|
state.completedDatabg = 0
|
})
|
}
|
|
// 获取审核数量-知识
|
const resultListCountUrlFun = () => {
|
approvalService.resultListCountUrl().then((res: any) => {
|
if (res.code == 200) {
|
res.data.forEach((item: any) => {
|
if (item.approvalStatus == 'dealwith') {
|
state.dealwithDatazs = item.numCount
|
}
|
if (item.approvalStatus == 'completed') {
|
state.completedDatazs = item.numCount
|
}
|
})
|
}
|
}).catch((error) => {
|
console.warn('获取知识审核数量失败:', error)
|
// 设置默认值
|
state.dealwithDatazs = 0
|
state.completedDatazs = 0
|
})
|
}
|
|
// 获取审核数量-产品
|
const productListCountUrlFun = () => {
|
approvalService.productListCountUrl().then((res: any) => {
|
if (res.code == 200) {
|
res.data.forEach((item: any) => {
|
if (item.approvalStatus == 'dealwith') {
|
state.dealwithDatacp = item.numCount
|
}
|
if (item.approvalStatus == 'completed') {
|
state.completedDatacp = item.numCount
|
}
|
})
|
}
|
}).catch((error) => {
|
console.warn('获取产品审核数量失败:', error)
|
// 设置默认值
|
state.dealwithDatacp = 0
|
state.completedDatacp = 0
|
})
|
}
|
|
// 获取审核数量-我的资源
|
const resourceStatisticsUrlFun = () => {
|
approvalService.resourceStatisticsUrl().then((res: any) => {
|
if (res.code == 200) {
|
state.resourceData = {}
|
state.resourceData = res.data
|
}
|
}).catch((error) => {
|
console.warn('获取资源统计失败:', error)
|
// 设置默认值
|
state.resourceData = {}
|
})
|
}
|
const getDealwithApply = () => {
|
subscriptionApi.getProductUseListCount({}).then((res: any) => {
|
if (res.code == 200) {
|
res.data.forEach((item: any) => {
|
if (item.approvalStatus == 'dealwith') {
|
state.dealwithApply = item.numCount
|
}
|
})
|
}
|
}).catch((error) => {
|
console.warn('获取待审批使用申请失败:', error)
|
// 设置默认值
|
state.dealwithApply = 0
|
})
|
}
|
const getReviewActivityNumber = () => {
|
approvalService.getReviewActivityNum().then((res: any) => {
|
if (res.code == 200) {
|
if(res.data.length>0){
|
res.data.forEach((item:any)=>{
|
if(item.path==2){
|
state.toReviewNumTwo=item
|
}
|
if(item.path==3){
|
state.toReviewNumThree=item
|
}
|
if(item.path==4){
|
state.toReviewNumFour=item
|
}
|
})
|
}
|
// state.dealWithCount = res.data.dealWithCount
|
}
|
}).catch((error) => {
|
console.warn('获取待评审数字活动失败:', error)
|
// 设置默认值
|
state.toReviewNumTwo = {
|
path: 2,
|
projectId: '',
|
toReviewNum: 0,
|
}
|
state.toReviewNumThree = {
|
path: 3,
|
projectId: '',
|
toReviewNum: 0,
|
}
|
state.toReviewNumFour = {
|
path: 4,
|
projectId: '',
|
toReviewNum: 0,
|
}
|
})
|
}
|
// table数据
|
const getListDataFun = () => {
|
const params: any = {
|
applyStatus: '2',
|
page: {
|
current: 1,
|
size: 1,
|
},
|
}
|
subscriptionApi.getSubscriptionLists(params).then((res: any) => {
|
if (res.code == 200) {
|
state.dealwithUploadFile = res.data.total
|
}
|
}).catch((error) => {
|
console.warn('获取待上传交易管理失败:', error)
|
// 设置默认值
|
state.dealwithUploadFile = 0
|
})
|
}
|
|
// 获取资源授权审核数量
|
const resourceListCountUrlFun = () => {
|
subscriptionApi.getReportAuthListStatistics().then((res: any) => {
|
if (res.code == 200) {
|
state.resourceDealwith=res.data.dealwith
|
state.resourceCompleted = res.data.completed
|
}
|
}).catch((error) => {
|
console.warn('获取资源授权审核数量失败:', error)
|
// 设置默认值
|
state.resourceDealwith = 0
|
state.resourceCompleted = 0
|
})
|
}
|
const scrollHomeRef=ref()
|
const goApplyDealwith=()=>{
|
scrollHomeRef.value.scrollTo({ top: 0 })
|
router.push({
|
path: '/approve/authorizationApply/authorizationList',
|
query:{
|
type:'dealwith'
|
}
|
})
|
}
|
const goApplyCompleted=()=>{
|
scrollHomeRef.value.scrollTo({ top: 0 })
|
router.push({
|
path: '/individualCenter/authorizationPage',
|
query:{
|
authStatus:'2'
|
}
|
})
|
}
|
const getGraphApproveCountFun=()=>{
|
mindmapService.getAtlasProcessStatisticsCount().then((res: any) => {
|
if (res.code == 200) {
|
state.graphApproveDealwithCount = res.data.dealwith
|
}
|
}).catch((error) => {
|
console.warn('获取图谱审批失败:', error)
|
// 设置默认值
|
state.graphApproveDealwithCount = 0
|
})
|
}
|
const getdealwithWorkCountFun=()=>{
|
let search:any={
|
itemType:'dealwith'
|
}
|
questionApi.getApprovalStatusListCount({ ...search }).then((res: any) => {
|
if (res.code == 200) {
|
state.dealwithWorkCount = res.data.dealwith
|
}
|
}).catch((error) => {
|
console.warn('获取问题工单待审批数量失败:', error)
|
// 设置默认值
|
state.dealwithWorkCount = 0
|
})
|
}
|
onMounted(() => {
|
// 获取审核数量
|
schemeListCountUrlFun()
|
resultListCountUrlFun()
|
productListCountUrlFun()
|
// 获取审核数量-我的资源
|
resourceStatisticsUrlFun()
|
// 待审批使用申请
|
getDealwithApply()
|
// 待上传交易管理
|
getListDataFun()
|
// 待评审数字活动
|
getReviewActivityNumber()
|
// 获取资源授权审核数量
|
resourceListCountUrlFun()
|
// 图谱审批
|
getGraphApproveCountFun()
|
//获取问题工单待审批数量
|
getdealwithWorkCountFun()
|
})
|
</script>
|
|
<style scoped lang="scss">
|
.bodyBox {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
|
.bodyChildDiv {
|
width: 95%;
|
margin-left: 2.5%;
|
// margin-left: 2%;
|
//height: 200px;
|
// border-radius: 10px;
|
border: 1px solid #f2f2f2;
|
//box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5), 0px 5px 5px rgba(0, 0, 0, 0.5); // 左和下
|
// box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); // 左和下
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
margin-top: 25px;
|
|
.titBox {
|
width: 100%;
|
height: 45px;
|
background-color: #f5f5f5;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
padding-left: 20px;
|
// border-top-left-radius: 10px;
|
// border-top-right-radius: 10px;
|
span {
|
display: inline-block;
|
font-size: 16px;
|
font-weight: bold;
|
background-repeat: no-repeat;
|
background-size: contain;
|
background-position: left center;
|
padding-left: 26px;
|
}
|
}
|
|
.ctnBox {
|
position: relative;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
flex-wrap: wrap;
|
.childBox {
|
width: 30%;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
cursor: pointer;
|
margin-left: 1vw;
|
margin-right: 1vw;
|
margin-top: 20px;
|
.childDiv {
|
width: 100%;
|
height: 100%;
|
// border: 1px solid #f2f2f2;
|
display: flex;
|
flex-direction: column;
|
// align-items: center;
|
// justify-content: space-between;
|
padding: 5px;
|
|
span:nth-child(1) {
|
font-size: 16px;
|
color: #666;
|
}
|
|
span:nth-child(2) {
|
font-size: 22px;
|
font-weight: 600;
|
color: #101010;
|
padding-top: 6px;
|
}
|
}
|
}
|
}
|
}
|
|
// .bodyChildDiv1 {
|
// }
|
|
// .bodyChildDiv2 {
|
// }
|
|
// .bodyChildDiv3 {
|
// width: 1200px;
|
// //height: 200px;
|
// border-radius: 10px;
|
// border: 1px solid #f2f2f2;
|
// //box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5), 0px 5px 5px rgba(0, 0, 0, 0.5); // 左和下
|
// box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); // 左和下
|
// display: flex;
|
// flex-direction: column;
|
// align-items: center;
|
// //margin-bottom: 30px;
|
|
// .titBox {
|
// width: 100%;
|
// height: 45px;
|
// border-bottom: 1px solid #f2f2f2;
|
// display: flex;
|
// flex-direction: row;
|
// align-items: center;
|
// padding-left: 20px;
|
// margin-bottom: 20px;
|
// span {
|
// display: inline-block;
|
// font-size: 16px;
|
// font-weight: bold;
|
// background-repeat: no-repeat;
|
// background-size: contain;
|
// background-position: left center;
|
// }
|
// }
|
|
// .ctnBox {
|
// width: 97%;
|
// height: 70px;
|
// display: flex;
|
// flex-direction: row;
|
// align-items: center;
|
// justify-content: space-between;
|
// margin: -1px;
|
|
// .childBox {
|
// width: 31%;
|
// height: 100%;
|
// //border: 1px solid #F2F2F2;
|
// margin: -1px;
|
// display: flex;
|
// flex-direction: column;
|
// align-items: center;
|
// cursor: pointer;
|
|
// .childDiv {
|
// width: 100%;
|
// height: 50px;
|
// border: 1px solid #f2f2f2;
|
// display: flex;
|
// flex-direction: row;
|
// align-items: center;
|
// justify-content: space-between;
|
// padding: 0 15px;
|
|
// span:nth-child(1) {
|
// font-size: 16px;
|
// color: #8b8d8b;
|
// }
|
|
// span:nth-child(2) {
|
// font-size: 16px;
|
// color: #f04844;
|
// }
|
// }
|
// }
|
// }
|
// }
|
|
// .bodyChildDivT {
|
// width: 1200px;
|
// //height: 200px;
|
// border-radius: 10px;
|
// //box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.5), 0px 5px 5px rgba(0, 0, 0, 0.5); // 左和下
|
// //box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); // 左和下
|
// display: flex;
|
// flex-direction: row;
|
// align-items: center;
|
// justify-content: space-between;
|
// margin-bottom: 30px;
|
|
// .childBox {
|
// width: 49%;
|
// height: 210px;
|
// margin: -1px;
|
// display: flex;
|
// flex-direction: column;
|
// align-items: center;
|
// cursor: pointer;
|
// box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); // 左和下
|
// border: 1px solid #f2f2f2;
|
// border-radius: 10px;
|
|
// .titBox {
|
// width: 100%;
|
// height: 45px;
|
// border-bottom: 1px solid #f2f2f2;
|
// display: flex;
|
// flex-direction: row;
|
// align-items: center;
|
// padding-left: 20px;
|
// span {
|
// display: inline-block;
|
// font-size: 16px;
|
// font-weight: bold;
|
// background-repeat: no-repeat;
|
// background-size: contain;
|
// background-position: left center;
|
// }
|
// }
|
|
// .ctnBox {
|
// width: 100%;
|
// height: 150px;
|
// display: flex;
|
// flex-direction: row;
|
// align-items: center;
|
// justify-content: space-between;
|
// padding: 0 25px;
|
|
// .ctnChildDiv {
|
// }
|
// }
|
|
// .ctnBox {
|
// width: 100%;
|
// height: 150px;
|
// display: flex;
|
// flex-direction: row;
|
// align-items: center;
|
// justify-content: space-between;
|
// padding: 0 25px;
|
|
// .ctnChildDiv {
|
// width: 20%;
|
// height: 90px;
|
// display: flex;
|
// flex-direction: column;
|
// align-items: center;
|
// justify-content: space-evenly;
|
|
// span:nth-child(1) {
|
// font-size: 30px;
|
// color: #f04844;
|
// }
|
|
// span:nth-child(2) {
|
// font-size: 14px;
|
// color: #66667f;
|
// }
|
// }
|
// }
|
// }
|
// }
|
}
|
.red {
|
color: #f04844;
|
background-image: url('@/assets/images/icondb.png');
|
}
|
.green {
|
color: #49e6a5;
|
background-image: url('@/assets/images/iconyb.png');
|
}
|
.blue {
|
color: #4d7eff;
|
background-image: url('@/assets/images/iconwdzy.png');
|
}
|
</style>
|
