【更新】更新前端一些代码格式

This commit is contained in:
小诺 2020-12-03 10:46:50 +08:00 committed by 小诺
parent 5b83e443b6
commit 06a2b8a267

View File

@ -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;