212123

12312

xichongSys/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "axios": "^0.18.0",
     "babel-polyfill": "^6.26.0",
+    "echarts": "^4.2.1",
     "element-ui": "^2.4.6",
     "font-awesome": "^4.7.0",
     "js-cookie": "^2.2.0",

xichongSys/src/views/Intro/Intro.vue

 <template>
-  <el-carousel :interval="100000" type="card"  class="carousel" height="70vh" >
+  <el-carousel :interval="100000000000000000"  style="margin-top:30px" type="card"  class="carousel" height="70vh" >
     <el-carousel-item class="carousel-item-intro"  style="width:85%; height:100%;position:absolute;left:-18%;">
       <div class="ddiv1">
         <div class="div1" id="echartContainer1">
         </div>
-        <div class="nextpage">
+        <div class="nextpage" style="margin-top:50px">
           <p style="display:none">{{count}}</p>
-          <el-button  class="gopagediv1" @click="goPageClick1"> 上一页</el-button>
-          <el-button  class="gopagediv1" @click="nextPageClick1"> 下一页</el-button>
+          <el-button size="mini"  class="gopagediv1" @click="goPageClick1"> 上一页</el-button>
+          <el-button size="mini" class="gopagediv1" @click="nextPageClick1"> 下一页</el-button>
         </div>
       </div>
     </el-carousel-item>
-    <el-carousel-item class="carousel-item-func"  style="width:85%;height:100%;position:absolute;left:-18%">
+    <!-- <el-carousel-item class="carousel-item-func"  style="width:85%;height:100%;position:absolute;left:-18%">
       <div class="ddiv2">
         <div class="div2" id="echartContainer2" ></div>
       </div>
@@ -19,7 +19,7 @@
       </div>
     </el-carousel-item>
     <el-carousel-item class="carousel-item-env"  style="width:85%;height:100%;position:absolute;left:-18%;">
-    </el-carousel-item>
+    </el-carousel-item> -->
   </el-carousel>
 </template>
 
@@ -267,7 +267,7 @@
           this.echartzz=JSON.parse(sessionStorage.getItem("lj"));
           this.chartinfo(this.chartdata);
         }else {
-          alert('已经到最后一页了');
+          this.$message.error('已经是最后一页了');
         }
 
       },
@@ -278,7 +278,7 @@
         this.chartdata.chartsize=10;
         console.log(this.count);
         if(this.count<1){
-          alert('已经第一页了');
+          this.$message.error('已经是第一页了');
         }else{
           this.echartzz=JSON.parse(sessionStorage.getItem("lj"));
           this.chartinfo(this.chartdata);
@@ -296,7 +296,7 @@
 
 <style>
   .carousel-item-intro {
-    background-color: #EFF3F4;
+    background-color:#a3b3b965;
     -webkit-border-radius: 25px;
     border-radius: 25px;
     -moz-border-radius: 15px;
@@ -329,8 +329,7 @@
     height:65%;
     margin-top: 5%;
   }
-  .nextpage{
-  }
+  
 
   .ddiv2{
     margin: auto;