| 标签 | 内容 | 内容长度 | 优化建议 |
|---|---|---|---|
| 网页标题（Title） | 重庆警察学院 | 6 个字符 | 标题字符数量在合理范围 |
| 网页关键词（KeyWords） | 重庆警察学院,警院,重庆警院,警察学院 | 19 个字符 | 关键字数在合理范围 |
| 内容描述（Description） | 重庆警察学院（以下简称“学校”）是由重庆市人民政府举办、受重庆市公安局管理和重庆市教育委员会指导的全日制本科院校 | 56 个字符 | 描述内容长度在合理范围 |
| 检测时间 | 2024-12-24 01:10:19 |
| 服务器IP | 211.99.114.130 |
| 返回状态码 | 200 |
| 网页返回HEAD信息 | HTTP/1.1 200 OK Cache-Control: no-cache Content-Type: text/html Server: Microsoft-IIS/10.0 X-Frame-Options: SAMEORIGIN X-XSS-Protection: 1; mode=block X-Content-Type-Options: nosniff Strict-Transport-Security: max-age=31536000 Date: Mon, 23 Dec 2024 17:09:28 GMT Content-Length: 90609 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1">
<title>重庆警察学院</title>
<meta name="Keywords" content="重庆警察学院,警院,重庆警院,警察学院" />
<meta name="Description" content="重庆警察学院（以下简称“学校”）是由重庆市人民政府举办、受重庆市公安局管理和重庆市教育委员会指导的全日制本科院校" />
<meta name="siteid" content="1" />
<link rel="stylesheet" href="/templates/site/iconfont/iconfont.css">
<link rel="stylesheet" href="/templates/site/plugIn/element/element-index.css">
<link rel="stylesheet" href="/templates/site/css/index.css">
<link rel="stylesheet" href="/templates/site/css/header.css">
<link rel="stylesheet" href="/templates/site/css/foot.css">
<script type="text/javascript" src="/templates/site/plugIn/vue/vue.min.js"></script>
<script src="/templates/site/plugIn/element/element-index.js"></script>
<script type="text/javascript" src="/templates/site/plugIn/axios.min.js"></script>
<script src="/templates/site/component/header/header.js"></script>
<script src="/templates/site/request/api.js"></script>
<link rel="stylesheet" href="/templates/site/css/posterAlert.css">
<script src="/templates/site/request/baseurl.js"></script>
<link rel="stylesheet" href="/templates/site/css/animate.min.css">
<script src="/templates/site/plugIn/wow.min.js"></script>
<link rel="stylesheet" href="/templates/site/css/response.css">
<script src="/script/Jooye.common.js" type="text/javascript"></script>
<script src="/script/jquery.min.js" type="text/javascript"></script>
<script src="/script/jquery.SuperSlide.js" type="text/javascript"></script>
<script src="/script/move.js" type="text/javascript"></script>
<script src="/script/YlFloat.js" type="text/javascript"></script>
<script src="/script/jquery.tmpl.js" type="text/javascript"></script>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<script src="/script/layer/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="/html/iaa/1/index.js?"></script>
</head>
<body>
<style>
@font-face {
font-family: 'maozedong';
src: url('/templates/site/fonts/maozedong.ttf') format('truetype');
}
[v-cloak] {
display: none;
}
</style>
<div id="app" v-cloak>
<div class="videoBox" v-if="bigImage">
<div class="videoClose" @click="videoClose()">×</div>
<div class="block-big">
<el-carousel arrow="always" height="840px" :initial-index="bigSwiperImgIndex">
<el-carousel-item v-for="item in policeFigureImages">
<img class="bigSwiperImg" :src="item.imageUrl" alt="" @click="swiperToLink(item)">
</el-carousel-item>
</el-carousel>
</div>
</div>
<div class="indexHeader">
<my-header ref="header" :head-background="headBackground"></my-header>
</div>
<div class="swiper-top">
<div class="swiper-mask">
<img src="/templates/site/img/首页/矩形 1 拷贝@2x.png" alt="">
</div>
<div class="swiper">
<div class="swiperBox">
<el-carousel ref="carousel" @change="((pre, next) => {change(pre, next)})">
<el-carousel-item height="1080px" v-for="(item,index) in swiperImg" :label="index+1">
<img class="swiperImg" :src="item.imageUrl" alt="" @click="swiperToLink(item)">
</el-carousel-item>
</el-carousel>
</div>
</div>
</div>
<div class="indexBody2" ref="scrollview" @mousewheel="scrollChange" :style="{'top':peak?'133px':''}">
<div class="newsBox">
<div class="newsBox-content">
<div class="content">
<div class="item">
<div class="newsBox-title">
<div>头条 · <span class="blueText">新闻</span></span></div>
<a class="operate" href="/html/ttxw/" target="_blank">
<img src="/templates/site/img/首页/组 1@2x(9).png" alt="">
<span class="redText">查看更多</span>
</a>
</div>
<div class="newsBox-list">
<div class="newsBox-card-box" v-for="(item,index) in headNews.articles" v-if="index<4" :key="index"
@click="toDetail(item.id,0,item)" @mouseenter="newshift(index)">
<div class="newsBox-card">
<div class="newsBox-card-title">{{item.title}}
</div>
<div class="newsBox-date" style="color: #666666">{{item.publishDate.substring(0, 10)}}</div>
<i class="el-icon-caret-left sanjiao" v-if="index!=newIndex&&!changeStruck"></i>
</div>
<div class="newsBox-img" v-show="index==newIndex" v-if="!phone"
@click="toDetail(item.id,0,item)">
<img :src="item.coverUrl" alt="" :class="index==newIndex?'newsBox-img-img':''">
<img class="newsBox-masking" :class="index==newIndex?'newsBox-img-img':''"
src="/templates/site/img/首页/矩形 2 拷贝 5@2x.png" alt="">
<div class="newsBox-img-text" v-if="headNews">
{{item.title}}（{{item.publishDate.substring(0, 10)}}）
</div>
</div>
<!-- phone -->
<div class="phone-newsBox-img" v-else @click="toDetail(item.id,0,item)">
<img :src="item.coverUrl" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="newsflashTwo">
<div class="newsflashTwo-img">
<div class="newsflashBox-list-title" style="margin-bottom: 57px;">
<div class="newsflashBox-title" style="display: flex;">
<div style="margin-right: 86px;">校园 · <span class="blueText">快讯</span></span></div>
<a class="operate" style="margin-bottom: 0;" href="/html/xykx/" target="_blank">
<img style="width:36px ;height: 30px;" src="/templates/site/img/首页/组 1@2x(9).png" alt="">
<span class="redText notification-operate">查看更多</span>
</a>
</div>
</div>
<div class="school-info">
<div class="newsflashTwoImg animatebox" style="animation-name: slideInUp;"
v-if="scholAnimation&&!changeStruck" @click="toDetail(imgSrcInfo.id,0,imgSrcInfo)">
<img v-for="(item, index) in campusNewsList.articles" v-if="index == campusImgAnimationIndex"
:key="index" :class="index == campusImgAnimationIndex ? 'newsBox-img-img' : 'imgAni'"
:src="item.coverUrl" alt="">
<div v-for="(item, index) in campusNewsList.articles" v-if="index == campusImgAnimationIndex"
:key="item.id" class="newsflashTwoImg-explain">{{item.title}}
</div>
</div>
<div class="newsflashTwo-content">
<div class="list-item-news animatebox" style="margin-bottom:26px ;
animation-name: slideInRight;" v-for="(item,index) in campusNewsList.articles"
:key="item.id" @mouseenter="campusImg(index,item)" v-if="index<3&&scholAnimation"
@click="toDetail(item.id,0,item)">
<div class="list-item-date">
<img src="/templates/site/img/首页/形状 2@2x.png" alt="">
<span>{{item.publishDate.substring(0, 10)}}</span>
</div>
<div class="list-item-title">
{{item.title}}
</div>
<div class="list-item-content">
{{item.remarks}}
</div>
</div>
</div>
</div>
</div>
<div class="newsflashTwo-img">
<div class="newsflashBox-list-title" style="margin-bottom: 57px;">
<div class="newsflashBox-title" style="display: flex;">
<div style="margin-right: 86px;">专题 · <span class="blueText">专栏</span></span></div>
<a class="operate" style="margin-bottom: 0;" href="/html/ztzl/" target="_blank">
<img style="width:36px ;height: 30px;" src="/templates/site/img/首页/组 1@2x(9).png" alt="">
<span class="redText notification-operate">查看更多</span>
</a>
</div>
</div>
<div class="subject-box-content-news">
<div class="subject-box-img-list">
<div class="subject-box-img-news" :class="scholAnimation?'subject-box-img${index+1}':''">
<div class="subject-title-img-news">
本科教育教学审核评估
</div>
<div class="subject-more-news" style="z-index: 10">
<a href="/html/ztzl/bkjyjxshpg/" target="_blank" style="display: flex;align-items: center;">
<img class="bigMoreImg" src="/templates/site/img/首页/组 1@2x(8).png" alt="">
<span>查看更多</span>
</a>
</div>
<img src="https://www.cqpc.edu.cn/Upload/Default/336642353676357.png" style="position:absolute;top:0;z-index: 0;width: 100%;height: 100%;right: 0;left: 0">
</div>
</div><div class="subject-box-img-list">
<div class="subject-box-img-news" :class="scholAnimation?'subject-box-img${index+1}':''">
<div class="subject-title-img-news">
语言文字工作
</div>
<div class="subject-more-news" style="z-index: 10">
<a href="/html/ztzl/yywzgz/" target="_blank" style="display: flex;align-items: center;">
<img class="bigMoreImg" src="/templates/site/img/首页/组 1@2x(8).png" alt="">
<span>查看更多</span>
</a>
</div>
<img src="https://www.cqpc.edu.cn/Upload/Default/414493327794245.jpg" style="position:absolute;top:0;z-index: 0;width: 100%;height: 100%;right: 0;left: 0">
</div>
</div><div class="subject-box-img-list">
<div class="subject-box-img-news" :class="scholAnimation?'subject-box-img${index+1}':''">
<div class="subject-title-img-news">
不忘初心牢记使命
</div>
<div class="subject-more-news" style="z-index: 10">
<a href="https://www.12371.cn/cxsm/" target="_blank" style="display: flex;align-items: center;">
<img class="bigMoreImg" src="/templates/site/img/首页/组 1@2x(8).png" alt="">
<span>查看更多</span>
</a>
</div>
<img src="https://www.cqpc.edu.cn/Upload/Default/336642490605637.png" style="position:absolute;top:0;z-index: 0;width: 100%;height: 100%;right: 0;left: 0">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="actives">
<div class="student-active" style="padding-top: 0">
<div class="section-item animatebox" v-if="teachticaAnimation" style="animation-name: slideInLeft">
<div class="section-item-name">
<div class="list-title" style="color: black">
<div>教学</div>
<div>·</div>
<div class="list-title-color-news">科研</div>
</div>
<div class="more-detail">
<img style="width: 36px;height: 30px;" src="/templates/site/img/首页/组 1@2x(7).png" alt="" />
<a style="color:#BF1B34 ;font-size: 14px; font-weight: bold;" href="/html/jxky/jyjx/"
target="_blank">
查看更多
</a>
</div>
</div>
<div class="content-grid-news">
<div v-if="!changeStruck">
<img :src="research.articles[0].coverUrl"
@click="toDetail(research.articles[0].id,0,research.articles[0])" :class="gridImgf?'gridImgf':''" />
</div>
<div class="grid-content-news" v-for="(item,index) in research.articles" v-if="index<2"
@mouseenter="gridMousf(index,0)" @mouseleave="gridMousf(index,1)" @click="toDetail(item.id,0,item)"
:key="index">
<div class="content-title-news">
{{item.title}}
</div>
<div class="content-detail-news">
{{item.remarks}}
</div>
<div class="hold-time">
<img src="/templates/site/img/首页/形状 2@2x.png" />
<div>{{item.publishDate.substring(0, 10)}}</div>
</div>
</div>
<div v-if="!changeStruck">
<img :src="research.articles[1].coverUrl"
@click="toDetail(research.articles[1].id,0,studentTrends.articles[1])" />
</div>
</div>
</div>
<div class="section-item animatebox phone-student-section-item" v-if="teachticaAnimation"
style="animation-name: slideInRight">
<div class="section-item-name">
<div class="list-title" style="color: black">
<div>
学生
</div>
<div>·</div>
<div class="list-title-color-news">风采</div>
</div>
<a class="more-detail" href="/html/xsfc/" target="_blank">
<img style="width: 36px;height: 30px;" src="/templates/site/img/首页/组 1@2x(7).png" alt="" />
<div style="color:#BF1B34 ;font-size: 14px;font-weight: bold;">查看更多</div>
</a>
</div>
<div class="content-grid-news">
<div v-if="!changeStruck">
<img :src="studentTrends.articles[0].coverUrl"
@click="toDetail(studentTrends.articles[0].id,0,studentTrends.articles[0])"
:class="gridImg?'gridImg':''" />
</div>
<div class="grid-content-news" v-for="(item,index) in studentTrends.articles" :key="index"
v-if="index<2" @mouseenter="gridMous(index,0)" @mouseleave="gridMous(index,1)"
@click="toDetail(item.id,0,item)">
<div class="content-title-news">
{{item.title}}
</div>
<div class="content-detail-news">
{{item.remarks}}
</div>
<div class="hold-time">
<img src="/templates/site/img/首页/形状 2@2x.png" />
<div>{{item.publishDate.substring(0, 10)}}</div>
</div>
</div>
<div v-if="!changeStruck" class="animateGrid">
<img :src="studentTrends.articles[1].coverUrl"
@click="toDetail(studentTrends.articles[1].id,0,studentTrends.articles[1])" />
</div>
</div>
</div>
<div class="section-item animatebox" v-else style="height: 500px;"></div>
</div>
<div class="notification-box">
<div class="notification-list" :class="!toproll.show? 'notificationleft' :''">
<div class="newsBox-title notification-title">
<div>通知 · <span class="blueText">公告</span></span></div>
<a class="operate" href="/html/tzgg/" target="_blank">
<img style="width: 36px;height: 30px;" src="/templates/site/img/首页/组 1@2x(9).png" alt="">
<span class="redText notification-operate">查看更多</span>
</a>
</div>
<div class="notification-list-item">
<div class="list-item" v-for="(item,index) in noticeInfo.articles" v-if="index<6" :key="index"
@click="toDetail(item.id,0,item)">
<div class="list-item-date">
<img src="/templates/site/img/首页/形状 2@2x.png" alt="">
<span>{{item.publishDate.substring(0, 10)}}</span>
</div>
<div class="list-item-title">
{{item.title}}
</div>
<div class="list-item-content">
{{item.remarks}}
</div>
</div>
</div>
</div>
<div class="notification-img" :class="!toproll.show? 'notificationrigth' :''">
<div class="notification-img-title">
<div class="newsBox-title">
<div>招标 · <span class="blueText">采购</span></span></div>
<a class="operate" href="/html/zbcg/" target="_blank">
<img style="width: 36px;height: 30px;" src="/templates/site/img/首页/组 1@2x(9).png" alt="">
<span class="redText notification-operate">查看更多</span>
</a>
</div>
</div>
<div class="subject-box-list">
<div class="subject-list-item animatebox" style="animation-name: slideInRight;"
v-for="(item,index) in biddings.articles" :key="item.id" v-if="index<4"
@click="toDetail(item.id,0,item)">
<div class="subject-date">
<div class="subject-date-month">{{item.publishDate.substring(8, 10)}}</div>
<div>{{item.publishDate.substring(0, 4)}}.{{item.publishDate.substring(5, 7)}}</div>
</div>
<div class="subject-content">
<div class="subject-content-title">
{{item.title}}
</div>
<div class="subjectContent">
{{item.remarks}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block">
<div class="redEducation">
<div class="redEducation-title" v-if="!changeStruck">
<div class="redEducation-title-text">红色 · 教育</div>
<div>
<img src="/templates/site/img/首页/组 1@2x(4).png" alt="" @click="redEducationLeft">
<img style="margin-left:42px;" src="/templates/site/img/首页/组 1@2x(5).png" alt=""
@click="redEducationRight">
</div>
</div>
<div class="newsBox-title" style="font-size: 20px" v-else>
<div>红色 · <span class="blueText">教育</span></span></div>
<a class="operate" href="/html/hsjy/" target="_blank">
<img src="/templates/site/img/首页/组 1@2x(9).png" alt="">
<span class="redText">查看更多</span>
</a>
</div>
<div class="redEducation-content">
<template v-if="!phone">
<template v-for="(item,index) in redEducations.articles" :key="index">
<template v-if="item.articleType === 2">
<div class="redEducation-item animatebox" :style="`animation-name: fadeInUp`" v-if="redAnimation">
<a :href="item.remarks" target="_blank">
<div class="item">
<div class="redEducation-item-img" style="height: 70%;">
<img :src="item.coverUrl" alt="">
</div>
<div class="redEducation-item-content" style="height: 15%;">
<div class="item-content-title">{{item.title}}</div>
</div>
</div>
</a>
</div>
</template>
<template v-else>
<div class="redEducation-item animatebox" :style="`animation-name: fadeInUp`" v-if="redAnimation"
@click="toDetail(item.id,0,item)">
<div class="item">
<div class="redEducation-item-img">
<img :src="item.coverUrl" alt="" />
</div>
<div class="redEducation-item-content">
<div class="item-content-title">{{item.title}}</div>
<div class="item-content-content">{{item.remarks}}</div>
<div class="date">{{item.publishDate.substring(0, 10)}}</div>
</div>
</div>
</div>
</template>
</template>
</template>
<template v-else>
<div class="redEducation-contaniner">
<a :href="item.remarks" target="_blank" v-for="(item,index) in redEducations.articles" :key="index">
<div class="item">
<div class="redEducation-item-img" style="height: 70%;">
<img :src="item.coverUrl" alt="">
</div>
<div class="redEducation-item-content" style="height: 15%;">
<div class="item-content-title">{{item.title}}</div>
<!-- <div class="date">{{item.publishDate.substring(0, 10)}}</div> -->
</div>
</div>
</a>
</div>
</template>
</div>
<a class="redEducation-more" v-if="!changeStruck" href="/html/hsjy/" target="_blank">
<img style="width:65.1px ;height: 53.1px;" src="/templates/site/img/首页/组 1@2x(9).png" alt="">
<div class="redEducationMore">查看更多</div>
</a>
<img class="redEducationImg" src='/templates/site/img/首页/redre.png' alt=""
:class="educationAnimation? 'redEducationAnimation' :''">
</div>
<div class="actives">
<div class="student-active" v-if="!phone">
<div class="section-item" v-if="studentA" :class="studentA? 'notificationleft' :''">
<div class="section-item-name">
<div class="list-title">
<div>警苑</div>
<div>·</div>
<div class="list-title-color">故事</div>
</div>
<div class="more-detail">
<img style="width: 36px;height: 30px;" src="/templates/site/img/首页/组 1@2x(10).png"
alt="" />
<a style="color:white;font-size: 14px; font-weight: bold;" href="/html/jygs/"
target="_blank">
查看更多
</a>
</div>
</div>
<div class="content-grid">
<div class="ColumnItem" v-for="(item,index) in policeStory.articles" v-if="index<3"
@click="toDetail(item.id,0,item)" :key="item.id">
<div class="backwhite"></div>
<div class="active-img">
<img :src="item.coverUrl" :class="gridImgf?'gridImgf':''" />
</div>
<div class="grid-content">
<div class="content-title">
{{item.title}}
</div>
<div class="content-detail">
{{item.remarks}}
</div>
<div class="hold-time">
<div>{{item.publishDate.substring(0, 10)}}</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-item" v-if="studentA" :class="studentA? 'notificationrigth' :''">
<div class="section-item-name">
<div class="list-title">
<div>
书香
</div>
<div>·</div>
<div class="list-title-color">园地</div>
</div>
<a class="more-detail" href="/html/sxyd/" target="_blank">
<img style="width: 36px;height: 30px;" src="/templates/site/img/首页/组 1@2x(10).png"
alt="" />
<div style="color:white ;font-size: 14px;font-weight: bold;">查看更多</div>
</a>
</div>
<div class="book-grid">
<a href="/html/content/24/09/3957.shtml" title="《消失的城市》 " target="_blank">
<div class="WrapItem">
<div class="backwhite"></div>
<div class="book-img">
<img src="/upfiles/202409/20240914155146791.png" class="gridImgf?'gridImgf':''" />
</div>
<div class="book-content">
<div class="book-title">
《消失的城市》
</div>
<div class="book-details">作者：大卫·沃克索书号：K915-49/1馆藏地：502室02架A面06列02层荐理由：庞贝、巴比伦、特洛伊、统万、佩特拉、克诺塞斯、楼兰、高昌、科潘、马丘・比丘，一个个消失的城市。作者通过文字..</div>
</div>
</div>
</a><a href="/html/content/24/09/3956.shtml" title="《警察职业认同:理论与实践研究》" target="_blank">
<div class="WrapItem">
<div class="backwhite"></div>
<div class="book-img">
<img src="/upfiles/202409/20240914155121534.png" class="gridImgf?'gridImgf':''" />
</div>
<div class="book-content">
<div class="book-title">
《警察职业认同:理论与实践研究》
</div>
<div class="book-details">作者：陈秋菊索书号：D631.19/123馆藏地：书吧推荐理由：本书在马克思主义相关理论、社会心理学相关理论以及相关激励理论的指导下，通过对文本资料的扎实研究，提炼出警察职业认同的维度、影响警察职..</div>
</div>
</div>
</a><a href="/html/content/24/09/3955.shtml" title="《制造安全感》 " target="_blank">
<div class="WrapItem">
<div class="backwhite"></div>
<div class="book-img">
<img src="/upfiles/202409/20240914155040158.png" class="gridImgf?'gridImgf':''" />
</div>
<div class="book-content">
<div class="book-title">
《制造安全感》
</div>
<div class="book-details">作者：[加]理查德索书号：D035.3/258馆藏地：书吧推荐理由：现代社会充斥着风险。风险感知和集体忧虑已经成了人们社会体验的基础之一，这加深了人们的不安全感，激发了人们对社会知识的需求。但是对..</div>
</div>
</div>
</a><a href="/html/content/24/09/3954.shtml" title="《乡土中国》 " target="_blank">
<div class="WrapItem">
<div class="backwhite"></div>
<div class="book-img">
<img src="/upfiles/202409/20240914155000698.png" class="gridImgf?'gridImgf':''" />
</div>
<div class="book-content">
<div class="book-title">
《乡土中国》
</div>
<div class="book-details">作者：费孝通推荐理由：本书是我国著名社会学家和人类学家费孝通的作品，由作者于20世纪40年代后期在西南联大和云南大学讲授乡村社会学的底稿扩充改写后出版发行。温故而知新。在书目出版后的70余年间，我..</div>
</div>
</div>
</a><a href="/html/content/24/09/3953.shtml" title="《中国精神》 " target="_blank">
<div class="WrapItem">
<div class="backwhite"></div>
<div class="book-img">
<img src="/upfiles/202409/20240914154705566.png" class="gridImgf?'gridImgf':''" />
</div>
<div class="book-content">
<div class="book-title">
《中国精神》
</div>
<div class="book-details">推荐理由：实现中华民族伟大复兴的中国梦，必须弘扬中国精神，这就是以爱国主义为核心的民族精神和以改革创新为核心的时代精神。阅读途径：通过重庆警察学院数字图书馆“掌阅”平台阅读。</div>
</div>
</div>
</a><a href="/html/content/24/09/3952.shtml" title="《警察职业生涯规划与管理》 " target="_blank">
<div class="WrapItem">
<div class="backwhite"></div>
<div class="book-img">
<img src="/upfiles/202409/20240914150630460.png" class="gridImgf?'gridImgf':''" />
</div>
<div class="book-content">
<div class="book-title">
《警察职业生涯规划与管理》
</div>
<div class="book-details">作者：王光森索书号：D631.19/91馆藏地：204推荐理由：本书根据公安思想政治工作和公安队伍管理目标的特殊性，从基本概念和基本理论入手，围绕警察职业生涯四个阶段的情形、警察职业生涯规划管理的..</div>
</div>
</div>
</a>
</div>
</div>
<div class="section-item" v-else style="height: 400px;"></div>
</div>
<div class="student-video">
<div class="section-item">
<!-- phone -->
<div class="section-item-name" v-if="changeStruck">
<div class="list-title">
<div>
警苑
</div>
<div>·</div>
<div class="list-title-color">映像</div>
</div>
<a class="more-detail" href="/html/jyyx/" target="_blank">
<img style="width: 36px;height: 30px;" src="/templates/site/img/首页/组 1@2x(7).png"
alt="" />
<div style="color:#BF1B34 ;font-size: 14px;font-weight: bold;">查看更多</div>
</a>
</div>
<!-- pc -->
<div class="section--video-item-name" v-else>
<div class="list-title">
<div>警苑</div>
<div>·</div>
<div class="">映像</div>
</div>
<a class="more-detail" href="/html/jyyx/" target="_blank">
<img src="/templates/site/img/首页/组 1@2x(8).png" alt="" />
<div style="font-weight: bold;font-size: 14px;">查看更多</div>
</a>
</div>
<!-- conetent -->
<template>
<div class="video-grid" v-if="!phone">
<div class="vieoImg" v-if="imageA" :class="imageA? 'fadeInUp animatebox' :''">
<img v-for="(item,index) in policeFigureImages" v-if="index<2" class="scaleBig"
:src="item.imageUrl" @click="getBigImage(item,index)" />
</div>
<div class="video-item" v-if="imageA" :class="imageA? 'fadeInUp animatebox' :''">
<a href="/html/content/22/09/3.shtml" title="你就是传奇" target="_blank">
<img class="video-img" src="/upfiles/202406/20240627104039655_s.jpg" />
<div class="video-introduce">
<div class="tool">
<img src="/templates/site/img/首页/组 1@2x(6).png" alt="" />
</div>
<div class="intro-title">你就是传奇</div>
<div class="intro-content">欢迎走进重庆警察学院</div>
</div>
<div class="info-back-liner"></div>
</a>
</div>
<div class="vieoImg" v-if="imageA" :class="imageA? 'fadeInUp animatebox' :''">
<img v-for="(item,index) in policeFigureImages" v-if="index>1&&index<4" class="scaleBig"
:src="item.imageUrl" @click="getBigImage(item,index)" />
</div>
<div class="vieoImg" v-else style="height: 600px;"></div>
<div class="vieoImg" v-else style="height: 600px;"></div>
<div class="vieoImg" v-else style="height: 600px;"></div>
</div>
<!-- phone -->
<div class="phoneVideoBox" v-else>
<div class="item" v-for="(item,index) in policeFigureImages" v-if="index<2">
<img :src="item.imageUrl" class="scaleBig" @click="toList('警苑映像',policeFigures.id,0)">
</div>
<div class="item video-item">
<a href="/html/content/22/09/3.shtml" title="你就是传奇" target="_blank">
<img src="/upfiles/202406/20240627104039655_s.jpg" />
<div class="video-introduce-phone">
<div class="tool">
<img src="/templates/site/img/首页/组 1@2x(6).png" alt="" />
</div>
</div>
</a>
</div>
<div class="item" v-for="(item,index) in policeFigureImages" v-if="index>1&&index<4">
<img :src="item.imageUrl" @click="toList('警苑映像',policeFigures.id,0)">
</div>
</div>
</template>
</div>
</div>
<img src="/templates/site/img/首页/红色背景@2x.png" class="actives-back" v-if="!phone">
</div>
<div class="footBox">
<div class="footContainer">
<div class="foot-mobile">
<div class="iconfont icon-qingchu" style="margin-right: 30px"></div>
<div class="foot-menu" style="animation-name: slideInDown;">
<div class="foot-menu-flex">
<div><a href="http://video.cqpc.edu.cn/" target="_blank">视频资源</a></div>
</div>
<div class="foot-menu-flex">
<div><a href="/html/xnyyxt/" target="_blank">校内应用</a></div>
</div>
<div class="foot-menu-flex">
<div><a href="http://netteaching.cqpc.edu.cn/meol/index.do" target="_blank">优慕课平台</a></div>
</div>
<div class="foot-menu-flex">
<div><a href="http://cqjy.fanya.chaoxing.com/portal" target="_blank">超星一平三端</a></div>
</div>
<div class="foot-menu-flex">
<div><a href="https://ic.cqpc.edu.cn" target="_blank">智慧校园</a></div>
</div>
<div class="foot-menu-flex">
<div><a href="https://www.ttcdw.cn/h/spec/cqjcxy/"target="_blank">教师发展云平台</a></div>
</div>
<div class="foot-menu-flex">
<div><a href="http://www.cqpc.edu.cn/html/5/Index.shtml" target="_blank">信息公开</a></div>
</div>
<div class="foot-menu-flex">
<div><a href="/html/yqlj/" target="_blank">友情链接</a> </div>
</div>
</div>
</div>
<div class="foot-head">
<div class="foot-head-left">
<div class="logo">
<img class="logoImg" src="/templates/site/img/首页/logo.png" alt="">
<div class="logoFont">
<div class="czg">重庆警察学院</div>
<div class="eng">CHONGQING POLICE COLLEGE</div>
</div>
</div>
</div>
<div class="foot-head-left">
<div class="foot-head-flex">
<div><a href="http://video.cqpc.edu.cn/" target="_blank">视频资源</a></div>
<div><a href="/html/xnyyxt/" target="_blank">校内应用</a></div>
<div><a href="http://netteaching.cqpc.edu.cn/meol/index.do" target="_blank">优慕课平台</a></div>
<div><a href="http://cqjy.fanya.chaoxing.com/portal" target="_blank">超星一平三端</a></div>
<div><a href="https://ic.cqpc.edu.cn" target="_blank">智慧校园</a></div>
<div><a href="https://www.ttcdw.cn/h/spec/cqjcxy/" target="_blank">教师发展云平台</a></div>
<div><a href="http://www.cqpc.edu.cn/html/5/Index.shtml" target="_blank">信息公开</a></div>
<div><a href="/html/yqlj/" target="_blank">友情链接</a> </div>
</div>
</div>
</div>
<div class="foot-detailInfo">
<div class="foot-col1-1">
<div class="foot-row-1">
地址：重庆市沙坪坝区大学城景铮路666号
</div>
<div class="foot-row-2">
邮编：401331
</div>
<div class="foot-row-3">
<div>值班电话：023-63964500</div>
<div>招生电话：023-63964580</div>
</div>
</div>
<div class="foot-col-2">
<div>信息管理：重庆警察学院党委宣传部</div>
<div class="foot-tech">技术维护：重庆警察学院信息技术中心</div>
</div>
<div class="foot-col-3">
<div class="QRcode-box">
<img src="/templates/site/img/通知公告/图层 3@2x.png" alt="">
<div class="Qrcode-name">学校微信公众号</div>
</div>
<div class="QRcode-box">
<img src="/templates/site/img/通知公告/图层 4@2x.png" alt="">
<div class="Qrcode-name">团委官方微博</div>
</div>
<div class="QRcode-box">
<a target="_blank" href="https://xyt.xcc.cn/getpcInfo?sn=1643822139075121152&certType=8&url=*.cqpc.edu.cn&language=CN"><img src="https://program.xinchacha.com/xyt/xcc_small_ssl.png" style="max-width:70px;height:70px"></a>
</div>
</div>
</div>
<div class="foot-broswe">
<div class="container">
?2022 重庆警察学院 <a href="https://beian.miit.gov.cn/" target="_blank" class="browseItem">渝ICP备18008611号-2</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010602504625" target="_blank" class="browseItem"> 渝公网安备50010602504625</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "JiSptRVPYYIJhBBW",ck: "JiSptRVPYYIJhBBW"})</script>
<div id="51lacount" style="display: none;">
<script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8" src="https://v6-widget.51.la/v6/JiSptRVPYYIJhBBW/quote.js?theme=#FFFFFF,#333333,#FFFFFF,#FFFFFF,#75727D,#FFFFFF,15&f=14&display=0,0,1,1,1,1,0,1"></script>
</div>
<script>
// 书香园地简介换行
$(".book-details").each(function (index, element) {
$(this).html($(this).html().replace(/\n/g, "<br />"));
});
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true
});
wow.init();
window.addEventListener('scroll', () => {
if (document.body.clientWidth < 1000) {
console.log("执行手机函数")
let s = document.documentElement.scrollTop || document.body.scrollTop;
var indexBody2 = document.getElementsByClassName('indexBody2')[0]
var indexHeader = document.getElementsByClassName('indexHeader')[0]
var backdefaut = document.getElementsByClassName('backdefaut')[0]
console.log(s)
if (s > 100) {
indexBody2.style['overflow-y'] = 'hidden'
backdefaut.style.background = '#1249A3'
indexHeader.style.background = '#1249A3'
indexBody2.style.animation = ""
indexBody2.style.animation = 'forward 0.4s linear'
indexHeader.style.animation = 'frames 0.4s linear'
// this.studentA = true
} else {
indexBody2.style.top = ``
backdefaut.style.background = 'rgb(18 73 163 / 0%)'
indexHeader.style.background = 'rgb(18 73 163 / 0%)'
indexBody2.style.animation = ""
indexBody2.style.animation = 'unforward 0.4s linear'
indexHeader.style.animation = 'unframes 0.4s linear'
}
} else {
return
}
}, true)
var isScreen = false;
var toproll = {
show: true,
index: 0,
};
document.documentElement.onmousewheel = function (event) {
if (!isScreen) {
console.log("电脑")
var indexBody2 = document.getElementsByClassName('indexBody2')[0]
var indexHeader = document.getElementsByClassName('indexHeader')[0]
var backdefaut = document.getElementsByClassName('backdefaut')[0]
var info1 = document.getElementsByClassName('list-item')[0]
var info2 = document.getElementsByClassName('list-item')[1]
var info3 = document.getElementsByClassName('list-item')[2]
var info4 = document.getElementsByClassName('list-item')[3]
var info5 = document.getElementsByClassName('list-item')[4]
var info6 = document.getElementsByClassName('list-item')[5]
// indexBody2.style['overflow-y'] = 'auto'
let bodyStyle = document.body.style
console.log(1111, event.wheelDelta)
if (event.wheelDelta <= -120 * window.devicePixelRatio) {
if (!toproll.show)
return;
toproll.show = false
backdefaut.style.background = '#1249A3'
indexHeader.style.background = '#1249A3'
indexBody2.style.top = `${133}px`
indexBody2.style.animation = 'forward 0.4s linear'
indexHeader.style.animation = 'frames 0.4s linear'
if (document.body.clientWidth > 1000) {
setTimeout(() => {
indexBody2.style['overflow-y'] = 'auto'
}, 450)
info1.style.animation = "left 2s"
info3.style.animation = "left 2s"
info5.style.animation = "left 2s"
info2.style.animation = "right 2s"
info4.style.animation = "right 2s"
info6.style.animation = "right 2s"
}
} else {
var scrollTop = indexBody2.scrollTop;
if (scrollTop == 0 && !toproll.show) {
toproll.index = toproll.index < 0 ? 0 : toproll.index;
// console.log(toproll.index,"toproll.index")
if (++toproll.index > 3) {
toproll.show = true
toproll.index = 0
setTimeout(() => {
indexBody2.style.top = ``
backdefaut.style.background = 'rgb(18 73 163 / 0%)'
indexHeader.style.background = 'rgb(18 73 163 / 0%)'
}, 380)
indexBody2.style.animation = ""
indexBody2.style.animation = 'unforward 0.4s linear'
indexHeader.style.animation = 'unframes 0.4s linear'
}
}
}
}
}
var app = new Vue({
el: '#app',
data: {
phone: false,
browse: '0001',
backFoot: "background: url('/templates/site/img/首页/组 3@2x.png') no-repeat;background-size: 100% 100%",
body_r: false,
infoBackList: ['/templates/site/img/首页/形状 6@2x.png', '/templates/site/img/首页/形状 6@2x (1).png 6@2x.png', '/templates/site/img/首页/形状 6@2x (2).png', '/templates/site/img/首页/形状 6@2x (3).png',],
//初始红色教育
redEducationItem: [],
swiperImg: [],
msg: 'hello',
headBackground: 'rgb(18 73 163 / 0%)',
value1: 0,
// thematicaAnimation: false,
toproll: toproll,
fadeInImg: false,
srcImgUrl: '/templates/site/img/首页/newBack.png',
studentA: false,
teachingIndex: 0,
checkedBackIndex: false,
teachingAnimation: true,
teachticaAnimation: false,
scholAnimation: false,
redAnimation: false,
showNone: false,
redbar: {
index: 0,
max: 0,
},
isStart: null,
imageA: false,
imageATrigger: false,
peak: false,
//监听窗口改变
changeStruck: false,
screenWidth: document.body.clientWidth,
// 热门新闻
hotNews: [],
//头条新闻
headNews: {},
//通知公告
noticeInfo: {},
//专题专栏
specialSections: {},
//校园快讯
campusNewsList: {},
//红色教育
redEducations: {},
// 教学科研
research: {},
// 学生风采
studentTrends: {},
// 警苑故事
policeStory: {},
//警苑形象
policeFigures: {},
//书香园地
scholarlyGardens: {},
//值班人员
workPeopleMax: {},
workPeople: {},
//招标采购
biddings: {},
//警苑形象图片
policeFigureImages: {},
controls: false,
timer: 0,
totleNum: 0,
num: 0,
// 广告弹窗
posterContent: '',
bodyShow: false,
specialIndex: 0,
bigSwiperImgIndex: 0,
// 页面滚动的距离
myscrollTop: 0,
newIndex: 0,
isShowVideo: false,
gridImg: false,
gridImgf: false,
imgSrcInfo: '',
campusImgAnimationIndex: false,
educationAnimation: false,
bigImage: false,
},
created() {
this.isScreen()
this.getUnitData()
},
computed: {
reversedMessage: function () {
return { "left": "-" + (this.redbar.index * 410) + "px" }
},
},
mounted() {
if (document.body.clientWidth < 1000) {
this.phone = true
} else {
this.phone = false
}
const that = this
window.onresize = () => {
return (() => {
window.screenWidth =
that.screenWidth = window.screenWidth
})()
}
document.getElementById("show51lacount").innerHTML=document.getElementById("51lacount").innerHTML;
// window.addEventListener("scroll", this.watchScroll);
},
beforeDestroy() {
const scrollview = this.$refs['scrollview']
scrollview.removeEventListener('scroll', this.scrollChange, true)
},
destroyed() {
// window.removeEventListener('scroll', this.getScroll)
},
updated() {
},
methods: {
getBigImage(item, index) {
this.videoTilte = item.remarks
this.bigSwiperImgIndex = index
console.log(index)
this.bigImage = true
},
gridMous(index, ins) {
if (index) {
return
}
if (ins) {
this.gridImg = false
} else {
this.gridImg = true
}
console.log(this.gridImg)
},
campusImg(index, item) {
this.campusImgAnimationIndex = index
this.imgSrcInfo = item
},
gridMousf(index, ins) {
if (index) {
return
}
if (ins) {
this.gridImgf = false
} else {
this.gridImgf = true
}
},
videoClose() {
this.isShowVideo = false
this.bigImage = false
},
newshift(index) {
this.newIndex = index
},
changeSpecial(index) {
this.specialIndex = index
console.log(this.specialIndex)
console.log(this.specialSections.sectionInfos[this.specialIndex].articles)
},
change(pre, next) {
document.getElementsByTagName('ul')[0].setAttribute("data-before", this.swiperImg[pre].remarks)
},
getbodyrShow() {
this.body_r = true
console.log(this.body_r)
},
getIndexBack() {
this.body_r = false
},
getStart(index, url, title) {
console.log(title)
this.videoTilte = title
this.isShowVideo = true
this.isStart = index
this.videoURL = url
this.$refs.myVideo[index].play();
},
//初始化数据
async getUnitData() {
// const res1 = await getHeadlineNews()
this.headNews = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "学院参与协办的超大城市现代化治理论坛圆满召开",
"coverUrl": "/upfiles/202412/20241223112710656.jpg",
"publishDate": "2024-12-23 00:00:00",
"articleType": 1,
"remarks": "12月21日，由西南政法大学、中共重庆市渝中区委、重庆市渝中区人民政府和重庆市城市建设投资（集团）有限公司共同主办，中煤科工重庆设计研究院(集团)有限公司、重庆城市治理与发展研究院、西南政法大学政治与公共管理学院、重庆市渝中区城市治理委员会办公室、重庆市渝中区司法局和城市治理与发展智库共同承办，重庆警察学院、重庆市政治学会等共同协办的超大城市现代化治理论坛，在重庆渝州宾馆举行。重庆市人",
"url": "/html/content/24/12/5113.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "李臻书记与学生代表交流座谈",
"coverUrl": "/upfiles/202412/20241220112923148.jpg",
"publishDate": "2024-12-20 00:00:00",
"articleType": 1,
"remarks": "12月19日，学院党委书记李臻主持召开学生交流座谈会，倾听学生心声、共话成长成才，与学生代表深入交流。学院党委委员、副院长陈红参加座谈。座谈会上，李臻书记亲切询问了同学们的学习生活体会、人生规划和对学院教育教学的建议。同学们积极踊跃发言、畅所欲言，各自从思想政治学习、警务化管理、教学课程安排、团学工作、校园文化活动等方面分享了自身的感悟和建议。李臻书记充分肯定了同学们作为青年学警所展现出的蓬勃..",
"url": "/html/content/24/12/5112.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "学院召开2024年学风建设暨学生表彰会",
"coverUrl": "/upfiles/202412/20241219114314945.jpg",
"publishDate": "2024-12-19 00:00:00",
"articleType": 1,
"remarks": "为进一步促进学院学风建设，助推学院高质量发展，12月18日，学院召开2024年学风建设暨学生表彰会。陈红副院长出席会议，学工部副部长杨志全主持会议。会议宣读了关于表彰2023-2024学年“渝安专项奖励金”获得者以及表彰学生先进集体、先进个人的决定，参会领导为学生先进集体及先进个人颁奖。优秀学生代表苏泓铭同学进行了发言。陈红副院长从思想政治教育工作、学风建设、警务化管理、学生社会实践等四个方面..",
"url": "/html/content/24/12/5105.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "市财政局副局长李虹一行来院考察调研",
"coverUrl": "/upfiles/202412/20241217091304394.jpg",
"publishDate": "2024-12-17 00:00:00",
"articleType": 1,
"remarks": "12月13日，市财政局党组成员、副局长李虹一行赴重庆警察学院考察调研并召开座谈会。市公安局警保部政委郑直，学院党委书记李臻、副院长黎宏、周振超陪同调研。李虹副局长实地走访调研了学院荣誉馆、智慧教室、续建工程等教学设施设备及校园基础设施建设情况。座谈会上，黎宏副院长就学院基础设施建设、财务工作等事项进行了汇报。李臻书记就学院高质量发展恳请财政支持事项作了补充发言。最后，李虹副局长作了讲话。她表示..",
"url": "/html/content/24/12/5099.shtml"
},]}
// this.headNews.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
// const res2 = await getNotices()
this.noticeInfo = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "2024重庆国际人才交流大会事业单位考核招聘紧缺高层次人才第一批替补体检人员公示 （重庆警察学院）",
"coverUrl": "",
"publishDate": "2024-12-17 00:00:00",
"articleType": 1,
"remarks": "按照重庆人力资源和社会保障网（rlsbj.cq.gov.cn）2024年10月31日发布的《2024重庆国际人才交流大会事业单位考核招聘紧缺高层次人才公告》，现将1名递补人员予以公示。一、公示期2024年12月18—20日（3个工作日）二、受理机构及联系方式受理地点：重庆警察学院党委组织部（人事处）、纪检监察室（重庆市沙坪坝区大学城景铮路666号，邮编：401331）联系方式：党委组织部（人事..",
"url": "/html/content/24/12/5101.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "关于组织开展师德师风调研工作的通知",
"coverUrl": "",
"publishDate": "2024-11-25 00:00:00",
"articleType": 1,
"remarks": "各单位：为全面客观了解学院教师师德师风状况,根据《教育部办公厅关于进一步压实高校师德师风建设主体责任的通知》，结合学校师德师风长效机制建设工作，拟在全院开展教师师德师风调研。现将有关事宜通知如下。一、调研对象各单位师德师风建设情况二、调研时间2024年11月25日—2024年12月6日三、调研内容与方式（一）习近平总书记关于师德师风重要论述的学习情况；（二）各单位师德师风档案建设情况（目录见附..",
"url": "/html/content/24/11/5045.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "2024重庆国际人才交流大会事业单位考核招聘紧缺高层次人才参加体检人员公示 （重庆警察学院）",
"coverUrl": "",
"publishDate": "2024-11-23 00:00:00",
"articleType": 1,
"remarks": "按照重庆人力资源和社会保障网（rlsbj.cq.gov.cn）2024年10月31日发布的《2024重庆国际人才交流大会事业单位考核招聘紧缺高层次人才公告》，现将10名体检人员予以公示。一、公示期2024年11月25—27日（3个工作日）二、受理机构及联系方式受理地点：重庆警察学院党委组织部（人事处）、纪检监察室（重庆市沙坪坝区大学城景铮路666号，邮编：401331）联系方式：党委组织部（人..",
"url": "/html/content/24/11/5041.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "重庆警察学院考核招聘事业单位工作人员报名登记表",
"coverUrl": "",
"publishDate": "2024-08-09 00:00:00",
"articleType": 1,
"remarks": "重庆警察学院考核招聘事业单位工作人员报名登记表附件：重庆警察学院考核招聘事业单位工作人员报名登记表.docx",
"url": "/html/content/24/08/2847.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "关于举办2024年第一期“清雅谈”活动的通知",
"coverUrl": "",
"publishDate": "2024-01-17 00:00:00",
"articleType": 1,
"remarks": "为提升课程思政教学能力，帮助教师理解和把握课程思政教学的内涵和要求，学院于2023年开展了教师课程思政示范课系列培训，为进一步提升培训效果、交流学习心得，拟开展“清雅谈”活动",
"url": "/html/content/24/01/2621.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "关于房屋及其附属物维修维护申报的通知",
"coverUrl": "",
"publishDate": "2024-01-03 00:00:00",
"articleType": 1,
"remarks": "为保证学校办公教学的正常运转，请各单位结合实际，认真梳理，申报需要维修维护的房屋及附属物，包括维修内容和数量（申报内容和数量需客观真实）。",
"url": "/html/content/24/01/2620.shtml"
},]}
// this.noticeInfo.articles.forEach((item, index) => {
// item.backUrl = this.infoBackList[index]
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
// const res3 = await getSpecialSections()
// this.specialSections = res3.data
// this.specialSections.sectionInfos.forEach((item, index) => {
// item.sectionUrl = imgBaseUrl + item.sectionUrl
// })
// const res4 = await getBanners()
this.swiperImg = [{"imageUrl": "/upfiles/202407/20240731101036215.jpg", "targetUrl": " ", "remarks": " " },{"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/541170158026821.png", "targetUrl": " ", "remarks": " " },{"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/389009591296069.png", "targetUrl": " ", "remarks": " " },{"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/345407528456261.png", "targetUrl": " ", "remarks": " " },{"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/334787114729541.jpg", "targetUrl": " ", "remarks": " " },{"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/344002359050309.png", "targetUrl": " ", "remarks": " " },]
// this.totleNum = this.swiperImg.length
// this.swiperImg.forEach((item, index) => {
// item.imageUrl = imgBaseUrl + item.imageUrl
// })
// const res5 = await getCampusNews()
this.campusNewsList = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "学院开展2024年师德师风建设专题调研座谈会",
"coverUrl": "/upfiles/202412/20241220104140874_s.jpg",
"publishDate": "2024-12-20 00:00:00",
"articleType": 1,
"remarks": "为贯彻落实习近平总书记关于师德师风的重要论述，根据《教育部办公厅关于进一步压实高校师德师风建设主体责任的通知》以及学院师德师风长效机制建设的要求，为全面客观了解学院教师师德师风状况，12月19日学院开展了2024年师德师风建设专题调研座谈会。学院党委委员、副院长康波到会指导，各单位负责人及教工部全体人员参会。会议组织各单位学习了《新时代高校教师职业行为十项准则》和《学院师德失范行为负面清单》等..",
"url": "/html/content/24/12/5109.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "黎宏副院长为学院师生做习近平法治思想专题讲座",
"coverUrl": "/upfiles/202412/20241219160744780.jpg",
"publishDate": "2024-12-19 00:00:00",
"articleType": 1,
"remarks": "12月18日下午，学院党委委员、副院长黎宏，以《深学笃行习近平法治思想在法治轨道上深化改革推进中国式现代化》为题，为学院师生做专题讲座。黎宏副院长围绕习近平法治思想的核心要义、实践逻辑、理论逻辑、历史逻辑，讲述了十八大以来习近平法治思想的形成发展过程，深刻阐述了习近平法治思想是当代中国马克思主义法治理论、21世纪马克思主义法治理论，是具有原创性、时代性的新理论新思想新战略，具有重要的政治意义、..",
"url": "/html/content/24/12/5106.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "学院法学部党支部书记在全市第二届高校二级院系党组织书记讲党建比赛中获奖",
"coverUrl": "/upfiles/202412/20241219092248902.jpg",
"publishDate": "2024-12-19 00:00:00",
"articleType": 1,
"remarks": "近日，全市第二届高校二级院系党组织书记讲党建比赛在重庆师范大学举行，全市各高校71名高校二级院系党组织书记参赛。学院法学部党支部书记孟令战获评本科院校组赛道优秀奖。本次比赛由重庆市委教育工委主办，分为本科院校组和高职高专院校组，设有现场展示、现场答辩两个环节，对参赛人员综合素养要求高，比赛现场气氛热烈，赛马比拼氛围浓厚。学院法学部党支部书记孟令战精心准备，认真参与，在比赛中展现出了良好的精神风..",
"url": "/html/content/24/12/5104.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "学院仪仗队赴西南政法大学开展交流活动",
"coverUrl": "/upfiles/202412/20241218153018658.png",
"publishDate": "2024-12-18 00:00:00",
"articleType": 1,
"remarks": "12月15日下午，学院仪仗队前往西南政法大学与该校国旗护卫队展开交流活动。活动中，双方队长分别介绍了各自队伍的情况，并组织队员进行了队列展示。期间，成员们积极互动，就礼宾枪使用、队列技术展开了深入交流，分享了宝贵经验。两支队伍还分别完成了一次全流程的升旗仪式，展现两校升旗流程各自的特色，达到互学互鉴，共同进步的目的。",
"url": "/html/content/24/12/5102.shtml"
},]}
// this.campusNewsList.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
this.imgSrcInfo = this.campusNewsList.articles[0]
// const res6 = await getRedEducations()
this.redEducations = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "红岩联线",
"coverUrl": "https://www.cqpc.edu.cn/Upload/Default/332006464532549.png",
"publishDate": "{yyyy}-{mm}-{dd} 00:00:00",
"articleType": 2,
"remarks": "https://www.hongyan.info/"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "学习强国",
"coverUrl": "https://www.cqpc.edu.cn/Upload/Default/332008674287685.png",
"publishDate": "{yyyy}-{mm}-{dd} 00:00:00",
"articleType": 2,
"remarks": "https://www.xuexi.cn/482f31e90c481f2161a19ecfcbb91f8b/e6109f421e472b4399b006ba21bc2ecd.html"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "党史学习",
"coverUrl": "https://www.cqpc.edu.cn/Upload/Default/332010313084997.png",
"publishDate": "{yyyy}-{mm}-{dd} 00:00:00",
"articleType": 2,
"remarks": "https://www.dswxyjy.org.cn/"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "党史文献",
"coverUrl": "https://www.cqpc.edu.cn/Upload/Default/332008042946629.png",
"publishDate": "{yyyy}-{mm}-{dd} 00:00:00",
"articleType": 2,
"remarks": "http://dangshi.people.com.cn/"
},]}
// this.redEducations.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
// const res7 = await getResearch()
this.research = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "交管系组织开展教师能力提升系列培训",
"coverUrl": "/upfiles/202412/20241206110558706.jpg",
"publishDate": "2024-12-06 00:00:00",
"articleType": 1,
"remarks": "为进一步提升交管系教师的教学能力，更好培育学生新质公安战斗力，交管系邀请市公安局勤指中心、交巡警总队城市快速路支队及渝中区交巡警支队等多名一线实战专家分别于11月26日、12月3日及12月4日来院对交管系教师系列专题培训。此次培训围绕《交通事故现场勘查技能》《重庆城市智慧交通实践应用》及《勤指行3.0的架构与应用》为主题进行。来自实战部门的专家以实战的视角进行讲解和分析公安一线实战的最新进展和..",
"url": "/html/content/24/12/5076.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "法学部举办京师大讲堂“侦查取证实务漫谈”专题讲座",
"coverUrl": "/upfiles/202411/20241107155323165.jpg",
"publishDate": "2024-11-07 00:00:00",
"articleType": 1,
"remarks": "11月6日下午，法学部举办了京师大讲堂“侦查取证实务漫谈”讲座。邀请京师（重庆）律师事务所律师、西南政法大学法学院副教授、硕士生导师薛颖文副教授主讲。法学部师生100余人参加讲座。薛颖文副教授从司法实践中的证据、取证实践要务和司法证明实务三方面展开讲解。他通过自己办理刑事案件的实践经验，分析了侦查办案中存在的程序与实体方面的一些普遍性问题，并结合具体案例阐述了言词证据取证、书证制作和笔录制作等..",
"url": "/html/content/24/11/4017.shtml"
},]}
// this.research.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
// const res8 = await getStudentTrends()
// const res9 = await getPoliceStory()
// if (res9.data.articles) {
this.policeStory = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "优秀校友面对面|刘婧镒：一颗警心，温暖民心",
"coverUrl": "/upfiles/202409/20240920145349785.jpg",
"publishDate": "2024-09-20 00:00:00",
"articleType": 1,
"remarks": "写在前面：韶光流转，岁月如歌。重庆警察学院即将迎来建校75周年，数十载光阴见证着警院的历史变迁，也见证着警院人不变的忠诚使命与责任担当。建校75年来，重庆警察学院始终坚持与国家命运起伏共振，与国家..",
"url": "/html/content/24/09/3962.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "治学路上，在坚守中踏实追梦 ——记全国公安教育工作成绩突出教师马永坤",
"coverUrl": "/ueditor/upload/image/20230224/6381284985448868382868093.JPG",
"publishDate": "2023-02-24 00:00:00",
"articleType": 1,
"remarks": "“坚守”是一个老生常谈的话题。关于“坚守”的故事我们听过太多，以至于觉得这个事再平凡不过。然而，当下快节奏的工作和生活方式，让人们越来越难以静下心来专注做好一件事，并没有多少人能做到真正的坚守。",
"url": "/html/content/23/02/2655.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "从实战前线到育人讲台——他坚守初心播撒“藏蓝种子”",
"coverUrl": "/ueditor/upload/image/20221017/6380162087348525429235147.jpg",
"publishDate": "2022-10-17 00:00:00",
"articleType": 1,
"remarks": "从饱经历练的“资深”民警到初登讲台的“新手”教师，从镇定从容地面对各种穷凶极恶的犯罪分子到忐忑不安地面对一张张青春面孔、充满阳光活力的青年学警，从实战一线到育人讲台，会产生怎样的碰撞与火花？又会有..",
"url": "/html/content/22/10/2654.shtml"
},]}
// this.policeStory.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
// }
// const res10 = await getPoliceFigures()
// if (res10.data.articles) {
// this.policeFigures = res10.data
// this.policeFigures.articles.forEach((item, index) => {
// item.content = imgBaseUrl + item.content
// console.log(item.content)
// })
// }
// const res11 = await getAdvertList({ pageNo: 1, pageSize: 10 })
// if (res11.data.rows.length > 0) {
// this.bodyShow = true
// this.posterContent = res11.data.rows[0]
// console.log(this.bodyShow)
// } else {
// this.bodyShow = false
// }
console.log(this.posterContent)
this.studentTrends = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "学院团委组织开展“党的二十届三中全会精神专题学习会”主题团日活动",
"coverUrl": "/upfiles/202409/20240926113530116.jpg",
"publishDate": "2024-09-26 00:00:00",
"articleType": 1,
"remarks": "近日，学院团委组织全院学生开展主题团日活动，专题学习贯彻党的二十届三中全会精神。活动过程中，各支部通过代表领学、小组讨论、交流发言等形式，深入学习《中共中央关于进一步全面深化改革、推进中国式现代化的决定》以及习近平总书记在三中全会上的重要讲话精神，深入领会全会的召开背景及重大意义，全面理解全面深化改革的重大举措、目标任务以及改革要求等。全体学警一致表示，要领会好三中全会精神，以强烈的责任感与使..",
"url": "/html/content/24/09/3970.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "党委学工部组织开展2024级新生军训第二次会操比赛",
"coverUrl": "/upfiles/202409/20240925100408445.jpg",
"publishDate": "2024-09-25 00:00:00",
"articleType": 1,
"remarks": "为全面检验新生近期训练成果，展示他们的青春活力、团队协作精神和纪律性，9月24日，党委学工部组织开展了2024级新生军训第二次会操比赛。清晨8点，2024级全体新生准时在操场上集结完毕。各连队依次进行展示，他们步伐整齐、口号响亮，彰显了军训期间取得的显著进步和成长。从基础的立正、稍息到复杂的队列变换，每一个动作都力求精准，充分体现了同学们不畏艰难、勇于挑战的精神。经过激烈角逐，治安1区队以其出..",
"url": "/html/content/24/09/3968.shtml"
},]}
// this.studentTrends.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
// console.log(this.studentTrends)
// const res12 = await getTodayDutyInfoOutput()
// if (res12.data.length > 0) {
// this.workPeople = res12.data
// this.workPeople.forEach((item1, index) => {
// item1.todayDutyInfo.forEach((item, index) => {
// item.dutyAvatar = imgBaseUrl + '/' + item.dutyAvatar
// })
// })
// this.index1 = this.workPeople[0].todayDutyInfo.length
// this.index2 = this.workPeople[1].todayDutyInfo.length
// this.workredbar.max = Math.max(this.index1, this.index2) - 5
// this.workPeopleMax = Math.max(this.index1, this.index2)
// }
// const res13 = await getBiddings()
this.biddings = {"articles": [{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "重庆警察学院信息技术中心采购在线教育综合平台维保服务中标（成交）结果公告",
"coverUrl": "",
"publishDate": "2024-11-20 00:00:00",
"articleType": 1,
"remarks": "重庆警察学院信息技术中心采购在线教育综合平台维保服务中标（成交）结果公告一、采购方式：询价采购二、项目名称：信息技术中心采购在线教育综合平台维保服务三、成交供应商信息：供应商名称：优慕课在线教育科技（北京）有限责任公司供应商地址：北京市海淀区中关村东路1号院2号楼608室中标(成交)金额：47800元四、评审专家名单陶甫雨李鹏超崔海五、公告期限公告期限：1个工作日六、凡对本次公告内容提出询问，..",
"url": "/html/content/24/11/5036.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "信息技术中心在线教育综合平台维保服务采购公告",
"coverUrl": "",
"publishDate": "2024-11-14 00:00:00",
"articleType": 1,
"remarks": "询价文件-信息技术中心在线教育综合平台维保服务.docx",
"url": "/html/content/24/11/5021.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "单一来源采购方式需求公示表",
"coverUrl": "",
"publishDate": "2024-10-23 00:00:00",
"articleType": 1,
"remarks": "采购单位（全称）重庆警察学院党政办公室拟采购品目（项目名称）警院党政办公室订阅学院2025年报刊杂志项目内容征订报刊杂志类别涵盖政法、财经、都市、妇幼、家庭、教育、保健、医药、自然、旅游、计算机、影视、军事、体育、政务等领域，必须保证所提供报刊杂志符合国家相关法律法规之规定，必须是出版的正版报刊杂志，不得夹杂非法、盗版、盗印报刊，保障服务质量、到货率、时效性及送货上门等服务。采购预算14万元拟..",
"url": "/html/content/24/10/4000.shtml"
},{
"id": 0,
"chapterId": 0,
"sectionId": 0,
"title": "单一来源采购方式需求公示表",
"coverUrl": "",
"publishDate": "2024-05-27 00:00:00",
"articleType": 1,
"remarks": "单一来源采购方式需求公示表",
"url": "/html/content/24/05/2643.shtml"
},]}
// this.biddings.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// })
// const res14 = await getScholarlyGardens()
// this.scholarlyGardens = res14.data
// this.scholarlyGardens.articles.forEach((item, index) => {
// item.coverUrl = imgBaseUrl + item.coverUrl
// //遇到换行符分成数组
// item.remarks = item.remarks.split('\n')
// })
// const res15 = await getPoliceFigureImages()
this.policeFigureImages = [{
"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/345043172929605.jpg",
"targetUrl": "1",
"remarks": "警苑映像"
},{
"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/340114821509189.jpg",
"targetUrl": "1",
"remarks": "警苑映像"
},{
"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/340112905232453.jpg",
"targetUrl": "1",
"remarks": "警苑映像"
},{
"imageUrl": "https://www.cqpc.edu.cn/Upload/Default/334519628886085.jpg",
"targetUrl": "1",
"remarks": "警苑映像"
},]
// this.policeFigureImages.forEach((item, index) => {
// item.imageUrl = imgBaseUrl + item.imageUrl
// })
// const res16 = await getBrowseCount()
// this.browse = res16.data
this.getClientHeight()
this.$nextTick(() => {
this.redbar.max = this.redEducations.articles.length + 1 - 6
const scrollview = this.$refs['scrollview']
scrollview.addEventListener('scroll', this.scrollChange, true)
//默认第一个轮播图文字
document.getElementsByTagName('ul')[0].setAttribute("data-before", this.swiperImg[0].remarks)
})
},
//可视高度
getClientHeight() {
this.$nextTick(() => {
if (!this.changeStruck) {
document.getElementsByClassName('indexBody2')[0].style.height = (document.documentElement.clientHeight - 133) + 'px'
document.getElementsByClassName('swiper-top')[0].style['margin-top'] = 0 + 'px'
}
if (this.changeStruck) {
this.redAnimation = true
this.scholAnimation = true
this.teachticaAnimation = true
document.getElementsByClassName('el-carousel__container')[0].style.height = document.getElementsByClassName("swiperImg")[0].offsetHeight;
console.log(document.getElementsByClassName("swiperImg")[0].offsetHeight, "swiperInbg")
var swiperTop = document.getElementsByClassName("indexHeader")[0].offsetHeight;
}
})
},
isScreen() {
if (document.body.clientWidth <= 600) {
this.showNone = true
}
if (document.body.clientWidth < 1000) {
this.changeStruck = true
isScreen = true
// this.$refs.header.getClientWidth();
} else {
this.changeStruck = false
isScreen = false
}
},
redEducationLeft() {
if (this.redbar.index > 0) {
this.redbar.index--
}
var e = document.getElementsByClassName("redEducation-content")[0];
e.scrollTo({ left: this.redbar.index * 500, behavior: "smooth" })
},
redEducationRight() {
if (this.redbar.index < this.redbar.max + 1) {
this.redbar.index++
}
var e = document.getElementsByClassName("redEducation-content")[0];
e.scrollTo({ left: this.redbar.index * 500, behavior: "smooth" })
},
redworkLeft() {
if (this.workredbar.index > 0) {
this.workredbar.index--
}
var e1 = document.getElementsByClassName("school-duty-img")[1];
var e2 = document.getElementsByClassName("school-duty-img")[0];
e1.scrollTo({ left: this.workredbar.index * 92, behavior: "smooth" })
e2.scrollTo({ left: this.workredbar.index * 92, behavior: "smooth" })
},
redworkRight() {
console.log(this.workredbar.max)
console.log(this.workredbar.index)
if (this.workredbar.index < this.workredbar.max + 1) {
this.workredbar.index++
}
var e1 = document.getElementsByClassName("school-duty-img")[1];
var e2 = document.getElementsByClassName("school-duty-img")[0];
e1.scrollTo({ left: this.workredbar.index * 92, behavior: "smooth" })
e2.scrollTo({ left: this.workredbar.index * 92, behavior: "smooth" })
},
swiperToLink(item) {
if (item.targetUrl) {
window.location.href = item.targetUrl
}
},
// 教学选择
teaching(index, id) {
this.teachingIndex = index
this.imgTrans = true
var that = this
},
toList(title, id, backId, cid) {
if (cid) {
window.location.href = '/templates/site/announceList.html?chapterId=' + id + '&title=' + title + '&backId=' + backId + '&cid=' + cid
} else if (title == '警苑映像') {
window.location.href = '/templates/site/spannounceList.html?chapterId=' + id + '&title=' + title + '&backId=' + backId
} else {
window.location.href = '/templates/site/announceList.html?chapterId=' + id + '&title=' + title + '&backId=' + backId
}
},
toDetail(id, backId, item) {
console.log(item)
//true跳转到外部，false跳转内部
if (!item.isLink) {
window.location.href = item.url
} else {
window.open(item.linkUrl)
}
},
scrollChange(e) {
var scrollTop = this.$refs.scrollview.scrollTop
console.log(scrollTop)
if (scrollTop > 1000) {
// this.thematicaAnimation = true
}
if (scrollTop > 500) {
this.teachticaAnimation = true
}
if (scrollTop > 1700) {
this.redAnimation = true
}
if (scrollTop > 240) {
this.scholAnimation = true
}
if (scrollTop > 2700) {
this.studentA = true
}
if (scrollTop > 1100) {
this.educationAnimation = true
}
if (scrollTop > 3379) {
this.teachingIndex = 0
this.fadeInImg = true
}
if (scrollTop > 3600 && !this.imageATrigger) {
this.imageA = true
this.imageATrigger = true
// console.log('scroll imageA',this.imageA);
}
},
},
watch: {
screenWidth: {
handler: function (val, oldVal) {
var _this = this
_this.$nextTick(() => {
if (val <= 1000) {
this.isScreen()
this.getClientHeight()
} else {
this.isScreen()
this.getClientHeight()
}
})
},
immediate: false
},
body_r: {
handler: function (val, oldVal) {
var _this = this
_this.$nextTick(() => {
if (val <= 1000) {
this.getClientHeight()
} else {
this.getClientHeight()
}
})
},
immediate: false
},
}
})
</script>
<style>
.bgImg0 {
background: url("/templates/site/img/首页/1.png") no-repeat;
}
.bgImg1 {
margin-top: 30px !important;
background: url('/templates/site/img/首页/2.png') no-repeat;
}
.bgImg2 {
background: url('/templates/site/img/首页/3.png') no-repeat;
}
.bgImg3 {
margin-top: 30px !important;
background: url('/templates/site/img/首页/4.png') no-repeat;
}
.inforight {
animation: right 1s
}
.infoleft {
animation: left 1s
}
/* 通知动画 */
@keyframes notificationLeft {
0% {
transform: translateY(-100px);
}
100% {
transform: translateY(0);
}
}
/* 通知动画 */
@keyframes notificationRigth {
0% {
transform: translateY(100px);
}
100% {
transform: translateY(0);
}
}
.notificationleft {
animation: notificationLeft 1s
}
.notificationrigth {
animation: notificationRigth 1s
}
.ceiling {
top: 198px;
animation: forward 1s
}
.indexHeaderFrames {
animation: frames 1s
}
.subject-box-img2 {
animation: subjectBox2 1.5s
}
.subject-box-img3 {
animation: subjectBox3 1.5s
}
.subject-box-img1 {
animation: subjectBox3 1.5s
}
.subject-box-img4 {
animation: subjectBox2 1.5s
}
.fadeIn {
animation: fadeio 6s;
}
.redEducationAnimation {
animation: education 5s;
}
@keyframes education {
0% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes unforward {
0% {
top: 133px;
}
100% {
top: 1300px;
}
}
@keyframes unframes {
0% {
top: 0px;
}
100% {
top: -133px;
}
}
.checkedBack {
background-image: url('/templates/site/img/首页/newBack.png')
}
.checkedIndex {
margin-left: 30px;
color: #1249A3;
}
.teachingA {
animation: teachingA 1s;
}
@keyframes teachingA {
0% {
transform: translateX(-100px);
}
80% {
transform: translateX(50px);
}
100% {
transform: translateX(0);
}
}
@keyframes imageA {
0% {
transform: translate(-100px, -30px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes imageB {
0% {
transform: translate(100px, -30px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes imageC {
0% {
transform: translate(-100px, 30px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes imageD {
0% {
transform: translate(100px, 30px);
}
100% {
transform: translate(0px, 0px);
}
}
.image {
transform: translate(0, 0) !important;
transition: transform 1s ease-in-out !important;
/* animation: imageA 1s; */
}
.image1 {
animation: imageB 1s;
}
.image2 {
animation: imageC 1s;
}
.image3 {
animation: imageD 1s;
}
#app {
width: 100vw;
height: 100%;
}
.footContainer{background-image: url('/templates/site/img/首页/组 3@2x.png');}
</style>
</body>
</html>为您提供网页信息检测查询,可以快速检测网页的META标签，分析标题、关键词、描述等是否符合搜索引擎收录规范 。