xg
This commit is contained in:
liupopo
@@ -1,50 +1,42 @@
|
||||
<template>
|
||||
<section class="data_section" ref="data_section">
|
||||
<a :href="github" target="_blank">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="order" class="total-icon">
|
||||
</svg-icon>
|
||||
<div class="total-title">今日下单</div>
|
||||
<div class="total-value">123</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="total-today" class="total-icon">
|
||||
</svg-icon>
|
||||
<div class="total-title">今日销售总额</div>
|
||||
<div class="total-value">￥456</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="total-yesterday" class="total-icon">
|
||||
</svg-icon>
|
||||
<div class="total-title">昨日销售总额</div>
|
||||
<div class="total-value">￥111</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="total-week" class="total-icon">
|
||||
</svg-icon>
|
||||
<div class="total-title">近7天销售总额</div>
|
||||
<div class="total-value">￥222</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</a>
|
||||
<el-row :gutter="10" class="row_list order_list">
|
||||
<!-- <el-col :span="7">
|
||||
<section class="data_section" ref="data_section">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="order" class="total-icon"></svg-icon>
|
||||
<div class="total-title">今日下单</div>
|
||||
<div class="total-value">123</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="total-today" class="total-icon"></svg-icon>
|
||||
<div class="total-title">今日销售总额</div>
|
||||
<div class="total-value">￥456</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="total-yesterday" class="total-icon"></svg-icon>
|
||||
<div class="total-title">昨日销售总额</div>
|
||||
<div class="total-value">￥111</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="total-frame">
|
||||
<svg-icon icon-class="total-week" class="total-icon"></svg-icon>
|
||||
<div class="total-title">近7天销售总额</div>
|
||||
<div class="total-value">￥222</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10" class="row_list order_list">
|
||||
<!-- <el-col :span="7">
|
||||
<log-list></log-list>
|
||||
</el-col> -->
|
||||
<el-col >
|
||||
<bar-chart type="barChart"></bar-chart>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row :gutter="10" class="row_list order_list">
|
||||
<el-col><bar-chart type="barChart"></bar-chart></el-col>
|
||||
</el-row>
|
||||
<!-- <el-row :gutter="10" class="row_list order_list">
|
||||
<el-col :span="7">
|
||||
<pie-chart type="ordertype"></pie-chart>
|
||||
</el-col>
|
||||
@@ -55,7 +47,7 @@
|
||||
<radar-chart></radar-chart>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
<!-- <el-row :gutter="10" class="row_list">
|
||||
<!-- <el-row :gutter="10" class="row_list">
|
||||
<el-col :span="11">
|
||||
<sales-table></sales-table>
|
||||
</el-col>
|
||||
@@ -66,140 +58,133 @@
|
||||
<card-list></card-list>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
|
||||
</section>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import echarts from 'echarts'
|
||||
import salesTable from "./components/salesTable"; // 销售数据表格
|
||||
import commentList from "./components/commentList"; // 用户评论列表
|
||||
import cardList from "./components/cardList"; // card列表
|
||||
import logList from "./components/logList"; // 日志列表
|
||||
import barChart from '@/components/echarts/barChart' // 用户投资类型 柱状图
|
||||
import pieChart from '@/components/echarts/pieChart' // 用户投资类型 饼状图
|
||||
import radarChart from '@/components/echarts/radarChart' // 用户投资类型 雷达图
|
||||
import lineChart from '@/components/echarts/lineChart' // 用户投资类型 折线图
|
||||
import { github } from "@/utils/env";
|
||||
import echarts from 'echarts'
|
||||
import salesTable from './components/salesTable' // 销售数据表格
|
||||
import commentList from './components/commentList' // 用户评论列表
|
||||
import cardList from './components/cardList' // card列表
|
||||
import logList from './components/logList' // 日志列表
|
||||
import barChart from '@/components/echarts/barChart' // 用户投资类型 柱状图
|
||||
import pieChart from '@/components/echarts/pieChart' // 用户投资类型 饼状图
|
||||
import radarChart from '@/components/echarts/radarChart' // 用户投资类型 雷达图
|
||||
import lineChart from '@/components/echarts/lineChart' // 用户投资类型 折线图
|
||||
import { github } from '@/utils/env'
|
||||
|
||||
export default {
|
||||
data(){
|
||||
return {
|
||||
github:github
|
||||
}
|
||||
},
|
||||
components: {
|
||||
salesTable,
|
||||
commentList,
|
||||
cardList,
|
||||
logList,
|
||||
barChart,
|
||||
pieChart,
|
||||
radarChart,
|
||||
lineChart
|
||||
},
|
||||
created(){
|
||||
},
|
||||
mounted(){
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
github: github
|
||||
}
|
||||
},
|
||||
components: {
|
||||
salesTable,
|
||||
commentList,
|
||||
cardList,
|
||||
logList,
|
||||
barChart,
|
||||
pieChart,
|
||||
radarChart,
|
||||
lineChart
|
||||
},
|
||||
created() {},
|
||||
mounted() {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.total-frame {
|
||||
border: 1px solid #DCDFE6;
|
||||
padding: 20px;
|
||||
height: 100px;
|
||||
}
|
||||
.total-frame {
|
||||
border: 1px solid #dcdfe6;
|
||||
padding: 20px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.total-icon {
|
||||
913656
|
||||
color: #409EFF;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.total-icon {
|
||||
913656color: #409eff;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.total-title {
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
color: #909399;
|
||||
left: 70px;
|
||||
top: -35px;
|
||||
}
|
||||
.total-title {
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
color: #909399;
|
||||
left: 70px;
|
||||
top: -35px;
|
||||
}
|
||||
|
||||
.total-value {
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
color: #606266;
|
||||
left: 70px;
|
||||
top: -25px;
|
||||
}
|
||||
.data_section{
|
||||
margin: 20px;
|
||||
border-radius: 2px;
|
||||
.row_list{
|
||||
margin-bottom: 20px;
|
||||
.row_base{
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
.order_list{
|
||||
.orderArea{
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
background: #fff !important;
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
padding-top: 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.orderbarArea{
|
||||
height: 370px;
|
||||
}
|
||||
}
|
||||
.data_list{
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
color:#fff;
|
||||
height: 80px;
|
||||
.leftItem{
|
||||
align-items: start;
|
||||
justify-content: space-between;
|
||||
text-align: left;
|
||||
}
|
||||
.rightItem{
|
||||
width:62px;
|
||||
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.svg-icon{
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.number{
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
.perTitle{
|
||||
font-size: 13px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pay{
|
||||
.leftItem{
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.total-value {
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
color: #606266;
|
||||
left: 70px;
|
||||
top: -25px;
|
||||
}
|
||||
.data_section {
|
||||
margin: 20px;
|
||||
border-radius: 2px;
|
||||
.row_list {
|
||||
margin-bottom: 20px;
|
||||
.row_base {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
.order_list {
|
||||
.orderArea {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
background: #fff !important;
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
padding-top: 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.orderbarArea {
|
||||
height: 370px;
|
||||
}
|
||||
}
|
||||
.data_list {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
color: #fff;
|
||||
height: 80px;
|
||||
.leftItem {
|
||||
align-items: start;
|
||||
justify-content: space-between;
|
||||
text-align: left;
|
||||
}
|
||||
.rightItem {
|
||||
width: 62px;
|
||||
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.svg-icon {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.number {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
.perTitle {
|
||||
font-size: 13px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pay {
|
||||
.leftItem {
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -7,12 +7,7 @@
|
||||
size="small">
|
||||
<el-form-item label="优惠券类型：">
|
||||
<el-select v-model="coupon.type">
|
||||
<el-option
|
||||
v-for="type in typeOptions"
|
||||
:key="type.value"
|
||||
:label="type.label"
|
||||
:value="type.value">
|
||||
</el-option>
|
||||
<el-option v-for='type in typeOptions' :key='type.value' :label='type.label' :value='type.value'></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="优惠券名称：" prop="name">
|
||||
@@ -190,6 +185,23 @@
|
||||
value: 2
|
||||
}
|
||||
];
|
||||
var validatePrice = (rule, value, callback) => {
|
||||
if (!value) {
|
||||
callback(new Error("面额不能为空"));
|
||||
} else if (value.split(".").length > 2) {
|
||||
callback(new Error("请输入正确格式的金额")); //防止输入多个小数点
|
||||
}
|
||||
// else if (value > add_Com.Retail_Price) {
|
||||
// callback(new Error("金额不能大于零售价"));
|
||||
// }
|
||||
else {
|
||||
value = Math.round(value * Math.pow(10, 2)) / Math.pow(10, 2); //四舍五入
|
||||
value = Number(value).toFixed(2); //不足补位
|
||||
this.add_Com.Cost_Price = value;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
|
||||
export default {
|
||||
name: 'CouponDetail',
|
||||
props: {
|
||||
@@ -212,7 +224,8 @@
|
||||
{type: 'number',required: true, message: '只能输入正整数', trigger: 'blur'}
|
||||
],
|
||||
amount: [
|
||||
{type: 'number',required: true,message: '面值只能是数值，0.01-10000，限2位小数',trigger: 'blur'}
|
||||
// {type: 'number',required: true,message: '面值只能是数值，0.01-10000，限2位小数',trigger: 'blur'}
|
||||
{ required: true, validator: validatePrice, trigger: "blur" },
|
||||
],
|
||||
minPoint: [
|
||||
{type: 'number',required: true,message: '只能输入正整数',trigger: 'blur'}
|
||||
|
||||
Reference in New Issue
Block a user