refactor(manager): 替换iView组件为TDesign并优化样式

- 将iView组件统一替换为TDesign组件
- 优化表单、表格、弹窗等交互样式
- 修复路由重复添加问题
- 更新依赖版本
- 调整布局间距与响应式
- 修复表单重置方法兼容性
- 统一消息提示组件
This commit is contained in:
pikachu1995@126.com
2025-11-30 18:19:19 +08:00
parent e5d98d022e
commit 028f32a73c
180 changed files with 10701 additions and 17865 deletions

View File

@@ -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: [], //热卖店铺集合