forked from wangjiadong/comp
Gitea
2 days ago
parent
19ec1dd34c
commit
cead27ead6
4 changed files with 0 additions and 615 deletions
@ -1,31 +0,0 @@ |
|||||||
package org.jeecg.modules.demo.annualCompIntface.controller; |
|
||||||
|
|
||||||
import io.swagger.annotations.Api; |
|
||||||
import io.swagger.annotations.ApiOperation; |
|
||||||
import lombok.extern.slf4j.Slf4j; |
|
||||||
import org.jeecg.common.api.vo.Result; |
|
||||||
import org.jeecg.modules.demo.annualCompIntface.service.AnnconalCompZWHService; |
|
||||||
import org.springframework.beans.factory.annotation.Autowired; |
|
||||||
import org.springframework.web.bind.annotation.GetMapping; |
|
||||||
import org.springframework.web.bind.annotation.RequestMapping; |
|
||||||
import org.springframework.web.bind.annotation.RestController; |
|
||||||
|
|
||||||
import java.util.Map; |
|
||||||
|
|
||||||
|
|
||||||
@Api(tags = "组委会首页") |
|
||||||
@RestController |
|
||||||
@RequestMapping("/zwh/inde") |
|
||||||
@Slf4j |
|
||||||
public class AnnconalCompZWHController { |
|
||||||
|
|
||||||
@Autowired |
|
||||||
private AnnconalCompZWHService annconalCompZWHService; |
|
||||||
|
|
||||||
@ApiOperation(value = "组委会首页", notes = "组委会首页") |
|
||||||
@GetMapping(value = "/zwhindex") |
|
||||||
public Result zwhindex(String ids) { |
|
||||||
Map<String, Object> result = annconalCompZWHService.getzwhindex(ids); |
|
||||||
return Result.ok(result); |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,7 +0,0 @@ |
|||||||
package org.jeecg.modules.demo.annualCompIntface.service; |
|
||||||
|
|
||||||
import java.util.Map; |
|
||||||
|
|
||||||
public interface AnnconalCompZWHService { |
|
||||||
Map<String, Object> getzwhindex(String ids); |
|
||||||
} |
|
||||||
@ -1,160 +0,0 @@ |
|||||||
package org.jeecg.modules.demo.annualCompIntface.service; |
|
||||||
|
|
||||||
import org.jeecg.modules.demo.annual.service.IAnnualService; |
|
||||||
import org.jeecg.modules.demo.annualCompPoint.entity.AnnualCompPoint; |
|
||||||
import org.jeecg.modules.demo.annualCompPoint.service.IAnnualCompPointService; |
|
||||||
import org.jeecg.modules.demo.annualcomp.entity.AnnualComp; |
|
||||||
import org.jeecg.modules.demo.annualcomp.service.IAnnualCompService; |
|
||||||
import org.jeecg.modules.demo.annualcompetitionprojectregistration.entity.AnnualCompetitionProjectRegistration; |
|
||||||
import org.jeecg.modules.demo.annualcompetitionprojectregistration.service.IAnnualCompetitionProjectRegistrationService; |
|
||||||
import org.jeecg.modules.demo.comp.entity.Comp; |
|
||||||
import org.jeecg.modules.demo.comp.service.ICompService; |
|
||||||
import org.springframework.beans.factory.annotation.Autowired; |
|
||||||
import org.springframework.stereotype.Service; |
|
||||||
|
|
||||||
import java.text.SimpleDateFormat; |
|
||||||
import java.time.LocalDateTime; |
|
||||||
import java.time.Year; |
|
||||||
import java.util.*; |
|
||||||
|
|
||||||
@Service |
|
||||||
public class AnnconalCompZWHServiceImpl implements AnnconalCompZWHService{ |
|
||||||
|
|
||||||
@Autowired |
|
||||||
private IAnnualCompetitionProjectRegistrationService annualCompetitionProjectRegistrationService; |
|
||||||
|
|
||||||
@Autowired |
|
||||||
private ICompService compService; |
|
||||||
@Autowired |
|
||||||
private IAnnualCompService annualCompService; |
|
||||||
@Autowired |
|
||||||
private IAnnualCompPointService annualCompPointService; |
|
||||||
@Autowired |
|
||||||
private IAnnualService annualService; |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@Override |
|
||||||
public Map<String, Object> getzwhindex(String ids) { |
|
||||||
Map<String, Object> resultMap = new LinkedHashMap<>(); |
|
||||||
/*============================计算已经完成的项目开始============================================*/ |
|
||||||
List<String> complist =compService.findcompid(ids); |
|
||||||
List<String> annualcomp = new ArrayList<>(); |
|
||||||
List<AnnualCompPoint> annualCompPointList = new ArrayList<>(); |
|
||||||
if (complist.size()>0) { |
|
||||||
for (int i = 0; i < complist.size();i++) { |
|
||||||
List<String> temp = new ArrayList<>(); |
|
||||||
temp =annualCompService.getannualcompid(complist.get(i)); |
|
||||||
annualcomp.addAll(temp); |
|
||||||
} |
|
||||||
if (annualcomp.size()>0){ |
|
||||||
List<AnnualCompPoint> temp1 = new ArrayList<>(); |
|
||||||
for(int j=0;j<annualcomp.size();j++) { |
|
||||||
temp1 = annualCompPointService.getannualCompPointList(annualcomp.get(j)); |
|
||||||
annualCompPointList.addAll(temp1); |
|
||||||
} |
|
||||||
resultMap.put("num06",annualCompPointList.size()); |
|
||||||
}else{ |
|
||||||
resultMap.put("num06","暂无"); |
|
||||||
} |
|
||||||
}else { |
|
||||||
resultMap.put("num06","暂无"); |
|
||||||
} |
|
||||||
|
|
||||||
/*============================计算已经完成的项目============结束================================*/ |
|
||||||
/*====================================开始======本年度的项目=========*/ |
|
||||||
SimpleDateFormat sdf = new SimpleDateFormat("yyyy"); |
|
||||||
String year = sdf.format(new Date()); |
|
||||||
String annualid =annualService.getannualthisid(year); |
|
||||||
List<AnnualCompPoint> annualCompPointList1 = new ArrayList<>(); |
|
||||||
if(annualCompPointList.size()>0){ |
|
||||||
for (AnnualCompPoint point : annualCompPointList) { |
|
||||||
// 获取endTime的年份
|
|
||||||
Calendar calendar = Calendar.getInstance(); |
|
||||||
calendar.setTime(point.getEndtime()); |
|
||||||
int year123 = calendar.get(Calendar.YEAR); |
|
||||||
String yearAsString = Integer.toString(year123); |
|
||||||
// 使用 Year 类获取年份
|
|
||||||
Year year1 = Year.now(); |
|
||||||
// 将 Year 对象转换为字符串
|
|
||||||
String yearAsString1 = year1.toString(); |
|
||||||
if (yearAsString.equals(yearAsString1)) { |
|
||||||
annualCompPointList1.add(point); |
|
||||||
} |
|
||||||
} |
|
||||||
resultMap.put("num05",annualCompPointList1.size()); |
|
||||||
|
|
||||||
}else { |
|
||||||
resultMap.put("num05", "暂无"); |
|
||||||
} |
|
||||||
/*====================================结束======本年度的项目=========*/ |
|
||||||
/*====================================开始======专家=========*/ |
|
||||||
if (complist.size()>0) { |
|
||||||
List<CompExp> compExps = new ArrayList<>(); |
|
||||||
for (int i=0;i<complist.size();i++){ |
|
||||||
List<CompExp> temp= compExpService.gettempbycom(complist.get(i)); |
|
||||||
compExps.addAll(temp); |
|
||||||
} |
|
||||||
|
|
||||||
resultMap.put("num04", compExps.size()); |
|
||||||
}else { |
|
||||||
resultMap.put("num04", "暂无"); |
|
||||||
} |
|
||||||
/*====================================结束======专家=========*/ |
|
||||||
|
|
||||||
/*====================================开始======本年度报名=========*/ |
|
||||||
if (annualCompPointList1.size()>0){ |
|
||||||
List<AnnualCompetitionProjectRegistration> annualCompetitionProjectRegistrationlist = new ArrayList<>(); |
|
||||||
for(int i=0;i<annualCompPointList1.size();i++){ |
|
||||||
String acpid = annualCompPointList1.get(i).getId(); |
|
||||||
List<AnnualCompetitionProjectRegistration> temp =annualCompetitionProjectRegistrationService.getbyconoppid(acpid); |
|
||||||
annualCompetitionProjectRegistrationlist.addAll(temp); |
|
||||||
|
|
||||||
} |
|
||||||
resultMap.put("num02", annualCompetitionProjectRegistrationlist.size()); |
|
||||||
|
|
||||||
}else { |
|
||||||
resultMap.put("num02","暂无"); |
|
||||||
} |
|
||||||
/*====================================结束======本年度报名=========*/ |
|
||||||
/*====================================开始======比赛=========*/ |
|
||||||
if (complist.size()>0) { |
|
||||||
List<Comp> listcomp = new ArrayList<>(); |
|
||||||
for (int i=0;i<complist.size();i++){ |
|
||||||
Comp comp = compService.getById(complist.get(i)); |
|
||||||
listcomp.add(comp); |
|
||||||
} |
|
||||||
resultMap.put("data01",listcomp); |
|
||||||
} |
|
||||||
/*====================================结束======比赛=========*/ |
|
||||||
|
|
||||||
|
|
||||||
/*====================================开始======年度比赛=========*/ |
|
||||||
List<AnnualComp> listcompannual = new ArrayList<>(); |
|
||||||
if (complist.size()>0) { |
|
||||||
for (int i=0;i<complist.size();i++){ |
|
||||||
List<AnnualComp> temo= annualCompService.getannualcompidlist(complist.get(i)); |
|
||||||
listcompannual.addAll(temo); |
|
||||||
} |
|
||||||
resultMap.put("data02",listcompannual); |
|
||||||
} |
|
||||||
/*====================================结束======年度比赛=========*/ |
|
||||||
|
|
||||||
|
|
||||||
/*====================================开始======年度比赛=========*/ |
|
||||||
if (listcompannual.size()>0) { |
|
||||||
List<AnnualCompPoint> listcompannualPO = new ArrayList<>(); |
|
||||||
for (int i=0;i<listcompannual.size();i++){ |
|
||||||
List<AnnualCompPoint> temp= annualCompPointService.getannualCompPointList(listcompannual.get(i).getId()); |
|
||||||
listcompannualPO.addAll(temp); |
|
||||||
} |
|
||||||
|
|
||||||
resultMap.put("data03",listcompannualPO); |
|
||||||
} |
|
||||||
/*====================================结束======年度比赛=========*/ |
|
||||||
|
|
||||||
return resultMap; |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,417 +0,0 @@ |
|||||||
<template> |
|
||||||
<div style="padding: 12px" class="index-container-ty"> |
|
||||||
<!-- <a-spin :spinning="loading">--> |
|
||||||
<a-spin :spinning="false"> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" class="firstDiv"> |
|
||||||
<a-col :xs="12" :xl="4"> |
|
||||||
<div class="commonDiv"> |
|
||||||
<p class="title">本年度参加比赛队伍数</p> |
|
||||||
<p class="subtitle">Participating schools</p> |
|
||||||
<p class="num"> |
|
||||||
<span>{{num02}}</span> |
|
||||||
<span class="iconDiv"> |
|
||||||
<!-- <img src="./images/icon2.png"/>--> |
|
||||||
</span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</a-col> |
|
||||||
<a-col :xs="12" :xl="4"> |
|
||||||
<div class="commonDiv"> |
|
||||||
<p class="title">专家总数</p> |
|
||||||
<p class="subtitle">School management</p> |
|
||||||
<p class="num"> |
|
||||||
<span>{{num04}}</span> |
|
||||||
<span class="iconDiv"> |
|
||||||
<!-- <img src="./images/icon4.png"/>--> |
|
||||||
</span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</a-col> |
|
||||||
<a-col :xs="12" :xl="4"> |
|
||||||
<div class="commonDiv"> |
|
||||||
<p class="title">本年度项目数</p> |
|
||||||
<p class="subtitle">Ongoing competition</p> |
|
||||||
<p class="num"> |
|
||||||
<span>{{num05}}</span> |
|
||||||
<span class="iconDiv"> |
|
||||||
<!-- <img src="./images/icon5.png"/>--> |
|
||||||
</span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</a-col> |
|
||||||
<a-col :xs="12" :xl="4"> |
|
||||||
<div class="commonDiv"> |
|
||||||
<p class="title">已完成的项目数</p> |
|
||||||
<p class="subtitle">Completed competitions</p> |
|
||||||
<p class="num"> |
|
||||||
<span>{{num06}}</span> |
|
||||||
<span class="iconDiv"> |
|
||||||
<!-- <img src="./images/icon6.png"/>--> |
|
||||||
</span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" class="titleDiv titleDiv1"> |
|
||||||
<a-col :xs="24" :xl="8" > |
|
||||||
<a-row type="flex" justify="space-between" class="titleDiv"> |
|
||||||
<a-col :span="12" > |
|
||||||
<!-- <span class="name">综合评分排名{{list}}</span>--> |
|
||||||
<span class="name">综合评分排名</span> |
|
||||||
</a-col> |
|
||||||
<a-col :span="12" class="more"> |
|
||||||
<span>More<a-icon type="right" /></span> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" class="commonDiv" style="margin: 0"> |
|
||||||
<a-col :span="20"> |
|
||||||
<!-- <div id="histogram" style="width: 100%;height: 100%"> |
|
||||||
<div class="item" v-for="(item,index) in multipleScore" :key="index"> |
|
||||||
<div class="topDiv"> |
|
||||||
<div class="red color" :style="{height:item.target1*2+'px'}"></div> |
|
||||||
<div class="yellow color" :style="{height:item.target2*2+'px'}"></div> |
|
||||||
<div class="green color" :style="{height:item.target3*2+'px'}"></div> |
|
||||||
</div> |
|
||||||
<div class="bottomDiv"> |
|
||||||
{{item.name}} |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div>--> |
|
||||||
</a-col> |
|
||||||
<a-col :span="4"> |
|
||||||
<div class="colorDiv"> |
|
||||||
</div> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
</a-col> |
|
||||||
<a-col :xs="24" :xl="16"> |
|
||||||
<a-row type="flex" justify="space-between" class="titleDiv"> |
|
||||||
<a-col :span="12" > |
|
||||||
<span class="name">比赛列表</span> |
|
||||||
</a-col> |
|
||||||
<a-col :span="12" class="more"> |
|
||||||
<span @click="goPage">More<a-icon type="right" /></span> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
<div class="commonDiv"> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" class="tableTitle"> |
|
||||||
<a-col :span="2">序号</a-col> |
|
||||||
<a-col :span="12">名称</a-col> |
|
||||||
<a-col :span="6">开始时间</a-col> |
|
||||||
<a-col :span="4">审核状态</a-col> |
|
||||||
</a-row> |
|
||||||
<div class="none" v-if="false">暂无数据</div> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" v-for="(item,index) in data01" |
|
||||||
:key="index" class="tableCoin"> |
|
||||||
<a-col :span="2">{{index+1}}</a-col> |
|
||||||
<a-col :span="12">{{item.compName}}</a-col> |
|
||||||
<a-col :span="6">{{item.createTime}}</a-col> |
|
||||||
<a-col :span="4">已审核</a-col> |
|
||||||
</a-row> |
|
||||||
</div> |
|
||||||
|
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" class="titleDiv"> |
|
||||||
<a-col :xs="24" :xl="12" > |
|
||||||
<a-row type="flex" justify="space-between" class="titleDiv"> |
|
||||||
<a-col :span="12" > |
|
||||||
<span class="name">年度比赛列表</span> |
|
||||||
</a-col> |
|
||||||
<a-col :span="12" class="more"> |
|
||||||
<span>More<a-icon type="right" /></span> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
<div class="commonDiv"> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" class="tableTitle"> |
|
||||||
<a-col :span="2">序号</a-col> |
|
||||||
<a-col :span="12">名称</a-col> |
|
||||||
<a-col :span="6">开始时间</a-col> |
|
||||||
<a-col :span="4">审核状态</a-col> |
|
||||||
</a-row> |
|
||||||
<div class="none" v-if="false">暂无数据</div> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" v-for="(item,index) in data02" |
|
||||||
:key="index" class="tableCoin"> |
|
||||||
<a-col :span="2">{{index+1}}</a-col> |
|
||||||
<a-col :span="12">{{item.name}}</a-col> |
|
||||||
<a-col :span="6">{{item.starttime}}</a-col> |
|
||||||
<a-col :span="4">已审核</a-col> |
|
||||||
</a-row> |
|
||||||
</div> |
|
||||||
</a-col> |
|
||||||
<a-col :xs="24" :xl="12"> |
|
||||||
<a-row type="flex" justify="space-between" class="titleDiv"> |
|
||||||
<a-col :span="12" > |
|
||||||
<span class="name">年度比赛项目列表</span> |
|
||||||
</a-col> |
|
||||||
<a-col :span="12" class="more"> |
|
||||||
<span>More<a-icon type="right" /></span> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
<div class="commonDiv"> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" class="tableTitle"> |
|
||||||
<a-col :span="2">序号</a-col> |
|
||||||
<a-col :span="12">名称</a-col> |
|
||||||
<a-col :span="6">开始时间</a-col> |
|
||||||
<a-col :span="4">审核状态</a-col> |
|
||||||
</a-row> |
|
||||||
<div class="none" v-if="false">暂无数据</div> |
|
||||||
<a-row :gutter="[32,16]" type="flex" justify="space-between" v-for="(item,index) in data03" |
|
||||||
:key="index" class="tableCoin"> |
|
||||||
<a-col :span="2">{{index+1}}</a-col> |
|
||||||
<a-col :span="12">{{item.objName}}</a-col> |
|
||||||
<a-col :span="6">{{item.starttime}}</a-col> |
|
||||||
<a-col :span="4">已审核</a-col> |
|
||||||
</a-row> |
|
||||||
</div> |
|
||||||
</a-col> |
|
||||||
</a-row> |
|
||||||
</a-spin></div> |
|
||||||
</template> |
|
||||||
<script lang="ts" setup> |
|
||||||
import { getVisitInfozwh } from './api.ts'; |
|
||||||
import { useUserStore } from '/@/store/modules/user'; |
|
||||||
import {ref} from "vue"; |
|
||||||
const userStore = useUserStore(); |
|
||||||
const ids= userStore.getUserInfo.username; |
|
||||||
const num02 = ref(""); |
|
||||||
const num04 = ref(""); |
|
||||||
const num05 = ref(""); |
|
||||||
const num06 = ref(""); |
|
||||||
const data03= ref( []); |
|
||||||
const data02= ref( []); |
|
||||||
const data01 = ref( []); |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function sayHi () { |
|
||||||
console.log("用户信息", ids) |
|
||||||
const userInfo = userStore.getUserInfo; |
|
||||||
console.log("用户信息", userInfo) |
|
||||||
} |
|
||||||
|
|
||||||
function initLogInfo() { |
|
||||||
getVisitInfozwh({ids:ids}).then((res) => { |
|
||||||
if (res.success) { |
|
||||||
num02.value = res.result.num02 |
|
||||||
num04.value = res.result.num04 |
|
||||||
num05.value = res.result.num05 |
|
||||||
num06.value = res.result.num06 |
|
||||||
data03.value = res.result.data03 |
|
||||||
data02.value = res.result.data02 |
|
||||||
data01.value = res.result.data01 |
|
||||||
console.log("==================================") |
|
||||||
console.log(res) |
|
||||||
console.log("==================================") |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
sayHi(); |
|
||||||
|
|
||||||
initLogInfo(); |
|
||||||
|
|
||||||
|
|
||||||
</script> |
|
||||||
<style> |
|
||||||
|
|
||||||
.my-index-table{height:270px} |
|
||||||
.my-index-table table{font-size: 14px !important;} |
|
||||||
.index-container-ty .ant-card-head-title{padding-top: 6px;padding-bottom: 6px;} |
|
||||||
.index-container-ty .ant-card-extra{padding:0} |
|
||||||
.index-container-ty .ant-card-extra a{color:#fff} |
|
||||||
.index-container-ty .ant-card-extra a:hover{color:#152ede} |
|
||||||
.index-container-ty .ant-card-head-wrapper,.index-container-ty .ant-card-head{ |
|
||||||
line-height:24px; |
|
||||||
min-height:24px; |
|
||||||
background: #7196fb; |
|
||||||
} |
|
||||||
.index-container-ty .ant-card-body{padding: 10px 12px 0px 12px} |
|
||||||
.index-container-ty .ant-table-footer{text-align: right;padding:6px 12px 6px 6px;background: #fff;border-top: 2px solid #f7f1f1;} |
|
||||||
.index-md-title{ |
|
||||||
postion:relative; |
|
||||||
padding-left:24px; |
|
||||||
width: 100%; |
|
||||||
color: #fff; |
|
||||||
font-size: 21px; |
|
||||||
font-family: cursive; |
|
||||||
} |
|
||||||
.index-md-title img{ |
|
||||||
position: absolute; |
|
||||||
height:32px; |
|
||||||
top: 2px; |
|
||||||
left:14px; |
|
||||||
} |
|
||||||
.index-container-ty .ant-table-thead > tr > th, |
|
||||||
.index-container-ty .ant-table-tbody > tr > td{ |
|
||||||
border-bottom: 1px solid #90aeff; |
|
||||||
} |
|
||||||
.index-container-ty .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, |
|
||||||
.index-container-ty .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th{ |
|
||||||
border-bottom: 1px solid #90aeff; |
|
||||||
} |
|
||||||
.index-container-ty .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th{ |
|
||||||
border-bottom: 1px solid #90aeff; |
|
||||||
} |
|
||||||
.index-container-ty .ant-table-small{ |
|
||||||
border: 1px solid #90aeff; |
|
||||||
} |
|
||||||
.index-container-ty .ant-table-placeholder { |
|
||||||
padding: 0 |
|
||||||
} |
|
||||||
</style> |
|
||||||
<style lang="less" scoped> |
|
||||||
.none{ |
|
||||||
text-align: center; |
|
||||||
padding-top: 50px; |
|
||||||
color: #A3A3A3; |
|
||||||
} |
|
||||||
.commonDiv{ |
|
||||||
width: 100%; |
|
||||||
padding: 15px 25px; |
|
||||||
margin: 0; |
|
||||||
background: #FDFDFD; |
|
||||||
box-shadow: 18px 25px 48px 0px rgba(83,153,247,0.12); |
|
||||||
border-radius: 20px 20px 20px 20px; |
|
||||||
opacity: 1; |
|
||||||
.title{ |
|
||||||
font-size: 14px; |
|
||||||
color: #464255; |
|
||||||
font-weight: bold; |
|
||||||
margin-bottom: 4px; |
|
||||||
} |
|
||||||
.subtitle{ |
|
||||||
font-size: 12px; |
|
||||||
color: #BBBBBB; |
|
||||||
} |
|
||||||
.num{ |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
span{ |
|
||||||
font-size: 32px; |
|
||||||
font-weight: 600; |
|
||||||
color: #464255; |
|
||||||
} |
|
||||||
.iconDiv{ |
|
||||||
width: 50px; |
|
||||||
height: 50px; |
|
||||||
font-size: 26px; |
|
||||||
line-height: 50px; |
|
||||||
border-radius: 40px 40px 40px 40px; |
|
||||||
text-align: center; |
|
||||||
img{ |
|
||||||
width: 50px; |
|
||||||
height: 50px; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.tableTitle{ |
|
||||||
border-bottom: 1px solid #ECEAF3; |
|
||||||
height: 68px; |
|
||||||
line-height: 68px; |
|
||||||
color: #A3A3A3; |
|
||||||
font-size: 16px; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
.tableCoin{ |
|
||||||
border-bottom: 1px solid #ECEAF3; |
|
||||||
height: 68px; |
|
||||||
line-height: 68px; |
|
||||||
font-weight: 500; |
|
||||||
color: #464255; |
|
||||||
font-size: 16px; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
} |
|
||||||
.titleDiv{ |
|
||||||
margin-top: 20px; |
|
||||||
margin-bottom: 20px; |
|
||||||
.name{ |
|
||||||
font-size: 18px; |
|
||||||
font-weight: 500; |
|
||||||
color: #464255; |
|
||||||
} |
|
||||||
.more{ |
|
||||||
text-align: right; |
|
||||||
cursor: pointer; |
|
||||||
i{ |
|
||||||
margin-left: 6px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
.titleDiv1 .commonDiv{ |
|
||||||
height: 300px; |
|
||||||
} |
|
||||||
.histogram{ |
|
||||||
display: flex; |
|
||||||
justify-content: center; |
|
||||||
height: 260px; |
|
||||||
.item{ |
|
||||||
width: 50px; |
|
||||||
height: 260px; |
|
||||||
margin-right: 12px; |
|
||||||
display: flex; |
|
||||||
flex-direction: column; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
.topDiv{ |
|
||||||
height: 200px; |
|
||||||
display: flex; |
|
||||||
flex-direction: column; |
|
||||||
justify-content: flex-end; |
|
||||||
align-items: center; |
|
||||||
.color{ |
|
||||||
width: 14px; |
|
||||||
} |
|
||||||
.red{ |
|
||||||
height: 30px; |
|
||||||
background-color: #91CC75; |
|
||||||
border-radius: 6px 6px 6px 6px; |
|
||||||
margin-bottom: -7px; |
|
||||||
} |
|
||||||
.yellow{ |
|
||||||
height: 30px; |
|
||||||
background-color:#FAC858; |
|
||||||
border-radius: 6px 6px 6px 6px; |
|
||||||
margin-bottom: -7px; |
|
||||||
} |
|
||||||
.green{ |
|
||||||
height: 30px; |
|
||||||
background-color: #5470C6; |
|
||||||
border-radius: 6px 6px 6px 6px; |
|
||||||
} |
|
||||||
} |
|
||||||
.bottomDiv{ |
|
||||||
height: 51px; |
|
||||||
line-height: 17px; |
|
||||||
overflow: hidden;display: -webkit-box;text-overflow: ellipsis; |
|
||||||
-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space:normal; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.colorDiv{ |
|
||||||
.color{ |
|
||||||
margin-bottom: 30px; |
|
||||||
.green{ |
|
||||||
width: 12px; |
|
||||||
height: 12px; |
|
||||||
background-color: #5470C6; |
|
||||||
} |
|
||||||
.red{ |
|
||||||
width: 12px; |
|
||||||
height: 12px; |
|
||||||
background-color: #91CC75; |
|
||||||
} |
|
||||||
.yellow{ |
|
||||||
width: 12px; |
|
||||||
height: 12px; |
|
||||||
background-color: #FAC858; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue