DMJS-IT
/
merchant-web
12
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: DMJS-IT:38bee145b6b86e79aa947b86f09f6602f71f5e27
Branches Tags
DMJS-IT:master
...
compare: DMJS-IT:642b582113571740e16039b52835c842d7a87890
Branches Tags
DMJS-IT:master

2 Commits
38bee145b6 ... 642b582113

Author SHA1 Message Date
余同学 642b582113 Merge branch 'master' of http://60.204.229.151:20080/chenkangxu/merchant-web 2025-03-05 10:22:21 +08:00
余同学 5a3c0c415b 统计 2025-03-05 10:22:18 +08:00
1 changed files with 125 additions and 1 deletions
Show Stats Expand all files Collapse all files

126
src/views/modules/datacenter/product-analysis/index.vue
View File

@ -108,7 +108,6 @@
<div
style="
padding: 10px;
height: 48vh;
border: 1px solid #ccc;
margin-top: 20px;
"
@ -197,6 +196,131 @@
</el-table>
</el-col>
</el-row>
<el-row style="margin:20px 0" type="flex" justify="space-between">
<el-col :span="11"
><div class="grid-content bg-purple">销售量TOP</div>
<el-table
:data="productList.saleConutList"
border
style="width: 100%"
height="35vh"
>
<el-table-column
align="center"
type="index"
label="排名"
width="50"
>
</el-table-column>
<el-table-column prop="date" label="商品名称">
<template slot-scope="scope">
<div style="display: flex; align-items: center">
<div>
<el-image
style="width: 60px; height: 60px"
:src="scope.row.productImg"
:preview-src-list="[scope.row.productImg]"
>
</el-image>
</div>
<div style="margin-left: 10px; color: blue">
{{ scope.row.productName }}
</div>
</div>
</template>
</el-table-column>
<el-table-column
align="center"
prop="sortData"
label="销售量"
width="140"
>
</el-table-column> </el-table
></el-col>
<el-col :span="11"
><div class="grid-content bg-purple">销售额TOP</div>
<el-table
:data="productList.saleMoneyList"
border
style="width: 100%"
height="35vh"
>
<el-table-column
align="center"
type="index"
label="排名"
width="50"
>
</el-table-column>
<el-table-column prop="date" label="商品名称">
<template slot-scope="scope">
<div style="display: flex; align-items: center">
<div>
<el-image
style="width: 60px; height: 60px"
:src="scope.row.productImg"
:preview-src-list="[scope.row.productImg]"
>
</el-image>
</div>
<div style="margin-left: 10px; color: blue">
{{ scope.row.productName }}
</div>
</div>
</template>
</el-table-column>
<el-table-column
align="center"
prop="sortData"
label="销售额"
width="140"
>
</el-table-column>
</el-table>
</el-col>
</el-row>
<el-row style="" type="flex" justify="space-between">
<el-col :span="11"
><div class="grid-content bg-purple">回复率TOP</div>
<el-table
:data="productList.repurchaseList"
border
style="width: 100%"
height="35vh"
>
<el-table-column
align="center"
type="index"
label="排名"
width="50"
>
</el-table-column>
<el-table-column prop="date" label="商品名称">
<template slot-scope="scope">
<div style="display: flex; align-items: center">
<div>
<el-image
style="width: 60px; height: 60px"
:src="scope.row.productImg"
:preview-src-list="[scope.row.productImg]"
>
</el-image>
</div>
<div style="margin-left: 10px; color: blue">
{{ scope.row.productName }}
</div>
</div>
</template>
</el-table-column>
<el-table-column
align="center"
prop="sortData"
label="回复率（%）"
width="140"
>
</el-table-column> </el-table
></el-col>
</el-row>
</div>
</div>
</template>