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

bug修复

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