提交 6f7d34af authored 作者: huaxinzhu's avatar huaxinzhu

bug修复

上级 c313a51e
...@@ -42,7 +42,7 @@ const user = { ...@@ -42,7 +42,7 @@ const user = {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getssoUrl(data).then(response => { getssoUrl(data).then(response => {
const date = response.data const date = response.data
debugger //debugger
if (response.code == 1) { if (response.code == 1) {
commit('SET_SSOURL', date.access_token) commit('SET_SSOURL', date.access_token)
} }
......
...@@ -57,33 +57,31 @@ export default { ...@@ -57,33 +57,31 @@ export default {
this.chart = null this.chart = null
}, },
methods: { methods: {
moneyMax(num){ moneyMax(num) {
let prec = 2 let prec = 2
let ceil = true let ceil = true
const len = String(num).length; const len = String(num).length;
if (len <= prec) { return num }; if (len <= prec) {
const mult = Math.pow(10, prec); return num
return ceil ? }
Math.ceil(num / mult) * mult : const mult = Math.pow(10, prec);
Math.floor(num / mult) * mult; return ceil ? Math.ceil(num / mult) * mult : Math.floor(num / mult) * mult;
}, },
numberMax(num1,num2){ numberMax(num1,num2){
let num = '' let num = ''
if(num1>=num2){ if (num1 >= num2) {
num = num1 num = num1
}else{ } else {
num = num2 num = num2
} }
let prec = 2 let prec = 2
let ceil = true let ceil = true
const len = String(num).length; const len = String(num).length;
if (len <= prec) { return num }; if (len <= prec) {
const mult = Math.pow(10, prec); return num
return ceil ? }
Math.ceil(num / mult) * mult : const mult = Math.pow(10, prec);
Math.floor(num / mult) * mult; return ceil ? Math.ceil(num / mult) * mult : Math.floor(num / mult) * mult;
}, },
initChart() { initChart() {
this.chart = echarts.init(this.$el, 'macarons') this.chart = echarts.init(this.$el, 'macarons')
...@@ -92,7 +90,6 @@ export default { ...@@ -92,7 +90,6 @@ export default {
} }
}, },
setOptions({ expectedData, actualData, moneyData, months} = {}) { setOptions({ expectedData, actualData, moneyData, months} = {}) {
console.log(months)
this.chart.setOption({ this.chart.setOption({
xAxis: { xAxis: {
data: months, data: months,
...@@ -131,7 +128,7 @@ export default { ...@@ -131,7 +128,7 @@ export default {
name: '收益', name: '收益',
min: 0, min: 0,
max: this.moneyMax(this.chartData.maxMoneyData), max: this.moneyMax(this.chartData.maxMoneyData),
interval: (this.moneyMax(this.chartData.maxMoneyData)/5), interval: (this.moneyMax(this.chartData.maxMoneyData) / 5),
axisLabel: { axisLabel: {
formatter: '{value} 元' formatter: '{value} 元'
} }
......
...@@ -31,8 +31,11 @@ ...@@ -31,8 +31,11 @@
<swiper :options="swiperOption" v-if="bannerList && bannerList.length > 0"> <swiper :options="swiperOption" v-if="bannerList && bannerList.length > 0">
<swiper-slide v-for="(item,index) in bannerList" :key="index"> <swiper-slide v-for="(item,index) in bannerList" :key="index">
<a :href=" '//' + item.redirect_url" target="_blank"><img style="width: 100%;height: 562px;" :src="item.image_url" <!-- <a :href=" '//' + item.redirect_url" target="_blank">-->
alt=""></a> <a :href=" aLinkRes(item.redirect_url) " target="_blank">
<img style="width: 100%;height: 562px;" :src="item.image_url" alt="">
</a>
<p></p>
</swiper-slide> </swiper-slide>
</swiper> </swiper>
</section> </section>
...@@ -493,7 +496,14 @@ ...@@ -493,7 +496,14 @@
} }
// banner图 // banner图
if (res.data.cloud_banner_lst && res.data.cloud_banner_lst.banners_json && res.data.cloud_banner_lst.banners_json.length > 0) { if (res.data.cloud_banner_lst && res.data.cloud_banner_lst.banners_json && res.data.cloud_banner_lst.banners_json.length > 0) {
this.bannerList = res.data.cloud_banner_lst.banners_json; // this.bannerList = res.data.cloud_banner_lst.banners_json;
let bannerArr = []
res.data.cloud_banner_lst.banners_json.forEach(element => {
if(element.image_url) {
bannerArr.push(element);
}
});
this.bannerList = bannerArr
} }
// logo 图 // logo 图
if (res.data.cloud_supplier_lst && res.data.cloud_supplier_lst.detail_json) { if (res.data.cloud_supplier_lst && res.data.cloud_supplier_lst.detail_json) {
...@@ -505,6 +515,17 @@ ...@@ -505,6 +515,17 @@
} }
}) })
}, },
/** banner 图是否能跳转链接 处理 */
aLinkRes(link) {
let resLink = ''
if ( link ) {
resLink = ''
}else {
resLink = 'javascript:void(0);'
}
return resLink
},
// 监听浏览器滚动 // 监听浏览器滚动
handleScroll() { handleScroll() {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
......
<template> <template>
<div class="dashboard-editor-container"> <div class="dashboard-editor-container">
<div class="dashboard-promote"> <div class="dashboard-promote">
<!-- <el-row> <!-- <el-row>
<el-col :span="24"> <el-col :span="24">
<el-card class="box-card"> <el-card class="box-card">
<p>领取阿里云通用云产品优惠券</p> <p>领取阿里云通用云产品优惠券</p>
<p><a target="_blank" class="text-info" href="https://www.aliyun.com/minisite/goods?userCode=fcor2omk">https://www.aliyun.com/minisite/goods?userCode=fcor2omk</a></p> <p><a target="_blank" class="text-info" href="https://www.aliyun.com/minisite/goods?userCode=fcor2omk">https://www.aliyun.com/minisite/goods?userCode=fcor2omk</a></p>
<p>领取腾讯云通用云产品优惠券</p> <p>领取腾讯云通用云产品优惠券</p>
<p><a target="_blank" class="text-info" href="https://cloud.tencent.com/act/cps/redirect?redirect=1062&cps_key=20b1c3842f74986b2894e2c5fcde7ea2&from=console">https://cloud.tencent.com/act/cps/redirect?redirect=1062&cps_key=20b1c3842f74986b2894e2c5fcde7ea2&from=console</a></p> <p><a target="_blank" class="text-info" href="https://cloud.tencent.com/act/cps/redirect?redirect=1062&cps_key=20b1c3842f74986b2894e2c5fcde7ea2&from=console">https://cloud.tencent.com/act/cps/redirect?redirect=1062&cps_key=20b1c3842f74986b2894e2c5fcde7ea2&from=console</a></p>
</el-card> </el-card>
</el-col> </el-col>
</el-row> --> </el-row> -->
<!-- <el-row class="other"> <!-- <el-row class="other">
<el-col :span="8"> <el-col :span="8">
<el-card class="box-card kj"> <el-card class="box-card kj">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span class="title">gfast后台管理框架</span> <span class="title">gfast后台管理框架</span>
</div> </div>
<p>基于GF(Go Frame)的后台管理系统 ,完善的权限用户管理,致力于快速高效开发cms系统、督办系统、后续将加入流程审批、工作流引擎、项目管理、挂图作战、数据大屏等功能。</p> <p>基于GF(Go Frame)的后台管理系统 ,完善的权限用户管理,致力于快速高效开发cms系统、督办系统、后续将加入流程审批、工作流引擎、项目管理、挂图作战、数据大屏等功能。</p>
<div class="git-res"> <div class="git-res">
<el-link type="primary" icon="el-icon-cloudy" href="https://gitee.com/tiger1103/gfast" >访问码云</el-link> <el-link type="primary" icon="el-icon-cloudy" href="https://gitee.com/tiger1103/gfast" >访问码云</el-link>
<el-link type="success" icon="el-icon-user" href="https://github.com/tiger1103/gfast">访问github</el-link> <el-link type="success" icon="el-icon-user" href="https://github.com/tiger1103/gfast">访问github</el-link>
<el-link type="info" icon="el-icon-s-home" href="http://www.g-fast.cn">访问官网</el-link> <el-link type="info" icon="el-icon-s-home" href="http://www.g-fast.cn">访问官网</el-link>
</div> </div>
<div class="product"> <div class="product">
<h3>公司产品</h3> <h3>公司产品</h3>
<ul> <ul>
<li><a href="http://www.qjit.cn/wallchartoperation.html" target="_blank" class="text-danger">挂图作战指挥平台</a></li> <li><a href="http://www.qjit.cn/wallchartoperation.html" target="_blank" class="text-danger">挂图作战指挥平台</a></li>
<li><a href="http://www.qjit.cn/macrodata.html" target="_blank" class="text-danger">宏观数据库平台</a></li> <li><a href="http://www.qjit.cn/macrodata.html" target="_blank" class="text-danger">宏观数据库平台</a></li>
<li><a href="http://www.qjit.cn/usedcar.html" target="_blank" class="text-danger">二手车管理系统</a></li> <li><a href="http://www.qjit.cn/usedcar.html" target="_blank" class="text-danger">二手车管理系统</a></li>
<li><a href="http://www.qjit.cn/" target="_blank" class="text-danger">公租房管理系统</a></li> <li><a href="http://www.qjit.cn/" target="_blank" class="text-danger">公租房管理系统</a></li>
</ul> </ul>
</div> </div>
</el-card> </el-card>
<el-card class="box-card xx"> <el-card class="box-card xx">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span class="title">联系信息</span> <span class="title">联系信息</span>
</div> </div>
<p><i class="el-icon-s-promotion"></i> 官网:<a href="http://www.g-fast.cn" class="text-info" target="_blank">http://www.g-fast.cn</a></p> <p><i class="el-icon-s-promotion"></i> 官网:<a href="http://www.g-fast.cn" class="text-info" target="_blank">http://www.g-fast.cn</a></p>
<p><i class="el-icon-s-custom"></i> QQ群:865697297</p> <p><i class="el-icon-s-custom"></i> QQ群:865697297</p>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<el-card class="box-card jz"> <el-card class="box-card jz">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span class="title">捐赠</span> <span class="title">捐赠</span>
</div> </div>
<p>若框架对您有帮助,您可以捐赠表达一下心意:</p> <p>若框架对您有帮助,您可以捐赠表达一下心意:</p>
<img style="width: 700px; height: 360px" src="/images/jz.jpg"/> <img style="width: 700px; height: 360px" src="/images/jz.jpg"/>
</el-card> </el-card>
</el-col> </el-col>
</el-row> --> </el-row> -->
</div> </div>
<panel-group @handleSetLineChartData="handleSetLineChartData" :panel-data="panelData"/> <panel-group @handleSetLineChartData="handleSetLineChartData" :panel-data="panelData"/>
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
<line-chart :chart-data="lineChartData" /> <line-chart :chart-data="lineChartData"/>
</el-row> </el-row>
<!-- <el-row :gutter="32"> --> <!-- <el-row :gutter="32"> -->
<!-- <el-col :xs="24" :sm="24" :lg="8"> <!-- <el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper"> <div class="chart-wrapper">
<raddar-chart /> <raddar-chart />
</div> </div>
</el-col> --> </el-col> -->
<!-- <el-col :xs="24" :sm="24" :lg="8"> <!-- <el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper"> <div class="chart-wrapper">
<pie-chart /> <pie-chart />
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="24" :lg="8"> <el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper"> <div class="chart-wrapper">
<bar-chart /> <bar-chart />
</div> </div>
</el-col> --> </el-col> -->
<!-- </el-row> --> <!-- </el-row> -->
...@@ -81,163 +81,173 @@ ...@@ -81,163 +81,173 @@
</template> </template>
<script> <script>
import { getStatistics } from "@/api/login"; import {getStatistics} from "@/api/login";
import PanelGroup from './dashboard/PanelGroup' import PanelGroup from './dashboard/PanelGroup'
import LineChart from './dashboard/LineChart' import LineChart from './dashboard/LineChart'
import RaddarChart from './dashboard/RaddarChart' import RaddarChart from './dashboard/RaddarChart'
import PieChart from './dashboard/PieChart' import PieChart from './dashboard/PieChart'
import BarChart from './dashboard/BarChart' import BarChart from './dashboard/BarChart'
const lineChartData = { const lineChartData = {
newVisitis: { newVisitis: {
expectedData: [100, 120, 161, 134, 105, 160, 161], expectedData: [100, 120, 161, 134, 105, 160, 161],
actualData: [120, 82, 91, 154, 162, 140, 145] actualData: [120, 82, 91, 154, 162, 140, 145]
// 退出登录 // 退出登录
}, },
// messages: { // messages: {
// expectedData: [200, 192, 120, 144, 160, 130, 140], // expectedData: [200, 192, 120, 144, 160, 130, 140],
// actualData: [180, 160, 151, 106, 145, 150, 130] // actualData: [180, 160, 151, 106, 145, 150, 130]
// }, // },
// //金额 // //金额
// purchases: { // purchases: {
// expectedData: [80, 100, 121, 104, 105, 90, 100], // expectedData: [80, 100, 121, 104, 105, 90, 100],
// actualData: [120, 90, 100, 138, 142, 130, 130] // actualData: [120, 90, 100, 138, 142, 130, 130]
// }, // },
// //订单 // //订单
// shoppings: { // shoppings: {
// // expectedData: [130, 140, 141, 142, 145, 150, 160], //期望 // // expectedData: [130, 140, 141, 142, 145, 150, 160], //期望
// actualData: [120, 82, 91, 154, 162, 140, 130] //实际 // actualData: [120, 82, 91, 154, 162, 140, 130] //实际
// } // }
} }
export default {
name: 'Index',
components: {
PanelGroup,
LineChart,
// RaddarChart,
// PieChart,
// BarChart
},
data() {
return {
panelData:{
goods_total:0, //商品总数
order_total:0,//订单总数
total_price:0,//金额总数
refund_total:0,//售后总数
},
lineChartData: { export default {
moneyData:[], //金额折线 name: 'Index',
actualData:[], //订单折线 components: {
// countData:[], PanelGroup,
maxChannelData:0, //左边订单数量最大值 LineChart,
maxMoneyData:0, //金额最大值 // RaddarChart,
months:[] //下面日志 // PieChart,
// BarChart
},
data() {
return {
panelData: {
goods_total: 0, //商品总数
order_total: 0,//订单总数
total_price: 0,//金额总数
refund_total: 0,//售后总数
},
lineChartData: {
moneyData: [], //金额折线
actualData: [], //订单折线
// countData:[],
maxChannelData: 0, //左边订单数量最大值
maxMoneyData: 0, //金额最大值
months: [] //下面日志
}
} }
} },
}, created() {
created() {
this.GetStatistics(); this.GetStatistics();
},
methods: {
//首页统计
GetStatistics(){
getStatistics().then(response => {
let money = []
let count = []
let actual = []
if(response.data && response.data.line && response.data.line.length > 0) {
response.data.line.forEach(function(item, index) {
money.unshift(item.price)
actual.unshift(item.date)
count.unshift(item.count)
})
}
//最大订单数
var maxOrderNum=this.lineChartData.maxChannelData;
for(var n=1;n<count.length;n++){
if(count[n]>maxOrderNum){
maxOrderNum=count[n];
}
}
this.lineChartData.maxChannelData = maxOrderNum
//最大金额
var maxMoney=this.lineChartData.maxMoneyData;
for(var n=1;n<money.length;n++){
if(money[n]>maxMoney){
maxMoney=money[n];
}
}
this.lineChartData.maxMoneyData = maxMoney
this.lineChartData.moneyData = money
this.lineChartData.actualData = count
this.lineChartData.months= actual
this.panelData.goods_total= response.data.goods_total
this.panelData.refund_total= response.data.rettotal
this.panelData.order_total= response.data.order_total.count
this.panelData.total_price= response.data.order_total.total_price / 100
});
}, },
handleSetLineChartData(type) { methods: {
//console.log("type",type) /** 首页所有数据
this.lineChartData = lineChartData[type] * order_total(总订单数量,总金额)
* */
GetStatistics() {
getStatistics().then(response => {
let money = []
let count = []
let actual = []
if (response.data && response.data.line && response.data.line.length > 0) {
response.data.line.forEach(function (item, index) {
money.unshift(item.price/100) // 后台返回单位是 分,所以需要除以100
actual.unshift(item.date)
count.unshift(item.count)
})
}
//最大订单数
var maxOrderNum = this.lineChartData.maxChannelData;
for (var n = 1; n < count.length; n++) {
if (count[n] > maxOrderNum) {
maxOrderNum = count[n];
}
}
this.lineChartData.maxChannelData = maxOrderNum
//最大金额,后台返回单位是 分,所以需要除以100
var maxMoney = this.lineChartData.maxMoneyData/100;
for (var n = 1; n < money.length; n++) {
if (money[n] > maxMoney) {
maxMoney = money[n];
}
}
this.lineChartData.maxMoneyData = maxMoney
this.lineChartData.moneyData = money
this.lineChartData.actualData = count
this.lineChartData.months = actual
this.panelData.goods_total = response.data.goods_total
this.panelData.refund_total = response.data.rettotal
this.panelData.order_total = response.data.order_total.count
this.panelData.total_price = response.data.order_total.total_price / 100
});
},
handleSetLineChartData(type) {
//console.log("type",type)
this.lineChartData = lineChartData[type]
}
} }
} }
}
</script> </script>
<style lang="scss" scoped type="text/stylus"> <style lang="scss" scoped type="text/stylus">
.dashboard-promote .el-row{ .dashboard-promote .el-row {
margin-bottom: 20px; margin-bottom: 20px;
font-size: 14px; font-size: 14px;
} }
.dashboard-promote .el-row .jz{
height: 500px; .dashboard-promote .el-row .jz {
} height: 500px;
.dashboard-promote .el-row .kj{
height: 300px;
}
.dashboard-promote .el-row .xx{
height: 200px;
}
.git-res{
margin-top: 20px;
}
.git-res .el-link{
margin-right: 30px;
}
ul,li{ padding:0;margin:0;list-style:none}
.product li{
margin-bottom: 20px;
float: left;
width: 150px;
}
.dashboard-editor-container {
padding: 32px;
background-color: rgb(240, 242, 245);
position: relative;
.chart-wrapper {
background: #fff;
padding: 16px 16px 0;
margin-bottom: 32px;
} }
}
@media (max-width:1024px) { .dashboard-promote .el-row .kj {
.chart-wrapper { height: 300px;
padding: 8px; }
.dashboard-promote .el-row .xx {
height: 200px;
}
.git-res {
margin-top: 20px;
}
.git-res .el-link {
margin-right: 30px;
}
ul, li {
padding: 0;
margin: 0;
list-style: none
}
.product li {
margin-bottom: 20px;
float: left;
width: 150px;
}
.dashboard-editor-container {
padding: 32px;
background-color: rgb(240, 242, 245);
position: relative;
.chart-wrapper {
background: #fff;
padding: 16px 16px 0;
margin-bottom: 32px;
}
}
@media (max-width: 1024px) {
.chart-wrapper {
padding: 8px;
}
} }
}
</style> </style>
...@@ -206,7 +206,7 @@ ...@@ -206,7 +206,7 @@
if (res.data.order) { if (res.data.order) {
this.orderStatus = res.data.order.status; this.orderStatus = res.data.order.status;
this.orderSn = res.data.order.order_sn; this.orderSn = res.data.order.order_sn;
this.settlementStatus = res.data.order.withdraw_status == 1 ? '已结算' : '未结算'; this.settlementStatus = res.data.order.settlement_status == 1 ? '已结算' : '未结算';
this.realName = res.data.order.real_name; this.realName = res.data.order.real_name;
this.mobile = res.data.order.mobile; this.mobile = res.data.order.mobile;
} }
......
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<el-form-item label="结算状态:" prop="settlement_status" v-show="activeName == 'fourth' "> <el-form-item label="结算状态:" prop="settlement_status" v-show="activeName == 'fourth' ">
<el-select v-model="form.settlement_status" placeholder="请选择结算状态" style="width:150px;"> <el-select v-model="form.settlement_status" placeholder="请选择结算状态" style="width:150px;">
<el-option label="全部" value=""></el-option> <el-option label="全部" value="-1"></el-option>
<el-option label="已结算" value="1"></el-option> <el-option label="已结算" value="1"></el-option>
<el-option label="未结算" value="0"></el-option> <el-option label="未结算" value="0"></el-option>
</el-select> </el-select>
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</div> </div>
<div style="float:right;"> <div style="float:right;">
<span>结算状态:</span> <span>结算状态:</span>
<span>{{ withdrwaFormat(item.order.withdraw_status) }}</span> <span>{{ settlementFormat(item.order.settlement_status) }}</span>
</div> </div>
</div> </div>
<div class="item-table"> <div class="item-table">
...@@ -451,7 +451,7 @@ ...@@ -451,7 +451,7 @@
} }
}, },
/** 结算状态 */ /** 结算状态 */
withdrwaFormat(status) { settlementFormat(status) {
let res = ''; let res = '';
if(status == 0) { if(status == 0) {
res = '未结算' res = '未结算'
...@@ -529,7 +529,6 @@ ...@@ -529,7 +529,6 @@
}, },
// 搜索 操作 // 搜索 操作
search() { search() {
debugger
this.currentPage = 1; this.currentPage = 1;
this.getListOrder(); this.getListOrder();
}, },
...@@ -556,7 +555,7 @@ ...@@ -556,7 +555,7 @@
params['mobile'] = this.form.Tel params['mobile'] = this.form.Tel
} }
if (this.form.settlement_status) { if (this.form.settlement_status == '0' || this.form.settlement_status == '1') {
params['settlement_status'] = this.form.settlement_status params['settlement_status'] = this.form.settlement_status
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论