mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2025-12-21 10:25:53 +08:00
refactor(manager): 替换iView组件为TDesign并优化样式
- 将iView组件统一替换为TDesign组件 - 优化表单、表格、弹窗等交互样式 - 修复路由重复添加问题 - 更新依赖版本 - 调整布局间距与响应式 - 修复表单重置方法兼容性 - 统一消息提示组件
This commit is contained in:
@@ -1,8 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 统计 -->
|
||||
<div class="card">
|
||||
<h4>基本信息</h4>
|
||||
<t-card class="card" title="基本信息">
|
||||
<div class="count-list flex">
|
||||
<div class="count-item" @click="navigateTo('managerGoods')">
|
||||
<div>
|
||||
@@ -41,11 +39,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t-card>
|
||||
|
||||
<!-- 今日待办 -->
|
||||
<div class="card">
|
||||
<h4>今日待办</h4>
|
||||
<t-card class="card" title="今日待办">
|
||||
<div class="todo-list flex">
|
||||
<div class="todo-item" @click="navigateTo('applyGoods')">
|
||||
<div class="counts">{{ $store.state.notices.goods || 0 }}</div>
|
||||
@@ -64,9 +60,7 @@
|
||||
<div>待审核售后</div>
|
||||
</div>
|
||||
<div class="todo-item">
|
||||
<div class="counts">
|
||||
{{ $store.state.notices.distributionCash || 0 }}
|
||||
</div>
|
||||
<div class="counts">{{ $store.state.notices.distributionCash || 0 }}</div>
|
||||
<div>待审核分销提现</div>
|
||||
</div>
|
||||
<div class="todo-item" @click="navigateTo('accountStatementBill')">
|
||||
@@ -74,10 +68,9 @@
|
||||
<div>待审核分账</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t-card>
|
||||
|
||||
<!-- 今日,流量概括 -->
|
||||
<div class="card flow">
|
||||
<t-card class="card flow" title="流量与概括">
|
||||
<div class="flow-list flex">
|
||||
<div class="flow-item">
|
||||
<div class="flow-member">
|
||||
@@ -128,9 +121,7 @@
|
||||
</div>
|
||||
<div class="today-item">
|
||||
<div>今日交易额</div>
|
||||
<span v-if="homeData.todayOrderPrice"
|
||||
>¥{{ homeData.todayOrderPrice | unitPrice }}</span
|
||||
>
|
||||
<span v-if="homeData.todayOrderPrice">¥{{ homeData.todayOrderPrice | unitPrice }}</span>
|
||||
<span v-else>¥0.00</span>
|
||||
</div>
|
||||
<div class="today-item">
|
||||
@@ -152,46 +143,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t-card>
|
||||
|
||||
<!-- chart -->
|
||||
<div class="card transform">
|
||||
<div>
|
||||
<h4>最近48小时在线人数(整点为准)</h4>
|
||||
<div id="historyMemberChart"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- chart -->
|
||||
<t-card class="card transform" title="最近48小时在线人数(整点为准)">
|
||||
<div id="historyMemberChart"></div>
|
||||
</t-card>
|
||||
<div class="charts flex">
|
||||
<div class="chart-item">
|
||||
<h4>流量走势</h4>
|
||||
<t-card class="chart-item" title="流量走势">
|
||||
<div id="pvChart"></div>
|
||||
</div>
|
||||
<div class="chart-item">
|
||||
<h4>交易趋势</h4>
|
||||
</t-card>
|
||||
<t-card class="chart-item" title="交易趋势">
|
||||
<div id="orderChart"></div>
|
||||
</div>
|
||||
</t-card>
|
||||
</div>
|
||||
|
||||
<!-- top10商品 -->
|
||||
<div class="card transform">
|
||||
<h4>热卖商品TOP10</h4>
|
||||
<Table
|
||||
stripe
|
||||
:columns="tophotGoodsColumns"
|
||||
:data="topHotGoodsData"
|
||||
></Table>
|
||||
</div>
|
||||
<t-card class="card transform" title="热卖商品TOP10">
|
||||
<t-table stripe :columns="tophotGoodsColumns" :data="topHotGoodsData" rowKey="goodsName" />
|
||||
</t-card>
|
||||
|
||||
<!-- top10店铺 -->
|
||||
<div class="card transform">
|
||||
<h4>热卖店铺TOP10</h4>
|
||||
<Table
|
||||
stripe
|
||||
:columns="tophotShopsColumns"
|
||||
:data="topHotShopsData"
|
||||
></Table>
|
||||
</div>
|
||||
<t-card class="card transform" title="热卖店铺TOP10">
|
||||
<t-table stripe :columns="tophotShopsColumns" :data="topHotShopsData" rowKey="storeName" />
|
||||
</t-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -213,59 +185,17 @@ export default {
|
||||
},
|
||||
// 测试数据结束
|
||||
tophotShopsColumns: [
|
||||
// 表格表头
|
||||
{
|
||||
type: "index",
|
||||
width: 100,
|
||||
title: "排名",
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "店铺名称",
|
||||
key: "storeName",
|
||||
},
|
||||
|
||||
{
|
||||
title: "价格",
|
||||
key: "price",
|
||||
|
||||
render: (h, params) => {
|
||||
return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "销量",
|
||||
key: "num",
|
||||
width: 100,
|
||||
sortable: true,
|
||||
},
|
||||
{ title: "排名", colKey: "index", width: 90, align: "center", cell: (h, { rowIndex }) => rowIndex + 1 },
|
||||
{ title: "店铺名称", colKey: "storeName", minWidth: 140, tooltip: true },
|
||||
{ title: "价格", colKey: "price", width: 120, cell: (h, { row }) => h("priceColorScheme", { props: { value: row.price, color: this.$mainColor } }) },
|
||||
{ title: "销量", colKey: "num", width: 100 },
|
||||
],
|
||||
|
||||
tophotGoodsColumns: [
|
||||
{
|
||||
type: "index",
|
||||
width: 100,
|
||||
title: "排名",
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "商品名称",
|
||||
key: "goodsName",
|
||||
},
|
||||
|
||||
{
|
||||
title: "价格",
|
||||
key: "price",
|
||||
render: (h, params) => {
|
||||
return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "销量",
|
||||
key: "num",
|
||||
width: 100,
|
||||
sortable: true,
|
||||
},
|
||||
{ title: "排名", colKey: "index", width: 90, align: "center", cell: (h, { rowIndex }) => rowIndex + 1 },
|
||||
{ title: "商品名称", colKey: "goodsName", minWidth: 140, tooltip: true },
|
||||
{ title: "价格", colKey: "price", width: 120, cell: (h, { row }) => h("priceColorScheme", { props: { value: row.price, color: this.$mainColor } }) },
|
||||
{ title: "销量", colKey: "num", width: 100 },
|
||||
],
|
||||
topHotGoodsData: [], //热卖商品集合
|
||||
topHotShopsData: [], //热卖店铺集合
|
||||
|
||||
Reference in New Issue
Block a user