From 85f970da9e5c8b81b3d3e6037ec5514dae16c3f4 Mon Sep 17 00:00:00 2001
From: zzyuan <781948537@qq.com>
Date: Thu, 24 Jul 2025 10:29:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=80=BB=E8=A7=88=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/foodManage/index.js                   | 29 +++++++
 src/views/foodManage/dashboard/PanelGroup.vue |  4 +-
 src/views/foodManage/index.vue                | 86 +++++++++++--------
 .../supplierManage/supplierRating/index.vue   | 25 +++---
 src/views/index_v1.vue                        |  3 +-
 src/views/kitchen/index.vue                   |  9 +-
 vue.config.js                                 |  2 +-
 7 files changed, 100 insertions(+), 58 deletions(-)
 create mode 100644 src/api/foodManage/index.js

diff --git a/src/api/foodManage/index.js b/src/api/foodManage/index.js
new file mode 100644
index 00000000..c0f15fcf
--- /dev/null
+++ b/src/api/foodManage/index.js
@@ -0,0 +1,29 @@
+import request from '@/utils/request'
+
+// 实时查询供应商评分-排名
+export function supplierScorePageApi(data) {
+  return request({
+    url: '/smart-canteen/ims-supplier-score-rule/page',
+    method: 'get',
+    headers: {
+        //"merchant-id":"378915229716713472",
+    },
+    params:data
+  })
+} 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/foodManage/dashboard/PanelGroup.vue b/src/views/foodManage/dashboard/PanelGroup.vue
index 84b34b38..c642fa7f 100644
--- a/src/views/foodManage/dashboard/PanelGroup.vue
+++ b/src/views/foodManage/dashboard/PanelGroup.vue
@@ -200,8 +200,8 @@ export default {
 <style lang="scss" scoped>
 .panel-group {
   // margin-top: 5px;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: 20px;
+  padding-right: 20px;
 
   .card-panel-col {
     margin-bottom: 10px;
diff --git a/src/views/foodManage/index.vue b/src/views/foodManage/index.vue
index c9274907..45beaf99 100644
--- a/src/views/foodManage/index.vue
+++ b/src/views/foodManage/index.vue
@@ -1,6 +1,16 @@
 <template>
   <div class="dashboard-editor-container">
-    <h3 style="font-weight: 600;">数据总览</h3>
+    <div style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;padding: 0 10px;">
+      <h3 style="font-weight: 600;">数据总览</h3>
+      <div style="background: #fff;">
+        <el-tabs v-model="activeName" @tab-click="handleTabClick" type="card">
+        <el-tab-pane label="本周" name="1"></el-tab-pane>
+        <el-tab-pane label="本月" name="2"></el-tab-pane>
+        <el-tab-pane label="累计" name="3"></el-tab-pane>
+      </el-tabs>  
+      </div>
+      
+    </div>
     <panel-group :topData="topAreaOptions"/>
     <el-row>
       <el-col :span="12">
@@ -66,6 +76,10 @@ import {  getDataScreeningModelApi,
           getThisMonthSDishSalesRankingApi,
           getProportionOfOrderTypesApi 
         } from "@/api/index";  
+import {  
+          supplierScorePageApi
+       } from "@/api/foodManage/index";  
+        
 export default { 
   name: 'Index',
   components: {
@@ -125,6 +139,7 @@ export default {
       type1:1,
       type2:1,
       type3:1,
+      activeName:'1',
       myCharts1:null,
       myCharts2:null,
       myCharts3:null,
@@ -157,16 +172,14 @@ export default {
         }, 500);
       }
     },
+    handleTabClick(){
+      console.log(this.activeName)
+    },
     getTopData(){ 
       getDataScreeningModelApi({}).then((response) => {
           this.topAreaOptions = response.data.data; 
       }); 
     },
-    changType1(e){
-      console.log(this.type1)
-      this.InitEChartsOne()
-      this.myCharts1.resize();
-    },
     InitEChartsOne() {
       let chartData=[]
       // let weekDate=["周一","周二","周三","周四","周五","周六","周日"]
@@ -286,12 +299,7 @@ export default {
           this.myCharts1 = echarts.init(document.querySelector('#lineChartOne'));
           this.myCharts1.setOption(option)   
       }); 
-    },
-    changType2(e){
-      console.log(this.type2)
-      this.InitEChartsTwo()
-      this.myCharts2.resize();
-    },
+    }, 
     InitEChartsTwo() {
       let chartData=[]
       // let weekDate=["周一","周二","周三","周四","周五","周六","周日"]
@@ -412,6 +420,11 @@ export default {
           this.myCharts2.setOption(option)  
       }); 
     },
