fix:作业管理样式修改;
This commit is contained in:
parent
ce523bdcd5
commit
a711aef5f3
|
@ -1,8 +1,8 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "iconfont"; /* Project id 4723712 */
|
font-family: "iconfont"; /* Project id 4723712 */
|
||||||
src: url('iconfont.woff2?t=1731913617367') format('woff2'),
|
src: url('iconfont.woff2?t=1732173266977') format('woff2'),
|
||||||
url('iconfont.woff?t=1731913617367') format('woff'),
|
url('iconfont.woff?t=1732173266977') format('woff'),
|
||||||
url('iconfont.ttf?t=1731913617367') format('truetype');
|
url('iconfont.ttf?t=1732173266977') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
|
@ -13,6 +13,26 @@
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-jiqiren_o:before {
|
||||||
|
content: "\eb62";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-zhaoxiangji:before {
|
||||||
|
content: "\e679";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-huaban:before {
|
||||||
|
content: "\e6e2";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-tubiao_wuxing-:before {
|
||||||
|
content: "\e612";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-soutibao-:before {
|
||||||
|
content: "\e605";
|
||||||
|
}
|
||||||
|
|
||||||
.icon-baocun:before {
|
.icon-baocun:before {
|
||||||
content: "\e60e";
|
content: "\e60e";
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -5,6 +5,41 @@
|
||||||
"css_prefix_text": "icon-",
|
"css_prefix_text": "icon-",
|
||||||
"description": "",
|
"description": "",
|
||||||
"glyphs": [
|
"glyphs": [
|
||||||
|
{
|
||||||
|
"icon_id": "5387814",
|
||||||
|
"name": "机器人_o",
|
||||||
|
"font_class": "jiqiren_o",
|
||||||
|
"unicode": "eb62",
|
||||||
|
"unicode_decimal": 60258
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "630128",
|
||||||
|
"name": "照相机",
|
||||||
|
"font_class": "zhaoxiangji",
|
||||||
|
"unicode": "e679",
|
||||||
|
"unicode_decimal": 59001
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "12592146",
|
||||||
|
"name": "画板",
|
||||||
|
"font_class": "huaban",
|
||||||
|
"unicode": "e6e2",
|
||||||
|
"unicode_decimal": 59106
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "6025688",
|
||||||
|
"name": "图标_五星-2",
|
||||||
|
"font_class": "tubiao_wuxing-",
|
||||||
|
"unicode": "e612",
|
||||||
|
"unicode_decimal": 58898
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "11756625",
|
||||||
|
"name": "搜题宝-37",
|
||||||
|
"font_class": "soutibao-",
|
||||||
|
"unicode": "e605",
|
||||||
|
"unicode_decimal": 58885
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "11467388",
|
"icon_id": "11467388",
|
||||||
"name": "保存",
|
"name": "保存",
|
||||||
|
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -1,12 +1,23 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div class="list-content">
|
||||||
<div class="list-container">
|
<div class="list-container">
|
||||||
<div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
|
<div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
|
||||||
<div class="item-content">
|
<div class="item-content">
|
||||||
<div class="item-text">
|
<div class="item-text">
|
||||||
|
<div class="title-header">
|
||||||
<div class="item-title">{{ item.title }}</div>
|
<div class="item-title">{{ item.title }}</div>
|
||||||
<div class="item-description">{{ item.description }}</div>
|
<div class="icon-box">
|
||||||
|
<svg class="icon iconfont" aria-hidden="true" style="font-size: 35px;">
|
||||||
|
<use :xlink:href="item.icon"></use>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item-description">{{ item.description }}</div>
|
||||||
|
<div class="item-bottom">
|
||||||
|
<el-tag :type="item.type" size="default">{{ item.title }}</el-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-icon class="item-icon"><component :is="item.icon" /></el-icon>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -15,17 +26,16 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { shallowRef } from 'vue';
|
import { shallowRef } from 'vue';
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { Plus, ArrowDown, Document, User, Setting } from '@element-plus/icons-vue';
|
|
||||||
|
|
||||||
const emit = defineEmits(['itemClick'])
|
const emit = defineEmits(['itemClick'])
|
||||||
const items = shallowRef([
|
const items = shallowRef([
|
||||||
{ title: '自主搜题', description: '1111111', icon: Document },
|
{ title: '自主搜题', description: '1111111111111111111111111111111111111', icon: '#icon-soutibao-',type:'primary' },
|
||||||
{ title: '校本题库', description: '222222', icon: User },
|
{ title: '校本题库', description: '222222', icon: '#icon-soutibao-',type:'success' },
|
||||||
{ title: '个人题库', description: '333333', icon: Setting },
|
{ title: '个人题库', description: '333333', icon: '#icon-soutibao-',type:'default' },
|
||||||
{ title: '智能推荐', description: '444444', icon: Plus },
|
{ title: '智能推荐', description: '444444', icon: '#icon-tubiao_wuxing-',type:'default' },
|
||||||
{ title: '课堂展示', description: '555555', icon: ArrowDown },
|
{ title: '课堂展示', description: '555555', icon: '#icon-huaban',type:'primary' },
|
||||||
{ title: '常规作业', description: '555555', icon: ArrowDown },
|
{ title: '常规作业', description: '555555', icon: '#icon-zhaoxiangji',type:'primary' },
|
||||||
{ title: 'AI设计作业', description: '555555', icon: ArrowDown },
|
{ title: 'AI设计作业', description: '555555', icon: '#icon-jiqiren_o',type:'danger' },
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const handleClick = (item) => {
|
const handleClick = (item) => {
|
||||||
|
@ -42,20 +52,25 @@ const handleClick = (item) => {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.list-content{
|
||||||
|
padding: 8px;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 8px;
|
||||||
|
height: 100%;
|
||||||
|
margin-left: 10px
|
||||||
|
}
|
||||||
.list-container {
|
.list-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
padding: 16px;
|
|
||||||
/* background-color: #f5f5f5; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-list {
|
.content-list {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||||
padding: 16px;
|
padding: 8px;
|
||||||
width: calc(33.333% - 32px); /* 3列布局,每列减去gap */
|
width: calc(25% - 16px);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
@ -68,6 +83,7 @@ const handleClick = (item) => {
|
||||||
.item-content {
|
.item-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-icon {
|
.item-icon {
|
||||||
|
@ -78,6 +94,10 @@ const handleClick = (item) => {
|
||||||
|
|
||||||
.item-text {
|
.item-text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
justify-content: space-between;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-title {
|
.item-title {
|
||||||
|
@ -85,10 +105,38 @@ const handleClick = (item) => {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #303133;
|
color: #303133;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-description {
|
.item-description {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
|
text-align: left;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2; /* 设置最大行数 */
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-bottom {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 过渡动画 */
|
||||||
|
.fade-enter-active, .fade-leave-active {
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-enter, .fade-leave-to {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
|
@ -6,7 +6,7 @@
|
||||||
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
|
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="currentRow.id > 0" class="page-top-right">
|
<div v-if="currentRow.id > 0" class="page-top-right">
|
||||||
<el-button type="primary" @click="handleNewAllClass">设计新作业</el-button>
|
<el-button type="primary" @click="handleNewAllClass" :icon="Plus">设计新作业</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page-resource">
|
<div class="page-resource">
|
||||||
|
@ -22,15 +22,22 @@
|
||||||
@current-change="handleCurrentChange"
|
@current-change="handleCurrentChange"
|
||||||
>
|
>
|
||||||
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable"/>
|
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable"/>
|
||||||
<el-table-column label="作业布置" min-width="18%" align="center">
|
<el-table-column label="作业布置" min-width="15%" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div style="height: 100px;">
|
<div style="height: 100px;cursor: pointer">
|
||||||
|
<div style="display: flex;align-items: center;justify-content: space-between;">
|
||||||
|
<div style="width: 100%;">
|
||||||
<div class="pageleft-table-top">
|
<div class="pageleft-table-top">
|
||||||
<span>{{ scope.row.uniquekey }}</span>
|
<span>{{ scope.row.uniquekey }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="pageleft-table-top">
|
<div class="pageleft-table-top" style="display: flex;justify-content: space-between">
|
||||||
<el-tag :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
|
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
|
||||||
<span>{{ scope.row.timestamp }}</span>
|
<el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<svg class="icon iconfont" aria-hidden="true">
|
||||||
|
<use xlink:href="#icon-xiangyou"></use>
|
||||||
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="pageleft-table-cont">
|
<div class="pageleft-table-cont">
|
||||||
<p class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</p>
|
<p class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</p>
|
||||||
|
@ -122,6 +129,7 @@
|
||||||
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { cloneDeep } from 'lodash'
|
import { cloneDeep } from 'lodash'
|
||||||
|
import { Plus } from '@element-plus/icons-vue'
|
||||||
import { delClasswork } from '@/api/teaching/classwork'
|
import { delClasswork } from '@/api/teaching/classwork'
|
||||||
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
||||||
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
||||||
|
@ -712,7 +720,7 @@ const editWork = async (cform) =>{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.page-left {
|
.page-left {
|
||||||
width: 300px;
|
width: 240px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
||||||
|
|
|
@ -5,8 +5,8 @@
|
||||||
<ChooseTextbook @change-book="getData" @node-click="getData" />
|
<ChooseTextbook @change-book="getData" @node-click="getData" />
|
||||||
|
|
||||||
<div class="page-right">
|
<div class="page-right">
|
||||||
<div class="mb-4">
|
<div class="button-container">
|
||||||
<el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
<el-button style="margin-left: 12px;" type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
||||||
<el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button>
|
<el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button>
|
||||||
<el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理2</el-button>
|
<el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理2</el-button>
|
||||||
<el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
|
<el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
|
||||||
|
@ -34,8 +34,8 @@ const courseObj = reactive({
|
||||||
levelSecondId: '',
|
levelSecondId: '',
|
||||||
coursetitle: '',
|
coursetitle: '',
|
||||||
node: null, // 选择的课程节点
|
node: null, // 选择的课程节点
|
||||||
//
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// 查询
|
// 查询
|
||||||
const getData = (data) => {
|
const getData = (data) => {
|
||||||
const { textBook, node } = data
|
const { textBook, node } = data
|
||||||
|
@ -59,7 +59,6 @@ const getData = (data) => {
|
||||||
localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId }))
|
localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId }))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const openPPTist = () => {
|
const openPPTist = () => {
|
||||||
createWindow('open-win', { url: '/pptist' })
|
createWindow('open-win', { url: '/pptist' })
|
||||||
}
|
}
|
||||||
|
@ -90,9 +89,20 @@ const onchange = (path) =>{
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
||||||
}
|
}
|
||||||
.mb-4 {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.button-container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
margin: 1rem 0;
|
||||||
|
justify-content: flex-start;
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
flex: 1 1 15%;
|
||||||
|
max-width: 15%;
|
||||||
|
min-width: 15%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue