hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 03:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'stat' of https://codeup.aliyun.com/6265f483e4166464dc2f9c14/boeu/portal into stat

Browse Source
This commit is contained in:
daihh
2022-11-13 21:13:15 +08:00
parent cf57e2df37 2c6ff061a1
commit 1b5b59a2ab
7 changed files with 110 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/assets/styles/portal-index.scss
View File

@@ -272,12 +272,12 @@
color: #333333; color: #333333;
line-height: 22px; line-height: 22px;
} }
.portal-index-title{ // .portal-index-title{
font-size: 16px; // font-size: 16px;
font-weight: 500; // font-weight: 500;
color: #00253E; // color: #00253E;
line-height: 22px; // line-height: 22px;
} // }
.portal-index-summary{ .portal-index-summary{
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@@ -437,6 +437,13 @@
} }
// boe-index // boe-index
@media screen and (max-width: 1366px){ @media screen and (max-width: 1366px){
.portal-index-title{
font-size: 14px;
font-weight: 500;
color: #00253E;
margin-bottom: 4px;
// line-height: 22px;
}
.portal-input{ .portal-input{
width: 260px; width: 260px;
} }
@@ -580,6 +587,7 @@
line-height: 14px; line-height: 14px;
} }
.qa-views{ .qa-views{
font-size: 12px !important;
left: 10px; left: 10px;
bottom: 6px; bottom: 6px;
} }
@@ -705,7 +713,12 @@
.case-inter-orgin{ .case-inter-orgin{
width: 47%; width: 47%;
} }
.portal-index-title{
font-size: 16px;
font-weight: 500;
color: #00253E;
line-height: 22px;
}
.portal-input{ .portal-input{
width: 280px; width: 280px;
} }
@@ -844,6 +857,7 @@
.qa-views{ .qa-views{
left: 18px; left: 18px;
bottom: 18px; bottom: 18px;
font-size: 14px;
} }
} }
.qa-char{ .qa-char{
@@ -974,7 +988,12 @@
} }
@media screen and (max-width: 1920px) and (min-width: 1681px){ @media screen and (max-width: 1920px) and (min-width: 1681px){
.portal-index-title{
font-size: 16px;
font-weight: 500;
color: #00253E;
line-height: 22px;
}
.case-inter-orgin{ .case-inter-orgin{
width: 60%; width: 60%;
} }
@@ -1126,6 +1145,7 @@
.qa-views{ .qa-views{
left: 20px; left: 20px;
bottom: 20px; bottom: 20px;
font-size: 14px;
} }
} }
.qa-char{ .qa-char{
@@ -1234,6 +1254,12 @@
} }
@media screen and (min-width: 1921px){ @media screen and (min-width: 1921px){
.portal-index-title{
font-size: 16px;
font-weight: 500;
color: #00253E;
line-height: 22px;
}
.case-inter-orgin{ .case-inter-orgin{
width: 60%; width: 60%;
} }
@@ -1381,6 +1407,7 @@
.qa-views{ .qa-views{
left: 20px; left: 20px;
bottom: 20px; bottom: 20px;
font-size: 14px;
} }
} }
.qa-char{ .qa-char{

2
src/components/HomePage/homePage.vue
View File

@@ -14,7 +14,7 @@
<div style="display: flex;justify-content: start;margin-left:25px"> <div style="display: flex;justify-content: start;margin-left:25px">
<div style="min-width: 240px;"> <div style="min-width: 240px;">
<div class="content-top"> <div class="content-top">
<h6> {{userData.name}}<span style="margin-left:8px;color: #999999;font-weight: 400;">{{orgInfo}}</span> </h6> <h6> {{userData.name}}<span style="margin-left:8px;color: #999999;font-weight: 400;">{{userData.orgInfo}}</span> </h6>
</div> </div>
<div class="grade" style="margin-top:5px"> <div class="grade" style="margin-top:5px">
<div class="level" style="margin-top:4px">{{statData.level}}</div> <div class="level" style="margin-top:4px">{{statData.level}}</div>

2
src/components/Portal/interactBar.vue
View File

@@ -50,7 +50,7 @@
</div> </div>
<div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};margin-left:${data.views>1000? '40px':'20px'}`" class="interact-bar-btn" :class="{cursor:!readonly}"> <div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};margin-left:${data.views>1000? '40px':'20px'}`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip"> <el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="margin-right: 0;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon> <svg-icon style="margin-right: 0;font-size:22px;" icon-class="eyes"></svg-icon>
</el-tooltip> </el-tooltip>
<span class="interact-bar-value"> {{ formatNum(data.views)}}</span> <span class="interact-bar-value"> {{ formatNum(data.views)}}</span>
</div> </div>

2
src/views/Index.vue
View File

@@ -2188,7 +2188,7 @@
.qa-views { .qa-views {
position: absolute; position: absolute;
color: #6E7B84; color: #6E7B84;
font-size: 14px; // font-size: 14px;
// left: 20px; // left: 20px;
// bottom: 20px; // bottom: 20px;

8
src/views/study/Courses.vue
View File

@@ -28,8 +28,8 @@
</div> </div>
</div> </div>
<div class="uc-list" v-loading="loading"> <div class="uc-list" v-loading="loading">
<div class="uc-course" v-for="(item,idx) in pageChange" @click="jumpRouter(item)" :key="idx"> <div class="uc-course" v-for="(item,idx) in pageChange" :key="idx">
<div class="uc-course-img" style="width: 260px;height:144px"> <div class="uc-course-img" style="width: 260px;height:144px" @click="jumpRouter(item)">
<course-image :course="item"></course-image> <course-image :course="item"></course-image>
<div class="uc-type"> <div class="uc-type">
<span v-if="item.courseType==10">录播</span> <span v-if="item.courseType==10">录播</span>
@@ -38,7 +38,7 @@
<span v-if="item.courseType==40">学习项目</span> <span v-if="item.courseType==40">学习项目</span>
</div> </div>
</div> </div>
<div class="uc-course-info"> <div class="uc-course-info" @click="jumpRouter(item)">
<div class="uc-course-name" style="cursor: pointer;"> <div class="uc-course-name" style="cursor: pointer;">
<div style="flex:1;"> <div style="flex:1;">
@@ -56,7 +56,7 @@
<div class="uc-course-btns"> <div class="uc-course-btns">
<div style="text-align: right;"> <div style="text-align: right;">
<!-- <el-button class="del" @click.stop="delItem(item,idx)" type="text" icon="el-icon-delete" size="mini" title="删除"></el-button> --> <!-- <el-button class="del" @click.stop="delItem(item,idx)" type="text" icon="el-icon-delete" size="mini" title="删除"></el-button> -->
<el-dropdown> <el-dropdown trigger="click">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<svg-icon style="margin-right: 0;font-size:26px;" icon-class="spot"></svg-icon> <svg-icon style="margin-right: 0;font-size:26px;" icon-class="spot"></svg-icon>
</span> </span>

16
src/views/ucurrency/Index.vue
View File

@@ -167,40 +167,40 @@
<div class="box-table"> <div class="box-table">
<p class="table-title portal-title-tow"><span></span>学习</p> <p class="table-title portal-title-tow"><span></span>学习</p>
<el-table :data="tableData" style=""> <el-table :data="tableData" style="">
<el-table-column prop="name" label="分类" width="180"></el-table-column> <el-table-column prop="name" label="分类" width="180" align="center"></el-table-column>
<el-table-column prop="name" label="描述" width="180"> <el-table-column prop="name" label="描述" width="180" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<p v-for="(rem,index) in scope.row.hear" :key="index">{{rem}}</p> <p v-for="(rem,index) in scope.row.hear" :key="index">{{rem}}</p>
<p style="font-size:12px;color: #999999;" v-if="scope.row.label">{{scope.row.label}}</p> <p style="font-size:12px;color: #999999;" v-if="scope.row.label">{{scope.row.label}}</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="right" label="经验值/U币"> <el-table-column label="经验值/U币" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="font-size:16px;color: #333333;font-weight: 600;" v-for="(val,index) in scope.row.value" :key="index">{{val}} <p style="font-size:16px;color: #333333;font-weight: 600;" v-for="(val,index) in scope.row.value" :key="index">{{val}}
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="upperlimit" align="right" label="每日上限"> <el-table-column prop="upperlimit" label="每日上限" align="center">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="box-table"> <div class="box-table">
<p class="table-title portal-title-tow"><span></span>知识贡献</p> <p class="table-title portal-title-tow"><span></span>知识贡献</p>
<el-table :data="tableList" style=""> <el-table :data="tableList" style="">
<el-table-column prop="name" label="分类" width="180"> <el-table-column prop="name" label="分类" width="180" align="center">
</el-table-column> </el-table-column>
<el-table-column prop="name" label="描述" width="180"> <el-table-column prop="name" label="描述" width="180" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<p v-for="(rem,index) in scope.row.hear" :key="index">{{rem}}</p> <p v-for="(rem,index) in scope.row.hear" :key="index">{{rem}}</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="right" label="经验值/U币"> <el-table-column label="经验值/U币" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="font-size:16px;color: #333333;font-weight: 600;" v-for="(val,index) in scope.row.value" <p style="font-size:16px;color: #333333;font-weight: 600;" v-for="(val,index) in scope.row.value"
:key="index">{{val}}</p> :key="index">{{val}}</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="upperlimit" align="right" label="每日上限"> <el-table-column prop="upperlimit" align="center" label="每日上限">
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>

117
src/views/user/MyAssess.vue
View File

@@ -4,37 +4,37 @@
</Remark> --> </Remark> -->
<div style="padding:10px 0px 12px 22px"> <div style="padding:10px 0px 12px 22px">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24" style="margin-bottom:20px">
<span class="uc-center-page" style="margin-right:90px">我的测评</span> <span class="uc-center-page" style="margin-right:90px">我的测评</span>
<el-input clearable placeholder="搜索名称" class="uc-input" v-model="keyword"></el-input> <el-input clearable placeholder="搜索名称" class="uc-input" v-model="keyword"></el-input>
<el-button type="primary" icon="el-icon-search" class="search-btn" @click="getData()">搜索</el-button> <el-button type="primary" icon="el-icon-search" class="search-btn" @click="getData()">搜索</el-button>
<el-button type="primary" icon="el-icon-refresh-right" class="search-btn" @click="reset">重置</el-button> <el-button type="primary" icon="el-icon-refresh-right" class="search-btn" @click="reset">重置</el-button>
</el-col> </el-col>
<el-col :span="8" v-for="(item,index) in testList" :key="index"> <el-col :span="6" v-for="(item,index) in testList" :key="index">
<!-- @click="textdetail(item)" --> <!-- @click="textdetail(item)" -->
<div style="text-align: center;"> <div style="text-align: center;margin-top: 40px;">
<!-- @click="jumpRouter(item)" --> <!-- @click="jumpRouter(item)" -->
<section> <!-- <section> -->
<!-- <div @click="hasPermission(item)"> <!-- <div @click="hasPermission(item)">
</div> --> </div> -->
<a :href="hasPermission(item)" target="_blank"> <a :href="hasPermission(item)" target="_blank">
<img :src="getItem(item)" /> <img style="width: 150px;height: 200px;" :src="getItem(item)" />
<h5 class="ceping-tit one-line-ellipsis" v-html="$keywordActiveShow(item.title,keyword)"></h5> <p class="ceping-tit one-line-ellipsis" v-html="$keywordActiveShow(item.title,keyword)"></p>
<span class="ceping-conent">完成时间：{{item.date}}</span> <p class="ceping-conent">完成时间：{{item.date}}</p>
</a> </a>
</section> <!-- </section> -->
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<div v-if="testList.length > 0 " style="height:150px; text-align: center; margin-top: 10px; " > <div v-if="testList.length > 0 " style="height:150px; text-align: center; margin-top: 50px; " >
<el-pagination <el-pagination
background background
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:page-sizes="[9, 18, 27, 36]" :page-sizes="[8, 16, 24, 36]"
:current-page="page" :current-page="page"
:page-size="size" :page-size="size"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
@@ -61,7 +61,7 @@
testList:'', testList:'',
total:0, total:0,
chaturl:'', chaturl:'',
size:9, size:8,
page:1, page:1,
} }
}, },
@@ -144,13 +144,16 @@
} }
.ceping-tit{ .ceping-tit{
color: #333; margin-top: 19px;
font-size: 17px; font-size: 18px;
line-height: 40px; font-weight: 600;
color: #333333;
} }
.ceping-conent{ .ceping-conent{
font-size: #666; font-size: #666;
font-size: 13px; font-size: 14px;
margin-top: 10px;
} }
.fenye{ .fenye{
@@ -175,47 +178,47 @@
.el-col:nth-of-type(){ .el-col:nth-of-type(){
} }
.el-col:not(:first-child){ // .el-col:not(:first-child){
position: relative; // position: relative;
padding: 20px; // padding: 20px;
padding-left: 40px; // padding-left: 40px;
border-radius: 4px; // border-radius: 4px;
>div{ // >div{
// width: 85%; // // width: 85%;
padding-bottom:100%; // padding-bottom:100%;
cursor: pointer; // cursor: pointer;
position: relative; // position: relative;
// box-shadow: 2px 2px 2px #888888; // // box-shadow: 2px 2px 2px #888888;
// box-shadow:0px 0px 2px #888888; // // box-shadow:0px 0px 2px #888888;
border-radius: 4px; // border-radius: 4px;
section{ // section{
border-radius: 4px; // border-radius: 4px;
position: absolute; // position: absolute;
left: 40%; // left: 40%;
top: 50%; // top: 50%;
// width: 96%; // // width: 96%;
// height: 78%; // // height: 78%;
transform: translate(-50%,-50%); // transform: translate(-50%,-50%);
// background: #f1f5fc; // // background: #f1f5fc;
// marin:0 auto; // // marin:0 auto;
// padding: 10px; // // padding: 10px;
border-box: box-sizing; // border-box: box-sizing;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
justify-content: space-between; // justify-content: space-between;
img{ // img{
width: 194px; // width: 194px;
height: 109px; // height: 109px;
} // }
span{ // span{
// color:#303133; // // color:#303133;
// font-size: 12px; // // font-size: 12px;
} // }
h5{ // h5{
margin: 0; // margin: 0;
} // }
} // }
} // }
} // }
} }
</style> </style>