center

ipadCtr/src/components/updown.vue

@@ -16,6 +16,7 @@ export default {
 </script>
 <style scoped>
 .box {
+  margin: 3rem 0 0 5rem;
   width: 6rem;
   height: 1.5rem;
   font-size: 0.4rem;
@@ -34,6 +35,7 @@ export default {
 .up {
   background: url(../assets/img/up.png) no-repeat left top;
   background-size: auto 100%;
+    margin-right: 1rem;
 }
 .down {
   background: url(../assets/img/down.png) no-repeat left top;

ipadCtr/src/pages/center.vue

 <template>
   <div class="page">
-    <content-box :btnbackshow="btnbackshow" @btnbackclick="backfn">
       <div class="content">
-        
-        <div class="subtitle">{{subtitle.name||'全国'}} :</div>
-        <div id="scrollbox">
+        <page-title
+          :titledata="titledata"
+          :titleactive="titleactive"
+          @titleclick="titleclickfn"
+        />
+      </div>
+       <div id="scrollbox" v-if="titleactive==0">
           <vuescroll :ops="ops">
             <div
               class="btn"
-              :class="{activearea:activearea.code == item.code}"
+              :class="{activearea:activearea== index}"
               v-for="(item,index) in btnlist"
               :key="index"
-              @click="showC(item)"
+              @click="go(index)"
             >{{item.name}}</div>
           </vuescroll>
         </div>
-        <page-title v-if="activearea.code === subtitle.code || activearea.name=='全国'"
-          class="titlePosition"
-          :titledata="titledata"
-          :titleactive="titleactive"
-          @titleclick="titleclickfn"
-        />
-      </div>
-    </content-box>
+      <updown v-if="titleactive==1" @up=up @down=down class='btns' />  
   </div>
 </template>
 
 <script>
 import { send } from "@/service/ctrapi";
-import contentBox from "../components/contentBox";
+import updown from "../components/updown";
 import pageTitle from "../components/pageTitle";
 import vuescroll from "vuescroll";
 export default {
-  components: { contentBox, pageTitle, vuescroll },
+  components: { updown, pageTitle,vuescroll },
   data() {
     return {
-      btnlist: [],
-      titledata: ["24小时", "近一周", "近一月", "近一年"],
-      msgPathCfg:{
-        root:'/预警监控',
-        list1:'/省级',
-        subtitle:'/时间范围',
-      },
+      titledata: ["中心介绍", "发展历程"],
       titleactive: 0,
-      activearea: {},
-      subtitle: {},
-      btnbackshow: false,
+      activearea:0,
+      btnlist:[],
       ops: {
         bar: {
           background: "#41c9ff",
@@ -59,62 +48,32 @@ export default {
     };
   },
   mounted() {
-    this.showP();
-  },
-  methods: {
-    backfn() {
-      send(`${this.msgPathCfg.root}`, []);
-      this.showP();
-    },
-    showP() {
-      this.$axios
+   this.$axios
         .get("http://123.56.149.208:8091/external/get/city/all")
         .then(val => {
           this.btnlist = val.data.data;
-          this.btnbackshow = false;
-          this.titleactive = 0
-          this.activearea = this.btnlist[0];
-          this.subtitle = {};
         });
-    },
-    showC(item) {
-      if (this.btnbackshow) {
-        this.activearea = item;
-        send(
-          `${this.msgPathCfg.root}${this.msgPathCfg.list1}/${this.subtitle.name}/H5/${this.activearea.name}`,
-          []
-        );
-      } else if (item.name === "全国") {
-        this.activearea = item;
-        send(`${this.msgPathCfg.root}${this.msgPathCfg.subtitle}/${this.titleactive}`, []);
-      } else {
-        this.$axios
-          .get(`http://123.56.149.208:8091/external/get/city/id/${item.code}`)
-          .then(val => {
-            this.btnlist = val.data.data;
-            this.btnbackshow = true;
-            this.subtitle = item;
-            this.activearea = item;
-            send(
-              `${this.msgPathCfg.root}${this.msgPathCfg.list1}/${this.subtitle.name}${this.msgPathCfg.subtitle}/${this.titleactive}`,
-              []
-            );
-          });
-      }
+  },
+  methods: {
+    go(i){
+      this.activearea = i
+      send(`/中心建设/中心介绍/${this.btnlist[i].name}`,[])
     },
     titleclickfn(i) {
-      this.titleactive = i;
-      if (this.btnbackshow && this.activearea == this.subtitle) {
-        send(
-          `${this.msgPathCfg.root}${this.msgPathCfg.list1}/${this.subtitle.name}${this.msgPathCfg.subtitle}/${this.titleactive}`,
-          []
-        );
-      } else if (this.activearea.name === "全国") {
-        send(`${this.msgPathCfg.root}${this.msgPathCfg.subtitle}/${this.titleactive}`, []);
-      } else {
-        // send( `${this.msgPathCfg.root}${this.msgPathCfg.list1}/${this.subtitle.name}${this.msgPathCfg.subtitle}/${this.titleactive}`, []);
+      this.titleactive = i
+      if(i==0){
+        send(`/中心建设/中心介绍`,[])
+        this.go(0)
+      }else{
+        send(`/中心建设/大事记`,[])
       }
-    }
+    },
+    up() {
+      send(`/中心建设/大事记/Up`,[])
+    },
+    down() {
+      send(`/中心建设/大事记/Down`,[])
+    },
   }
 };
 </script>
@@ -133,10 +92,14 @@ export default {
   padding-left: 1rem;
   text-align: left;
 }
+
+.btns {
+  margin: 3rem 0 0 3rem;
+}
 #scrollbox {
   width: 15.5rem;
   height: 9rem;
-  margin-left: 1rem;
+  margin-left: 2rem;
   margin-top: 0.5rem;
 }
 .btn {
@@ -154,15 +117,6 @@ export default {
   background-size: 100% 100%;
   position: relative;
 }
-.subtitle {
-  margin: 0.5rem 0 0.5rem 1rem;
-  color: #fff;
-  font-size: 0.4rem;
-  text-shadow: 0.1rem 0rem 0.5rem rgba(255, 255, 255, 0.3),
-    -0.1rem 0rem 0.5rem rgba(255, 255, 255, 0.3),
-    0rem 0.1rem 0.5rem rgba(255, 255, 255, 0.3),
-    0rem -0.1rem 0.5rem rgba(255, 255, 255, 0.3);
-}
 .activearea {
   font-size: 0.35rem;
 }
@@ -176,8 +130,5 @@ export default {
   background: url(../assets/img/btn-light.png) no-repeat;
   background-size: 100% 94%;
 }
->>> div.title{
-  background:none;
-  transform: translateY(-0.2rem);
-}
+
 </style>

ipadCtr/src/pages/system.vue

@@ -70,8 +70,6 @@ export default {
   text-align: left;
 }
 
-.btns {
-  margin: 3rem 0 0 3rem;
-}
+
 
 </style>