parent
1bcd17b23c
commit
4c55f2376c
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 403 KiB |
|
After Width: | Height: | Size: 998 B |
|
After Width: | Height: | Size: 622 B |
|
After Width: | Height: | Size: 430 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 679 B |
@ -1,72 +0,0 @@
|
||||
<template>
|
||||
<div class="summary-record-large-div">
|
||||
<TabComp :tabArr="tabArr" :showType="2" showName="title" @tabChange="tabChange" cbName="type"/>
|
||||
<div class="content-div">
|
||||
<div class="summary-page-div">
|
||||
<my-summary v-if="pageType === 1"></my-summary>
|
||||
<org-dept-summary :pageType="pageType"></org-dept-summary>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import TabComp from '../common/tabComp.vue';
|
||||
import OfficeMenuConfig from '../../../../../../../../src/utils/officeMenuConfig';
|
||||
import MySummary from './mySummary.vue';
|
||||
import OrgDeptSummary from './orgDeptSummary.vue';
|
||||
export default{
|
||||
data(){
|
||||
return {
|
||||
depAdmin:false,//是否有部门权限
|
||||
orgAdmin:false,//是否有机构权限
|
||||
tabArr: [
|
||||
{title: "我的总结",type:1}
|
||||
],
|
||||
tabIndex: 0,
|
||||
pageType:1,
|
||||
}
|
||||
},
|
||||
created(){
|
||||
//部门权限
|
||||
this.depAdmin = OfficeMenuConfig.menuIsExist(["daliyOffice","newPlanConclusion","plan_summary_statistics", "dept"]);
|
||||
if(this.depAdmin){
|
||||
this.tabArr.push({title: "部门总结",type:2})
|
||||
}
|
||||
//机构权限
|
||||
this.orgAdmin = OfficeMenuConfig.menuIsExist(["daliyOffice","newPlanConclusion","plan_summary_statistics", "org"]);
|
||||
if(this.depAdmin){
|
||||
this.tabArr.push({title: "机构总结",type:3})
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
tabChange:function (param) {
|
||||
if (this.tabIndex != param.index) {
|
||||
this.tabIndex = param.index;
|
||||
this.pageType = param.cbName;
|
||||
}
|
||||
}
|
||||
},
|
||||
components:{
|
||||
TabComp,
|
||||
MySummary,
|
||||
OrgDeptSummary
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.summary-record-large-div{
|
||||
width: 100%;
|
||||
min-height: 20rem;
|
||||
padding: 0.5rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.content-div {
|
||||
width: calc(100% - 4rem);
|
||||
.summary-page-div{
|
||||
width: 100%;
|
||||
padding: 0.5rem;
|
||||
min-height: 20rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,35 +1,192 @@
|
||||
<template>
|
||||
<CommonBox title="科研活动" class="teaching-center-science-activities-style">
|
||||
<a-spin class="science-activities-box-style" :spinning="spinning">
|
||||
|
||||
<div class="tab-change-style">
|
||||
<div :class="'item-box-style ' + (selectType === 1?'select-item-style':'')" @click="changeItem(1)">
|
||||
<div class="img-box-style">
|
||||
<img src="../../assets/images/teachingCenter/img01.png" style="width: 30px;height: 30px"/>
|
||||
</div>
|
||||
<div class="title-style">教学大赛</div>
|
||||
</div>
|
||||
<div :class="'item-box-style ' + (selectType === 2?'select-item-style':'')" @click="changeItem(2)">
|
||||
<div class="img-box-style">
|
||||
<img src="../../assets/images/teachingCenter/img02.png" style="width: 30px;height: 30px"/>
|
||||
</div>
|
||||
<div class="title-style">论文</div>
|
||||
</div>
|
||||
<div :class="'item-box-style ' + (selectType === 3?'select-item-style':'')" @click="changeItem(3)">
|
||||
<div class="img-box-style">
|
||||
<img src="../../assets/images/teachingCenter/img03.png" style="width: 30px;height: 30px"/>
|
||||
</div>
|
||||
<div class="title-style">课题</div>
|
||||
</div>
|
||||
<div :class="'item-box-style ' + (selectType === 4?'select-item-style':'')" @click="changeItem(4)">
|
||||
<div class="img-box-style">
|
||||
<img src="../../assets/images/teachingCenter/img04.png" style="width: 30px;height: 30px"/>
|
||||
</div>
|
||||
<div class="title-style">著作</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time-search-style">
|
||||
<date-choose/>
|
||||
</div>
|
||||
<div class="data-list-content-style">
|
||||
<a-row class="item-row-style header-row-style">
|
||||
<a-col :span="10" class="item-col-style center-col">名称</a-col>
|
||||
<a-col :span="4" class="item-col-style center-col">人员</a-col>
|
||||
<a-col :span="6" class="item-col-style center-col">类别</a-col>
|
||||
<a-col :span="4" class="item-col-style">等级</a-col>
|
||||
</a-row>
|
||||
<vue-scroll key="science_scroll" class="table-boday-style" :ops="listScroll"
|
||||
style="height: calc(100% - 40px)">
|
||||
<a-row v-for="item,index in dataList" :key="'science_' + index" class="item-row-style">
|
||||
<a-col :span="10" class="item-col-style center-col first-col">{{item.title}}</a-col>
|
||||
<a-col :span="4" class="item-col-style center-col">{{item.personName}}</a-col>
|
||||
<a-col :span="6" class="item-col-style center-col">{{item.type}}</a-col>
|
||||
<a-col :span="4" class="item-col-style last-col">{{item.level}}</a-col>
|
||||
</a-row>
|
||||
</vue-scroll>
|
||||
</div>
|
||||
</a-spin>
|
||||
</CommonBox>
|
||||
</template>
|
||||
<script>
|
||||
/*
|
||||
* 科研活动
|
||||
* */
|
||||
* 科研活动
|
||||
* */
|
||||
import CommonBox from '../secondPages/commonBox.vue';
|
||||
import {Icon, Spin, List, Empty} from 'ant-design-vue';
|
||||
import {Icon, Spin, List, Empty, Row, Col} from 'ant-design-vue';
|
||||
import DateChoose from '../adminCenter/moduleCom/oa/common/dateChoose.vue';
|
||||
export default{
|
||||
data(){
|
||||
return {
|
||||
spinning: false,
|
||||
listScroll: this.StaticParams.scrollOption,
|
||||
selectType: 1,//1 教学大赛 2 论文 3 课题 4 著作
|
||||
paneKey: 1,
|
||||
dataList:[
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
{title:"2021年小学一年级教学大赛",personName:"张丽敏",type:"教学大赛",level:"市级"},
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeItem: function (type) {
|
||||
this.selectType = type;
|
||||
}
|
||||
},
|
||||
components:{
|
||||
components: {
|
||||
CommonBox,
|
||||
ASpin: Spin,
|
||||
DateChoose,
|
||||
ARow: Row,
|
||||
ACol: Col
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
@import "../../assets/scss/style";
|
||||
|
||||
.teaching-center-science-activities-style {
|
||||
width: 100%;
|
||||
height: 420px !important;
|
||||
position: relative;
|
||||
margin-top: 50px;
|
||||
.science-activities-box-style {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/deep/ .ant-spin-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.tab-change-style {
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.item-box-style {
|
||||
width: 20%;
|
||||
height: 80px;
|
||||
background-color: #414d7f;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
.img-box-style {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50px;
|
||||
background-color: #2c4876;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.title-style {
|
||||
color: white;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
.select-item-style {
|
||||
background-color: #183b6d;
|
||||
}
|
||||
}
|
||||
.time-search-style {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.date-choose-div {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.data-list-content-style {
|
||||
width: 100%;
|
||||
height: calc(100% - 110px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.item-row-style{
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
border: 1px solid $color-default-bright;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.item-col-style{
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
.center-col{
|
||||
border-right: 1px solid $color-default-bright;
|
||||
}
|
||||
.first-col{
|
||||
color: $color-default-bright;
|
||||
}
|
||||
.last-col{
|
||||
color: #e57f30;
|
||||
}
|
||||
}
|
||||
.header-row-style{
|
||||
height: 40px;
|
||||
background-color: #18356a;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,35 +1,143 @@
|
||||
<template>
|
||||
<CommonBox title="考试安排" class="teaching-center-test-arrangement-style">
|
||||
<a-spin class="test-arrangement-box-style" :spinning="spinning">
|
||||
|
||||
<div class="query-center-style">
|
||||
<a-select style="width:150px;margin-left: 10px" :value="gradeId" @change="gradeChange">
|
||||
<a-select-option v-for="item in gradeList" :key="item.id" :value="item.id">
|
||||
{{ item.value }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div class="data-content-style">
|
||||
<a-row class="row-style header-row">
|
||||
<a-col :span="4" class="col-style header-col">年级</a-col>
|
||||
<a-col :span="10" class="col-style header-col">考试名称</a-col>
|
||||
<a-col :span="10" class="col-style header-col">考试时间</a-col>
|
||||
</a-row>
|
||||
<vue-scroll class="table-boday-style" :ops="listScroll"
|
||||
style="height:calc(100% - 40px)">
|
||||
<a-row class="row-style body-row" v-for="item,index in dataList" :key="'data_'+index">
|
||||
<a-col :span="4" class="col-style left-col">{{item.gradeName}}</a-col>
|
||||
<a-col :span="10" class="col-style left-col">{{item.testTitle}}</a-col>
|
||||
<a-col :span="10" class="col-style">{{item.testTime}}</a-col>
|
||||
</a-row>
|
||||
</vue-scroll>
|
||||
</div>
|
||||
</a-spin>
|
||||
</CommonBox>
|
||||
</template>
|
||||
<script>
|
||||
/*
|
||||
* 考试安排
|
||||
* */
|
||||
* 考试安排
|
||||
* */
|
||||
import CommonBox from '../secondPages/commonBox.vue';
|
||||
import {Icon, Spin, List, Empty} from 'ant-design-vue';
|
||||
import {Icon, Spin, List, Empty, Select,Row,Col} from 'ant-design-vue';
|
||||
export default{
|
||||
data(){
|
||||
return {
|
||||
spinning: false,
|
||||
listScroll: this.StaticParams.scrollOption,
|
||||
gradeList: [{id: 1, value: '一年级'}, {id: 2, value: '二年级'}, {id: 3, value: '三年级'}, {
|
||||
id: 4,
|
||||
value: '四年级'
|
||||
}, {id: 5, value: '五年级'}, {id: 6, value: '六年级'}],
|
||||
gradeId: 1,
|
||||
dataList:[
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"},
|
||||
{gradeName:"一年级",testTitle:"2021年上学期第一次月考",testTime:"2021/10/15~2021/10/16"}
|
||||
]
|
||||
}
|
||||
},
|
||||
components:{
|
||||
methods:{
|
||||
gradeChange: function (gradeId) {
|
||||
if (this.gradeId !== gradeId) {
|
||||
this.gradeId = gradeId;
|
||||
}
|
||||
},
|
||||
},
|
||||
components: {
|
||||
CommonBox,
|
||||
ASpin: Spin,
|
||||
ASelect: Select,
|
||||
ASelectOption: Select.Option,
|
||||
ARow:Row,
|
||||
ACol:Col
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
@import "../../assets/scss/style";
|
||||
|
||||
.teaching-center-test-arrangement-style {
|
||||
width: 100%;
|
||||
height: 520px !important;
|
||||
position: relative;
|
||||
margin-top: 50px;
|
||||
.test-arrangement-box-style{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/deep/ .ant-spin-container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.query-center-style{
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.ant-select {
|
||||
.ant-select-selection {
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
border: 1px solid #1379c8;
|
||||
.ant-select-arrow {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.data-content-style{
|
||||
width: 100%;
|
||||
height: calc(100% - 32px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.row-style{
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.col-style{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.left-col{
|
||||
border-right: 1px dashed white;
|
||||
}
|
||||
.header-col{
|
||||
color: $color-default-bright;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.header-row{
|
||||
border-bottom: 2px solid $color-default-bright;
|
||||
}
|
||||
.body-row{
|
||||
border-bottom: 1px dashed white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue