【更新】更新前端一些代码格式
This commit is contained in:
parent
5b83e443b6
commit
06a2b8a267
@ -62,7 +62,6 @@
|
|||||||
</chart-card>
|
</chart-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|
||||||
<a-card :loading="loading" :bordered="false" :body-style="{padding: '0'}">
|
<a-card :loading="loading" :bordered="false" :body-style="{padding: '0'}">
|
||||||
<div class="salesCard">
|
<div class="salesCard">
|
||||||
<a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}">
|
<a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}">
|
||||||
@ -98,7 +97,6 @@
|
|||||||
</a-tabs>
|
</a-tabs>
|
||||||
</div>
|
</div>
|
||||||
</a-card>
|
</a-card>
|
||||||
|
|
||||||
<div class="antd-pro-pages-dashboard-analysis-twoColLayout" :class="isDesktop() ? 'desktop' : ''">
|
<div class="antd-pro-pages-dashboard-analysis-twoColLayout" :class="isDesktop() ? 'desktop' : ''">
|
||||||
<a-row :gutter="24" type="flex" :style="{ marginTop: '24px' }">
|
<a-row :gutter="24" type="flex" :style="{ marginTop: '24px' }">
|
||||||
<a-col :xl="12" :lg="24" :md="24" :sm="24" :xs="24">
|
<a-col :xl="12" :lg="24" :md="24" :sm="24" :xs="24">
|
||||||
@ -187,7 +185,6 @@
|
|||||||
<a-radio-button value="c">门店</a-radio-button>
|
<a-radio-button value="c">门店</a-radio-button>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<h4>销售额</h4>
|
<h4>销售额</h4>
|
||||||
<div>
|
<div>
|
||||||
@ -202,7 +199,6 @@
|
|||||||
<v-coord type="theta" :radius="0.75" :innerRadius="0.6" />
|
<v-coord type="theta" :radius="0.75" :innerRadius="0.6" />
|
||||||
</v-chart>
|
</v-chart>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-card>
|
</a-card>
|
||||||
</a-col>
|
</a-col>
|
||||||
@ -210,12 +206,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment'
|
import moment from 'moment'
|
||||||
import { ChartCard, MiniArea, MiniBar, MiniProgress, RankList, Bar, Trend, NumberInfo, MiniSmoothArea } from '@/components'
|
import { ChartCard, MiniArea, MiniBar, MiniProgress, RankList, Bar, Trend, NumberInfo, MiniSmoothArea } from '@/components'
|
||||||
import { mixinDevice } from '@/utils/mixin'
|
import { mixinDevice } from '@/utils/mixin'
|
||||||
|
|
||||||
const barData = []
|
const barData = []
|
||||||
const barData2 = []
|
const barData2 = []
|
||||||
for (let i = 0; i < 12; i += 1) {
|
for (let i = 0; i < 12; i += 1) {
|
||||||
@ -228,7 +222,6 @@ for (let i = 0; i < 12; i += 1) {
|
|||||||
y: Math.floor(Math.random() * 1000) + 200
|
y: Math.floor(Math.random() * 1000) + 200
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const rankList = []
|
const rankList = []
|
||||||
for (let i = 0; i < 7; i++) {
|
for (let i = 0; i < 7; i++) {
|
||||||
rankList.push({
|
rankList.push({
|
||||||
@ -236,7 +229,6 @@ for (let i = 0; i < 7; i++) {
|
|||||||
total: 1234.56 - i * 100
|
total: 1234.56 - i * 100
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const searchUserData = []
|
const searchUserData = []
|
||||||
for (let i = 0; i < 7; i++) {
|
for (let i = 0; i < 7; i++) {
|
||||||
searchUserData.push({
|
searchUserData.push({
|
||||||
@ -255,7 +247,6 @@ const searchUserScale = [
|
|||||||
min: 0,
|
min: 0,
|
||||||
max: 10
|
max: 10
|
||||||
}]
|
}]
|
||||||
|
|
||||||
const searchTableColumns = [
|
const searchTableColumns = [
|
||||||
{
|
{
|
||||||
dataIndex: 'MenuIndex.vue',
|
dataIndex: 'MenuIndex.vue',
|
||||||
@ -288,9 +279,7 @@ for (let i = 0; i < 50; i += 1) {
|
|||||||
status: Math.floor((Math.random() * 10) % 2)
|
status: Math.floor((Math.random() * 10) % 2)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const DataSet = require('@antv/data-set')
|
const DataSet = require('@antv/data-set')
|
||||||
|
|
||||||
const sourceData = [
|
const sourceData = [
|
||||||
{ item: '家用电器', count: 32.2 },
|
{ item: '家用电器', count: 32.2 },
|
||||||
{ item: '食用酒水', count: 21 },
|
{ item: '食用酒水', count: 21 },
|
||||||
@ -299,13 +288,11 @@ const sourceData = [
|
|||||||
{ item: '母婴产品', count: 9 },
|
{ item: '母婴产品', count: 9 },
|
||||||
{ item: '其他', count: 7.8 }
|
{ item: '其他', count: 7.8 }
|
||||||
]
|
]
|
||||||
|
|
||||||
const pieScale = [{
|
const pieScale = [{
|
||||||
dataKey: 'percent',
|
dataKey: 'percent',
|
||||||
min: 0,
|
min: 0,
|
||||||
formatter: '.0%'
|
formatter: '.0%'
|
||||||
}]
|
}]
|
||||||
|
|
||||||
const dv = new DataSet.View().source(sourceData)
|
const dv = new DataSet.View().source(sourceData)
|
||||||
dv.transform({
|
dv.transform({
|
||||||
type: 'percent',
|
type: 'percent',
|
||||||
@ -314,7 +301,6 @@ dv.transform({
|
|||||||
as: 'percent'
|
as: 'percent'
|
||||||
})
|
})
|
||||||
const pieData = dv.rows
|
const pieData = dv.rows
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Analysis',
|
name: 'Analysis',
|
||||||
mixins: [mixinDevice],
|
mixins: [mixinDevice],
|
||||||
@ -333,16 +319,13 @@ export default {
|
|||||||
return {
|
return {
|
||||||
loading: true,
|
loading: true,
|
||||||
rankList,
|
rankList,
|
||||||
|
|
||||||
// 搜索用户数
|
// 搜索用户数
|
||||||
searchUserData,
|
searchUserData,
|
||||||
searchUserScale,
|
searchUserScale,
|
||||||
searchTableColumns,
|
searchTableColumns,
|
||||||
searchData,
|
searchData,
|
||||||
|
|
||||||
barData,
|
barData,
|
||||||
barData2,
|
barData2,
|
||||||
|
|
||||||
//
|
//
|
||||||
pieScale,
|
pieScale,
|
||||||
pieData,
|
pieData,
|
||||||
@ -360,12 +343,10 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.extra-wrapper {
|
.extra-wrapper {
|
||||||
line-height: 55px;
|
line-height: 55px;
|
||||||
padding-right: 24px;
|
padding-right: 24px;
|
||||||
|
|
||||||
.extra-item {
|
.extra-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 24px;
|
margin-right: 24px;
|
||||||
@ -375,21 +356,18 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.antd-pro-pages-dashboard-analysis-twoColLayout {
|
.antd-pro-pages-dashboard-analysis-twoColLayout {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
display: block;
|
display: block;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.antd-pro-pages-dashboard-analysis-salesCard {
|
.antd-pro-pages-dashboard-analysis-salesCard {
|
||||||
height: calc(100% - 24px);
|
height: calc(100% - 24px);
|
||||||
/deep/ .ant-card-head {
|
/deep/ .ant-card-head {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-analysis-iconGroup {
|
.dashboard-analysis-iconGroup {
|
||||||
i {
|
i {
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user