p71924506
/
hoj
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update fe

This commit is contained in:
Himit_ZH 2021-12-09 21:32:59 +08:00
parent 22693c592c
commit 0b9a860b1c
5 changed files with 52 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docs/docs/use/close-free-cdn.md
View File

@ -123,6 +123,11 @@ https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js
})
Vue.use(VueParticles) // 粒子特效背景
Vue.use(Katex) // 数学公式渲染
VXETable.setup({
// 对组件内置的提示语进行国际化翻译
i18n: (key, value) => i18n.t(key, value)
})
Vue.use(VXETable) // 表格组件
Vue.use(VueClipboard) // 剪贴板
Vue.use(highlight) // 代码高亮
@ -143,14 +148,14 @@ https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js
new Vue({
router,
store,
i18n,
i18n,
render: h => h(App)
}).$mount('#app')
}).$mount('#app')
```
4. 然后使用在`hoj-vue`目录下，使用`npm run build`，npm请自行百度下载安装，之后会生成一个dist文件夹，结构如下：
```
dist
├── index.html
@ -163,12 +168,12 @@ https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js
├── img
│ ├── ....
├── js
│ ├── ....
│ ├── ....
....
....
```
将 `dist` 文件夹复制到服务器上某个目录下，比如 `/hoj/www/html/dist`，然后修改 `docker-compose.yml`，在 `hoj-frontend` 模块中的 `volumes` 中增加一行 `- /hoj/www/html/dist:/usr/share/nginx/html` （冒号前面的请修改为实际的路径），然后 `docker-compose up -d` 即可。

4
hoj-vue/src/router/ojRoutes.js
View File

@ -7,12 +7,12 @@ import Logout from "@/views/oj/user/Logout.vue"
import SubmissionList from "@/views/oj/status/SubmissionList.vue"
import SubmissionDetails from "@/views/oj/status/SubmissionDetails.vue"
import ContestList from "@/views/oj/contest/ContestList.vue"
import ACMScoreBoard from "@/views/oj/contest/outside/ACMScoreBoard.vue"
import OIScoreBoard from "@/views/oj/contest/outside/OIScoreBoard.vue"
import Problem from "@/views/oj/problem/Problem.vue"
import ACMRank from "@/views/oj/rank/ACMRank.vue"
import OIRank from "@/views/oj/rank/OIRank.vue"
import ContestDetails from "@/views/oj/contest/ContestDetails.vue"
import ACMScoreBoard from "@/views/oj/contest/outside/ACMScoreBoard.vue"
import OIScoreBoard from "@/views/oj/contest/outside/OIScoreBoard.vue"
import ContestProblemList from "@/views/oj/contest/children/ContestProblemList.vue"
import ContestRank from "@/views/oj/contest/children/ContestRank.vue"
import ACMInfoAdmin from "@/views/oj/contest/children/ACMInfoAdmin.vue"

14
hoj-vue/src/views/oj/contest/children/OIContestRank.vue
View File

@ -157,7 +157,7 @@
<vxe-table-column
field="totalScore"
:title="$t('m.Total_Score')"
min-width="100"
min-width="90"
>
<template v-slot="{ row }">
<span
@ -172,7 +172,7 @@
</template>
</vxe-table-column>
<vxe-table-column
min-width="120"
min-width="80"
v-for="problem in contestProblems"
:key="problem.displayId"
>
@ -453,7 +453,15 @@ export default {
}
/deep/.vxe-table .vxe-body--column {
line-height: 20px !important;
padding: 8px !important;
padding: 0px !important;
}
/deep/.vxe-body--column {
min-width: 0;
height: 48px;
box-sizing: border-box;
text-align: left;
text-overflow: ellipsis;
vertical-align: middle;
}
a.emphasis {
color: #495060 !important;

28
hoj-vue/src/views/oj/contest/outside/ACMScoreBoard.vue
View File

@ -382,15 +382,6 @@ export default {
},
};
</script>
<style>
.contest-rank-switch {
margin-bottom: 30px;
margin-top: -8px;
}
.contest-rank-switch span {
margin-left: 5px;
}
</style>
<style scoped>
.contest-title {
text-align: center;
@ -441,7 +432,10 @@ export default {
border: 1px solid #e9eaec;
font-size: 18px;
}
/deep/.vxe-table .vxe-body--column:not(.col--ellipsis) {
line-height: 20px !important;
padding: 0 !important;
}
/deep/.el-card__body {
padding: 15px !important;
padding-top: 20px !important;
@ -452,10 +446,6 @@ export default {
margin: 0;
padding: 0;
}
/deep/.vxe-table .vxe-body--column {
line-height: 20px !important;
padding: 0 !important;
}
/deep/.vxe-body--column {
min-width: 0;
height: 48px;
@ -476,3 +466,13 @@ export default {
font-weight: 400;
}
</style>
<style>
.contest-rank-switch {
margin-bottom: 30px;
margin-top: -8px;
}
.contest-rank-switch span {
margin-left: 5px;
}
</style>

18
hoj-vue/src/views/oj/contest/outside/OIScoreBoard.vue
View File

@ -180,7 +180,7 @@
<vxe-table-column
field="totalScore"
:title="$t('m.Total_Score')"
min-width="100"
min-width="90"
>
<template v-slot="{ row }">
<span
@ -191,7 +191,7 @@
</template>
</vxe-table-column>
<vxe-table-column
min-width="120"
min-width="80"
v-for="problem in contestProblems"
:key="problem.displayId"
>
@ -385,9 +385,19 @@ export default {
margin: 0;
padding: 0;
}
/deep/.vxe-table .vxe-body--column {
/deep/.vxe-table .vxe-body--column:not(.col--ellipsis) {
line-height: 20px !important;
padding: 8px !important;
padding: 0 !important;
}
/deep/.vxe-body--column {
min-width: 0;
height: 48px;
box-sizing: border-box;
text-align: left;
text-overflow: ellipsis;
vertical-align: middle;
}
.problem-time {
color: rgba(0, 0, 0, 0.45);