洋浦学校八大中心 党建接口对接

src/views/screenAdaptation/common/imgPreview.vue

@@ -0,0 +1,54 @@
+<template>
+    <div class="img-preview-box-style">
+        <img :src="getImgURL()" style="width: 100%;height: 100%" @click="previewData">
+        <preview-box ref="previewBox"/>
+    </div>
+</template>
+<script>
+    /*
+     * 图片及预览处理业务组件
+     * */
+    import PreviewBox from '../../../components/common/preview/PreviewBox';
+    import PreviewManager from '../../../components/common/preview/previewManager';
+    export default{
+        props: {
+            imgObj: {
+                type: Object,
+                default: () => {
+                }
+            }
+        },
+        data(){
+            return {
+                img: this.$props.imgObj,
+            }
+        },
+        watch: {
+            imgObj:function (newVal) {
+                this.img = newVal;
+            }
+        },
+        methods: {
+            getImgURL: function () {
+                if (this.img && this.img.key && this.img.key !== "") {
+                    return this.BaseConfig.url_path_down + this.img.key;
+                } else {
+                    //暂无图片
+                }
+            },
+            previewData: function () {
+                PreviewManager.analysisPreview(this.img, this.$refs.previewBox)
+            }
+        },
+        components: {
+            PreviewBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .img-preview-box-style {
+        width: 100%;
+        height: 100%;
+        cursor: pointer;
+    }
+</style>

src/views/screenAdaptation/pages/adminCenter/systemConfig.js

@@ -98,7 +98,7 @@ export const systemConfigData = [
 
 export const systemCenterConfig = [
     {
-        id:'party-building',
+        id:'dangjianyinling',
         title:'党建引领',
         menus:[
             {
@@ -128,7 +128,7 @@ export const systemCenterConfig = [
         ]
     },
     {
-        id:"admin",
+        id:"xingzhengguanli",
         title:'行政管理',
         menus:[
             {
@@ -158,7 +158,7 @@ export const systemCenterConfig = [
         ]
     },
     {
-        id:"operationData",
+        id:"yunxingshuju",
         title:'运行数据',
         menus:[
             {
@@ -196,7 +196,7 @@ export const systemCenterConfig = [
         ]
     },
     {
-        id:"teaching",
+        id:"jiaoxue",
         title:'教学管理',
         menus:[
             {
@@ -226,7 +226,7 @@ export const systemCenterConfig = [
         ]
     },
     {
-        id:"moralEducation",
+        id:"deyu",
         title:'德育管理',
         menus:[
             {
@@ -384,7 +384,7 @@ export const systemCenterConfig = [
         ]
     },
     {
-        id:'imgText',
+        id:'tuwen',
         title:'图文管理',
         menus:[
             {

src/views/screenAdaptation/pages/moralEducationCenter/virtueBodyHealthArt/artWork.vue

@@ -173,10 +173,38 @@
                 },
             }
         },
-        mounted(){
+        mounted() {
+            // console.log(this.$refs.mySwiper.$swiper.$wrapperEl.style);
+            this.$refs.mySwiper.$swiper.$wrapperEl[0].style["transition-timing-function"] = "linear"; //css中修改linear不生效，则在mounted中更改
+        },
+        methods: {
+            stopSwiper() {
+                // 存放鼠标悬浮时的transform属性
+                this.nextTransForm = this.$refs.mySwiper.$swiper.$wrapperEl[0].style.transform;
+                // 轮播图原本应移动到的位置
+                let nextTransPosition = -1 * parseInt(this.nextTransForm.split("px")[0].split("translate3d(")[1]);
+                // // 鼠标悬浮时时轮播图位置
+                let nowTransPosition = -1 * parseInt(window.getComputedStyle(this.$refs.mySwiper.$swiper.$wrapperEl[0], false)["transform"].split("1, ")[2].split(",")[0]);
+
+                // 存放鼠标悬浮时轮播图的真实transform属性（非行内属性）
+                let nowTransForm = window.getComputedStyle(this.$refs.mySwiper.$swiper.$wrapperEl[0], false)["transform"];
+
+                // 计算轮播图从暂停位置移动到原本应到的位置所用的时间（150是我自定义的每个slide的宽度）
+                this.nextTime = 4000 * ((nextTransPosition - nowTransPosition) / 150);
 
+                // 改变行内transform属性
+                this.$refs.mySwiper.$swiper.$wrapperEl[0].style.transform = nowTransForm;
+                this.$refs.mySwiper.$swiper.$wrapperEl[0].style.transitionDuration = "0ms";
+
+                this.$refs.mySwiper.$swiper.autoplay.stop();
+            },
+            startSwiper() {
+                // 恢复原样
+                this.$refs.mySwiper.$swiper.$wrapperEl[0].style.transform = this.nextTransForm;
+                this.$refs.mySwiper.$swiper.$wrapperEl[0].style.transitionDuration = this.nextTime + "ms";
+                this.$refs.mySwiper.$swiper.autoplay.start();
+            }
         },
-        methods: {},
         components: {
             CommonBox,
             VueSeamlessScroll,

src/views/screenAdaptation/pages/partyCenter/brandCreation.vue

@@ -4,29 +4,35 @@
             <a-row type="flex" justify="space-between" style="margin-bottom: 13px;">
                 <a-col style="width: 48.8%;height: 160px">
                     <!--<img src="./images/topBigPic1.png" class="rowImg" style="width: 100%;height: 100%">-->
-                    <img :src="getImgURL(imgList[0])" class="rowImg" style="width: 100%;height: 100%" @click="previewData(imgList[0])">
+                    <!--<img :src="getImgURL(imgList[0])" class="rowImg" style="width: 100%;height: 100%" @click="previewData(imgList[0])">-->
+                    <img-preview :imgObj="imgList[0]"/>
                 </a-col>
                 <a-col style="width: 48.8%;height: 160px">
                     <!--<img src="./images/topBigPic2.png" class="rowImg" style="width: 100%;height: 100%">-->
-                    <img :src="getImgURL(imgList[1])" class="rowImg" style="width: 100%;height: 100%">
+                    <!--<img :src="getImgURL(imgList[1])" class="rowImg" style="width: 100%;height: 100%" @click="previewData(imgList[1])">-->
+                    <img-preview :imgObj="imgList[1]"/>
                 </a-col>
             </a-row>
             <a-row type="flex" justify="space-between" style="margin-bottom: 25px;">
                 <a-col style="width: 23.1%;height: 85px">
                     <!--<img src="./images/topSmallPic1.png" class="rowImg">-->
-                    <img :src="getImgURL(imgList[2])" class="rowImg" style="width: 100%;height: 100%">
+                    <!--<img :src="getImgURL(imgList[2])" class="rowImg" style="width: 100%;height: 100%" @click="previewData(imgList[2])">-->
+                    <img-preview :imgObj="imgList[2]"/>
                 </a-col>
                 <a-col style="width: 23.1%;height: 85px">
                     <!--<img src="./images/topSmallPic2.png" class="rowImg">-->
-                    <img :src="getImgURL(imgList[3])" class="rowImg" style="width: 100%;height: 100%">
+                    <!--<img :src="getImgURL(imgList[3])" class="rowImg" style="width: 100%;height: 100%" @click="previewData(imgList[3])">-->
+                    <img-preview :imgObj="imgList[3]"/>
                 </a-col>
                 <a-col style="width: 23.1%;height: 85px">
                     <!--<img src="./images/topSmallPic3.png" class="rowImg">-->
-                    <img :src="getImgURL(imgList[4])" class="rowImg" style="width: 100%;height: 100%">
+                    <!--<img :src="getImgURL(imgList[4])" class="rowImg" style="width: 100%;height: 100%" @click="previewData(imgList[4])">-->
+                    <img-preview :imgObj="imgList[4]"/>
                 </a-col>
                 <a-col style="width: 23.1%;height: 85px">
                     <!--<img src="./images/topSmallPic4.png" class="rowImg">-->
-                    <img :src="getImgURL(imgList[5])" class="rowImg" style="width: 100%;height: 100%">
+                    <!--<img :src="getImgURL(imgList[5])" class="rowImg" style="width: 100%;height: 100%" @click="previewData(imgList[5])">-->
+                    <img-preview :imgObj="imgList[5]"/>
                 </a-col>
             </a-row>
             <div class="brandList">
@@ -44,6 +50,7 @@
                 </vue-scroll>
             </div>
         </a-spin>
+        <preview-box ref="previewBox" />
     </CommonBox>
 </template>
 <script>
@@ -55,6 +62,7 @@
     import axios from 'axios';
     const querystring = require('querystring');
     import Upload from '../../../../components/common/uploader/Upload.vue';
+    import ImgPreview from '../../common/imgPreview.vue';
     import PreviewBox from '../../../../components/common/preview/PreviewBox';
     import PreviewManager from '../../../../components/common/preview/previewManager';
     export default{
@@ -196,7 +204,9 @@
             AIcon: Icon,
             AModal: Modal,
             ASpin:Spin,
-            Upload
+            Upload,
+            PreviewBox,
+            ImgPreview
         },
     }
 </script>

src/views/screenAdaptation/pages/partyCenter/teamHelp.vue

@@ -80,6 +80,7 @@
     .party-center-team-help-style {
         width: 605px !important;
         height: 400px !important;
+
         .teamBoost {
             width: 100%;
             height: 100%;