From 3f6f6124b3617d9ff20a807e9faee09f0234b6fa Mon Sep 17 00:00:00 2001
From: lyc <ly_cheng2023@163.com>
Date: Wed, 13 Nov 2024 11:22:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../template-study/container/dialog.vue       |  14 +-
 .../template-study/container/header.vue       |  15 +-
 .../template-study/container/pdf.vue          |   1 -
 .../template-study/container/result.vue       |   7 +-
 .../src/components/template-study/index.vue   |  12 +-
 src/renderer/src/layout/components/Aside.vue  |   1 -
 src/renderer/src/layout/components/Header.vue |   1 -
 .../container/pdf-template.vue                |  28 --
 .../container/question-answer.vue             | 153 ---------
 .../container/read-result.vue                 | 301 ------------------
 .../container/read-template.vue               | 132 --------
 .../src/views/curriculum-standards/index.vue  | 182 +----------
 src/renderer/src/views/model/index.vue        |   2 +-
 .../src/views/teaching-material/index.vue     | 175 +---------
 14 files changed, 38 insertions(+), 986 deletions(-)
 delete mode 100644 src/renderer/src/views/curriculum-standards/container/pdf-template.vue
 delete mode 100644 src/renderer/src/views/curriculum-standards/container/question-answer.vue
 delete mode 100644 src/renderer/src/views/curriculum-standards/container/read-result.vue
 delete mode 100644 src/renderer/src/views/curriculum-standards/container/read-template.vue

diff --git a/src/renderer/src/components/template-study/container/dialog.vue b/src/renderer/src/components/template-study/container/dialog.vue
index e1cd782..801158f 100644
--- a/src/renderer/src/components/template-study/container/dialog.vue
+++ b/src/renderer/src/components/template-study/container/dialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog v-model="isDialog" :show-close="false" width="900">
+  <el-dialog v-model="isDialog" :show-close="false" width="900" destroy-on-close>
     <template #header>
       <div class="custom-header flex">
         <span>选择{{ title }}</span>
