提交

songhua-ui/src/assets/images/shh_body.scss

@@ -6,7 +6,7 @@ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fi
 	margin: 0;
 	padding: 0;
 }
-body {
+.body {
 	font-size: 12px;
     background-color: #010e21;
     font-family: 'Microsoft YaHei';

songhua-ui/src/assets/images/shh_index.scss

@@ -1,6 +1,6 @@
 .header{
   width: 100%;
-  background: url(./bg_header.png);
+  background: url(~@/assets/images/bg_header.png);
   height: 118px;
   position: relative;
   background-size: 100% 100%;
@@ -236,7 +236,7 @@
 .man .icon_man{
   width: 81px;
   height: 81px;
-  background: url(./icon_man.png) no-repeat center center;
+  background: url(~@/assets/images/icon_man.png) no-repeat center center;
   display: block;
   margin: 0 auto;
   border: 1px solid #184461;
@@ -254,7 +254,7 @@
   display: block;
   width: 81px;
   height: 81px;
-  background: url(./icon_woman.png) no-repeat center center;
+  background: url(~@/assets/images/icon_woman.png) no-repeat center center;
   margin: 0 auto;
   border: 1px solid #184461;
   border-radius: 50%;
@@ -315,7 +315,7 @@
 }
 .OTA_ranking ul li{
   float: left;
-  background: url(./shuju_bj.png) no-repeat;
+  background: url(~@/assets/images/shuju_bj.png) no-repeat;
   width: 94px;
   height: 200px;
   text-align: center;
@@ -377,7 +377,7 @@
 }
 .region_tab2 .div_tab2 a.df_on{
   color:#01ecff;
-  background: url(./tab_bj.png);
+  background: url(~@/assets/images/tab_bj.png);
 }
 .regionIn_tab2{ width:100%; height: 620px;}
 

songhua-ui/src/views/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="body">
     <div class="header">
       <h1 class="header_title">松花湖景区通</h1>
       <span class="time">2024年4月23日 星期二 上午 9:51:54</span>
@@ -11,8 +11,8 @@
             <h3 class="PartTitle">景区人流量排行榜TOP5</h3>
             <div class="selectDate" data-objname="ticketType">
               <span class="_selectData">2020年04月</span>
-              <a class="icon_more"  onclick="smalClick(this)"> &gt; </a>
-              <div class="_moreMenu">
+              <a class="icon_more"  @click="smalClick()"> &gt; </a>
+              <div class="_moreMenu" v-if="moreMeunSmal">
                 <ul>
                   <li class="change" data-date="2020-04">2020年04月</li>
                   <li data-date="2020-03">2020年03月</li>
@@ -105,15 +105,15 @@
           <!--通知公告选项卡开始-->
           <div class="region_tab2">
             <div class="div_tab2">
-              <a>游船视图</a>
-              <a>游客视图</a>
+              <a @click="tabClick(1)">游船视图</a>
+              <a @click="tabClick(2)">游客视图</a>
             </div>
-            <div class="regionIn_tab2">
+            <div class="regionIn_tab2 one" v-if="regionInShowOne">
               <div class="bor">
-                1111
+                游船视图页面
               </div>
             </div>
-            <div class="regionIn_tab2">
+            <div class="regionIn_tab2 two" v-if="regionInShowTwo">
               <div class="wholeCountry">
                 <h4>当日平台总成交额 </h4>
                 <div class="money">
@@ -126,10 +126,10 @@
                   <span>4</span>
                   <span>5</span>
                 </div>
-                <div class="_count">当日累计总游客数<ins>234856</ins> 人</div>
+                <div class="_count">当日累计总游客数<ins>234856</ins>人</div>
               </div>
               <div class="map bor">
-                地图位置
+                echerts地图图标位置
               </div>
 
             </div>
@@ -239,15 +239,38 @@
 </template>
 
 <script>
-import "@/assets/images/shh_body.scss";
-import "@/assets/images/shh_index.scss";
 export default {
-  name: "songhuaIndex"
+  name: "songhuaIndex",
+  data() {
+    return {
+      moreMeunSmal:false,
+      regionInShowOne:true,
+      regionInShowTwo:false,
+    }
+  },
+  created() {
+  },
+  methods: {
+    smalClick(){
+      this.moreMeunSmal = !this.moreMeunSmal;
+    },
+    tabClick(state){
+      if(state == 1){
+        this.regionInShowOne=true;
+        this.regionInShowTwo=false;
+      }else{
+        this.regionInShowOne=false;
+        this.regionInShowTwo=true;
+      }
+    },
+
+  },
+
 }
 </script>
 
-<!--<style lang="scss" scoped>-->
-<!--@import "@/assets/index/shh_body.scss";-->
-<!--@import "@/assets/index/shh_index.scss";-->
+<style lang="scss" scoped>
+@import "@/assets/styles/shh_body.scss";
+@import "@/assets/styles/shh_index.scss";
 
-<!--</style>-->
+</style>