+    changType3(e){ 
+      console.log(this.type3)
+      this.InitEChartsThree()
+      this.myCharts3.resize();
+    },
     InitEChartsThree() { 
       var getName = [];
       var getValue = [];
@@ -430,7 +443,7 @@ export default {
           var option = {
             backgroundColor: "#fff",
             grid: {
-              left: "10%",
+              left: "2%",
               right: "2%",
               bottom: "2%",
               top: "10%",
@@ -465,6 +478,7 @@ export default {
                     var str = "";
                     var no = "NO.";
                     num = index + 1;
+                    value = value.length > 7 ? value.slice(0, 7) + '...' : value
                     if (index === 0) {
                       str = " {num1|" + num + "} {title1|" + value + "}";
                     } else if (index === 1) {
@@ -583,7 +597,7 @@ export default {
                 zlevel: 1,
                 itemStyle: {
                   normal: {
-                    barBorderRadius: 30,
+                    barBorderRadius: 20,
                     color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                       {
                         offset: 0,
@@ -596,19 +610,19 @@ export default {
                     ]),
                   },
                 },
-                barWidth: 14,
+                barWidth: 12,
                 data: getValue,
               },
               {
                 name: "背景",
                 type: "bar",
-                barWidth: 14,
+                barWidth: 12,
                 barGap: "-100%",
                 data: getMax,
                 itemStyle: {
                   normal: {
                     color: "rgba(224, 233, 255, 1)",
-                    barBorderRadius: 30,
+                    barBorderRadius: 20,
                   },
                 },
               },
@@ -622,11 +636,6 @@ export default {
           // });
       }); 
     },
-    changType3(e){
-      console.log(this.type3)
-      this.InitEChartsFour()
-      this.myCharts4.resize();
-    },
     InitEChartsFour() {
       var chartData=[]
       getProportionOfOrderTypesApi({type:this.type3}).then((response) => {
@@ -737,7 +746,7 @@ export default {
                 name: "标题",
                 type: "pie",
                 center: ["35%", "50%"],
-                radius: ["65%", "90%"],
+                radius: ["60%", "80%"],
                 clockwise: false, //饼图的扇区是否是顺时针排布
                 avoidLabelOverlap: false,
                 label: {
@@ -772,11 +781,11 @@ export default {
       var getName = [];
       var getValue = [];
       var chartData=[]
-      getThisMonthSDishSalesRankingApi().then((response) => {
-          chartData = response.data.slice(0, 10);
+      supplierScorePageApi({"pageNum": 1,"pageSize": 10}).then((response) => {
+          chartData = response.rows.slice(0, 10);
           chartData.forEach((item,index)=>{
-            getName.push(item.name)
-            getValue.push(item.num) 
+            getName.push(item.supplierName)
+            getValue.push(item.totalScore) 
           })  
           var max = Math.max.apply(null, getValue);
           var getMax = [];
@@ -786,7 +795,7 @@ export default {
           var option = {
             backgroundColor: "#fff",
             grid: {
-              left: "10%",
+              left: "2%",
               right: "2%",
               bottom: "2%",
               top: "10%",
@@ -812,7 +821,7 @@ export default {
                 offset: 100, 
                 axisLabel: {
                   show: true,
-                  align: "left",
+                  align: "left", 
                   textStyle: {
                     color: "#66cc00",
                   },
@@ -821,6 +830,7 @@ export default {
                     var str = "";
                     var no = "NO.";
                     num = index + 1;
+                    value = value.length > 7 ? value.slice(0, 7) + '...' : value
                     if (index === 0) {
                       str = " {num1|" + num + "} {title1|" + value + "}";
                     } else if (index === 1) {
@@ -829,7 +839,7 @@ export default {
                       str = " {num3|" + num + "} {title3|" + value + "}";
                     } else {
                       str = " {num|" + num + "} {title|" + value + "}";
-                    }
+                    } 
                     return str;
                   },
                   rich: {
@@ -913,7 +923,7 @@ export default {
               {
                 type: "category",
                 inverse: true,
-                offset: -20,
+                offset: -10,
                 axisTick: "none",
                 axisLine: "none",
                 show: true,
@@ -939,7 +949,7 @@ export default {
                 zlevel: 1,
                 itemStyle: {
                   normal: {
-                    barBorderRadius: 30,
+                    barBorderRadius: 20,
                     color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                       {
                         offset: 0,
@@ -952,19 +962,19 @@ export default {
                     ]),
                   },
                 },
-                barWidth: 14,
+                barWidth: 12,
                 data: getValue,
               },
               {
                 name: "背景",
                 type: "bar",
-                barWidth: 14,
+                barWidth: 12,
                 barGap: "-100%",
                 data: getMax,
                 itemStyle: {
                   normal: {
                     color: "rgba(224, 233, 255, 1)",
-                    barBorderRadius: 30,
+                    barBorderRadius: 20,
                   },
                 },
               },
@@ -1088,7 +1098,7 @@ export default {
                 name: "标题",
                 type: "pie",
                 center: ["35%", "50%"],
-                radius: ["65%", "90%"],
+                radius: ["60%", "80%"],
                 clockwise: false, //饼图的扇区是否是顺时针排布
                 avoidLabelOverlap: false,
                 label: {
@@ -1124,6 +1134,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .el-tabs__header{
+  margin: 0;
+}
+
 .dashboard-editor-container {
   padding: 15px;
   background-color: rgb(240, 242, 245);
diff --git a/src/views/foodManage/supplierManage/supplierRating/index.vue b/src/views/foodManage/supplierManage/supplierRating/index.vue
index 955242ec..f34728ec 100644
--- a/src/views/foodManage/supplierManage/supplierRating/index.vue
+++ b/src/views/foodManage/supplierManage/supplierRating/index.vue
@@ -26,19 +26,17 @@
                 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
             </el-form-item>
         </el-form>
-
         <el-row :gutter="10" class="mb8">
         <el-col :span="1.5">
             <el-button
             type="primary"
-            plain 
+            plain
             size="mini"
             @click="handleRules"
             >评分规则设置</el-button>
         </el-col>  
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
-
         <el-table v-loading="loading" :data="tableListData" height="800">
             <el-table-column label="序号" align="center" width="80" type="index" fixed="left">
                 <template slot-scope="scope">
@@ -56,7 +54,7 @@
             <el-table-column label="订单数量分数" align="center" prop="orderNumScore" :show-overflow-tooltip="true" width="120"/> 
             <el-table-column label="订单金额分数" align="center" prop="orderAmountScore" :show-overflow-tooltip="true" width="120"/> 
             <el-table-column label="总分" align="center" prop="totalScore" :show-overflow-tooltip="true" width="120"/> 
-            <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
+            <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
                 <template slot-scope="scope"> 
                 <el-button
                     size="mini"
@@ -73,7 +71,7 @@
             :page.sync="queryParams.pageNum"
             :limit.sync="queryParams.pageSize"
             @pagination="getList"
-        /> 
+        />
         <!-- 添加或修改参数配置对话框 -->
         <el-dialog title="评分规则配置" :visible.sync="open" width="800px" append-to-body>
             <div style="color: red;">温馨提示：配置总分需要为100分，请合理配置分数，区间分数取最后一条的分数作为合计总分！</div>
@@ -190,7 +188,7 @@
 </template>
 
 <script>
-import { systemAreaTreeApi } from "@/api/base/stall";  
+import { systemAreaTreeApi } from "@/api/base/stall";
 import { supplierPageApi,supplierScorePageApi,supplierScoreHistApi,supplierScoreRuleListApi,editSupplierRuleApi } from "@/api/foodManage/supplierManage";
 
 export default {
@@ -211,9 +209,7 @@ export default {
             // 总条数
             total: 0,
             //表格数据
-            tableListData: [
-                {supplierName:'111',areaName:'111'},{supplierName:'222',areaName:'222'},
-            ], 
+            tableListData: [], 
             // 是否显示弹出层
             open: false, 
             // 查询参数
@@ -338,7 +334,7 @@ export default {
             queryParams2: {
                 pageNum: 1,
                 pageSize: 10
-            }, 
+            },
             total2: 0,
             histRow:{},
             dialogTableData:[], 
@@ -373,7 +369,7 @@ export default {
             supplierPageApi({ isPaging:1,areaIdList:[] }).then((response) => {
                 this.supplierOptions = response.rows||[];
             }); 
-        }, 
+        },
         /** 搜索按钮操作 */
         handleQuery() {
             this.queryParams.pageNum = 1;
@@ -398,7 +394,7 @@ export default {
                 this.total = Number(response.total);
                 this.loading = false;
             });
-        },  
+        },
         /** 新增按钮操作 */
         handleRules() {
             this.reset();
@@ -418,7 +414,6 @@ export default {
             this.resetForm("form");
         },
         //item->评分项目（如：交货及时率） sub->评分区间（如 0%-10%）
-
         handleAdd(item){
             let sub = item.sectionVOList[item.sectionVOList.length-1]
             if(!sub.rightValue||!sub.sectionScore){
@@ -492,7 +487,7 @@ export default {
                     } 
                 }
             });
-        }, 
+        },
         handleView(row){
             this.histRow = row;
             this.getList2()
@@ -512,7 +507,7 @@ export default {
                 this.openHistory = true; 
                 this.loading = false;
             });
-        }, 
+        },
     }
 };
 </script>
diff --git a/src/views/index_v1.vue b/src/views/index_v1.vue
index 1199caa4..2985e222 100644
--- a/src/views/index_v1.vue
+++ b/src/views/index_v1.vue
@@ -411,7 +411,7 @@ export default {
           var option = {
             backgroundColor: "#fff",
             grid: {
-              left: "10%",
+              left: "5%",
               right: "2%",
               bottom: "2%",
               top: "10%",
@@ -446,6 +446,7 @@ export default {
                     var str = "";
                     var no = "NO.";
                     num = index + 1;
+                    value = value.length > 8 ? value.slice(0, 8) + '...' : value
                     if (index === 0) {
                       str = " {num1|" + num + "} {title1|" + value + "}";
                     } else if (index === 1) {
diff --git a/src/views/kitchen/index.vue b/src/views/kitchen/index.vue
index 64850448..03c79dc0 100644
--- a/src/views/kitchen/index.vue
+++ b/src/views/kitchen/index.vue
@@ -572,7 +572,7 @@ export default {
       var option = {
         backgroundColor: "#fff",
         grid: {
-          left: "10%",
+          left: "5%",
           right: "2%",
           bottom: "2%",
           top: "10%",
@@ -607,6 +607,7 @@ export default {
                 var str = "";
                 var no = "NO.";
                 num = index + 1;
+                // value = value.length > 6 ? value.slice(0, 6) + '...' : value
                 if (index === 0) {
                   str = " {num1|" + num + "} {title1|" + value + "}";
                 } else if (index === 1) {
@@ -779,7 +780,7 @@ export default {
       var option = {
         backgroundColor: "#fff",
         grid: {
-          left: "10%",
+          left: "5%",
           right: "2%",
           bottom: "2%",
           top: "10%",
@@ -814,6 +815,7 @@ export default {
                 var str = "";
                 var no = "NO.";
                 num = index + 1;
+                // value = value.length > 6 ? value.slice(0, 6) + '...' : value
                 if (index === 0) {
                   str = " {num1|" + num + "} {title1|" + value + "}";
                 } else if (index === 1) {
@@ -986,7 +988,7 @@ export default {
       var option = {
         backgroundColor: "#fff",
         grid: {
-          left: "10%",
+          left: "5%",
           right: "2%",
           bottom: "2%",
           top: "10%",
@@ -1021,6 +1023,7 @@ export default {
                 var str = "";
                 var no = "NO.";
                 num = index + 1;
+                // value = value.length > 6 ? value.slice(0, 6) + '...' : value
                 if (index === 0) {
                   str = " {num1|" + num + "} {title1|" + value + "}";
                 } else if (index === 1) {
diff --git a/vue.config.js b/vue.config.js
index 994c1b56..d7c3df52 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -37,7 +37,7 @@ module.exports = {
             [process.env.VUE_APP_BASE_API]: {
                 // target: `http://192.168.2.75:48380`,//旭
                 target: `http://192.168.0.244:48380`,//测试
-                // target: `http://192.168.1.176:48380`,//测试
+                // target: `http://192.168.0.176:48380`,//刘鑫
                 // target: `http://192.168.0.44:48380`,//测试
                 // target: `http://192.168.0.176:48380`,//
                 changeOrigin: true,