1312

12312312

xichongSys/src/utils/global.js

@@ -6,8 +6,8 @@
 
 // 后台管理系统服务器地址
 // export const baseUrl2 = 'http://xclc.rensheju.com'
-// //export const baseUrl = 'http://xc.rensheju.com'
-export const baseUrl = 'http://172.16.10.33:9002'
+export const baseUrl = 'http://xc.rensheju.com'
+//export const baseUrl = 'http://172.16.10.33:9002'
 export const baseUrl2 = 'http://xclc.rensheju.com'
 //export const baseUrl = 'http://xc.rensheju.com'
 

xichongSys/src/views/Intro/Intro.vue

 <template>
-  <el-carousel :interval="100000000000000000"  style="margin-top:30px;" align=center type="card"  class="carousel" height="70vh" >
+  <el-carousel :interval="3000"  style="margin-top:30px;" align=center 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" height=100% :style="{width: '90%', height: '100%'}" id="echartContainer1">
-        </div>
-        <div class="nextpage" style="margin-top:-50px">
+        <div class="div1" :style="{width: '90%', height: '90%'}" id="echartContainer1"></div>
+        <div class="nextpage">
           <p style="display:none">{{count}}</p>
           <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>
-      <div class="nextpage">
+        <div class="div2" :style="{width: '90%', height: '90%'}" id="echartContainer2" ></div>
+        <div class="nextpage">
+          <p style="display:none"></p>
+          <el-button size="mini"  class="gopagediv1" @click="goPageClick2"> 上一页</el-button>
+          <el-button size="mini" class="gopagediv1" @click="nextPageClick2"> 下一页</el-button>
+        </div>
+
       </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>
 </template>
 
 <script>
+  import Axios from "axios"
+  import {baseUrl2} from "../../utils/global"
+
   var echarts = require('echarts');
   export default {
     components:{
@@ -51,6 +57,7 @@
             containLabel: true
           },
           xAxis:  {
+            name:"数量",
             type: 'value'
           },
           yAxis: {
@@ -145,13 +152,15 @@
             },
           ]
         },
-
         count: 1,
         chartdata:{
           chartnum:'',
           chartsize:'',
         },
         total:'',
+        fycount:'',
+        fysize:10,
+        fynum:0,
 
         echartrz:{
           title : {
@@ -167,19 +176,25 @@
           legend: {
             x:'center',
             top:'10%',
-            data: ['已认证', '未认证','认证比例']
+            data: ['已认证', '未认证','认证比例'],
+            selected: {
+              已认证:true,
+              未认证:true,
+              认证比例:false,
+            },
           },
           grid: {
             top: '30%',
             containLabel: true
           },
           xAxis:  {
-            type: 'value'
+            type: 'value',
+            name:"数量"
           },
           yAxis: {
             type: 'category',
             name:'乡镇名称',
-            data: ['周一','周二','周三','周四','周五','周六','周日']
+            data: []
           },
           series: [
             {
@@ -192,7 +207,7 @@
                   position: 'insideRight'
                 }
               },
-              data: [320, 302, 301, 334, 390, 330, 320]
+              data: []
             },
             {
               name: '未认证',
@@ -204,7 +219,7 @@
                   position: 'insideRight'
                 }
               },
-              data: [120, 132, 101, 134, 90, 230, 210]
+              data: []
             },
             {
               name: '认证比例',
@@ -216,7 +231,7 @@
                   position: 'insideRight'
                 }
               },
-              data: [0.56, 0.35, 0.91, 0.34, 0.9, 0.3, 0.31]
+              data: []
             },
           ]
         },
@@ -224,14 +239,79 @@
     },
 
     mounted(){
-
-      sessionStorage.setItem("lj",JSON.stringify(this.echartzz));
+      sessionStorage.setItem("zz",JSON.stringify(this.echartzz));
+      sessionStorage.setItem("rz",JSON.stringify(this.echartrz));
       this.chartinfo();
-      this.chart11();
+      this.chartCertification();
 
     },