@@ -40,17 +40,19 @@ const url = 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhsc
 const isDialog = defineModel()
 
 const props = defineProps({
-  model: {
-    type: [String, Number],
+  modeType: {
+    type: Number,
     default: 1
   }
 })
+
 const title = computed(() => {
-  if (props.model == 1) return '课标';
-  if (props.model == 2) return '教材';
-  if (props.model == 3) return '考试';
+  if (props.modeType == 1) return '课标';
+  if (props.modeType == 2) return '教材';
+  if (props.modeType == 3) return '考试';
 })
 
+
 const radio = ref(1)
 const radioList = ref([
   { label: '浏览研读', value: 1 },
diff --git a/src/renderer/src/components/template-study/container/header.vue b/src/renderer/src/components/template-study/container/header.vue
index 4729912..1b9baba 100644
--- a/src/renderer/src/components/template-study/container/header.vue
+++ b/src/renderer/src/components/template-study/container/header.vue
@@ -60,11 +60,11 @@
       </div>
     </template>
   </el-dialog>
-  <Dialog v-model="showDialog" :model="model" />
+  <Dialog v-model="showDialog" :modeType="type" />
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, watch } from 'vue'
 import { Plus } from '@element-plus/icons-vue'
 import { ElMessageBox } from 'element-plus'
 import { modelList } from '@/api/mode/index'
@@ -72,11 +72,15 @@ import Dialog from './dialog.vue'
 
 const keywordDialog = ref(false)
 const props = defineProps({
-  model: {
-    type: [String, Number],
+  type: {
+    type: Number,
     default: 1
   }
 })
+watch(() => props.type, (newValue) => {
+  console.log(newValue, 'newValue2');
+},  { immediate: true });
+
 const emit = defineEmits(['changeTemp', 'onRead'])
 
 const showDialog = ref(false)
@@ -86,14 +90,13 @@ const aiRead = () => {
 }
 
 
-
 // 当前模板名称
 const curTemplate = reactive({ name: '', id: '' })
 // 模板列表
 const templateList = ref([])
 // 获取模板列表
 const getTemplateList = () => {
-  modelList({ model: 1, type: 1 }).then(res => {
+  modelList({ model: props.type, type: 1 }).then(res => {
     templateList.value = res.rows
     Object.assign(curTemplate, res.rows[0]);
     emit('changeTemp', res.rows[0].id)
diff --git a/src/renderer/src/components/template-study/container/pdf.vue b/src/renderer/src/components/template-study/container/pdf.vue
index 26f1ea9..c83dfd0 100644
--- a/src/renderer/src/components/template-study/container/pdf.vue
+++ b/src/renderer/src/components/template-study/container/pdf.vue
@@ -16,7 +16,6 @@ onMounted(async () =>{
   await nextTick()
   const { fileurl } = sessionStore.get('subject.curBook')
   pdfUrl.value = import.meta.env.VITE_APP_RES_FILE_PATH + fileurl.replace('.txt','.pdf')
-  console.log('pdfUrl.value',  pdfUrl.value)
 })
 </script>
 
diff --git a/src/renderer/src/components/template-study/container/result.vue b/src/renderer/src/components/template-study/container/result.vue
index 909d36c..d853dd3 100644
--- a/src/renderer/src/components/template-study/container/result.vue
+++ b/src/renderer/src/components/template-study/container/result.vue
@@ -59,8 +59,8 @@ const props = defineProps({
     type: [String, Number],
     default: ''
   },
-  model: {
-    type: [String, Number],
+  modeType: {
+    type: Number,
     default: 1
   }
 })
@@ -70,9 +70,8 @@ const tempLoading = ref(false)
 const childTempList = ref([])
 const getChildTemplate = () => {
   tempLoading.value = true
-  modelList({ model: props.model, type: 2, parentId: props.tempId }).then(res => {
+  modelList({ model: props.modeType, type: 2, parentId: props.tempId }).then(res => {
     childTempList.value = res.rows
-    console.log('res.rows=====>', res.rows)
 
   }).finally(() => {
     tempLoading.value = false
diff --git a/src/renderer/src/components/template-study/index.vue b/src/renderer/src/components/template-study/index.vue
index 37d443e..2963151 100644
--- a/src/renderer/src/components/template-study/index.vue
+++ b/src/renderer/src/components/template-study/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-template flex">
     <!--头部-->
-    <Header @changeTemp="changeTemp" @onRead="onRead"/>
+    <Header :type="type" @changeTemp="changeTemp" @onRead="onRead"/>
     <el-row :gutter="20" class="tempalte-main">
       <el-col :span="12">
         <!--左侧pdf-->
@@ -9,7 +9,7 @@
       </el-col>
       <el-col :span="12">
         <!--右侧模板研读-->
-        <Result ref="resultRef" :tempId="tempId"/>
+        <Result ref="resultRef" :modeType="type" :tempId="tempId"/>
       </el-col>
     </el-row>
 
@@ -22,6 +22,14 @@ import Header from './container/header.vue'
 import Pdf from './container/pdf.vue'
 import Result from './container/result.vue'
 
+const props = defineProps({
+  type: {
+    type: Number,
+    default: 1
+  },
+})
+
+
 const resultRef = ref()
 const tempId = ref('')
 const changeTemp = (id) =>{
diff --git a/src/renderer/src/layout/components/Aside.vue b/src/renderer/src/layout/components/Aside.vue
index d183267..f58795b 100644
--- a/src/renderer/src/layout/components/Aside.vue
+++ b/src/renderer/src/layout/components/Aside.vue
@@ -112,7 +112,6 @@ const sideBottomMenu = [
 
 const computedregistertype = computed(() => {
    const type =userStore.DeptInfo?.register?.type ??0
-   console.log(userStore.DeptInfo?.register)
     if(type==0 || userStore.DeptInfo?.register?.auditStatus!=0  && userStore.DeptInfo?.register?.auditStatus!=1){
       return 1
     }
diff --git a/src/renderer/src/layout/components/Header.vue b/src/renderer/src/layout/components/Header.vue
index bc94c34..d72e985 100644
--- a/src/renderer/src/layout/components/Header.vue
+++ b/src/renderer/src/layout/components/Header.vue
@@ -40,7 +40,6 @@ watch(
   () => router.currentRoute.value,
   (newValue) => {
     let path = newValue.path
-    console.log(newValue);
 
     if (path.includes('/model') && path !== ('/model/index')) {
       isShowBack.value = true
diff --git a/src/renderer/src/views/curriculum-standards/container/pdf-template.vue b/src/renderer/src/views/curriculum-standards/container/pdf-template.vue
deleted file mode 100644
index ceba60f..0000000
--- a/src/renderer/src/views/curriculum-standards/container/pdf-template.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <div class="container-pdf">
-    <PDF :url="pdfUrl" :showCatalog="false" v-if="pdfUrl" />
-  </div>
-  
-
-</template>
-
-<script setup>
-import { ref, onMounted, nextTick } from 'vue';
-import PDF from '@/components/PdfJs/index.vue'
-import { sessionStore } from '@/utils/store'
-
-
-const pdfUrl = ref('')
-
-onMounted(async () =>{
-  await nextTick()
-  const { fileurl } = sessionStore.get('subject.curBook')
-  pdfUrl.value = import.meta.env.VITE_APP_RES_FILE_PATH + fileurl.replace('.txt','.pdf')
-})
-</script>
-
-<style lang="scss" scoped>
-.container-pdf{
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/src/renderer/src/views/curriculum-standards/container/question-answer.vue b/src/renderer/src/views/curriculum-standards/container/question-answer.vue
deleted file mode 100644
index 1a99ab2..0000000
--- a/src/renderer/src/views/curriculum-standards/container/question-answer.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<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>
\ No newline at end of file
diff --git a/src/renderer/src/views/curriculum-standards/container/read-result.vue b/src/renderer/src/views/curriculum-standards/container/read-result.vue
deleted file mode 100644
index 30159c1..0000000
--- a/src/renderer/src/views/curriculum-standards/container/read-result.vue
+++ /dev/null
@@ -1,301 +0,0 @@
-<template>
-  <div class="read-container">
-    <el-scrollbar height="100%">
-      <div class="template-list" v-loading="loading">
-        <el-row v-for="item in 6">
-          <el-col :span="24">
-            <div class="template-item">
-              <div class="item-header"><span class="blue">#</span>{{ item }}</div>
-              <div class="item-text" >
-                <div class="item-icon">
-                  <i class="iconfont icon-ai"></i>
-                </div>
-                <div class="item-answer" v-html="item"></div>
-              </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>
-    </el-scrollbar>
-  </div>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted } from 'vue';
-import { sessionStore } from '@/utils/store'
-import useUserStore from '@/store/modules/user'
-import { conversation, completion } from '@/api/mode/index'
-
-const userStore = useUserStore()
-
-const props = defineProps({
-  curTemp: {
-    type: Array,
-    default: () =>{
-      return []
-    }
-  }
-})
-
-const loading = ref(false)
-
-// 获取会话ID
-const params = reactive(
-  {
-    "conversation_id": "",
-    "messages": [
-      {
-        "role": "user",
-        "content": ""
-      }
-    ],
-    "quote": false,
-    "stream": false
-  }
-)
-const curNode = reactive({})
-const getConversation = async() =>{
-  const { user: { userId } } = userStore
-  const result = await conversation({ user_id: String(userId) })
-  params.conversation_id = result.data.data.id
-  
-
-  getCompletion()
-}
-// 大模型对话
-const resultList = ref([])
-const getCompletion = async() =>{
-  console.log('params=====>',params)
-  
-  for (const item of props.curTemp) {
-    try {
-      loading.value = true
-      params.messages[0].content = `根据${curNode.edustage}语文课标，提炼出${item.name}`
-      const res = await completion(params)
-      console.log('对话结果===》', res)
-      let answer = res.data.data.answer
-      answer = getResult(answer);
-      resultList.value.push({
-        title: item.name,
-        answer
-      })
-    } finally{
-      loading.value = false
-    }
-  }
-}
-
-
-
-// 分析获取课标对话结果
-let getResult = (text) => {
-  text = text.replace(/^\n\n(.*?)\n\n$/s, '<div>$1</div>');
-  text = text.replace(/^\n(.*?)\n$/s, '<p>$1</p>');
-  text = text.replace(/\*\*(.*?)\*\*/g, "<div class='text-tit'>$1</div>");
-  text = text.replace(/(\d+\..*?)\n/g, "<div class='text-num'>$1</div>\n");
-  return text
-
-}
-
-onMounted(() => {
-  let data = sessionStore.get('subject.curNode')
-  Object.assign(curNode, data);
-  console.log(props.curTemp,'curTemp')
-  // getConversation()
-
-
-})
-</script>
-
-<style lang="scss" scoped>
-.read-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding: 15px;
-  height: 100%;
-  .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;
-      }
-    }
-
-  }
-  .right-con{
-    display: flex;
-  }
-
-  .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;
-        margin-top: 10px;
-        color: #409eff;
-        font-size: 13px;
-        text-align: left;
-        .item-icon{
-          width: 30px;
-          height: 30px;
-          line-height: 30px;
-          text-align: center;
-          background: #F6F6F6;
-          border-radius: 50%;
-          margin-right: 10px;
-          flex-shrink: 0;
-        }
-        .item-answer{
-          flex-direction: column;
-          padding-top: 5px;
-          :deep(.text-tit){
-            font-weight: bold;
-            margin: 10px 0;
-          }
-          :deep(.text-num){
-            padding-left: 2em;
-          }
-        }
-        
-      }
-    }
-  }
-
-  .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>
\ No newline at end of file
diff --git a/src/renderer/src/views/curriculum-standards/container/read-template.vue b/src/renderer/src/views/curriculum-standards/container/read-template.vue
deleted file mode 100644
index 152f779..0000000
--- a/src/renderer/src/views/curriculum-standards/container/read-template.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-  <div class="read-container">
-    <div class="read-header flex">
-      <el-dropdown @command="changeTemplate">
-        <span class="el-dropdown-link">
-          {{ curTemplate.name }}
-          <i class="iconfont icon-xiangxia" </i>
-        </span>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item v-for="item in templateList" :command="item" :key="item.id">{{ item.name
-              }}</el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-      <el-button type="primary" @click="aiRead">一键研读</el-button>
-    </div>
-    <div class="template-list" v-loading="tempLoading">
-      <el-row v-for="item in childTempList" :key="item.id">
-        <el-col :span="24">
-          <div class="template-item">
-            <div class="item-header"><span class="blue">#</span>{{ item.name }}</div>
-            <div class="item-text">{{ item.prompt }}</div>
-          </div>
-        </el-col>
-      </el-row>
-      <el-empty v-if="!childTempList.length" description="暂无模板数据" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted } from 'vue';
-import { modelList} from '@/api/mode/index'
-
-// 当前模板名称
-const curTemplate = reactive({ name: '', id: '' })
-// 模板列表
-const templateList = ref([])
-// 获取模板列表
-const getTemplateList = () => {
-  modelList({ model: 1, type: 1 }).then(res => {
-    templateList.value = res.rows
-    Object.assign(curTemplate, res.rows[0]);
-    getChildTemplate()
-  })
-}
-// 模板切换
-const changeTemplate = (val) => {
-  Object.assign(curTemplate, val);
-  getChildTemplate()
-}
-
-// 获取子模板
-const tempLoading = ref(false)
-const childTempList = ref([])
-const getChildTemplate = () => {
-  tempLoading.value = true
-  modelList({ model: 1, type: 2, parentId: curTemplate.id }).then(res => {
-    childTempList.value = res.rows
-  }).finally(() => {
-    tempLoading.value = false
-  })
-}
-
-
-const emit = defineEmits(['changeMenu'])
-const aiRead = async () => {
-  emit('changeMenu', childTempList.value) 
-}
-
-
-
-onMounted(() => {
-
-  getTemplateList()
-})
-</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;
-
-  }
-
-  .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>
\ No newline at end of file
diff --git a/src/renderer/src/views/curriculum-standards/index.vue b/src/renderer/src/views/curriculum-standards/index.vue
index 193c8d2..d005ca8 100644
--- a/src/renderer/src/views/curriculum-standards/index.vue
+++ b/src/renderer/src/views/curriculum-standards/index.vue
@@ -1,186 +1,10 @@
 <template>
-  <TemplateStudy/>
-  <!-- <div class="page-curriculum flex">
-    <el-row>
-      <el-col :span="12" class="flex">
-        <div class="page-left">
-          <template v-if="activeMenu == 1">
-            <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>
-          </template>
-          <template v-if="activeMenu != 1">
-            <PdfTemplate/>
-          </template>
-        </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" @changeMenu="changeMenu" />
-            <QuestionAnswer v-if="activeMenu == 2" />
-            <ReadResult v-if="activeMenu == 3" :curTemp="curTemp" />
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-  </div> -->
+  <TemplateStudy :mode="mode"/>
 </template>
 
 <script setup>
 import { ref } from 'vue'
 import TemplateStudy from '@/components/template-study/index.vue'
-import ReadTemplate from './container/read-template.vue';
-import QuestionAnswer from './container/question-answer.vue'
-import ReadResult from './container/read-result.vue'
-import PdfTemplate from './container/pdf-template.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 radio = ref(1)
-const radioList = ref([
-  { label: '浏览研读', value: 1 },
-  { label: '跨学科研读', value: 2 },
-  { label: '跨学段研读', value: 3 },
-  { label: '课标修订研读', value: 4 },
-  { label: '自由研读', value: 5 },
-])
-const list = ref([
-  {
-    name: '高中语文课程标准',
-    url
-  }
-])
-const changeRadio = () => {
-  list.value = []
-  for (let i = 0; i < Math.floor(Math.random() * 5) + 1; i++) {
-    list.value.push({
-      name: '高中语文课程标准',
-      url
-    })
-  }
-}
-const activeIndex = ref(-1)
-
-const clickItem = (index) => {
-  activeIndex.value = index
-}
-
-
-/************************右侧************* */
-
-const contentMenu = [
-  { label: '研读模板', value: 1 },
-  { label: '问答模板', value: 2 },
-  { label: '研读结果', value: 3 }
-]
-const activeMenu = ref(1)
-const onClickMenu = (item) => {
-  activeMenu.value = item.value
-}
-
-const curTemp = ref([])
-const changeMenu = (data) =>{
-  activeMenu.value = 3
-  curTemp.value = data
-}
-
-
-</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>
\ No newline at end of file
+const mode = ref(1)
+</script>
\ No newline at end of file
diff --git a/src/renderer/src/views/model/index.vue b/src/renderer/src/views/model/index.vue
index fe64262..0bc7793 100644
--- a/src/renderer/src/views/model/index.vue
+++ b/src/renderer/src/views/model/index.vue
@@ -3,7 +3,7 @@
     <div class="mb-4">
       <el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
       <el-button type="primary" @click="onchange('/model/management')">作业管理</el-button>
-      <!-- <el-button type="success"  @click="onchange('/model/teaching')">教材研读</el-button> -->
+      <el-button type="success"  @click="onchange('/model/teaching')">教材研读</el-button>
       <!-- <el-button type="info"  @click="onchange('/model/examination')">考试分析</el-button> -->
     </div>
   </div>
diff --git a/src/renderer/src/views/teaching-material/index.vue b/src/renderer/src/views/teaching-material/index.vue
index ba787fb..f722d32 100644
--- a/src/renderer/src/views/teaching-material/index.vue
+++ b/src/renderer/src/views/teaching-material/index.vue
@@ -1,178 +1,11 @@
 <template>
-  <div class="page-curriculum flex">
-    <el-row>
-      <el-col :span="12" class="flex">
-        <div class="page-left">
-          <template v-if="activeMenu == 1">
-            <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>
-          </template>
-          <template v-if="activeMenu != 1">
-            <PdfTemplate/>
-          </template>
-        </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>
+  <TemplateStudy :type="type"/>
 </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'
-import PdfTemplate from './container/pdf-template.vue'
+import TemplateStudy from '@/components/template-study/index.vue'
 
-const url = 'https://p5.itc.cn/images01/20220529/f30e3c4164dc4f7495ed196577a2a312.jpeg'
+const type = ref(2)
 
-/************************左侧************* */
-const radio = ref(1)
-const radioList = ref([
-  { label: '浏览研读', value: 1 },
-  { label: '跨学科研读', value: 2 },
-  { label: '跨学段研读', value: 3 },
-  { label: '课标修订研读', value: 4 },
-  { label: '自由研读', value: 5 },
-])
-const list = ref([
-  {
-    name: '高中语文必修上',
-    url
-  }
-])
-const changeRadio = () => {
-  list.value = []
-  for (let i = 0; i < Math.floor(Math.random() * 5) + 1; i++) {
-    list.value.push({
-      name: '高中语文必修上',
-      url
-    })
-  }
-}
-const activeIndex = ref(-1)
-
-const clickItem = (index) => {
-  activeIndex.value = index
-}
-
-
-/************************右侧************* */
-
-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>
\ No newline at end of file
+</script>
\ No newline at end of file
-- 
2.44.0.windows.1