Skip to content

T
testMenu
提交 48021385 authored 作者: caicai's avatar caicai
浏览文件
操作

1

上级 1c51b652
隐藏空白字符变更
内嵌 并排
正在显示 包含 360 行增加 和 12 行删除
src/main/windows/mainWindow.js
浏览文件 @ 48021385
......@@ -81,6 +81,8 @@ class MainWindow {
show: false,
fullscreen:false,
fullscreenable:false,
backgroundColor: '#00000000', //透明颜色
transparent:true, //透明开启
webPreferences: {
contextIsolation: false, //上下文隔离
nodeIntegration: true, //启用Node集成（是否完整的支持 node）
......
src/renderer/components/DragBox/index.vue 0 → 100644
浏览文件 @ 48021385
<template>
<div>
<draggable v-model="myArray" group="people" @start="drag=true" @end="drag=false">
<div v-for="element in myArray" :key="element.id">{{element.name}}</div>
</draggable>
<div>
<div>列表1</div>
<draggable
class="list-group"
:list="list1"
group="people"
@change="log"
itemKey="name"
>
<template #item="{ element, index }">
<div class="list-group-item">{{ element.name }} {{ index }}</div>
</template>
</draggable>
</div>
<div>
<div>列表2</div>
<draggable
class="list-group"
:list="list2"
group="people"
@change="log"
itemKey="name"
>
<template #item="{ element, index }">
<div class="list-group-item">{{ element.name }} {{ index }}</div>
</template>
</draggable>
</div>
</div>
</template>
<script>
import draggable from 'vuedraggable'
export default {
components: {
draggable
},
data() {
return {
myArray:[
{ name: "John2", id: 1 },
{ name: "Joao", id: 2 },
{ name: "Jean", id: 3 },
{ name: "Gerard", id: 4 }
],
list1: [
{ name: "John1", id: 1 },
{ name: "Joao", id: 2 },
{ name: "Jean", id: 3 },
{ name: "Gerard", id: 4 }
],
list2: [
{ name: "Juan3", id: 5 },
{ name: "Edgard", id: 6 },
{ name: "Johnson", id: 7 }
]
};
},
methods: {
add: function() {
this.list.push({ name: "Juan" });
},
replace: function() {
this.list = [{ name: "Edgard" }];
},
clone: function(el) {
return {
name: el.name + " cloned"
};
},
log: function(evt) {
window.console.log(evt);
}
}
}
</script>
<style>
</style>
\ No newline at end of file
src/renderer/components/SchoolBox/box.vue 0 → 100644
浏览文件 @ 48021385
<template>
<div class="school_box">
<slot />
</div>
</template>
<script>
export default {
}
</script>
<style lang="less">
.school_box {
margin-bottom: 30px;
padding: 30px 30px 40px;
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.5) 100%);
box-shadow: 0px 4px 4px 0px rgba(10,78,141,0.1);
border-radius: 20px 20px 20px 20px;
opacity: 0.8;
}
</style>
\ No newline at end of file
src/renderer/components/SchoolBox/index.vue 0 → 100644
浏览文件 @ 48021385
<template>
<div>
<box v-for="(sItem, sInd) in schoolList" :key="sInd" >
<div class="resource_head">
<img src="" alt="" class="resource_icon">
<div @click="tapLink(sItem)" class="resource_name">{{sItem.name}}</div>
</div>
<div class="resource_item">
<item v-for="(lItem, lInd) in sItem.list" @click.native="tapLink(lItem)" :key="sInd+'_'+lInd" :detail="lItem" :showNum="sItem.showNum"></item>
</div>
</box>
</div>
</template>
<script>
import box from './box.vue';
import item from './item.vue';
export default {
components: {
box,
item
},
props: {
schoolList:{
type: Array,
default: [
{
name: "国家智慧教育公共服务平台",
icon: "",
showNum:3,
weburl: "https://1s1k.eduyun.cn/portal/html/1s1k/index/1.html",
list: [
{
name:"国家中小学智慧教育平台",
// icon: "~@/assets/school/7.png",
weburl: "https://www.zxx.edu.cn/",
icon:7,
},
{
name:"国家职业教育智慧教育平台",
// icon: "~@/assets/school/1.png",
weburl: "https://so.eduyun.cn/synResource",
icon:1,
},
{
name:"基础教育精品课",
icon: 2,
weburl: "https://www.eduyun.cn/tbsk/tbskxxywqbwd/index.html"
}
]
},
{
name: "小学资源网",
icon: "",
showNum:4,
weburl: "https://www.xj5u.com/",
list: [
{
name:"课件专区",
weburl: "https://www.xj5u.com/Courseware.aspx",
icon:3,
},
{
name:"教案专区",
weburl: "https://www.xj5u.com/Teaching.aspx",
icon:4,
},
{
name:"试题专区",
weburl: "https://www.xj5u.com/ExaminationPaper.aspx",
icon:5,
},
{
name:"专题推荐",
weburl: "https://www.xj5u.com/Collect/Assemblys/index.html",
icon:6,
}
]
},
{
name: "电子课本网",
icon: "",
showNum:6,
weburl: "http://www.dzkbw.com/",
list: [
{
name:"人教版",
weburl: "http://www.dzkbw.com/books/rjb/",
},
{
name:"苏教版",
weburl: "http://www.dzkbw.com/books/sjb/",
},
{
name:"北师大版",
weburl: "http://www.dzkbw.com/books/bsd/",
},
{
name:"教科版",
weburl: "http://www.dzkbw.com/books/jkb/",
},
{
name:"鲁教版",
weburl: "http://www.dzkbw.com/books/ljb/",
},
{
name:"冀教版",
weburl: "http://www.dzkbw.com/books/jjb/",
},
{
name:"浙教版",
weburl: "http://www.dzkbw.com/books/zjb/",
},
{
name:"部编版",
weburl: "http://www.dzkbw.com/books/bbb/",
},
{
name:"沪科版",
weburl: "http://www.dzkbw.com/books/hkb/",
},
{
name:"更多版本",
weburl: "http://www.dzkbw.com/books/more/",
type:"more"
}
]
}
]
}
},
data() {
return {};
},
methods: {
tapLink(item) {
window.open(item.weburl)
}
}
}
</script>
<style lang="less">
.resource_head {
display: flex;
align-items: center;
}
.resource_icon {
width: 72px;
height: 44px;
object-fit: contain;
}
.resource_name {
cursor: pointer;
margin-left: 16px;
height: 22px;
font-size: 16px;
font-weight: 500;
color: #333333;
line-height: 19px;
}
.resource_item {
margin-top: 25px;
margin-left: 90px;
display: flex;
flex-wrap: wrap;
}
</style>
\ No newline at end of file
src/renderer/components/SchoolBox/item.vue 0 → 100644
浏览文件 @ 48021385
<template>
<div class="school_item" :style="'width:'+ (100/showNum)+'%'">
<img v-if="detail.icon && detail.icon == 7" src="~@/assets/school/7.png" alt="" class="school_item_img">
<img v-if="detail.icon && detail.icon == 1" src="~@/assets/school/1.png" alt="" class="school_item_img">
<img v-if="detail.icon && detail.icon == 2" src="~@/assets/school/2.png" alt="" class="school_item_img">
<img v-if="detail.icon && detail.icon == 3" src="~@/assets/school/3.png" alt="" class="school_item_img">
<img v-if="detail.icon && detail.icon == 4" src="~@/assets/school/4.png" alt="" class="school_item_img">
<img v-if="detail.icon && detail.icon == 5" src="~@/assets/school/5.png" alt="" class="school_item_img">
<img v-if="detail.icon && detail.icon == 6" src="~@/assets/school/6.png" alt="" class="school_item_img">
<span class="school_item_name" :class="{'more':detail.type === 'more'}">{{detail.name}}</span>
</div>
</template>
<script>
export default {
props: {
detail: {
type: Object,
default: {}
},
showNum: {
type: Number,
default: 3
}
}
}
</script>
<style lang="less">
.school_item {
margin-top: 5px;
display: flex;
align-items: center;
cursor: pointer;
min-height: 40px;
.school_item_img {
width: 40px;
height: 40px;
object-fit: contain;
}
.school_item_name {
margin-left: 7px;
width: max-content;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 16px;
&:hover,&:active {
color: #399DF9;
}
&.more {
color: #999999;
}
}
}
</style>
\ No newline at end of file
src/renderer/views/Home.vue
浏览文件 @ 48021385
......@@ -73,7 +73,8 @@ export default {
this.ipcRenderer.send("window-new", {
title: "管理页面",
route: "/manage",
width: width * 0.6,
// width: width * 0.6,
width: 1200,
height: height * 0.7,
backgroundColor: "#f9f9f9",
resizable: true,
......
src/renderer/views/manage/index.vue
浏览文件 @ 48021385
......@@ -5,25 +5,28 @@
<!-- <div>开始</div> -->
</div>
<div class="aside_bottom">
<div class="aside_item" :class="{ 'active': current === 'school' }">
<div class="aside_item" @click="changeTap('school')" :class="{ 'active': current === 'school' }">
<img src="~@/assets/xueshimao.png" alt="" class="icon_img">
学校应用</div>
<div class="aside_item" :class="{ 'active': current === 'all' }">
<div class="aside_item" @click="changeTap('all')" :class="{ 'active': current === 'all' }">
<img src="~@/assets/alisis.png" alt="" class="icon_img">
全部应用</div>
<div class="aside_item" :class="{ 'active': current === 'mime' }">
<div class="aside_item" @click="changeTap('mine')" :class="{ 'active': current === 'mine' }">
<img src="~@/assets/user.png" alt="" class="icon_img">
我的应用</div>
</div>
</el-aside>
<el-main class="manage_main">
<el-scrollbar style="height: 100%;">
<div class="manage_title">
全部应用
<span v-if="current === 'all'">全部应用</span>
<!-- <span v-else-if="current === 'school'">学校应用</span> -->
<span v-else-if="current === 'mine'">我的应用</span>
</div>
<div>
<Appbox :listObj="listObj" :listAll="appList"></Appbox>
<Appbox v-if="current === 'all'" :listObj="listObj" :listAll="appList"></Appbox>
<SchoolBox v-if="current === 'school'"></SchoolBox>
<DragBox v-if="current === 'mine'"></DragBox>
</div>
</el-scrollbar>
</el-main>
......@@ -32,9 +35,13 @@
<script>
import Appbox from '@/renderer/components/Appbox/index.vue';
import SchoolBox from '@/renderer/components/SchoolBox/index.vue';
import DragBox from '@/renderer/components/DragBox/index.vue';
export default {
components: {
Appbox
Appbox,
SchoolBox,
DragBox
},
data() {
return {
......@@ -46,7 +53,7 @@ export default {
school: {
title: "学校应用"
},
mime: {
mine: {
title: "我的应用"
}
},
......@@ -71,13 +78,12 @@ export default {
methods: {
getAppList() {
//获取app列表
console.log('getAppList 2')
this.ipcRenderer.send("getApps");
},
ipcOn() {
// 获取到app列表
this.ipcRenderer.on("appsList", (event, list) => {
console.log("获取到app列表 2", list);
// console.log("获取到app列表 2", list);
this.listObj.lastest = list;
this.appList = list;
// this.appList.forEach((item, index) => {
......@@ -88,7 +94,11 @@ export default {
// });
// this.getPinyin();
});
}
},
changeTap(tabType) {
if(this.current === tabType) return;
this.current = tabType;
},
}
}
</script>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论