20200706-zlp-1
主题整合学习
This commit is contained in:
paidaxing444
@ -9,6 +9,14 @@ export function listTheme(query) {
|
||||
})
|
||||
}
|
||||
|
||||
// 查询流程下拉树结构
|
||||
export function treeselect() {
|
||||
return request({
|
||||
url: '/benyi/theme/treeselect',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询主题整合详细
|
||||
export function getTheme(id) {
|
||||
return request({
|
||||
|
||||
@ -79,9 +79,11 @@ export default {
|
||||
//标题
|
||||
title: "一日流程",
|
||||
//导言
|
||||
content: "寓教育于生活。以游戏为基本活动。没有爱就没有教育。教师素质决定教育品质。一童一世界，尊重差异，关注个性化发展。孩子喜欢的老师就是好老师，孩子喜欢的幼儿园就是好幼儿园。",
|
||||
content:
|
||||
"寓教育于生活。以游戏为基本活动。没有爱就没有教育。教师素质决定教育品质。一童一世界，尊重差异，关注个性化发展。孩子喜欢的老师就是好老师，孩子喜欢的幼儿园就是好幼儿园。",
|
||||
//目的
|
||||
note: "《幼儿园（3-6）标准化一日流程》（下称《一日流程》）的基本目的，就是要将国家教育纲领性文件中所主张的幼儿园教育理念完全落地。也就是能够让这些理念在幼儿园保教人员指尖上操作和实现。其纲领性文件包括《幼儿园工作规程》（简称《规程》），《幼儿园教育指导纲要》（简称《纲要》），《3-6岁儿童学习与发展指南》（简称《指南》）。这三部纲领中的教育理念不仅仅是确定《一日流程》全部内容的基本依据，而且也自始至终地指导了《一日流程》内容在一线进行实验的整个过程。因此，在其实质上，《一日流程》本身就是将国家三大教育理念——“寓教于生活”、“以游戏为基本活动”以及“以儿童为本”所支撑的教育过程进行分解和物化。",
|
||||
note:
|
||||
"《幼儿园（3-6）标准化一日流程》（下称《一日流程》）的基本目的，就是要将国家教育纲领性文件中所主张的幼儿园教育理念完全落地。也就是能够让这些理念在幼儿园保教人员指尖上操作和实现。其纲领性文件包括《幼儿园工作规程》（简称《规程》），《幼儿园教育指导纲要》（简称《纲要》），《3-6岁儿童学习与发展指南》（简称《指南》）。这三部纲领中的教育理念不仅仅是确定《一日流程》全部内容的基本依据，而且也自始至终地指导了《一日流程》内容在一线进行实验的整个过程。因此，在其实质上，《一日流程》本身就是将国家三大教育理念——“寓教于生活”、“以游戏为基本活动”以及“以儿童为本”所支撑的教育过程进行分解和物化。",
|
||||
// 根据一日流程id查到的名下任务列表
|
||||
dayflowtaskList: [],
|
||||
// 根据任务查询到名下标准
|
||||
@ -212,4 +214,14 @@ export default {
|
||||
.pad-left {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
// 禁止复制
|
||||
div {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
</style>
|
||||
268
ruoyi-ui/src/views/benyi/themestudy/index.vue
Normal file
268
ruoyi-ui/src/views/benyi/themestudy/index.vue
Normal file
@ -0,0 +1,268 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="4" :xs="24">
|
||||
<div class="head-container">
|
||||
<el-input
|
||||
v-model="name"
|
||||
placeholder="请输入名称"
|
||||
clearable
|
||||
size="small"
|
||||
prefix-icon="el-icon-search"
|
||||
style="margin-bottom: 20px"
|
||||
/>
|
||||
</div>
|
||||
<div class="head-container">
|
||||
<el-tree
|
||||
:data="treeOptions"
|
||||
:props="defaultProps"
|
||||
:expand-on-click-node="false"
|
||||
:filter-node-method="filterNode"
|
||||
ref="tree"
|
||||
default-expand-all
|
||||
@node-click="handleNodeClick"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="20" :xs="24">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span class="box-card-title">{{title}}</span>
|
||||
</div>
|
||||
<div class="text item" v-show="title1">
|
||||
<h3 class="box-card-title">{{title1}}</h3>
|
||||
<div class="pad-left" v-html="note"></div>
|
||||
</div>
|
||||
<div class="text item" v-show="title2">
|
||||
<h3 class="box-card-title">{{title2}}</h3>
|
||||
<div class="pad-left" v-html="communicate"></div>
|
||||
</div>
|
||||
<div class="text item" v-show="title3">
|
||||
<h3 class="box-card-title">{{title3}}</h3>
|
||||
|
||||
<div class="pad-left">
|
||||
<div v-for="(item, index) in activityList" :key="index" class="text item">
|
||||
<h3 class="box-card-case mr">活动{{item.sort}} - {{item.name}}</h3>
|
||||
<h3 class="box-card-info">活动形式：{{fieldFormat(item)}}</h3>
|
||||
<h3 class="box-card-info">重点领域：{{typeFormat(item)}}</h3>
|
||||
<h3 class="box-card-info">活动目标</h3>
|
||||
<div class="text item pad-left" v-html="item.target"></div>
|
||||
<h3 class="box-card-info">活动材料</h3>
|
||||
<div class="text item pad-left" v-html="item.data"></div>
|
||||
<h3 class="box-card-info">活动过程</h3>
|
||||
<div class="text item pad-left" v-html="item.process"></div>
|
||||
<h3 class="box-card-info">活动建议</h3>
|
||||
<div class="text item pad-left" v-html="item.proposal"></div>
|
||||
<h3 class="box-card-info">活动反思</h3>
|
||||
<div class="text item pad-left" v-html="item.reflect"></div>
|
||||
<h3 class="box-card-info" v-show="item.appendix">附录</h3>
|
||||
<div class="text item pad-left" v-html="item.appendix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { treeselect, getTheme } from "@/api/benyi/theme";
|
||||
import { listActivity } from "@/api/benyi/activity";
|
||||
|
||||
export default {
|
||||
name: "Detail",
|
||||
data() {
|
||||
return {
|
||||
// 主题整合名称
|
||||
name: undefined,
|
||||
// 主题整合id
|
||||
id: undefined,
|
||||
//标题
|
||||
title: "主题整合",
|
||||
title1: "概论",
|
||||
//家园沟通
|
||||
title2: "",
|
||||
//活动方案
|
||||
title3: "",
|
||||
// 主题整合活动表格数据
|
||||
activityList: [],
|
||||
//家园沟通
|
||||
communicate: "",
|
||||
//活动形式
|
||||
typeOptions: [],
|
||||
//活动领域
|
||||
fieldOptions: [],
|
||||
//目的
|
||||
note:
|
||||
"《幼儿园主题整合课程》，是在《幼儿园工作规程》（以下称《规程》）和《幼儿园教育指导纲要》（以下称《纲要》）中的基本教育理念指导之下，以《3-6岁儿童学习与发展指南》（以下称《指南》）精神为基本指导原则，所编写完成的幼儿园3-6岁活动课程。",
|
||||
// 树状显示类型
|
||||
treeOptions: [],
|
||||
// 树结构
|
||||
defaultProps: {
|
||||
children: "children",
|
||||
label: "label"
|
||||
},
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
themeid: undefined
|
||||
}
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
// 根据名称筛选部门树
|
||||
name(val) {
|
||||
this.$refs.tree.filter(val);
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getTreeselect();
|
||||
this.getDicts("sys_theme_type").then(response => {
|
||||
this.typeOptions = response.data;
|
||||
});
|
||||
this.getDicts("sys_theme_field").then(response => {
|
||||
this.fieldOptions = response.data;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 活动领域类型--字典状态字典翻译
|
||||
fieldFormat(row) {
|
||||
//alert(row.scope.split(';').length);
|
||||
var ilength = row.field.split(";").length;
|
||||
var names = "";
|
||||
for (var i = 0; i < ilength; i++) {
|
||||
names =
|
||||
names +
|
||||
this.selectDictLabel(this.fieldOptions, row.field.split(";")[i]) +
|
||||
";";
|
||||
}
|
||||
//this.selectDictLabel(this.scopeOptions, row.xnxq);
|
||||
return names;
|
||||
},
|
||||
// 活动形式类型--字典状态字典翻译
|
||||
typeFormat(row) {
|
||||
//alert(row.scope.split(';').length);
|
||||
var ilength = row.type.split(";").length;
|
||||
var names = "";
|
||||
for (var i = 0; i < ilength; i++) {
|
||||
names =
|
||||
names +
|
||||
this.selectDictLabel(this.typeOptions, row.type.split(";")[i]) +
|
||||
";";
|
||||
}
|
||||
//this.selectDictLabel(this.scopeOptions, row.xnxq);
|
||||
return names;
|
||||
},
|
||||
/** 查询部门下拉树结构 */
|
||||
getTreeselect() {
|
||||
treeselect().then(response => {
|
||||
this.treeOptions = response.data;
|
||||
});
|
||||
},
|
||||
// 筛选节点
|
||||
filterNode(value, data) {
|
||||
if (!value) return true;
|
||||
return data.label.indexOf(value) !== -1;
|
||||
},
|
||||
// 节点单击事件
|
||||
handleNodeClick(data) {
|
||||
this.id = data.id;
|
||||
console.log(data.id);
|
||||
if (data.id >= 9999) {
|
||||
} else {
|
||||
this.title = data.label;
|
||||
this.getThemeDetails();
|
||||
}
|
||||
// console.log(this.dayflowtaskList[date.id])
|
||||
// this.getStandardList();
|
||||
},
|
||||
getThemeDetails() {
|
||||
getTheme(this.id).then(response => {
|
||||
console.log(response);
|
||||
if (response.code == "200") {
|
||||
this.title1 = "主题网络";
|
||||
this.title2 = "家园沟通";
|
||||
this.title3 = "活动方案";
|
||||
this.note = response.data.content;
|
||||
this.communicate = response.data.communicate;
|
||||
this.queryParams.themeid = response.data.id;
|
||||
|
||||
listActivity(this.queryParams).then(req => {
|
||||
console.log(req);
|
||||
if (req.code == "200") {
|
||||
this.activityList = req.rows;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.box-card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
&::before {
|
||||
content: "";
|
||||
margin-right: 8px;
|
||||
width: 4px;
|
||||
height: 16px;
|
||||
background: #1890ff;
|
||||
}
|
||||
&.mr {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
.box-card-case {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&::before {
|
||||
content: "";
|
||||
margin-right: 8px;
|
||||
width: 4px;
|
||||
height: 14px;
|
||||
background: #2c3e50;
|
||||
}
|
||||
&.mr {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
.box-card-info {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.pad-left {
|
||||
padding-left: 15px;
|
||||
}
|
||||
// 禁止复制
|
||||
div {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user