|
|
|
|
@ -121,14 +121,19 @@
|
|
|
|
|
</a-tab-pane>
|
|
|
|
|
<a-tab-pane :key="2" tab="Tab 2">
|
|
|
|
|
<div class="selected-content-style">
|
|
|
|
|
<div v-if="showSelectedData && selectedDataList.length > 0" class="copywriting-list-style">
|
|
|
|
|
<div v-if="showSelectedData && selectedDataList.length > 0"
|
|
|
|
|
class="copywriting-list-style">
|
|
|
|
|
<a-row class="table-row-style" v-for="item,index in selectedDataList"
|
|
|
|
|
:key="'selectednews_'+index">
|
|
|
|
|
<a-col class="header-box-style" :span="24" @click="showInfo(item)">{{'• ' + item.info_title}}</a-col>
|
|
|
|
|
<a-col class="header-box-style" :span="24" @click="showInfo(item)">{{'• ' +
|
|
|
|
|
item.info_title}}
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="showSelectedData && selectedImgDataList.length > 0" class="copywriting-img-style">
|
|
|
|
|
<div class="img-box-style" v-for="item,index in selectedImgDataList" :key="'selected_img_'+ index">
|
|
|
|
|
<div v-if="showSelectedData && selectedImgDataList.length > 0"
|
|
|
|
|
class="copywriting-img-style">
|
|
|
|
|
<div class="img-box-style" v-for="item,index in selectedImgDataList"
|
|
|
|
|
:key="'selected_img_'+ index">
|
|
|
|
|
<div class="img-style">
|
|
|
|
|
<img-preview :imgObj="item.imgObj"/>
|
|
|
|
|
<!--<img src="../../../assets/images/moralEducationWork/u4203.svg"-->
|
|
|
|
|
@ -160,12 +165,13 @@
|
|
|
|
|
import CommonBox from '../../secondPages/commonBox.vue';
|
|
|
|
|
import {Icon, Tabs, row, col, Empty, Spin} from 'ant-design-vue';
|
|
|
|
|
import {swiper, swiperSlide} from "vue-awesome-swiper";
|
|
|
|
|
// import "swiper/dist/css/swiper.css";
|
|
|
|
|
// import "swiper/dist/css/swiper.css";
|
|
|
|
|
import moment from 'moment';
|
|
|
|
|
import ImgPreview from '../../../common/imgPreview.vue';
|
|
|
|
|
import CommonInfo from '../../../common/commonInfo.vue';
|
|
|
|
|
export default{
|
|
|
|
|
data(){
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
spinning: false,
|
|
|
|
|
selectType: 1,//1 周历 2 校历
|
|
|
|
|
@ -195,14 +201,14 @@
|
|
|
|
|
psychicClassroomList: [],
|
|
|
|
|
showPsychicActivity: false,
|
|
|
|
|
psychicActivityList: [],
|
|
|
|
|
showSelectedData:false,
|
|
|
|
|
showSelectedData: false,
|
|
|
|
|
selectedDataList: [],
|
|
|
|
|
selectedImgDataList:[],
|
|
|
|
|
selectedImgDataList: [],
|
|
|
|
|
visible: false,
|
|
|
|
|
infoObj: {},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
mounted() {
|
|
|
|
|
//获取心理咨询室数据
|
|
|
|
|
this.getPsychologyCounsellingRoom();
|
|
|
|
|
//获取心理课堂数据
|
|
|
|
|
@ -216,11 +222,12 @@
|
|
|
|
|
swiper() {
|
|
|
|
|
return this.$refs.mySwiper.$swiper
|
|
|
|
|
},
|
|
|
|
|
classRoomSwiper(){
|
|
|
|
|
classRoomSwiper() {
|
|
|
|
|
return this.$refs.classRoomSwiper.$swiper
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
//获取心理咨询室数据
|
|
|
|
|
getPsychologyCounsellingRoom: function () {
|
|
|
|
|
let param = {
|
|
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
|
|
@ -228,6 +235,7 @@
|
|
|
|
|
"query_id": "query_deyu_xinli",
|
|
|
|
|
"query_param": [
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
// "900008135"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
"query_cache": 0,
|
|
|
|
|
@ -241,6 +249,7 @@
|
|
|
|
|
params: param,
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
// console.log('获取心理咨询室数据', result)
|
|
|
|
|
this.showCounsellingRoom = true;
|
|
|
|
|
if (result[0].data.success) {
|
|
|
|
|
let res = result[0].data.result;
|
|
|
|
|
@ -253,6 +262,7 @@
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//获取心理课堂数据
|
|
|
|
|
getPsychologyClassroom: function () {
|
|
|
|
|
let param = {
|
|
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
|
|
@ -260,6 +270,7 @@
|
|
|
|
|
"query_id": "query_deyu_xinli2",
|
|
|
|
|
"query_param": [
|
|
|
|
|
this.BaseConfig.person_info_my.bureau_id + ""
|
|
|
|
|
// "900008135"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
"query_cache": 0,
|
|
|
|
|
@ -273,6 +284,7 @@
|
|
|
|
|
params: param,
|
|
|
|
|
method: "post",
|
|
|
|
|
}], (result) => {
|
|
|
|
|
// console.log('获取心理课堂数据', result)
|
|
|
|
|
this.showPsychicClassroom = true;
|
|
|
|
|
if (result[0].data.success) {
|
|
|
|
|
let res = result[0].data.result;
|
|
|
|
|
@ -347,7 +359,7 @@
|
|
|
|
|
if (dataList && dataList.length > 0) {
|
|
|
|
|
for (let i = 0; i < 5; i++) {
|
|
|
|
|
let dataInfo = dataList[i];
|
|
|
|
|
if(dataInfo){
|
|
|
|
|
if (dataInfo) {
|
|
|
|
|
let cover_json = dataList[i].cover_json;
|
|
|
|
|
if (cover_json !== "") {
|
|
|
|
|
let imgObj = JSON.parse(cover_json);
|
|
|
|
|
@ -358,7 +370,7 @@
|
|
|
|
|
}
|
|
|
|
|
for (let i = 5; i < 7; i++) {
|
|
|
|
|
let dataInfo = dataList[i];
|
|
|
|
|
if(dataInfo){
|
|
|
|
|
if (dataInfo) {
|
|
|
|
|
let cover_json = dataList[i].cover_json;
|
|
|
|
|
if (cover_json !== "") {
|
|
|
|
|
let imgObj = JSON.parse(cover_json);
|
|
|
|
|
@ -375,7 +387,7 @@
|
|
|
|
|
prev() {
|
|
|
|
|
this.swiper.slidePrev();
|
|
|
|
|
},
|
|
|
|
|
next(){
|
|
|
|
|
next() {
|
|
|
|
|
this.classRoomSwiper.slideNext();
|
|
|
|
|
},
|
|
|
|
|
changeType: function () {
|
|
|
|
|
@ -460,7 +472,7 @@
|
|
|
|
|
.psychic-build-content-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 345px;
|
|
|
|
|
/deep/ .ant-spin-container{
|
|
|
|
|
/deep/ .ant-spin-container {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
@ -666,8 +678,8 @@
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
color: $color-default-bright;
|
|
|
|
|
.table-row-style{
|
|
|
|
|
.header-box-style{
|
|
|
|
|
.table-row-style {
|
|
|
|
|
.header-box-style {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
