Skip to content

X
xichonght
Commit 8a5feb4c authored by qddidi's avatar qddidi
Browse files
Options

1312 

12312312
parent 97866e0d
Hide whitespace changes
Inline Side-by-side
Showing with 134 additions and 54 deletions
xichongSys/src/utils/global.js
View file @ 8a5feb4c
......@@ -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
View file @ 8a5feb4c
<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
View file @ 8a5feb4c
......@@ -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:"四川省",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment