|
|
|
|
@ -83,26 +83,54 @@
|
|
|
|
|
<span>班级文化</span>
|
|
|
|
|
</div>
|
|
|
|
|
<a-empty description="暂无数据" v-if="classCultureEmpty" class="classManage-pic-empty"/>
|
|
|
|
|
<a-carousel ref="imgs" class="classManage-pic-pic" :dot-position="dotposition" easing="linear"
|
|
|
|
|
:dots="false" v-if="classCulture.length != 0">
|
|
|
|
|
<p class="classCulture" v-for="(item,i) in classCulture" :key="i">
|
|
|
|
|
<img style="width: 165px;height: 120px; margin-bottom: 10px;margin-right: 10px;left: 0;top: 0;"
|
|
|
|
|
:src="item[0].src" alt="">
|
|
|
|
|
<img style="width: 95px;height: 55px;margin-bottom: 10px; top: 0;right: 0;"
|
|
|
|
|
:src="item[1].src" alt="">
|
|
|
|
|
<img style="width: 95px;height: 55px; right: 0;top: 64px;" :src="item[2].src" alt="">
|
|
|
|
|
<img style="width: 85px;height: 60px;left: 0;bottom: 0; " :src="item[3].src" alt="">
|
|
|
|
|
<img style="width: 85px;height: 60px; bottom: 0;left: 34%;" :src="item[4].src" alt="">
|
|
|
|
|
<img style="width: 85px;height: 60px; bottom: 0;right: 0;" :src="item[5].src" alt="">
|
|
|
|
|
</p>
|
|
|
|
|
</a-carousel>
|
|
|
|
|
<a-row @click.native="nextP" v-if="classCulture.length != 0"
|
|
|
|
|
style="cursor: pointer;width: 50px;height: 20px;margin-top: 10px;')"
|
|
|
|
|
>
|
|
|
|
|
<a-col style="cursor: pointer;">
|
|
|
|
|
<img src="../images/classCULtureNext.png" alt="" style="cursor: pointer;">
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<!--<a-carousel ref="imgs" class="classManage-pic-pic" :dot-position="dotposition" easing="linear"-->
|
|
|
|
|
<!--:dots="false" v-if="classCulture.length != 0">-->
|
|
|
|
|
<!--<p class="classCulture">-->
|
|
|
|
|
<!--<img style="width: 165px;height: 120px; margin-bottom: 10px;margin-right: 10px;left: 0;top: 0;"-->
|
|
|
|
|
<!--:src="item[0].src" alt="">-->
|
|
|
|
|
<!--<img style="width: 95px;height: 55px;margin-bottom: 10px; top: 0;right: 0;"-->
|
|
|
|
|
<!--:src="item[1].src" alt="">-->
|
|
|
|
|
<!--<img style="width: 95px;height: 55px; right: 0;top: 64px;" :src="item[2].src" alt="">-->
|
|
|
|
|
<!--<img style="width: 85px;height: 60px;left: 0;bottom: 0; " :src="item[3].src" alt="">-->
|
|
|
|
|
<!--<img style="width: 85px;height: 60px; bottom: 0;left: 34%;" :src="item[4].src" alt="">-->
|
|
|
|
|
<!--<img style="width: 85px;height: 60px; bottom: 0;right: 0;" :src="item[5].src" alt="">-->
|
|
|
|
|
<!--</p>-->
|
|
|
|
|
<!--</a-carousel>-->
|
|
|
|
|
<div ref="imgs" class="classManage-pic-pic" v-if="classCulture.length != 0">
|
|
|
|
|
<div class="classCulture">
|
|
|
|
|
<div v-if="classCulture[0]"
|
|
|
|
|
style="position:absolute;display:inline-block;width: 165px;height: 120px; margin-bottom: 10px;margin-right: 10px;left: 0;top: 0;">
|
|
|
|
|
<img-preview :imgObj="JSON.parse(classCulture[0].attachment_json)"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="classCulture[1]"
|
|
|
|
|
style="position:absolute;display:inline-block;width: 95px;height: 55px;margin-bottom: 10px; top: 0;right: 0;">
|
|
|
|
|
<img-preview :imgObj="JSON.parse(classCulture[1].attachment_json)"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="classCulture[2]"
|
|
|
|
|
style="position:absolute;display:inline-block;width: 95px;height: 55px; right: 0;top: 64px;">
|
|
|
|
|
<img-preview :imgObj="JSON.parse(classCulture[2].attachment_json)"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="classCulture[3]"
|
|
|
|
|
style="position:absolute;display:inline-block;width: 85px;height: 60px;left: 0;bottom: 0;">
|
|
|
|
|
<img-preview :imgObj="JSON.parse(classCulture[3].attachment_json)"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="classCulture[4]"
|
|
|
|
|
style="position:absolute;display:inline-block;width: 85px;height: 60px; bottom: 0;left: 34%;">
|
|
|
|
|
<img-preview :imgObj="JSON.parse(classCulture[4].attachment_json)"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="classCulture[5]"
|
|
|
|
|
style="position:absolute;display:inline-block;width: 85px;height: 60px; bottom: 0;right: 0;">
|
|
|
|
|
<img-preview :imgObj="JSON.parse(classCulture[5].attachment_json)"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--<a-row @click.native="nextP" v-if="classCulture.length != 0"-->
|
|
|
|
|
<!--style="cursor: pointer;width: 50px;height: 20px;margin-top: 10px;')"-->
|
|
|
|
|
<!-->-->
|
|
|
|
|
<!--<a-col style="cursor: pointer;">-->
|
|
|
|
|
<!--<img src="../images/classCULtureNext.png" alt="" style="cursor: pointer;">-->
|
|
|
|
|
<!--</a-col>-->
|
|
|
|
|
<!--</a-row>-->
|
|
|
|
|
</a-col>
|
|
|
|
|
<!--时事新闻-->
|
|
|
|
|
<a-col :span="12" class="classManage-event">
|
|
|
|
|
@ -113,24 +141,27 @@
|
|
|
|
|
<div class="classManage-event-scroll">
|
|
|
|
|
<carousel-3d width="320" height="100" space="80">
|
|
|
|
|
<slide v-for="(slide, i) in carousel3dData" :index="i" :key="i">
|
|
|
|
|
<img :src="slide.src" alt="">
|
|
|
|
|
<img :src="slide" alt="">
|
|
|
|
|
<!--<img-preview :imgObj="slide"/>-->
|
|
|
|
|
</slide>
|
|
|
|
|
</carousel-3d>
|
|
|
|
|
</div>
|
|
|
|
|
<a-empty description="暂无数据" v-if="factualNewsEmpty" class="classManage-event-list-empty"/>
|
|
|
|
|
<div class="classManage-event-list">
|
|
|
|
|
<a-row v-for="(item,i) in factualNews" class="classManage-event-listRow" :key="i"
|
|
|
|
|
type="flex"
|
|
|
|
|
justify="center" align="middle" @click="showInfo(item)">
|
|
|
|
|
<a-col :span="1"
|
|
|
|
|
style="width: 5px;height: 5px;border-radius: 50%;background: #00FFFF"></a-col>
|
|
|
|
|
<a-col :span="17" offset="1"
|
|
|
|
|
style="overflow: hidden;white-space: nowrap; text-overflow: ellipsis;">
|
|
|
|
|
{{item.content}}
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="5" style="color: #fff;margin-left: 5px;">{{item.date}}</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</div>
|
|
|
|
|
<vue-scroll :ops="listScroll" style="width: 100%;height:130px">
|
|
|
|
|
<div class="classManage-event-list">
|
|
|
|
|
<a-row v-for="(item,i) in factualNews" class="classManage-event-listRow" :key="i"
|
|
|
|
|
type="flex"
|
|
|
|
|
justify="center" align="middle" @click="showInfo(item)">
|
|
|
|
|
<a-col :span="1"
|
|
|
|
|
style="width: 5px;height: 5px;border-radius: 50%;background: #00FFFF;margin-right: 10px;"></a-col>
|
|
|
|
|
<a-col :span="17"
|
|
|
|
|
style="overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width: 200px;">
|
|
|
|
|
{{item.info_title}}
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="5" style="color: #fff;margin-left: 5px;">{{item.create_time}}</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</div>
|
|
|
|
|
</vue-scroll>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</div>
|
|
|
|
|
@ -144,6 +175,9 @@
|
|
|
|
|
import {Carousel, Table, Row, Col, Empty, Spin} from 'ant-design-vue';
|
|
|
|
|
import {Carousel3d, Slide} from 'vue-carousel-3d'
|
|
|
|
|
import CommonInfo from '../../../common/centerCommonInfo.vue'
|
|
|
|
|
import ImgPreview from '../../../common/imgPreview.vue';
|
|
|
|
|
import BaseConfig from "../../../../../global-llibs/base-config";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
@ -231,11 +265,11 @@
|
|
|
|
|
],
|
|
|
|
|
//时事新闻的轮播图
|
|
|
|
|
carousel3dData: [
|
|
|
|
|
{src: require('../images/newsPic1.png')},
|
|
|
|
|
{src: require('../images/newsPic2.png')},
|
|
|
|
|
{src: require('../images/newsPic3.png')},
|
|
|
|
|
{src: require('../images/newsPic4.png')},
|
|
|
|
|
{src: require('../images/newsPic5.png')},
|
|
|
|
|
// {src: require('../images/newsPic1.png')},
|
|
|
|
|
// {src: require('../images/newsPic2.png')},
|
|
|
|
|
// {src: require('../images/newsPic3.png')},
|
|
|
|
|
// {src: require('../images/newsPic4.png')},
|
|
|
|
|
// {src: require('../images/newsPic5.png')},
|
|
|
|
|
],
|
|
|
|
|
swiperOption: {
|
|
|
|
|
speed: 400,
|
|
|
|
|
@ -374,8 +408,12 @@
|
|
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
|
|
"query": {
|
|
|
|
|
"query_id": "query_deyu_wenhua",
|
|
|
|
|
// "query_param": [
|
|
|
|
|
// this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
// ]
|
|
|
|
|
"query_param": [
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
//this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
"900008135"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
"query_cache": 0,
|
|
|
|
|
@ -388,12 +426,26 @@
|
|
|
|
|
params: param,
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
// console.log('班级文化', result)
|
|
|
|
|
this.spinning = false;
|
|
|
|
|
if (result[0].data.result.length != 0) {
|
|
|
|
|
this.classCulture = JSON.parse(result[0].data.result)
|
|
|
|
|
let res = JSON.parse(result[0].data.result)
|
|
|
|
|
if (res.length != 0) {
|
|
|
|
|
res.forEach(item => {
|
|
|
|
|
item.attachment_json = item.attachment_json.substr(1)
|
|
|
|
|
})
|
|
|
|
|
this.classCulture = res
|
|
|
|
|
} else {
|
|
|
|
|
this.classCultureEmpty = true
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// if (result[0].data.result.length != 0) {
|
|
|
|
|
// this.classCulture = JSON.parse(result[0].data.result)
|
|
|
|
|
// this.classCulture.forEach(item => {
|
|
|
|
|
// item.attachment_json = JSOn.parse(item.attachment_json)
|
|
|
|
|
// })
|
|
|
|
|
// } else {
|
|
|
|
|
// this.classCultureEmpty = true
|
|
|
|
|
// }
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//时事新闻
|
|
|
|
|
@ -402,8 +454,12 @@
|
|
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
|
|
"query": {
|
|
|
|
|
"query_id": "query_deyu_xinwen",
|
|
|
|
|
// "query_param": [
|
|
|
|
|
// this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
// ]
|
|
|
|
|
"query_param": [
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
//this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
"900008135"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
"query_cache": 0,
|
|
|
|
|
@ -416,15 +472,28 @@
|
|
|
|
|
params: param,
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
this.spinning = false;
|
|
|
|
|
// console.log('时事新闻', result)
|
|
|
|
|
if (result[0].data.result.length != 0) {
|
|
|
|
|
this.factualNews = JSON.parse(result[0].data.result)
|
|
|
|
|
let res = JSON.parse(result[0].data.result)
|
|
|
|
|
res.forEach(item => {
|
|
|
|
|
item.create_time = item.create_time.substr(0, 10)
|
|
|
|
|
// this.carousel3dData.push(JSON.parse(item.cover_json)[0])
|
|
|
|
|
// console.log('JSON.parse', JSON.parse(item.cover_json))
|
|
|
|
|
this.carousel3dData.push('https://www.edusoa.com/dsideal_yy' + this.BaseConfig.url_path_down + JSON.parse(item.cover_json)[0].key)
|
|
|
|
|
})
|
|
|
|
|
this.factualNews = res
|
|
|
|
|
// this.BaseConfig.url_path_down + this.img.key;
|
|
|
|
|
// console.log('this.carousel3dData', this.carousel3dData)
|
|
|
|
|
// this.carousel3dData.forEach(item => {
|
|
|
|
|
// item = require(item)
|
|
|
|
|
// })
|
|
|
|
|
} else {
|
|
|
|
|
this.factualNewsEmpty = true
|
|
|
|
|
}
|
|
|
|
|
this.spinning = false;
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
showInfo(item){
|
|
|
|
|
showInfo(item) {
|
|
|
|
|
let param = {
|
|
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
|
|
"query": {
|
|
|
|
|
@ -461,7 +530,7 @@
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
closeInfo(){
|
|
|
|
|
closeInfo() {
|
|
|
|
|
this.infoId = "";
|
|
|
|
|
this.visible = false
|
|
|
|
|
}
|
|
|
|
|
@ -478,6 +547,7 @@
|
|
|
|
|
Carousel3d,
|
|
|
|
|
Slide,
|
|
|
|
|
CommonInfo,
|
|
|
|
|
ImgPreview,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
@ -703,7 +773,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.classManage-event-list {
|
|
|
|
|
height: 110px;
|
|
|
|
|
height: 130px;
|
|
|
|
|
|
|
|
|
|
.classManage-event-listRow {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
