|
|
|
|
@ -13,17 +13,19 @@
|
|
|
|
|
</a-col>
|
|
|
|
|
<!--队组建设----时间轴-->
|
|
|
|
|
<a-col style="width: 300px;margin-top: 5px;" class="timeLine">
|
|
|
|
|
<vue-scroll :ops="listScroll" style="height:100%">
|
|
|
|
|
<a-empty description="暂无数据" v-if="teamBuildDataEmpty" class="timeLine-empty"/>
|
|
|
|
|
<a-timeline reverse ref="timeLineUl" v-if="teamBuildData.length != 0">
|
|
|
|
|
<a-timeline reverse ref="timeLineUl" v-if="teamBuildData.length !== 0">
|
|
|
|
|
<a-timeline-item
|
|
|
|
|
v-for="(item,i) in teamBuildData" :key="i" @mouseenter="enter(i)"
|
|
|
|
|
@mouseleave="leave(i)" @click="showTeamBuildInfo(item)"
|
|
|
|
|
>
|
|
|
|
|
<p style="color:#80FFFF;font-size: 12px;margin-bottom: 0;">{{item.time}}</p>
|
|
|
|
|
<p style="color:#80FFFF;font-size: 12px;margin-bottom: 0;">{{item.create_time.substring(0,10)}}</p>
|
|
|
|
|
<p style="font-size: 14px;color: #fff;margin-bottom: 0;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;">
|
|
|
|
|
{{item.content}}</p>
|
|
|
|
|
{{item.info_title}}</p>
|
|
|
|
|
</a-timeline-item>
|
|
|
|
|
</a-timeline>
|
|
|
|
|
</vue-scroll>
|
|
|
|
|
</a-col>
|
|
|
|
|
<!--队伍建设----图片-->
|
|
|
|
|
<a-col class="teamBuildPic">
|
|
|
|
|
@ -69,14 +71,17 @@
|
|
|
|
|
</a-col>
|
|
|
|
|
<!--班主任培训----列表内容-->
|
|
|
|
|
<a-col class="masterList">
|
|
|
|
|
<vue-scroll :ops="listScroll" style="height:100%">
|
|
|
|
|
<a-empty description="暂无数据" v-if="headMasterTrainDataEmpty" class="timeLine-empty"/>
|
|
|
|
|
<a-collapse :activeKey="masterListActiveKey" accordion v-if="headMasterTrainData.length != 0">
|
|
|
|
|
<a-collapse-panel :key="i" :header="item.titleText" v-for="(item,i) in headMasterTrainData"
|
|
|
|
|
<a-collapse :activeKey="masterListActiveKey" accordion v-if="headMasterTrainData.length !== 0">
|
|
|
|
|
<a-collapse-panel :key="i" :header="item.info_title" v-for="(item,i) in headMasterTrainData"
|
|
|
|
|
@click="showTrainInfo(item)">
|
|
|
|
|
<span class="masterList-span"> {{item.time}}</span>
|
|
|
|
|
<img v-for="(item2,i2) in item.picData" :src="item2.src" alt="" :key="i2">
|
|
|
|
|
<span class="masterList-span"> {{item.create_time.substring(0,10)}}</span>
|
|
|
|
|
<!--<img v-for="(item2,i2) in item.picData" :src="item2.src" alt="" :key="i2">-->
|
|
|
|
|
<img-preview v-for="(item2,i2) in item.imgs" :key="'banzhuren-px-'+i2" :imgObj="item2" style="width: 30%"/>
|
|
|
|
|
</a-collapse-panel>
|
|
|
|
|
</a-collapse>
|
|
|
|
|
</vue-scroll>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col style="width: 1px;height: 215px;border-right: 1px dashed #fff;margin-left: 10px;margin-right: 10px;"></a-col>
|
|
|
|
|
<!--班主任评优----标题-->
|
|
|
|
|
@ -103,25 +108,39 @@
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-carousel>
|
|
|
|
|
<a-empty description="暂无数据" v-if="bestHeadMaster1Empty" class="timeLine-empty"/>
|
|
|
|
|
<swiper class="masterBest-row" id="mySwiper1" :options="swiperOption1" ref="mySwiper"
|
|
|
|
|
v-if="bestHeadMaster1.length!=0">
|
|
|
|
|
<swiper-slide v-for="(item,i) in bestHeadMaster1" :key="i" class="masterBest-Col">
|
|
|
|
|
<img :src="item.src" alt=""
|
|
|
|
|
style="width: 35px;height: 35px;margin-top: 10px;border-radius: 50%;">
|
|
|
|
|
<p style="margin: 0;margin-top: 5px;margin-bottom:4px;">{{item.name}}</p>
|
|
|
|
|
<p style="color: #01F6F9;font-size: 12px;margin: 0;">{{item.class}}</p>
|
|
|
|
|
</swiper-slide>
|
|
|
|
|
</swiper>
|
|
|
|
|
<a-empty description="暂无数据" v-if="bestHeadMaster2Empty" class="timeLine-empty"/>
|
|
|
|
|
<swiper class="masterBest-row" id="mySwiper2" :options="swiperOption2" ref="mySwiper"
|
|
|
|
|
v-if="bestHeadMaster2.length!=0">
|
|
|
|
|
<swiper-slide v-for="(item,i) in bestHeadMaster2" :key="i" class="masterBest-Col">
|
|
|
|
|
<img :src="item.src" alt=""
|
|
|
|
|
style="width: 35px;height: 35px;margin-top: 10px;border-radius: 50%;">
|
|
|
|
|
<p style="margin: 0;margin-top: 5px;margin-bottom:4px;">{{item.name}}</p>
|
|
|
|
|
<p style="color: #01F6F9;font-size: 12px;margin: 0;">{{item.class}}</p>
|
|
|
|
|
</swiper-slide>
|
|
|
|
|
</swiper>
|
|
|
|
|
<div class="teacher-py-box-style">
|
|
|
|
|
<vue-scroll :ops="listScroll" style="height:100%">
|
|
|
|
|
<div class="content-style">
|
|
|
|
|
<div class="teacher-box-style" v-for="(item,i) in bestHeadMaster1" :key="i">
|
|
|
|
|
<img src="../../../assets/images/teacher.svg" alt=""
|
|
|
|
|
style="width: 35px;height: 35px;margin-top: 10px;border-radius: 50%;">
|
|
|
|
|
<!--<p style="margin: 0;margin-top: 5px;margin-bottom:4px;"></p>-->
|
|
|
|
|
<div class="item-title-style">{{item.teacher_name}}</div>
|
|
|
|
|
<div class="item-title-style">{{item.class_names}}</div>
|
|
|
|
|
<!--<p style="margin: 0;margin-top: 5px;margin-bottom:4px;">{{item.class_names}}</p>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</vue-scroll>
|
|
|
|
|
</div>
|
|
|
|
|
<!--<swiper class="masterBest-row" id="mySwiper1" :options="swiperOption1" ref="mySwiper"-->
|
|
|
|
|
<!--v-if="bestHeadMaster1.length!=0">-->
|
|
|
|
|
<!--<swiper-slide v-for="(item,i) in bestHeadMaster1" :key="i" class="masterBest-Col">-->
|
|
|
|
|
<!--<img :src="item.src" alt=""-->
|
|
|
|
|
<!--style="width: 35px;height: 35px;margin-top: 10px;border-radius: 50%;">-->
|
|
|
|
|
<!--<p style="margin: 0;margin-top: 5px;margin-bottom:4px;">{{item.teacher_name}}</p>-->
|
|
|
|
|
<!--<!–<p style="color: #01F6F9;font-size: 12px;margin: 0;">{{item.class}}</p>–>-->
|
|
|
|
|
<!--</swiper-slide>-->
|
|
|
|
|
<!--</swiper>-->
|
|
|
|
|
<!--<a-empty description="暂无数据" v-if="bestHeadMaster2Empty" class="timeLine-empty"/>-->
|
|
|
|
|
<!--<swiper class="masterBest-row" id="mySwiper2" :options="swiperOption2" ref="mySwiper"-->
|
|
|
|
|
<!--v-if="bestHeadMaster2.length!=0">-->
|
|
|
|
|
<!--<swiper-slide v-for="(item,i) in bestHeadMaster2" :key="i" class="masterBest-Col">-->
|
|
|
|
|
<!--<img :src="item.src" alt=""-->
|
|
|
|
|
<!--style="width: 35px;height: 35px;margin-top: 10px;border-radius: 50%;">-->
|
|
|
|
|
<!--<p style="margin: 0;margin-top: 5px;margin-bottom:4px;">{{item.name}}</p>-->
|
|
|
|
|
<!--<p style="color: #01F6F9;font-size: 12px;margin: 0;">{{item.class}}</p>-->
|
|
|
|
|
<!--</swiper-slide>-->
|
|
|
|
|
<!--</swiper>-->
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</div>
|
|
|
|
|
@ -136,7 +155,7 @@
|
|
|
|
|
import {Carousel, Timeline, Table, Spin, Row, Col, Collapse, Empty} from 'ant-design-vue';
|
|
|
|
|
import {swiper, swiperSlide} from 'vue-awesome-swiper'
|
|
|
|
|
import 'swiper/dist/css/swiper.css'
|
|
|
|
|
|
|
|
|
|
import ImgPreview from '../../../common/imgPreview.vue';
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
@ -235,6 +254,7 @@
|
|
|
|
|
swiper,
|
|
|
|
|
swiperSlide,
|
|
|
|
|
CommonInfo,
|
|
|
|
|
ImgPreview
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
},
|
|
|
|
|
@ -271,6 +291,7 @@
|
|
|
|
|
"query": {
|
|
|
|
|
"query_id": "query_deyu_duiwu",
|
|
|
|
|
"query_param": [
|
|
|
|
|
//"900008135",
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
@ -284,10 +305,19 @@
|
|
|
|
|
params: param,
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
console.log("队伍建设：",result)
|
|
|
|
|
this.spinning = false;
|
|
|
|
|
if (result[0].data.result.length != 0) {
|
|
|
|
|
this.teamBuildData = JSON.parse(result[0].data.result)
|
|
|
|
|
} else {
|
|
|
|
|
if(result[0].data.success){
|
|
|
|
|
let res = result[0].data.result;
|
|
|
|
|
if(res && res !== ""){
|
|
|
|
|
let arr = JSON.parse(res);
|
|
|
|
|
if(arr && arr.length > 0){
|
|
|
|
|
this.teamBuildData.push(...arr)
|
|
|
|
|
}
|
|
|
|
|
}else {
|
|
|
|
|
this.teamBuildDataEmpty = true
|
|
|
|
|
}
|
|
|
|
|
}else {
|
|
|
|
|
this.teamBuildDataEmpty = true
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
@ -328,6 +358,7 @@
|
|
|
|
|
"query_id": "query_deyu_peixun",
|
|
|
|
|
"query_param": [
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
//"900008135",
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
"query_cache": 0,
|
|
|
|
|
@ -341,9 +372,28 @@
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
this.spinning = false;
|
|
|
|
|
if (result[0].data.result.length != 0) {
|
|
|
|
|
this.headMasterTrainData = JSON.parse(result[0].data.result)
|
|
|
|
|
} else {
|
|
|
|
|
if(result[0].data.success){
|
|
|
|
|
let res = result[0].data.result;
|
|
|
|
|
if(res && res !== ""){
|
|
|
|
|
let arr = JSON.parse(res);
|
|
|
|
|
if(arr && arr.length > 0){
|
|
|
|
|
this.headMasterTrainData.push(...arr)
|
|
|
|
|
console.log("班主任培训数据",this.headMasterTrainData)
|
|
|
|
|
for(let i = 0,len = this.headMasterTrainData.length;i < len;i ++){
|
|
|
|
|
let json = this.headMasterTrainData[i].cover_json;
|
|
|
|
|
if(json && json !== ""){
|
|
|
|
|
let arr = JSON.parse(json);
|
|
|
|
|
if(arr.length > 3){
|
|
|
|
|
arr = arr.slice(0,3)
|
|
|
|
|
}
|
|
|
|
|
this.headMasterTrainData[i]["imgs"] = arr;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}else {
|
|
|
|
|
this.headMasterTrainDataEmpty = true
|
|
|
|
|
}
|
|
|
|
|
}else {
|
|
|
|
|
this.headMasterTrainDataEmpty = true
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
@ -356,6 +406,7 @@
|
|
|
|
|
"query_id": "query_deyu_pingyou",
|
|
|
|
|
"query_param": [
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
//"900008135"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
"query_cache": 0,
|
|
|
|
|
@ -369,13 +420,23 @@
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
this.spinning = false;
|
|
|
|
|
if (result[0].data.result.length != 0) {
|
|
|
|
|
this.titleData = JSON.parse(result[0].data.result)
|
|
|
|
|
this.excellent_id = this.titleData[0].excellent_id
|
|
|
|
|
}
|
|
|
|
|
if(this.excellent_id !== ""){
|
|
|
|
|
this.getMasterBextData2()//班主任评优2
|
|
|
|
|
if(result[0].data.success){
|
|
|
|
|
let res = result[0].data.result;
|
|
|
|
|
if(res && res !== ""){
|
|
|
|
|
let arr = JSON.parse(res);
|
|
|
|
|
if(arr && arr.length > 0){
|
|
|
|
|
if(arr && arr.length > 0){
|
|
|
|
|
this.titleData.push(...arr);
|
|
|
|
|
console.log("this.titleData:",this.titleData)
|
|
|
|
|
this.excellent_id = this.titleData[0].excellent_id
|
|
|
|
|
if(this.excellent_id !== ""){
|
|
|
|
|
this.getMasterBextData2()//班主任评优2
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//班主任评优2
|
|
|
|
|
@ -386,6 +447,7 @@
|
|
|
|
|
"query_id": "query_deyu_pingyou2",
|
|
|
|
|
"query_param": [
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + "",
|
|
|
|
|
//"900008135",
|
|
|
|
|
this.excellent_id + ""
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
@ -400,14 +462,20 @@
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
this.spinning = false;
|
|
|
|
|
if (result[0].data.result.length != 0) {
|
|
|
|
|
this.masterListData = JSON.parse(result[0].data.result)
|
|
|
|
|
} else {
|
|
|
|
|
this.bestHeadMaster1Empty = true
|
|
|
|
|
this.bestHeadMaster2Empty = true
|
|
|
|
|
}
|
|
|
|
|
(this.bestHeadMaster2.length == 0)
|
|
|
|
|
{
|
|
|
|
|
if(result[0].data.success) {
|
|
|
|
|
let res = result[0].data.result;
|
|
|
|
|
if (res && res !== "") {
|
|
|
|
|
let arr = JSON.parse(res);
|
|
|
|
|
console.log("班主任评优数据：",arr)
|
|
|
|
|
if (arr && arr.length > 0) {
|
|
|
|
|
if (arr && arr.length > 0) {
|
|
|
|
|
this.bestHeadMaster1.push(...arr);
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.bestHeadMaster1Empty = true
|
|
|
|
|
this.bestHeadMaster2Empty = true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
@ -568,7 +636,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeLine {
|
|
|
|
|
|
|
|
|
|
height: 200px;
|
|
|
|
|
.ant-timeline, .ant-timeline-reverse {
|
|
|
|
|
margin-top: -10px;
|
|
|
|
|
|
|
|
|
|
@ -576,6 +644,9 @@
|
|
|
|
|
padding: 10px 0 0;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
.ant-timeline-item-content{
|
|
|
|
|
top: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-timeline-item-tail {
|
|
|
|
|
border-left: 2px dashed #80FFFF;
|
|
|
|
|
@ -589,6 +660,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-timeline-item-content {
|
|
|
|
|
top: 0 !important;
|
|
|
|
|
min-height: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -678,6 +750,7 @@
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-timeline-item-last > .ant-timeline-item-content {
|
|
|
|
|
top: 0 !important;
|
|
|
|
|
min-height: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -686,6 +759,9 @@
|
|
|
|
|
padding: 15px 0 0;
|
|
|
|
|
border-bottom: 1px solid #80FFFF;
|
|
|
|
|
width: 100%;
|
|
|
|
|
.ant-timeline-item-content{
|
|
|
|
|
top: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-timeline-item-tail {
|
|
|
|
|
height: 0;
|
|
|
|
|
@ -720,6 +796,39 @@
|
|
|
|
|
height: 20px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.teacher-py-box-style{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 200px;
|
|
|
|
|
/deep/ .content-style{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
.teacher-box-style{
|
|
|
|
|
border: 1px solid #4e9fb4;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
height: 94px;
|
|
|
|
|
width: 67px !important;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.item-title-style{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 20px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 0 2px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.masterBest-row {
|
|
|
|
|
height: 95px;
|
|
|
|
|
@ -756,7 +865,7 @@
|
|
|
|
|
|
|
|
|
|
.masterList {
|
|
|
|
|
width: 359px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
height: 220px;
|
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-collapse {
|
|
|
|
|
@ -800,10 +909,10 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ant-collapse-item > .ant-collapse-header {
|
|
|
|
|
padding: 9px 122px;
|
|
|
|
|
width: 50%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
line-height: 10px;
|
|
|
|
|
|
