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