bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

数据总览页面修改

This commit is contained in:
zzyuan 2025-07-25 15:02:58 +08:00
parent 85f970da9e
commit de77702934
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/foodManage/index.vue
View File

@ -4,12 +4,11 @@
<h3 style="font-weight: 600;">数据总览</h3> <h3 style="font-weight: 600;">数据总览</h3>
<div style="background: #fff;"> <div style="background: #fff;">
<el-tabs v-model="activeName" @tab-click="handleTabClick" type="card"> <el-tabs v-model="activeName" @tab-click="handleTabClick" type="card">
<el-tab-pane label="本周" name="1"></el-tab-pane> <el-tab-pane label="本周" name="1"></el-tab-pane>
<el-tab-pane label="本月" name="2"></el-tab-pane> <el-tab-pane label="本月" name="2"></el-tab-pane>
<el-tab-pane label="累计" name="3"></el-tab-pane> <el-tab-pane label="累计" name="3"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
<panel-group :topData="topAreaOptions"/> <panel-group :topData="topAreaOptions"/>
<el-row> <el-row>
@ -28,9 +27,9 @@
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;"> <div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;">
<div style="display: flex;justify-content: space-between;align-items: center;height: 32px;"> <div style="display: flex;justify-content: space-between;align-items: center;height: 32px;">
<div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600">货品出/入库排名</div> <div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600">货品出/入库排名</div>
<div> <div>
<el-radio-group v-model="type3" @change="changType3" size="mini"> <el-radio-group v-model="type3" @change="changType3" size="mini">
<el-radio-button :label="1">出库</el-radio-button> <el-radio-button :label="1">出库</el-radio-button>
@ -38,25 +37,25 @@
</el-radio-group> </el-radio-group>
</div> </div>
</div> </div>
<div id="lineChartThree" style="width: 100%;height: 350px;margin-bottom: 20px;"></div> <div id="lineChartThree" style="width: 100%;height: 350px;margin-bottom: 20px;"></div>
</div> </div>
<div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;"> <div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;">
<div style="display: flex;justify-content: space-between;align-items: center;"> <div style="display: flex;justify-content: space-between;align-items: center;">
<div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600">已验收完成/未验收完成采购订单占比图</div> <div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600">已验收完成/未验收完成采购订单占比图</div>
</div> </div>
<div id="barChartFour" style="width: 100%;height: 235px;margin-bottom: 20px;"></div> <div id="barChartFour" style="width: 100%;height: 235px;margin-bottom: 20px;"></div>
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;"> <div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;">
<div style="display: flex;justify-content: space-between;align-items: center;height: 32px;"> <div style="display: flex;justify-content: space-between;align-items: center;height: 32px;">
<div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600;">供应商评分排名</div> <div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600;">供应商评分排名</div>
</div> </div>
<div id="lineChartFive" style="width: 100%;height: 350px;margin-bottom: 20px;"></div> <div id="lineChartFive" style="width: 100%;height: 350px;margin-bottom: 20px;"></div>
</div> </div>
<div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;"> <div style="background: #fff;padding: 10px;margin: 5px;margin-bottom: 10px;border-radius: 4px;">
<div style="display: flex;justify-content: space-between;align-items: center;"> <div style="display: flex;justify-content: space-between;align-items: center;">
<div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600">货品库存正常/临期/过期占比图</div> <div style="border-left: 4px solid #00594F;padding-left: 10px;font-weight: 600">货品库存正常/临期/过期占比图</div>
</div> </div>
<div id="barChartSix" style="width: 100%;height: 235px;margin-bottom: 20px;"></div> <div id="barChartSix" style="width: 100%;height: 235px;margin-bottom: 20px;"></div>
</div> </div>