From 843279f98516615a980d44e572a94dca121ea200 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期日, 24 八月 2025 21:49:18 +0800
Subject: [PATCH] 教学计划在暂时提示，建设中
---
src/views/classManage/teachingPlan.vue | 486 +++++++++++++++++++++++++-----------------------------
1 files changed, 225 insertions(+), 261 deletions(-)
diff --git a/src/views/classManage/teachingPlan.vue b/src/views/classManage/teachingPlan.vue
index 73b3c1a..ddb6454 100644
--- a/src/views/classManage/teachingPlan.vue
+++ b/src/views/classManage/teachingPlan.vue
@@ -12,11 +12,7 @@
<div class="titleBox">
<div class="titleOptions">
<span>鏁欏璁″垝</span>
- <el-button
- v-if="userInfo?.role == 'Teacher'"
- @click="openPlan()"
- type="primary"
- round
+ <el-button v-if="userInfo?.role == 'Teacher'" @click="openPlan()" type="primary" round
>鏂板缓 <el-icon style="margin-left: 3px"><Plus /></el-icon
></el-button>
</div>
@@ -29,12 +25,7 @@
@keydown.enter="searchData()"
>
<template #append>
- <el-button
- type="primary"
- @click="searchData()"
- class="searchBtn"
- :icon="Search"
- />
+ <el-button type="primary" @click="searchData()" class="searchBtn" :icon="Search" />
</template>
</el-input>
</div>
@@ -80,7 +71,7 @@
v-for="(item, index) in scope.row.datas.uploadResources"
:key="index"
>
- {{ item.FileName + "." + item.Extension }}
+ {{ item.FileName + '.' + item.Extension }}
</span>
</div>
</template>
@@ -140,12 +131,7 @@
</el-col>
<el-col :span="20">
<div class="grid-content ep-bg-purple-light" />
- <el-input
- v-model="taskItem.title"
- placeholder="璇峰～鍐欏悕绉�"
- size="large"
- clearable
- />
+ <el-input v-model="taskItem.title" placeholder="璇峰～鍐欏悕绉�" size="large" clearable />
</el-col>
</el-row>
<el-row>
@@ -174,12 +160,7 @@
</el-cascader>
</div>
<div class="btngroup">
- <el-button
- type="primary"
- @click="addGroup"
- style="height: 40px"
- :icon="Plus"
- />
+ <el-button type="primary" @click="addGroup" style="height: 40px" :icon="Plus" />
<el-button
type="warning"
:disabled="dynamicList.length == 1"
@@ -211,12 +192,7 @@
></el-input>
</div>
<div class="btngroup">
- <el-button
- type="primary"
- @click="addGroup"
- style="height: 40px"
- :icon="Plus"
- />
+ <el-button type="primary" @click="addGroup" style="height: 40px" :icon="Plus" />
<el-button
type="warning"
:disabled="dynamicList.length == 1"
@@ -246,13 +222,7 @@
>涓婁紶</el-button
>
</el-upload> -->
- <el-upload
- class="upload"
- drag
- action="#"
- multiple
- :http-request="fileUpload"
- >
+ <el-upload class="upload" drag action="#" multiple :http-request="fileUpload">
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
<div class="el-upload__text">鎷栨嫿鎴栫偣鍑绘枃浠朵笂浼�</div>
</el-upload>
@@ -306,112 +276,112 @@
</template>
<script setup lang="ts">
-import { Search, ArrowRight, Plus, Minus } from "@element-plus/icons-vue";
-import { ElMessage } from "element-plus";
-import { reactive, ref, onMounted, inject, watch } from "vue";
-import { useRoute } from "vue-router";
-import axios from "axios";
+import { Search, ArrowRight, Plus, Minus } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import { reactive, ref, onMounted, inject, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import axios from 'axios'
-const route: any = useRoute();
-const MG: any = inject("MG");
-const config: any = inject("config");
-const tool: any = inject("toolClass");
-const classInfo = JSON.parse(route.query.classInfo);
-const userInfo = ref();
-const searchKey = ref("");
-const visible = ref(false);
-const dynamicList: any = ref([]);
-const tableData: any = ref([]);
-const classItem = ref([]);
-const fileList: any = ref([]);
-const chapterList: any = ref([]);
-const childrenList: any = ref([]);
-const taskData: any = ref();
+const route: any = useRoute()
+const MG: any = inject('MG')
+const config: any = inject('config')
+const tool: any = inject('toolClass')
+const classInfo = JSON.parse(route.query.classInfo)
+const userInfo = ref()
+const searchKey = ref('')
+const visible = ref(false)
+const dynamicList: any = ref([])
+const tableData: any = ref([])
+const classItem = ref([])
+const fileList: any = ref([])
+const chapterList: any = ref([])
+const childrenList: any = ref([])
+const taskData: any = ref()
// 鏂板缓鏁欏璁″垝闃叉姈
-const newLoading = ref(false);
-const teachPlanvalue = ref("");
+const newLoading = ref(false)
+const teachPlanvalue = ref('')
const taskItem = reactive({
- title: "",
- selectChapter: "",
- referenceMaterial: "",
- explain: "",
- uploadResources: "",
-});
+ title: '',
+ selectChapter: '',
+ referenceMaterial: '',
+ explain: '',
+ uploadResources: '',
+})
let pages = reactive({
page: 1,
pageSize: 13,
count: 0,
loading: false,
-});
+})
onMounted(() => {
- const list = [{ key: 1, parentVal: "", childVal: "" }];
- dynamicList.value = list;
- const userCache: any = localStorage.getItem(config.userInfoKey);
+ const list = [{ key: 1, parentVal: '', childVal: '' }]
+ dynamicList.value = list
+ const userCache: any = localStorage.getItem(config.userInfoKey)
if (userCache) {
- userInfo.value = JSON.parse(userCache);
+ userInfo.value = JSON.parse(userCache)
}
- pages.loading = true;
- getTaskList();
-});
+ pages.loading = true
+ getTaskList()
+})
const searchData = () => {
- pages.page = 1;
- getTaskCmsList();
-};
+ pages.page = 1
+ getTaskCmsList()
+}
const openPlan = () => {
- visible.value = true;
- taskItem.title = "";
- taskItem.selectChapter = "";
- taskItem.referenceMaterial = "";
- taskItem.explain = "";
- taskItem.uploadResources = "";
- dynamicList.value = [{ key: 1, parentVal: "", childVal: "" }];
- fileList.value = [];
-};
+ visible.value = true
+ taskItem.title = ''
+ taskItem.selectChapter = ''
+ taskItem.referenceMaterial = ''
+ taskItem.explain = ''
+ taskItem.uploadResources = ''
+ dynamicList.value = [{ key: 1, parentVal: '', childVal: '' }]
+ fileList.value = []
+}
const reduceGroup = () => {
- dynamicList.value.pop();
-};
+ dynamicList.value.pop()
+}
const addGroup = () => {
- const source = dynamicList.value[dynamicList.value.length - 1];
- const obj = { key: source.key++, parentVal: "", childVal: "" };
- dynamicList.value.push(obj);
-};
+ const source = dynamicList.value[dynamicList.value.length - 1]
+ const obj = { key: source.key++, parentVal: '', childVal: '' }
+ dynamicList.value.push(obj)
+}
const handleSizeChange = (val: number) => {
- pages.pageSize = val;
- getTaskCmsList();
-};
+ pages.pageSize = val
+ getTaskCmsList()
+}
const handleCurrentChange = (val: number) => {
- pages.page = val;
- getTaskCmsList();
-};
+ pages.page = val
+ getTaskCmsList()
+}
// 鏂板缓浠诲姟
const newTask = () => {
const data = {
- name: classInfo?.name + "鏁欏璁″垝",
- description: "",
- icon: "",
+ name: classInfo?.name + '鏁欏璁″垝',
+ description: '',
+ icon: '',
type: config.taskType.teachingPlan,
- state: "Normal",
+ state: 'Normal',
groupId: classInfo?.id,
order: 0,
- beginDate: "2024-09-09T03:38:07.167Z",
- endDate: "2024-09-09T03:38:07.167Z",
+ beginDate: '2024-09-09T03:38:07.167Z',
+ endDate: '2024-09-09T03:38:07.167Z',
duration: 0,
- };
+ }
MG.edu
.newTask(data)
.then((res: any) => {})
.catch((e: any) => {
- console.log(e);
- });
-};
+ console.log(e)
+ })
+}
// 鑾峰彇浠诲姟鍒楄〃
const getTaskList = () => {
@@ -421,71 +391,71 @@
filterList: [
{
value: config.taskType.teachingPlan,
- field: "Type",
+ field: 'Type',
subFilters: [],
},
],
searchList: [],
groupId: classInfo?.id,
- };
+ }
MG.edu
.getTaskList(data)
.then((res: any) => {
- if (res.datas.length == 0 && userInfo.value.role == "Teacher") {
- newTask();
+ if (res.datas.length == 0 && userInfo.value.role == 'Teacher') {
+ newTask()
}
if (res.datas.length > 0) {
- taskData.value = res.datas[0];
- classInfo.taskId = taskData.value?.id;
- classInfo.rootTaskCmsId = taskData.value?.rootCmsItemId;
+ taskData.value = res.datas[0]
+ classInfo.taskId = taskData.value?.id
+ classInfo.rootTaskCmsId = taskData.value?.rootCmsItemId
}
- getTypeByCode();
+ getTypeByCode()
if (classInfo.bookRefCode) {
- getCatalogueList();
+ getCatalogueList()
}
})
.catch((e: any) => {
- console.log(e);
- });
-};
+ console.log(e)
+ })
+}
// 鍓嶅線闃呰鍣�
const toRead = (item: any) => {
// config.textReaderUrl
// 'http://192.168.3.132:8005/#/home'
+ return ElMessage.warning('姝ｅ湪寤鸿涓�...')
if (classInfo.bookRefCode) {
const url =
config.textReaderUrl +
- "?bookId=" +
+ '?bookId=' +
classInfo?.bookRefCode +
- "&token=" +
+ '&token=' +
localStorage.getItem(config.tokenKey) +
- "&chapter=" +
+ '&chapter=' +
item.parentVal +
- "&startPage=" +
- item.childVal;
- window.open(url, "_blank");
+ '&startPage=' +
+ item.childVal
+ window.open(url, '_blank')
} else {
- ElMessage.warning("褰撳墠绔犺妭鏃犳硶璺宠浆");
+ ElMessage.warning('褰撳墠绔犺妭鏃犳硶璺宠浆')
}
-};
+}
// 涓嬭浇涓婁紶璧勬簮
const downloadRes = (item: any) => {
- // const url = config.requestCtx + "/file/api/ApiDownload?md5=" + item.Md5;
- // window.open(url, "_blank");
- ElMessage.warning("姝ｅ湪寤鸿涓�...");
-};
+ const url = config.requestCtx + '/file/api/ApiDownload?md5=' + item.Md5
+ window.open(url, '_blank')
+}
// 閫夋嫨鍣�
const parentSelect = (val: any, item: any) => {
if (val?.length) {
- const str = val[2];
- const obj = findObj(chapterList.value, str);
- item.parentVal = obj.chapter;
- item.childVal = obj.start;
+ const str = val[2]
+ const obj = findObj(chapterList.value, str)
+ item.parentVal = obj.chapter
+ item.childVal = obj.start
}
-};
+}
// 鏂囦欢涓婁紶
const fileUpload = (file: any) => {
@@ -500,87 +470,86 @@
// ElMessage.error('涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃 300KB!')
// return reject()
// }
- const FileName = file.file.name.split(".")[0];
- const Extension = file.file.name.split(".")[1];
- const FileType = file.file.type;
- let size = 1024;
+ const FileName = file.file.name.split('.')[0]
+ const Extension = file.file.name.split('.')[1]
+ const FileType = file.file.type
+ let size = 1024
tool
.getFileMd5(file.file, size * 1024)
.then((e: string) => {
if (!fileList.value.find((item: any) => item.md5 == e)) {
- const imgData = new FormData();
- imgData.append("Md5", e);
- imgData.append("FileName", FileName);
- imgData.append("Extension", Extension);
- imgData.append("FileType", FileType);
- imgData.append("MetaData", null);
- imgData.append("file", file.file);
+ const imgData = new FormData()
+ imgData.append('Md5', e)
+ imgData.append('FileName', FileName)
+ imgData.append('Extension', Extension)
+ imgData.append('FileType', FileType)
+ imgData.append('MetaData', null)
+ imgData.append('file', file.file)
MG.file.upload(imgData).then(() => {
fileList.value.push({
md5: e,
- linkType: "LinkFile",
- linkProtectType: "Public",
+ linkType: 'LinkFile',
+ linkProtectType: 'Public',
fileName: FileName,
extension: Extension,
url: config.requestCtx + `鈥�/file鈥�/api鈥�/ApiDownload?md5=` + e,
- });
- });
+ })
+ })
} else {
- ElMessage.warning("褰撳墠鏂囦欢宸蹭笂浼狅紝璇峰嬁閲嶅鎿嶄綔锛�");
+ ElMessage.warning('褰撳墠鏂囦欢宸蹭笂浼狅紝璇峰嬁閲嶅鎿嶄綔锛�')
}
})
.catch((e: any) => {
- console.error(e);
- });
- });
-};
+ console.error(e)
+ })
+ })
+}
// 鑾峰彇绔犺妭鐩綍
const getCatalogueList = () => {
- const url =
- config.requestCtx + "/books/resource/" + classInfo?.bookRefCode + "/information.json";
+ const url = config.requestCtx + '/books/resource/' + classInfo?.bookRefCode + '/information.json'
axios
.get(url)
.then((res) => {
if (res.data?.data.length > 0) {
- const datas = res.data.data;
- const list = datas?.filter((item: any) => item.children?.length > 0);
- chapterList.value = changeCascaderData(list);
+ const datas = res.data.data
+ const list = datas?.filter((item: any) => item.children?.length > 0)
+ chapterList.value = changeCascaderData(list)
}
})
.catch((e) => {
- console.log(e);
- });
-};
+ console.log(e)
+ })
+}
// 閫掑綊鏇存暟缁�
const changeCascaderData = (data: any) => {
for (const item of data) {
- item.value = item.start;
+ item.value = item.start
if (item.children?.length > 0) {
- changeCascaderData(item.children);
+ changeCascaderData(item.children)
}
}
- return data;
-};
+ return data
+}
// 閫掑綊鏌ユ壘
const findObj = (arr: any, val: any) => {
for (let i = 0; i < arr.length; i++) {
- const obj = arr[i];
+ const obj = arr[i]
if (obj.start === val) {
- return obj; // 鎵惧埌鐩爣瀵硅薄锛岀洿鎺ヨ繑鍥�
+ return obj // 鎵惧埌鐩爣瀵硅薄锛岀洿鎺ヨ繑鍥�
}
if (obj.children && obj.children.length > 0) {
// 濡傛灉褰撳墠瀵硅薄鏈夊瓙瀵硅薄锛岄�掑綊鏌ユ壘瀛愬璞�
- const found: any = findObj(obj.children, val);
+ const found: any = findObj(obj.children, val)
if (found) {
- return found; // 鍦ㄥ瓙瀵硅薄涓壘鍒扮洰鏍囧璞★紝杩斿洖
+ return found // 鍦ㄥ瓙瀵硅薄涓壘鍒扮洰鏍囧璞★紝杩斿洖
}
}
}
- return null;
-};
+ return null
+}
// 鑾峰彇绫诲瀷瀛楁
const getTypeByCode = () => {
@@ -589,16 +558,16 @@
refCodes: [config.refCode.teachingPlan],
})
.then((res: any) => {
- const data = res[0]?.cmsTypeLinks[0]?.children;
+ const data = res[0]?.cmsTypeLinks[0]?.children
if (data?.length) {
- classItem.value = data;
+ classItem.value = data
}
- getTaskCmsList();
+ getTaskCmsList()
})
.catch((err: any) => {
- console.log(err);
- });
-};
+ console.log(err)
+ })
+}
// 鑾峰彇浠诲姟涓嬬殑璧勬簮鍒楄〃
const getTaskCmsList = () => {
@@ -609,81 +578,80 @@
? [
{
keywords: searchKey.value,
- field: "Name",
- compareType: "Contains",
+ field: 'Name',
+ compareType: 'Contains',
},
]
: [],
taskId: classInfo?.taskId,
path: String(classInfo?.rootTaskCmsId),
- type: "*",
- keys: ["referenceMaterial", "Name", "selectChapter", "uploadResources", "explain"],
- };
+ type: '*',
+ keys: ['referenceMaterial', 'Name', 'selectChapter', 'uploadResources', 'explain'],
+ }
MG.edu
.getTaskCmsItem(data)
.then((res: any) => {
- pages.loading = false;
- pages.count = res.totalSize;
+ pages.loading = false
+ pages.count = res.totalSize
for (let i = 0; i < res.datas.length; i++) {
- const item = res.datas[i];
+ const item = res.datas[i]
// 澶勭悊瀛楁
if (taskItem != null) {
for (let fieldKey in taskItem) {
if (item.datas[fieldKey]) {
- const values = JSON.parse(item.datas[fieldKey]);
+ const values = JSON.parse(item.datas[fieldKey])
if (values.length > 0) {
// 鐢ㄥ瓧娈靛悕澶勭悊杩斿洖鐨勫瓧娈靛��
if (values[0].Value) {
- item.datas[fieldKey] = values[0].Value;
+ item.datas[fieldKey] = values[0].Value
} else if (values[0].Data) {
- item.datas[fieldKey] = values[0].Data.Value;
+ item.datas[fieldKey] = values[0].Data.Value
} else if (!values[0].Value && values[0].FileList?.length > 0) {
- item.datas[fieldKey] = values[0].FileList;
+ item.datas[fieldKey] = values[0].FileList
} else {
- item.datas[fieldKey] = "-";
+ item.datas[fieldKey] = '-'
}
- if (fieldKey == "selectChapter" && values[0].Value) {
- const data = JSON.parse(values[0].Value);
- item.datas["selectChapter"] = data.map((citem: any) => {
+ if (fieldKey == 'selectChapter' && values[0].Value) {
+ const data = JSON.parse(values[0].Value)
+ item.datas['selectChapter'] = data.map((citem: any) => {
if (classInfo.bookRefCode) {
- const dataS = findObj(chapterList.value, citem.childVal);
+ const dataS = findObj(chapterList.value, citem.childVal)
return {
...citem,
parentName:
- chapterList.value.find(
- (sitem: any) => sitem.chapter == citem.parentVal
- )?.label +
- "---" +
+ chapterList.value.find((sitem: any) => sitem.chapter == citem.parentVal)
+ ?.label +
+ '---' +
dataS?.label,
- };
+ }
} else {
return {
...citem,
- parentName: citem.parentVal + "---" + citem.childVal,
- };
+ parentName: citem.parentVal + '---' + citem.childVal,
+ }
}
- });
+ })
}
- if (fieldKey == "selectChapter" && !values[0].Value) {
- item.datas["selectChapter"] = [];
+ if (fieldKey == 'selectChapter' && !values[0].Value) {
+ item.datas['selectChapter'] = []
}
}
- const index = i;
- item.datas["index"] = index + 1;
+ const index = i
+ item.datas['index'] = index + 1
}
}
}
}
- tableData.value = res.datas;
+ tableData.value = res.datas
})
.catch((e: any) => {
ElMessage({
- message: "鍒楄〃鑾峰彇澶辫触",
- type: "error",
- });
- console.log(e);
- });
-};
+ message: '鍒楄〃鑾峰彇澶辫触',
+ type: 'error',
+ })
+ console.log(e)
+ })
+}
// 鍒犻櫎璧勬簮
const removeTaskItem = (item: any) => {
@@ -695,53 +663,53 @@
path: String(classInfo?.rootTaskCmsId),
},
],
- };
+ }
MG.edu
.removeTaskCmsItemList(data)
.then((res: any) => {
if (res) {
ElMessage({
- message: "鍒犻櫎鎴愬姛",
- type: "success",
- });
- getTaskCmsList();
+ message: '鍒犻櫎鎴愬姛',
+ type: 'success',
+ })
+ getTaskCmsList()
}
})
.catch((e: any) => {
ElMessage({
- message: "鍒犻櫎澶辫触",
- type: "error",
- });
- });
-};
+ message: '鍒犻櫎澶辫触',
+ type: 'error',
+ })
+ })
+}
// 涓轰换鍔℃柊寤鸿祫婧�
const newTaskCmsItems = () => {
- newLoading.value = true;
- taskItem.selectChapter = JSON.stringify(dynamicList.value);
+ newLoading.value = true
+ taskItem.selectChapter = JSON.stringify(dynamicList.value)
if (!taskItem.title) {
ElMessage({
- message: "璇峰～鍐欐暀瀛﹀悕绉�",
- type: "warning",
- });
- newLoading.value = false;
- return false;
+ message: '璇峰～鍐欐暀瀛﹀悕绉�',
+ type: 'warning',
+ })
+ newLoading.value = false
+ return false
}
- if (dynamicList.value[0]?.parentVal == "") {
+ if (dynamicList.value[0]?.parentVal == '') {
ElMessage({
- message: "璇烽�夋嫨鏁欏绔犺妭",
- type: "warning",
- });
- newLoading.value = false;
- return false;
+ message: '璇烽�夋嫨鏁欏绔犺妭',
+ type: 'warning',
+ })
+ newLoading.value = false
+ return false
}
if (fileList.value.length == 0) {
ElMessage({
- message: "璇蜂笂浼犳暀瀛︽枃浠�",
- type: "warning",
- });
- newLoading.value = false;
- return false;
+ message: '璇蜂笂浼犳暀瀛︽枃浠�',
+ type: 'warning',
+ })
+ newLoading.value = false
+ return false
}
const data = {
groupId: classInfo?.id,
@@ -750,33 +718,29 @@
newGroupCmsItemRequests: [
{
name: taskItem.title,
- description: "",
- icon: "",
+ description: '',
+ icon: '',
type: config.refCode.teachingPlan,
- state: "Normal",
+ state: 'Normal',
order: 0,
- newDataListRequest: tool.worksDataBytool(
- classItem.value,
- taskItem,
- fileList.value
- ),
+ newDataListRequest: tool.worksDataBytool(classItem.value, taskItem, fileList.value),
newCmsItemAndFileLinkListRequest: [],
newChildrenListRequest: [],
},
],
- };
+ }
MG.edu.newTaskCmsItem(data).then((res: any) => {
- newLoading.value = false;
+ newLoading.value = false
if (res) {
ElMessage({
- message: "鏂板缓鎴愬姛",
- type: "success",
- });
- visible.value = false;
- getTaskCmsList();
+ message: '鏂板缓鎴愬姛',
+ type: 'success',
+ })
+ visible.value = false
+ getTaskCmsList()
}
- });
-};
+ })
+}
// // 缂栬緫璧勬簮
// const editOpen = (item: any) => {
--
Gitblit v1.9.1