From cfb50d0573359a4e299e1bcca9e7c199b0bc0166 Mon Sep 17 00:00:00 2001
From: xz2000 <xz20000522@163.com>
Date: Mon, 14 Jul 2025 19:59:59 +0800
Subject: [PATCH] =?UTF-8?q?###=20=E4=B8=BB=E8=A6=81=E6=94=B9=E5=8A=A8=201.?=
 =?UTF-8?q?=20=20**=E5=88=A0=E9=99=A4=E2=80=9C=E6=95=B0=E6=8D=AE=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E2=80=9D**:=20=20=20=20=20*=20=20=20=E4=BB=8E=20`UI/s?=
 =?UTF-8?q?rc/App.vue`=20=E7=9A=84=E5=AF=BC=E8=88=AA=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E4=B8=AD=E7=A7=BB=E9=99=A4=E4=BA=86=E2=80=9C=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E2=80=9D=E9=A1=B9=E3=80=82=20=20=20=20=20*?=
 =?UTF-8?q?=20=20=20=E4=BB=8E=20`UI/src/router/index.js`=20=E4=B8=AD?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=BA=86=E5=AF=B9=E5=BA=94=E7=9A=84=20`/data?=
 =?UTF-8?q?`=20=E8=B7=AF=E7=94=B1=E3=80=82=20=20=20=20=20*=20=20=20?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=BA=86=E8=A7=86=E5=9B=BE=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=20`UI/src/views/DataView.vue`=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

2.  **提升“店铺管理”**:
    *   将“店铺管理”菜单项在 `UI/src/App.vue` 中的位置提升，以填补原“数据管理”的位置，使其在导航中更加突出。

### 涉及文件
*   `UI/src/App.vue`
*   `UI/src/router/index.js`
*   `UI/src/views/DataView.vue` (已删除)
---
 UI/src/App.vue            |   7 +-
 UI/src/router/index.js    |   5 -
 UI/src/views/DataView.vue | 461 --------------------------------------
 xz修改记录日志.md         |  24 ++
 4 files changed, 26 insertions(+), 471 deletions(-)
 delete mode 100644 UI/src/views/DataView.vue

diff --git a/UI/src/App.vue b/UI/src/App.vue
index d4bca42..a908c3f 100644
--- a/UI/src/App.vue
+++ b/UI/src/App.vue
@@ -31,8 +31,8 @@
               <el-menu-item index="/">
                 <el-icon><House /></el-icon>首页概览
               </el-menu-item>
-              <el-menu-item index="/data">
-                <el-icon><FolderOpened /></el-icon>数据管理
+              <el-menu-item index="/store-management">
+                <el-icon><Shop /></el-icon>店铺管理
               </el-menu-item>
               <el-sub-menu index="training-submenu">
                 <template #title>
@@ -70,9 +70,6 @@
               <el-menu-item index="/management">
                 <el-icon><Files /></el-icon>模型管理
               </el-menu-item>
-              <el-menu-item index="/store-management">
-                <el-icon><Shop /></el-icon>店铺管理
-              </el-menu-item>
             </el-sub-menu>
           </el-menu>
         </el-scrollbar>
