This commit is contained in:
parent
a75502415c
commit
b63eb6631d
|
|
@ -1,8 +1,8 @@
|
|||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4723712 */
|
||||
src: url('iconfont.woff2?t=1730356699416') format('woff2'),
|
||||
url('iconfont.woff?t=1730356699416') format('woff'),
|
||||
url('iconfont.ttf?t=1730356699416') format('truetype');
|
||||
src: url('iconfont.woff2?t=1730448425319') format('woff2'),
|
||||
url('iconfont.woff?t=1730448425319') format('woff'),
|
||||
url('iconfont.ttf?t=1730448425319') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
|
|
@ -13,6 +13,34 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-xiaoxi:before {
|
||||
content: "\e677";
|
||||
}
|
||||
|
||||
.icon-fuzhi:before {
|
||||
content: "\e6f6";
|
||||
}
|
||||
|
||||
.icon-tianjia:before {
|
||||
content: "\e675";
|
||||
}
|
||||
|
||||
.icon-bianji-gangbi:before {
|
||||
content: "\e6d8";
|
||||
}
|
||||
|
||||
.icon-rss-line:before {
|
||||
content: "\e782";
|
||||
}
|
||||
|
||||
.icon-touxiang:before {
|
||||
content: "\e655";
|
||||
}
|
||||
|
||||
.icon-xiangxia:before {
|
||||
content: "\e85d";
|
||||
}
|
||||
|
||||
.icon--kejian:before {
|
||||
content: "\e6a3";
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -5,6 +5,55 @@
|
|||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "2158298",
|
||||
"name": "消息",
|
||||
"font_class": "xiaoxi",
|
||||
"unicode": "e677",
|
||||
"unicode_decimal": 58999
|
||||
},
|
||||
{
|
||||
"icon_id": "12024469",
|
||||
"name": "复制",
|
||||
"font_class": "fuzhi",
|
||||
"unicode": "e6f6",
|
||||
"unicode_decimal": 59126
|
||||
},
|
||||
{
|
||||
"icon_id": "17887886",
|
||||
"name": "添加",
|
||||
"font_class": "tianjia",
|
||||
"unicode": "e675",
|
||||
"unicode_decimal": 58997
|
||||
},
|
||||
{
|
||||
"icon_id": "24268380",
|
||||
"name": "编辑-钢笔",
|
||||
"font_class": "bianji-gangbi",
|
||||
"unicode": "e6d8",
|
||||
"unicode_decimal": 59096
|
||||
},
|
||||
{
|
||||
"icon_id": "42198021",
|
||||
"name": "rss-line",
|
||||
"font_class": "rss-line",
|
||||
"unicode": "e782",
|
||||
"unicode_decimal": 59266
|
||||
},
|
||||
{
|
||||
"icon_id": "700853",
|
||||
"name": "头像",
|
||||
"font_class": "touxiang",
|
||||
"unicode": "e655",
|
||||
"unicode_decimal": 58965
|
||||
},
|
||||
{
|
||||
"icon_id": "16398985",
|
||||
"name": "向下",
|
||||
"font_class": "xiangxia",
|
||||
"unicode": "e85d",
|
||||
"unicode_decimal": 59485
|
||||
},
|
||||
{
|
||||
"icon_id": "6571029",
|
||||
"name": "60-课件",
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -75,7 +75,7 @@ const headerMenus = [
|
|||
name: '教学大模型',
|
||||
id: 1,
|
||||
icon: 'icon-shouye',
|
||||
path: '/index'
|
||||
path: '/model/index'
|
||||
},
|
||||
{
|
||||
name: '教学工作台',
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="page-header">
|
||||
<div class="header-center">文枢2.5</div>
|
||||
<div class="header-center">文枢{{ version }}</div>
|
||||
<div class="header-right">
|
||||
<WindowTools />
|
||||
</div>
|
||||
|
|
@ -85,6 +85,8 @@ import { updateUserInfo } from '@/api/system/user'
|
|||
import logoIco from '@/assets/images/logo.png'
|
||||
import { listEvaluation } from '@/api/classManage/index'
|
||||
import { sessionStore } from '@/utils/store'
|
||||
import pkc from "../../../../../package.json"
|
||||
const version = ref(pkc.version)
|
||||
// import Chat from '@/utils/chat' // im 登录初始化
|
||||
// if (!Chat.imChat) Chat.init()
|
||||
|
||||
|
|
|
|||
|
|
@ -26,18 +26,43 @@ export const constantRoutes = [
|
|||
component: () => import('@/views/classTask/teachClassTask.vue'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/model',
|
||||
component: Layout,
|
||||
name: 'model',
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
component: () => import('@/views/model/index.vue'),
|
||||
name: 'model-index',
|
||||
meta: { title: '教学大模型' }
|
||||
},
|
||||
{
|
||||
path: 'curriculum',
|
||||
component: () => import('@/views/curriculum-standards/index.vue'),
|
||||
name: 'curriculum-standard',
|
||||
meta: { title: '课标研读' }
|
||||
},
|
||||
{
|
||||
path: 'teaching',
|
||||
component: () => import('@/views/teaching-material/index.vue'),
|
||||
name: 'teaching-material',
|
||||
meta: { title: '教材研读' }
|
||||
},
|
||||
{
|
||||
path: 'examination',
|
||||
component: () => import('@/views/examination-analysis/index.vue'),
|
||||
name: 'examination-analysis',
|
||||
meta: { title: '考试分析' }
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/',
|
||||
component: Layout,
|
||||
redirect: '/home',
|
||||
meta: { title: '教学工作台' },
|
||||
children: [
|
||||
{
|
||||
path: '/index',
|
||||
component: () => import('@/views/index/index.vue'),
|
||||
name: 'index',
|
||||
meta: { title: '首页' }
|
||||
},
|
||||
{
|
||||
path: '/home',
|
||||
component: () => import('@/views/desktop/index.vue'),
|
||||
|
|
|
|||
|
|
@ -0,0 +1,153 @@
|
|||
<template>
|
||||
<div class="question-container">
|
||||
<div class="question-main">
|
||||
<div class="question-item">
|
||||
<div class="item-con">
|
||||
<div class="item-q flex">
|
||||
<div class="q-user">
|
||||
<i class="iconfont icon-touxiang"></i>
|
||||
</div>
|
||||
<div class="q-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
|
||||
</div>
|
||||
<div class="item-a flex">
|
||||
<div class="a-user">
|
||||
语
|
||||
</div>
|
||||
<div class="a-text">
|
||||
<p> 语言的建构与运用：学生在丰富的语言实践中，通过主动的积累、梳理和整合，逐步掌握祖国语言文字特点及其规律，形成个体言语经验，发展在具体语言情境中正确有效地运用祖国语言文字进行交流沟通的能力。</p>
|
||||
<a class="" href="">来自《高中语文课程标准2020》，点击查看原文：第4页</a>
|
||||
<p>语言建构有两方面的内涵：第一是指出于表达思想的目的，按照语言内部系统来建构话语-用词汇组构句子，用句子组构段落和篇章。第二是指每个人在个人言语经验的基础上，逐步建构起自己的言语表达体系，包括每个人的言语心理词典、句典和表达习惯。</p>
|
||||
<a href="">来自《高中语文课程标准解读》，点击查看原文：第58页</a>
|
||||
<p>高中语文课程标准2003版本中没有核心素养相关表达。 </p>
|
||||
<a href="">来自《高中语文课程标准2003》 </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-icon flex">
|
||||
<div class="flex">
|
||||
<span>
|
||||
<i class="iconfont icon-fuzhi"></i>
|
||||
复制
|
||||
</span>
|
||||
<span>
|
||||
<i class="iconfont icon-bianji-gangbi"></i>
|
||||
写评价
|
||||
</span>
|
||||
<span>
|
||||
<i class="iconfont icon-rss-line"></i>
|
||||
添加到微教研
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<i class="iconfont icon-tianjia"></i>
|
||||
保存
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-input v-model="textarea" class="question-textarea" resize="none" :rows="2" type="textarea" placeholder="在这里输入发消息，输入@或/选择" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
const textarea = ref('')
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.question-container {
|
||||
padding: 10px 15px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.question-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.item-con {
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
|
||||
.item-q {
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.q-user {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
|
||||
.icon-touxiang {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.q-text {
|
||||
color: #409eff;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.item-a {
|
||||
color: #3D3D3D;
|
||||
font-size: 13px;
|
||||
|
||||
.a-user {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
flex-shrink: 0;
|
||||
|
||||
}
|
||||
|
||||
.a-text {
|
||||
text-align: left;
|
||||
a{
|
||||
color: #409eff;
|
||||
text-decoration: underline;
|
||||
margin-bottom: 15px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.item-icon{
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #3D3D3D;
|
||||
margin-top: 10px;
|
||||
font-size: 13px;
|
||||
span{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
|
||||
&:hover{
|
||||
background: #F5F7FA
|
||||
}
|
||||
}
|
||||
.iconfont{
|
||||
margin-right: 3px;
|
||||
color: #3498fc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.question-textarea {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,210 @@
|
|||
<template>
|
||||
<div class="read-container">
|
||||
|
||||
<div class="template-list">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>核心素养与课程目标</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>课程内容相关</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的课程内容要求
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>学业质量要求</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的学业水平要求，包括水平一、水平二、水平三各自的要求描述
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>教学实施建议</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item template-item-result">
|
||||
<div class="result-item-header">
|
||||
<i class="iconfont icon-xiaoxi"></i>
|
||||
语言建构与运用是指学生在丰富的语言实践中，通过主动的积累、梳理和整合，逐步掌握祖国语言文字特点及其运用规律，形成个体言语经验......
|
||||
</div>
|
||||
<div class="result-icon-btn flex pl-25">
|
||||
<div class="flex">
|
||||
<span><i class="iconfont icon-fuzhi"></i>复制</span>
|
||||
<span><i class="iconfont icon-bianji-gangbi"></i>写想法</span>
|
||||
</div>
|
||||
<div>
|
||||
<span><i class="iconfont icon-tianjia"></i>加入备课篮</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="other-msg pl-25">
|
||||
<div class="other-user flex">
|
||||
<i class="iconfont icon-touxiang"></i>
|
||||
重庆市酉阳县二中 - 李丽
|
||||
</div>
|
||||
<div class="other-text flex">北师大王宁老师说，语言建构有两方面的含义。一是指出于表达思想的目的，二是指在个人言语经验的基础上，逐步建构起自己的言语体系</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.read-container {
|
||||
padding: 15px;
|
||||
|
||||
.el-dropdown-link {
|
||||
font-weight: bold;
|
||||
|
||||
.el-icon--right {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.read-header {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.add-btn {
|
||||
font-size: 13px;
|
||||
|
||||
.icon-jiahao {
|
||||
margin-right: 3px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.template-list {
|
||||
|
||||
.template-item {
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 5px;
|
||||
|
||||
.item-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
|
||||
.blue {
|
||||
font-size: 22px;
|
||||
color: #409eff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.item-text {
|
||||
display: flex;
|
||||
color: #409eff;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.template-item-result {
|
||||
background: #DDEAFD !important;
|
||||
|
||||
.result-item-header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #3D3D3D;
|
||||
|
||||
.icon-xiaoxi {
|
||||
color: #5881D5;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.result-icon-btn {
|
||||
justify-content: space-between;
|
||||
font-size: 13px;
|
||||
margin-top: 5px;
|
||||
|
||||
span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
|
||||
&:hover {
|
||||
background: #cfe0fa
|
||||
}
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
margin-right: 3px;
|
||||
color: #3498fc;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
height: 1px;
|
||||
background: #D8D8D8;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.other-msg {
|
||||
font-size: 13px;
|
||||
|
||||
.other-user {
|
||||
align-items: center;
|
||||
color: #BA4B0F;
|
||||
font-size: 12px;
|
||||
|
||||
.icon-touxiang {
|
||||
color: #BA4B0F;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.other-text {
|
||||
color: #191919;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.pl-25 {
|
||||
padding-left: 25px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,126 @@
|
|||
<template>
|
||||
<div class="read-container">
|
||||
<div class="read-header flex">
|
||||
<el-dropdown>
|
||||
<span class="el-dropdown-link">
|
||||
课标研读模板
|
||||
<i class="iconfont icon-xiangxia" </i>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item>课标研读模板一</el-dropdown-item>
|
||||
<el-dropdown-item>课标研读模板二</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
<el-button text class="add-btn">
|
||||
<i class="iconfont icon-jiahao"></i>
|
||||
添加
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="template-list">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>核心素养与课标目标</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的核心素养与课程目标</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>课程内容要求</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的课程内容要求
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>学业质量要求</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的学业水平要求，包括水平一、水平二、水平三各自的要求描述
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="template-item">
|
||||
<div class="item-header"><span class="blue">#</span>教学实施建议</div>
|
||||
<div class="item-text">研读课程标准，提取出与本课相关的教学实施建议
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.read-container {
|
||||
padding: 15px;
|
||||
|
||||
.el-dropdown-link {
|
||||
font-weight: bold;
|
||||
|
||||
.el-icon--right {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.read-header {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.add-btn {
|
||||
font-size: 13px;
|
||||
|
||||
.icon-jiahao {
|
||||
margin-right: 3px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.template-list {
|
||||
margin-top: 15px;
|
||||
|
||||
.template-item {
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 5px;
|
||||
|
||||
.item-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #3D3D3D;
|
||||
|
||||
.blue {
|
||||
font-size: 22px;
|
||||
color: #409eff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.item-text {
|
||||
display: flex;
|
||||
color: #409eff;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,168 @@
|
|||
<template>
|
||||
<div class="page-curriculum flex">
|
||||
<el-row>
|
||||
<el-col :span="12" class="flex">
|
||||
<div class="page-left">
|
||||
<div class="page-title">课程标准研读</div>
|
||||
<el-radio-group v-model="radio" @change="changeRadio">
|
||||
<el-radio :value="item.value" v-for="item in radioList">{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
<div class="list">
|
||||
<ul>
|
||||
<li v-for="(item, index) in list" :class="activeIndex == index ? 'li-active' : ''"
|
||||
@click="clickItem(index)">
|
||||
<el-image class="img" :src="item.url" />
|
||||
<span>{{ item.name }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="flex">
|
||||
<div class="page-right">
|
||||
<div class="right-header">
|
||||
<el-button text :type="activeMenu == item.value ? 'primary' : ''" v-for="item in contentMenu" @click="onClickMenu(item)">{{ item.label
|
||||
}}</el-button>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<ReadTemplate v-if="activeMenu == 1" />
|
||||
<QuestionAnswer v-if="activeMenu == 2" />
|
||||
<ReadResult v-if="activeMenu == 3" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import ReadTemplate from './container/read-template.vue';
|
||||
import QuestionAnswer from './container/question-answer.vue'
|
||||
import ReadResult from './container/read-result.vue'
|
||||
|
||||
const url = 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F11044b08-04c1-41a0-a453-1fd20b58a614%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1732953359&t=7ab1d1b3a903db85b1149914407aea35'
|
||||
|
||||
const radioList = ref([
|
||||
{ label: '浏览研读', value: 1 },
|
||||
{ label: '跨学科研读', value: 2 },
|
||||
{ label: '跨学段研读', value: 3 },
|
||||
{ label: '课标修订研读', value: 4 },
|
||||
{ label: '自由研读', value: 5 },
|
||||
])
|
||||
|
||||
const radio = ref(1)
|
||||
// 当前选中
|
||||
const activeIndex = ref(-1)
|
||||
// 列表
|
||||
const list = ref([
|
||||
{
|
||||
name: '高中语文课程标准',
|
||||
url
|
||||
}
|
||||
])
|
||||
|
||||
const clickItem = (index) => {
|
||||
activeIndex.value = index
|
||||
}
|
||||
|
||||
const changeRadio = () => {
|
||||
list.value = []
|
||||
for (let i = 0; i < Math.floor(Math.random() * 5) + 1; i++) {
|
||||
list.value.push({
|
||||
name: '高中语文课程标准',
|
||||
url
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const contentMenu = [
|
||||
{ label: '研读模板', value: 1 },
|
||||
{ label: '问答模板', value: 2 },
|
||||
{ label: '研读结果', value: 3 }
|
||||
]
|
||||
const activeMenu = ref(1)
|
||||
const onClickMenu = (item) =>{
|
||||
activeMenu.value = item.value
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page-curriculum {
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
|
||||
.el-row {
|
||||
width: 100%;
|
||||
|
||||
.page-left {
|
||||
width: 100%;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.page-title {
|
||||
font-size: 20px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.list {
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.img {
|
||||
width: 100px;
|
||||
height: 130px;
|
||||
border: solid #ccc 1px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #E0EAFF;
|
||||
}
|
||||
}
|
||||
|
||||
.li-active {
|
||||
background: #E0EAFF;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-right {
|
||||
width: 100%;
|
||||
background: #F6F6F6;
|
||||
border-left: solid #ececec 1px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.right-header {
|
||||
padding-left: 30px;
|
||||
height: 45px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
border-bottom: solid #ececec 1px;
|
||||
}
|
||||
.right-con{
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
教学大模型
|
||||
考试分析
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="mb-4">
|
||||
<el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
||||
<el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
|
||||
<el-button type="info" @click="onchange('/model/examination')">考试分析</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
const router = useRouter()
|
||||
|
||||
const onchange = (path) =>{
|
||||
router.push(path)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<template>
|
||||
<div>
|
||||
教材研读
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue