完善功能
This commit is contained in:
@ -14,21 +14,6 @@
|
||||
<div class="w-20">当前版本</div>
|
||||
<span> {{ workbenchData.version.version }}</span>
|
||||
</div>
|
||||
<div class="flex leading-9">
|
||||
<div class="w-20">获取渠道</div>
|
||||
<div>
|
||||
<a :href="workbenchData.version.channel.website" target="_blank">
|
||||
<el-button type="success" size="small">官网</el-button>
|
||||
</a>
|
||||
<a
|
||||
class="ml-3"
|
||||
:href="workbenchData.version.channel.gitee"
|
||||
target="_blank"
|
||||
>
|
||||
<el-button type="danger" size="small">Gitee</el-button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="!border-none mb-4 flex-1" shadow="never">
|
||||
@ -42,14 +27,28 @@
|
||||
</template>
|
||||
|
||||
<div class="flex flex-wrap">
|
||||
<div class="w-1/2 md:w-1/4">
|
||||
<div class="leading-10">销售额</div>
|
||||
<div class="w-1/2 md:w-1/3">
|
||||
<div class="leading-10">今日收益</div>
|
||||
<div class="text-6xl">{{ workbenchData.today.today_sales }}</div>
|
||||
<div class="text-tx-secondary text-xs">
|
||||
总:{{ workbenchData.today.total_sales }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-1/2 md:w-1/4">
|
||||
<div class="w-1/2 md:w-1/3">
|
||||
<div class="leading-10">经纪人收益</div>
|
||||
<div class="text-6xl">{{ workbenchData.today.today_broker_sales }}</div>
|
||||
<div class="text-tx-secondary text-xs">
|
||||
总:{{ workbenchData.today.total_broker_sales }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-1/2 md:w-1/3">
|
||||
<div class="leading-10">茶艺师收益</div>
|
||||
<div class="text-6xl">{{ workbenchData.today.today_teamaster_sales }}</div>
|
||||
<div class="text-tx-secondary text-xs">
|
||||
总:{{ workbenchData.today.total_teamaster_sales }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="w-1/2 md:w-1/4">
|
||||
<div class="leading-10">成交订单</div>
|
||||
<div class="text-6xl">{{ workbenchData.today.order_num }}</div>
|
||||
<div class="text-tx-secondary text-xs">
|
||||
@ -57,19 +56,12 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-1/2 md:w-1/4">
|
||||
<div class="leading-10">新增用户</div>
|
||||
<div class="leading-10">我的收益</div>
|
||||
<div class="text-6xl">{{ workbenchData.today.today_new_user }}</div>
|
||||
<div class="text-tx-secondary text-xs">
|
||||
总:{{ workbenchData.today.total_new_user }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-1/2 md:w-1/4">
|
||||
<div class="leading-10">新增访问量</div>
|
||||
<div class="text-6xl">{{ workbenchData.today.today_visitor }}</div>
|
||||
<div class="text-tx-secondary text-xs">
|
||||
总:{{ workbenchData.today.total_visitor }}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
@ -79,11 +71,8 @@
|
||||
<span>常用功能</span>
|
||||
</template>
|
||||
<div class="flex flex-wrap">
|
||||
<div
|
||||
v-for="item in workbenchData.menu"
|
||||
class="md:w-[12.5%] w-1/4 flex flex-col items-center"
|
||||
:key="item"
|
||||
>
|
||||
<div v-for="item in workbenchData.menu" class="md:w-[12.5%] w-1/4 flex flex-col items-center"
|
||||
:key="item">
|
||||
<router-link :to="item.url" class="mb-3 flex flex-col items-center">
|
||||
<image-contain width="40px" height="40px" :src="item?.image" />
|
||||
<div class="mt-2">{{ item.name }}</div>
|
||||
@ -95,28 +84,20 @@
|
||||
<div class="lg:flex gap-4">
|
||||
<el-card class="!border-none mb-4 lg:mb-0 w-full lg:w-2/3" shadow="never">
|
||||
<template #header>
|
||||
<span>访问量趋势图</span>
|
||||
<span>订单趋势图</span>
|
||||
</template>
|
||||
<div>
|
||||
<v-charts
|
||||
ref="visitorChart"
|
||||
style="height: 350px"
|
||||
:option="workbenchData.visitorOption"
|
||||
:autoresize="true"
|
||||
/>
|
||||
<v-charts ref="visitorChart" style="height: 350px" :option="workbenchData.visitorOption"
|
||||
:autoresize="true" />
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="!border-none w-full lg:w-1/3" shadow="never">
|
||||
<template #header>
|
||||
<span>销售额趋势图</span>
|
||||
<span>经纪人收益图</span>
|
||||
</template>
|
||||
<div>
|
||||
<v-charts
|
||||
ref="saleChart"
|
||||
style="height: 350px"
|
||||
:option="workbenchData.saleOption"
|
||||
:autoresize="true"
|
||||
/>
|
||||
<v-charts ref="saleChart" style="height: 350px" :option="workbenchData.saleOption"
|
||||
:autoresize="true" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
@ -168,14 +149,14 @@ const workbenchData: any = reactive({
|
||||
type: 'value'
|
||||
},
|
||||
legend: {
|
||||
data: ['访问量']
|
||||
data: ['']
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '访问量',
|
||||
name: '',
|
||||
data: [],
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
|
||||
Reference in New Issue
Block a user