diff --git a/UI/src/router/index.js b/UI/src/router/index.js
index 668bb81..f940ff1 100644
--- a/UI/src/router/index.js
+++ b/UI/src/router/index.js
@@ -9,11 +9,6 @@ const router = createRouter({
       name: 'dashboard',
       component: DashboardView
     },
-    {
-      path: '/data',
-      name: 'data',
-      component: () => import('../views/DataView.vue')
-    },
     {
       path: '/training',
       name: 'training',
diff --git a/UI/src/views/DataView.vue b/UI/src/views/DataView.vue
deleted file mode 100644
index 900987f..0000000
--- a/UI/src/views/DataView.vue
+++ /dev/null
@@ -1,461 +0,0 @@
-<template>
-  <el-card>
-    <template #header>
-      <div class="card-header">
-        <span>销售数据管理</span>
-        <el-upload
-          :show-file-list="false"
-          :http-request="handleUpload"
-        >
-          <el-button type="primary">上传销售数据</el-button>
-        </el-upload>
-      </div>
-    </template>
-
-    <!-- 查询过滤条件 -->
-    <div class="filter-section">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-select v-model="filters.store_id" placeholder="选择店铺" clearable @change="handleFilterChange">
-            <el-option label="全部店铺" value=""></el-option>
-            <el-option 
-              v-for="store in stores" 
-              :key="store.store_id" 
-              :label="store.store_name" 
-              :value="store.store_id">
-            </el-option>
-          </el-select>
-        </el-col>
-        <el-col :span="6">
-          <el-select v-model="filters.product_id" placeholder="选择产品" clearable @change="handleFilterChange">
-            <el-option label="全部产品" value=""></el-option>
-            <el-option 
-              v-for="product in allProducts" 
-              :key="product.product_id" 
-              :label="product.product_name" 
-              :value="product.product_id">
-            </el-option>
-          </el-select>
-        </el-col>
-        <el-col :span="8">
-          <el-date-picker
-            v-model="filters.dateRange"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            format="YYYY-MM-DD"
-            value-format="YYYY-MM-DD"
-            @change="handleFilterChange"
-          />
-        </el-col>
-        <el-col :span="4">
-          <el-button type="primary" @click="handleFilterChange">查询</el-button>
-        </el-col>
-      </el-row>
-    </div>
-
-    <!-- 销售数据表格 -->
-    <el-table :data="salesData" stripe v-loading="loading" class="mt-4">
-      <el-table-column prop="date" label="日期" width="120"></el-table-column>
-      <el-table-column prop="store_name" label="店铺名称" width="150"></el-table-column>
-      <el-table-column prop="store_id" label="店铺ID" width="100"></el-table-column>
-      <el-table-column prop="product_name" label="产品名称" width="150"></el-table-column>
-      <el-table-column prop="product_id" label="产品ID" width="100"></el-table-column>
-      <el-table-column prop="quantity_sold" label="销量" width="80" align="right"></el-table-column>
-      <el-table-column prop="unit_price" label="单价" width="80" align="right">
-        <template #default="{ row }">
-          ¥{{ row.unit_price?.toFixed(2) }}
-        </template>
-      </el-table-column>
-      <el-table-column prop="sales_amount" label="销售额" width="100" align="right">
-        <template #default="{ row }">
-          ¥{{ row.sales_amount?.toFixed(2) }}
-        </template>
-      </el-table-column>
-      <el-table-column prop="store_type" label="店铺类型" width="100"></el-table-column>
-      <el-table-column label="操作" width="120">
-        <template #default="{ row }">
-          <el-button link @click="viewStoreDetails(row.store_id)">店铺详情</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 分页 -->
-    <el-pagination
-      v-if="total > 0"
-      layout="total, sizes, prev, pager, next, jumper"
-      :total="total"
-      :page-size="pageSize"
-      :page-sizes="[10, 20, 50, 100]"
-      @current-change="handlePageChange"
-      @size-change="handleSizeChange"
-      class="mt-4"
-    />
-
-    <!-- 统计信息 -->
-    <div class="statistics-section mt-4" v-if="statistics">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-statistic title="总记录数" :value="statistics.total_records" />
-        </el-col>
-        <el-col :span="6">
-          <el-statistic title="总销售额" :value="statistics.total_sales_amount" :precision="2" prefix="¥" />
-        </el-col>
-        <el-col :span="6">
-          <el-statistic title="总销量" :value="statistics.total_quantity" />
-        </el-col>
-        <el-col :span="6">
-          <el-statistic title="店铺数量" :value="statistics.stores" />
-        </el-col>
-      </el-row>
-    </div>
-
-    <!-- 产品详情对话框 -->
-    <el-dialog
-      v-model="dialogVisible"
-      :title="`${selectedProduct?.product_name} - 销售详情`"
-      width="60%"
-    >
-      <div v-loading="detailLoading">
-        <div v-if="salesData.length > 0">
-          <div class="chart-container">
-            <canvas ref="salesChartCanvas"></canvas>
-          </div>
-          <el-table :data="paginatedSalesData" stripe>
-            <el-table-column prop="date" label="日期"></el-table-column>
-            <el-table-column prop="sales" label="销量"></el-table-column>
-            <el-table-column prop="price" label="价格"></el-table-column>
-          </el-table>
-          <el-pagination
-            layout="prev, pager, next"
-            :total="salesData.length"
-            :page-size="pageSize"
-            @current-change="handlePageChange"
-            class="mt-4"
-          />
-        </div>
-        <el-empty v-else description="暂无销售数据"></el-empty>
-      </div>
-    </el-dialog>
-  </el-card>
-</template>
-
-<script setup>
-import { ref, onMounted, nextTick } from 'vue'
-import axios from 'axios'
-import { ElMessage } from 'element-plus'
-import Chart from 'chart.js/auto';
-import zoomPlugin from 'chartjs-plugin-zoom';
-
-Chart.register(zoomPlugin);
-
-// 数据相关
-const stores = ref([])
-const allProducts = ref([])
-const salesData = ref([])
-const statistics = ref(null)
-const loading = ref(true)
-
-// 分页相关
-const pageSize = ref(20)
-const currentPage = ref(1)
-const total = ref(0)
-
-// 过滤条件
-const filters = ref({
-  store_id: '',
-  product_id: '',
-  dateRange: null
-})
-
-// 对话框相关
-const dialogVisible = ref(false)
-const detailLoading = ref(false)
-const selectedProduct = ref(null)
-const paginatedSalesData = ref([])
-const salesChartCanvas = ref(null)
-let salesChart = null;
-
-// 获取店铺列表
-const fetchStores = async () => {
-  try {
-    const response = await axios.get('/api/stores')
-    if (response.data.status === 'success') {
-      stores.value = response.data.data
-    } else {
-      ElMessage.error('获取店铺列表失败')
-    }
-  } catch (error) {
-    console.error('获取店铺列表失败:', error)
-  }
-}
-
-// 获取产品列表
-const fetchProducts = async () => {
-  try {
-    const response = await axios.get('/api/products')
-    if (response.data.status === 'success') {
-      allProducts.value = response.data.data
-    } else {
-      ElMessage.error('获取产品列表失败')
-    }
-  } catch (error) {
-    console.error('获取产品列表失败:', error)
-  }
-}
-
-// 获取销售数据
-const fetchSalesData = async () => {
-  try {
-    loading.value = true
-    
-    // 构建查询参数
-    const params = {
-      page: currentPage.value,
-      page_size: pageSize.value
-    }
-    
-    if (filters.value.store_id) {
-      params.store_id = filters.value.store_id
-    }
-    
-    if (filters.value.product_id) {
-      params.product_id = filters.value.product_id
-    }
-    
-    if (filters.value.dateRange && filters.value.dateRange.length === 2) {
-      params.start_date = filters.value.dateRange[0]
-      params.end_date = filters.value.dateRange[1]
-    }
-    
-    const response = await axios.get('/api/sales/data', { params })
-    
-    if (response.data.status === 'success') {
-      salesData.value = response.data.data
-      total.value = response.data.total || 0
-      statistics.value = response.data.statistics
-    } else {
-      ElMessage.error('获取销售数据失败')
-      salesData.value = []
-      total.value = 0
-      statistics.value = null
-    }
-  } catch (error) {
-    ElMessage.error('请求销售数据时出错')
-    console.error(error)
-    salesData.value = []
-    total.value = 0
-    statistics.value = null
-  } finally {
-    loading.value = false
-  }
-}
-
-// 处理过滤条件变化
-const handleFilterChange = () => {
-  currentPage.value = 1
-  fetchSalesData()
-}
-
-// 处理分页变化
-const handlePageChange = (page) => {
-  currentPage.value = page
-  fetchSalesData()
-}
-
-// 处理页面大小变化
-const handleSizeChange = (size) => {
-  pageSize.value = size
-  currentPage.value = 1
-  fetchSalesData()
-}
-
-// 查看店铺详情
-const viewStoreDetails = async (storeId) => {
-  try {
-    const response = await axios.get(`/api/stores/${storeId}`)
-    if (response.data.status === 'success') {
-      const store = response.data.data
-      ElMessage.info(`店铺：${store.store_name}，位置：${store.location}，类型：${store.type}`)
-    }
-  } catch (error) {
-    ElMessage.error('获取店铺详情失败')
-  }
-}
-
-// 文件上传
-const handleUpload = async (options) => {
-  const formData = new FormData()
-  formData.append('file', options.file)
-  try {
-    const response = await axios.post('/api/data/upload', formData, {
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    })
-    if (response.data.status === 'success') {
-      ElMessage.success('数据上传成功')
-      await fetchStores()
-      await fetchProducts() 
-      await fetchSalesData()
-    } else {
-      ElMessage.error(response.data.message || '数据上传失败')
-    }
-  } catch (error) {
-    ElMessage.error('数据上传请求失败')
-    console.error(error)
-  }
-}
-
-const viewDetails = async (product) => {
-  selectedProduct.value = product;
-  dialogVisible.value = true;
-  detailLoading.value = true;
-  try {
-    const response = await axios.get(`/api/products/${product.product_id}/sales`);
-    if (response.data.status === 'success') {
-      salesData.value = response.data.data;
-      handlePageChange(1); // Show first page
-      await nextTick();
-      renderChart();
-    } else {
-      ElMessage.error('获取销售详情失败');
-      salesData.value = [];
-    }
-  } catch (error) {
-    ElMessage.error('请求销售详情时出错');
-    salesData.value = [];
-  } finally {
-    detailLoading.value = false;
-  }
-}
-
-// handlePageChange函数已在上面定义
-
-const renderChart = () => {
-  if (salesChart) {
-    salesChart.destroy();
-  }
-  if (!salesChartCanvas.value || salesData.value.length === 0) return;
-
-  const labels = salesData.value.map(d => d.date);
-  const data = salesData.value.map(d => d.sales);
-
-  salesChart = new Chart(salesChartCanvas.value, {
-    type: 'line',
-    data: {
-      labels,
-      datasets: [{
-        label: '每日销量',
-        data,
-        borderColor: '#409EFF',
-        tension: 0.1
-      }]
-    },
-    options: {
-      responsive: true,
-      maintainAspectRatio: false,
-      plugins: {
-        tooltip: {
-          callbacks: {
-            title: function(context) {
-              return `日期: ${context[0].label}`;
-            },
-            label: (context) => {
-              const label = context.dataset.label || '';
-              const value = context.parsed.y;
-              const fullData = salesData.value[context.dataIndex];
-              let tooltipText = `${label}: ${value}`;
-              if (fullData) {
-                tooltipText += ` | 温度: ${fullData.temperature}°C`;
-              }
-              return tooltipText;
-            }
-          }
-        },
-        zoom: {
-          pan: {
-            enabled: true,
-            mode: 'x',
-          },
-          zoom: {
-            wheel: {
-              enabled: true,
-            },
-            pinch: {
-              enabled: true
-            },
-            mode: 'x',
-          }
-        }
-      }
-    }
-  });
-}
-
-// 组件挂载时初始化数据
-onMounted(async () => {
-  await fetchStores()
-  await fetchProducts()
-  await fetchSalesData()
-})
-</script>
-
-<style scoped>
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.filter-section {
-  padding: 20px;
-  background-color: #f8f9fa;
-  border-radius: 8px;
-  margin-bottom: 20px;
-}
-
-.statistics-section {
-  padding: 20px;
-  background-color: #f0f9ff;
-  border-radius: 8px;
-  border: 1px solid #e0f2fe;
-}
-
-.mt-4 {
-  margin-top: 24px;
-}
-
-.chart-container {
-  width: 100%;
-  height: 400px;
-  margin-bottom: 20px;
-}
-
-.el-statistic {
-  text-align: center;
-}
-
-.el-table .el-table__cell {
-  padding: 8px 0;
-}
-
-.filter-section .el-row {
-  align-items: center;
-}
-
-.filter-section .el-col {
-  margin-bottom: 10px;
-}
-
-@media (max-width: 768px) {
-  .filter-section .el-col {
-    margin-bottom: 15px;
-  }
-  
-  .statistics-section .el-col {
-    margin-bottom: 15px;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/xz修改记录日志.md b/xz修改记录日志.md
index bc0322c..fb6ab69 100644
--- a/xz修改记录日志.md
+++ b/xz修改记录日志.md
@@ -636,4 +636,28 @@
 
 
 
+---
+**日期**: 2025-07-14
+**主题**: UI导航栏重构
+
+### 描述
+根据用户请求，对左侧功能导航栏进行了调整。
+
+### 主要改动
+1.  **删除“数据管理”**:
+    *   从 `UI/src/App.vue` 的导航菜单中移除了“数据管理”项。
+    *   从 `UI/src/router/index.js` 中删除了对应的 `/data` 路由。
+    *   删除了视图文件 `UI/src/views/DataView.vue`。
+
+2.  **提升“店铺管理”**:
+    *   将“店铺管理”菜单项在 `UI/src/App.vue` 中的位置提升，以填补原“数据管理”的位置，使其在导航中更加突出。
+
+### 涉及文件
+*   `UI/src/App.vue`
+*   `UI/src/router/index.js`
+*   `UI/src/views/DataView.vue` (已删除)
+
+
+
+
 **按药品模型预测**
\ No newline at end of file