+
     methods:{
-      chart11(){
+      chartCertification(){
+
+
+        Axios.get(baseUrl2+'/chart/timingselect',{
+        })
+          .then(res => {
+
+            this.icount = res.data.obj.pagetotal;
+            res.data.obj.result.length=this.fysize;
+            for (var i = this.fynum ; i <res.data.obj.result.length ; i++) {
+              this.echartrz.yAxis.data.push(res.data.obj.result[i].townName+"  ");
+              this.echartrz.series[0].data.push(res.data.obj.result[i].verified);
+              this.echartrz.series[1].data.push(res.data.obj.result[i].unverified);
+              this.echartrz.series[2].data.push(res.data.obj.result[i].rzl);
+            }
+
+            //console.log("分页linit"+this.fynum+","+this.fysize);
+            //console.log("首次=="+this.fynum+","+this.fysize+"/////"+res.data.obj.result.length+"总数"+this.icount)
+            let myChart1 = echarts.init(document.getElementById('echartContainer2'));
+            myChart1.setOption(this.echartrz);
+            /*   myChart1.on('legendselectchanged',function (parms) {
+                 var option = this.getOption();
+                 alert(123)
+               })*/
+            console.log()
+
+          })
+          .catch(res => {
+            console.log('报错了');
+          });
+      },
+      goPageClick2(){
+        if(this.fynum==0){
+          this.$message.error('已经第一页了');
+        }else{
+          this.echartrz=JSON.parse(sessionStorage.getItem("rz"));
+          if(this.fysize==this.icount){
+            this.fysize=this.fynum;
+            this.fynum=this.fynum-10;
+            this.chartCertification();
+            //  console.log("上一页linit"+this.fynum+","+this.fysize);
+          }else {
+            this.fysize = this.fysize-10;
+            this.fynum=this.fynum-10;
+            this.chartCertification();
+            //  console.log("上一页linit"+this.fynum+","+this.fysize);
+          }
+        }
+      },
+      nextPageClick2(){
+        if(this.fysize<this.icount){
+          this.fysize = this.fysize+10;
+          this.fynum=this.fynum+10;
+          this.echartrz=JSON.parse(sessionStorage.getItem("rz"));
+          if(this.fysize>this.icount){
+            this.fysize=this.icount
+            //  console.log("下一页linit"+this.fynum+","+this.fysize);
+            this.chartCertification();
+          }else{
+            //  console.log("下一页linit"+this.fynum+","+this.fysize);
+            this.chartCertification();
+          }
+        }else{
+          this.$message.error('已经是最后一页了');
+        }
       },
 
       chartinfo(){
@@ -250,28 +330,25 @@
           this.total = res.data.pagetotal;
           let myChart1 = echarts.init(document.getElementById('echartContainer1'));
           myChart1.setOption(this.echartzz);
-   /*       let myChart2 = echarts.init(document.getElementById('echartContainer2'));
-          myChart2.setOption(this.echartrz);*/
+
         }).catch((res) => {
           console.log('报错了');
         });
       },
-
       nextPageClick1(){
         this.count++;
         this.chartdata.chartnum = this.count;
         this.chartdata.chartsize=10;
-
         console.log(this.count);
         if(this.total>(this.chartdata.chartnum-1)*this.chartdata.chartsize){
-          this.echartzz=JSON.parse(sessionStorage.getItem("lj"));
+          this.echartzz=JSON.parse(sessionStorage.getItem("zz"));
           this.chartinfo(this.chartdata);
         }else {
+          this.count--;
           this.$message.error('已经是最后一页了');
         }
 
       },
-
       goPageClick1(){
         this.count--;
         this.chartdata.chartnum = this.count;
@@ -280,23 +357,19 @@
         if(this.count<1){
           this.$message.error('已经是第一页了');
         }else{
-          this.echartzz=JSON.parse(sessionStorage.getItem("lj"));
+          this.echartzz=JSON.parse(sessionStorage.getItem("zz"));
           this.chartinfo(this.chartdata);
         }
-
       }
     },
-
-
   }
 
 
-
 </script>
 
 <style>
   .carousel-item-intro {
-    background-color:#a3b3b965;
+    background-color:#D9E0E1;
     -webkit-border-radius: 25px;
     border-radius: 25px;
     -moz-border-radius: 15px;
@@ -304,7 +377,7 @@
     box-shadow: 0 0 25px #a3b3b965;
   }
   .carousel-item-func {
-    background-color: #52c578;
+    background-color: #D9E0E1;
     -webkit-border-radius: 25px;
     border-radius: 25px;
     -moz-border-radius: 15px;
@@ -312,7 +385,8 @@
     box-shadow: 0 0 25px #a3b3b965;
   }
   .carousel-item-env {
-    background-color: #41a7b9;
+    /*background-color: #41a7b9;*/
+    background-color: #D9E0E1;
     -webkit-border-radius: 25px;
     border-radius: 25px;
     -moz-border-radius: 15px;
@@ -321,23 +395,17 @@
   }
   .ddiv1{
     margin: auto;
-    width: 90%;
     height: 90%;
   }
   .div1{
-   
     height:65%;
     margin-top: 5%;
   }
-  
-
   .ddiv2{
     margin: auto;
-  
     height: 90%;
   }
   .div2{
-    
     height:65%;
     margin-top: 5%;
   }

xichongSys/src/views/Myvue/authRecordphone.vue

@@ -153,6 +153,9 @@ import Candode from "../Core/candode"
         },{
           value:"3",
           label:"未认证",
+        },{
+          value:"3",
+          label:"今年未认证"
         }],
         //时间
         time:"",
@@ -215,20 +218,29 @@ import Candode from "../Core/candode"
         this.serchs(1)
       },
       serchs(p){
-        
-        var start=""
+         var start=""
         var end=""
-        if(this.time){
-        var d=this.time[0]
-        var s=this.time[1]
-        console.log(d)
-         var mon=(parseInt(d.getMonth()) + 1)
-         var emon=(parseInt(s.getMonth()) + 1)
-         start = d.getFullYear()+"-"+mon+"-"+d.getDate()
+        if(this.state==3){
+         
+          start="2019-01-01"
+          end="2019-12-31"
+        }else{
+          start=""
+          end=""
+        }
+        // var start=""
+        // var end=""
+        // if(this.time){
+        // var d=this.time[0]
+        // var s=this.time[1]
+        // console.log(d)
+        //  var mon=(parseInt(d.getMonth()) + 1)
+        //  var emon=(parseInt(s.getMonth()) + 1)
+        //  start = d.getFullYear()+"-"+mon+"-"+d.getDate()
         
-         end=s.getFullYear()+"-"+emon+"-"+s.getDate()
+        //  end=s.getFullYear()+"-"+emon+"-"+s.getDate()
         
-        }
+        // }
         console.log(this.townList)
      var data={
        province_name:"四川省",