From 3a382eef305870f1fa5e40987d10177048a47b56 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 17 九月 2025 14:55:13 +0800
Subject: [PATCH] 采购计划前端页面

---
 src/views/procurementManagement/procurementPlan/index.vue |  821 +++++++++++++++++++++++++++++++++++++++++++++++++++
 src/api/procurementManagement/procurementPlan.js          |  127 +++++++
 2 files changed, 948 insertions(+), 0 deletions(-)

diff --git a/src/api/procurementManagement/procurementPlan.js b/src/api/procurementManagement/procurementPlan.js
new file mode 100644
index 0000000..04c58b3
--- /dev/null
+++ b/src/api/procurementManagement/procurementPlan.js
@@ -0,0 +1,127 @@
+import request from "@/utils/request";
+
+// 鍒嗛〉鏌ヨ閲囪喘璁″垝鍒楄〃
+export function getProcurementPlanList(query) {
+  return request({
+    url: "/procurement/plan/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 鏂板閲囪喘璁″垝
+export function addProcurementPlan(data) {
+  return request({
+    url: "/procurement/plan/add",
+    method: "post",
+    data: data,
+  });
+}
+
+// 淇敼閲囪喘璁″垝
+export function updateProcurementPlan(data) {
+  return request({
+    url: "/procurement/plan/update",
+    method: "put",
+    data: data,
+  });
+}
+
+// 鍒犻櫎閲囪喘璁″垝
+export function deleteProcurementPlan(ids) {
+  return request({
+    url: "/procurement/plan/delete",
+    method: "delete",
+    data: ids,
+  });
+}
+
+// 鏍规嵁ID鑾峰彇閲囪喘璁″垝璇︽儏
+export function getProcurementPlanById(id) {
+  return request({
+    url: `/procurement/plan/${id}`,
+    method: "get",
+  });
+}
+
+// 鎵ц閲囪喘璁″垝璁＄畻
+export function calculateProcurementPlan(data) {
+  return request({
+    url: "/procurement/plan/calculate",
+    method: "post",
+    data: data,
+  });
+}
+
+
+// 鑾峰彇浜у搧鐜版湁搴撳瓨淇℃伅
+export function getProductExistingStock(productIds) {
+  return request({
+    url: "/inventory/existingStock/productInfo",
+    method: "post",
+    data: productIds,
+  });
+}
+
+// 鑾峰彇浜у搧瀹夊叏搴撳瓨淇℃伅
+export function getProductSafetyStock(productIds) {
+  return request({
+    url: "/inventory/safetyStock/productInfo",
+    method: "post",
+    data: productIds,
+  });
+}
+
+// 鑾峰彇浜у搧棰勮鍑哄簱淇℃伅
+export function getProductExpectedOutbound(productIds) {
+  return request({
+    url: "/inventory/expectedOutbound/productInfo",
+    method: "post",
+    data: productIds,
+  });
+}
+
+// 鑾峰彇浜у搧棰勮鍏ュ簱淇℃伅
+export function getProductExpectedInbound(productIds) {
+  return request({
+    url: "/inventory/expectedInbound/productInfo",
+    method: "post",
+    data: productIds,
+  });
+}
+
+// 瀵煎嚭閲囪喘璁″垝
+export function exportProcurementPlan(query) {
+  return request({
+    url: "/procurement/plan/export",
+    method: "get",
+    params: query,
+    responseType: "blob",
+  });
+}
+
+// 鐢熸垚閲囪喘璁㈠崟
+export function generatePurchaseOrder(data) {
+  return request({
+    url: "/procurement/plan/generateOrder",
+    method: "post",
+    data: data,
+  });
+}
+
+// 楠岃瘉璁＄畻鍏紡
+export function validateFormula(formula) {
+  return request({
+    url: "/procurement/plan/validateFormula",
+    method: "post",
+    data: { formula },
+  });
+}
+
+// 鑾峰彇璁＄畻鍏紡妯℃澘
+export function getFormulaTemplates() {
+  return request({
+    url: "/procurement/plan/formulaTemplates",
+    method: "get",
+  });
+}
diff --git a/src/views/procurementManagement/procurementPlan/index.vue b/src/views/procurementManagement/procurementPlan/index.vue
new file mode 100644
index 0000000..fec52ed
--- /dev/null
+++ b/src/views/procurementManagement/procurementPlan/index.vue
@@ -0,0 +1,821 @@
+<template>
+  <div class="app-container">
+    <!-- 鎼滅储鍖哄煙 -->
+    <el-card class="search-card" shadow="never">
+      <el-form :model="searchForm" :inline="true" class="search-form">
+        <el-form-item label="璁″垝鍚嶇О">
+          <el-input v-model="searchForm.planName" placeholder="璇疯緭鍏ヨ鍒掑悕绉�" clearable />
+        </el-form-item>
+        <el-form-item label="鐘舵��">
+          <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨鐘舵��" clearable style="width: 150px">
+            <el-option label="鍚敤" value="active" />
+            <el-option label="绂佺敤" value="inactive" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">
+            <el-icon><Search /></el-icon>
+            鎼滅储
+          </el-button>
+          <el-button @click="handleReset">
+            <el-icon><Refresh /></el-icon>
+            閲嶇疆
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 鎿嶄綔鎸夐挳 -->
+    <el-card class="table-card" shadow="never">
+      <div class="table-header">
+        <div class="table-title">閲囪喘璁″垝鍒楄〃</div>
+        <div class="table-actions">
+          <el-button type="primary" @click="handleAdd">
+            <el-icon><Plus /></el-icon>
+            鏂板璁″垝
+          </el-button>
+          <el-button type="info" @click="handleExport">
+            <el-icon><Download /></el-icon>
+            瀵煎嚭
+          </el-button>
+        </div>
+      </div>
+
+      <!-- 鏁版嵁琛ㄦ牸 -->
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        stripe
+        border
+        style="width: 100%"
+      >
+        <el-table-column prop="planName" label="璁″垝鍚嶇О" min-width="150" />
+        <el-table-column prop="description" label="鎻忚堪" min-width="200" show-overflow-tooltip />
+        <el-table-column prop="formula" label="璁＄畻鍏紡" min-width="200" show-overflow-tooltip>
+          <template #default="{ row }">
+            <el-tag type="info" size="small">{{ row.formula }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" label="鐘舵��" width="80" align="center">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 'active' ? 'success' : 'info'" size="small">
+              {{ row.status === 'active' ? '鍚敤' : '绂佺敤' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="lastCalculateTime" label="鏈�鍚庤绠楁椂闂�" width="160" />
+        <el-table-column label="鎿嶄綔" width="200" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-button type="primary" link @click="handleEdit(row)">缂栬緫</el-button>
+            <el-button type="success" link @click="handleCalculate(row)">璁＄畻</el-button>
+            <el-button type="danger" link @click="handleDelete(row)">鍒犻櫎</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 鍒嗛〉 -->
+      <div class="pagination-container">
+        <el-pagination
+          v-model:current-page="pagination.current"
+          v-model:page-size="pagination.size"
+          :page-sizes="[10, 20, 50, 100]"
+          :total="pagination.total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </el-card>
+
+    <!-- 鏂板/缂栬緫瀵硅瘽妗� -->
+    <el-dialog
+      v-model="dialogVisible"
+      :title="dialogType === 'add' ? '鏂板閲囪喘璁″垝' : '缂栬緫閲囪喘璁″垝'"
+      width="1000px"
+      :close-on-click-modal="false"
+    >
+      <div class="form-container">
+        <!-- 鍩烘湰淇℃伅 -->
+        <div class="form-section">
+          <div class="section-title">鍩烘湰淇℃伅</div>
+          <el-form
+            ref="formRef"
+            :model="formData"
+            :rules="formRules"
+            label-width="120px"
+          >
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="缂栫爜" prop="code">
+                  <el-input v-model="formData.code" placeholder="绯荤粺鑷姩鐢熸垚" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="鍚嶇О" prop="planName" required>
+                  <el-input v-model="formData.planName" placeholder="璇疯緭鍏ヨ鍒掑悕绉�" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-form-item label="鎻忚堪" prop="description">
+              <el-input
+                v-model="formData.description"
+                type="textarea"
+                :rows="3"
+                placeholder="璇疯緭鍏ヨ鍒掓弿杩�"
+              />
+            </el-form-item>
+
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="鏁版嵁鐘舵��" prop="dataStatus">
+                  <el-select v-model="formData.dataStatus" placeholder="璇烽�夋嫨鐘舵��" style="width: 100%">
+                    <el-option label="鑽夌" value="draft" />
+                    <el-option label="宸插鏍�" value="approved" />
+                    <el-option label="宸茬鐢�" value="disabled" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="鏄惁绯荤粺棰勭疆">
+                  <el-checkbox v-model="formData.isSystemPreset">鏄�</el-checkbox>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+
+        <!-- 璁＄畻鍙傛暟 -->
+        <div class="form-section">
+          <div class="section-title">璁＄畻鍙傛暟</div>
+          <el-tabs v-model="activeTab" class="param-tabs">
+            <el-tab-pane label="闇�姹傚弬鏁�" name="demand">
+              <div class="checkbox-group">
+                <el-checkbox v-model="formData.considerExistingStock">鑰冭檻鐜版湁搴撳瓨</el-checkbox>
+                <el-checkbox v-model="formData.warehouseMRPControl">浠撳簱杩愯MRP鐨勬帶鍒�</el-checkbox>
+                <el-checkbox v-model="formData.calculateTotalDemand">璁＄畻鎬婚渶姹�</el-checkbox>
+                <el-checkbox v-model="formData.considerSafetyStock">鑰冭檻瀹夊叏搴撳瓨</el-checkbox>
+                <el-checkbox v-model="formData.considerLockedStock">鑰冭檻閿佸簱</el-checkbox>
+                <el-checkbox v-model="formData.notConsiderMaterialAux">涓嶈�冭檻鐗╂枡杈呭姪灞炴��</el-checkbox>
+                <el-checkbox v-model="formData.negativeStockAsDemand">璐熷簱瀛樹綔涓洪渶姹�</el-checkbox>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="璁＄畻鍙傛暟" name="calculation">
+              <div class="checkbox-group">
+                <el-checkbox v-model="formData.considerExistingStock">鑰冭檻鐜版湁搴撳瓨</el-checkbox>
+                <el-checkbox v-model="formData.warehouseMRPControl">浠撳簱杩愯MRP鐨勬帶鍒�</el-checkbox>
+                <el-checkbox v-model="formData.calculateTotalDemand">璁＄畻鎬婚渶姹�</el-checkbox>
+                <el-checkbox v-model="formData.considerSafetyStock">鑰冭檻瀹夊叏搴撳瓨</el-checkbox>
+                <el-checkbox v-model="formData.considerLockedStock">鑰冭檻閿佸簱</el-checkbox>
+                <el-checkbox v-model="formData.notConsiderMaterialAux">涓嶈�冭檻鐗╂枡杈呭姪灞炴��</el-checkbox>
+                <el-checkbox v-model="formData.negativeStockAsDemand">璐熷簱瀛樹綔涓洪渶姹�</el-checkbox>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+
+        <!-- 姹囨�诲悎骞堕�夐」 -->
+        <div class="form-section">
+          <div class="section-title">姹囨�诲悎骞堕�夐」</div>
+          <div class="checkbox-group">
+            <el-checkbox v-model="formData.summaryMaterial">鐗╂枡</el-checkbox>
+            <el-checkbox v-model="formData.summaryAuxAttributes">杈呭姪灞炴��</el-checkbox>
+            <el-checkbox v-model="formData.summaryDemandDate">闇�姹傛棩鏈�</el-checkbox>
+          </div>
+        </div>
+
+        <!-- 璁＄畻鍏紡 -->
+        <div class="form-section">
+          <div class="section-title">璁＄畻鍏紡</div>
+          <div class="formula-input-section">
+            <el-form-item label="璁＄畻鍏紡" prop="formula" required>
+              <el-input
+                v-model="formData.formula"
+                placeholder="渚嬪: 棰勮鍑哄簱鏁伴噺 - 鐜版湁搴撳瓨 + 瀹夊叏搴撳瓨 - 棰勮鍏ュ簱鏁伴噺"
+                @input="validateFormula"
+              />
+            </el-form-item>
+            <div class="formula-help">
+              <el-text type="info" size="small">
+                鏀寔鍙橀噺锛氶璁″嚭搴撴暟閲忋�佺幇鏈夊簱瀛樸�佸畨鍏ㄥ簱瀛樸�侀璁″叆搴撴暟閲�
+              </el-text>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="dialogVisible = false">鍙栨秷</el-button>
+          <el-button type="primary" @click="handleSubmit" :loading="submitLoading">纭畾</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 浜у搧閫夋嫨瀵硅瘽妗� -->
+    <el-dialog
+      v-model="productSelectDialogVisible"
+      title="閫夋嫨浜у搧"
+      width="800px"
+      :close-on-click-modal="false"
+    >
+      <div class="product-select">
+        <el-alert
+          title="璇烽�夋嫨瑕佽绠楃殑浜у搧"
+          type="info"
+          :closable="false"
+          show-icon
+        >
+          <template #default>
+            <p>閫夋嫨浜у搧鍚庯紝绯荤粺灏嗘牴鎹綋鍓嶈绠楀叕寮忓拰浜у搧搴撳瓨鎯呭喌杩涜璁＄畻銆�</p>
+          </template>
+        </el-alert>
+
+        <el-table
+          v-loading="productLoading"
+          :data="productList"
+          @selection-change="handleProductSelectionChange"
+          stripe
+          border
+          style="width: 100%; margin-top: 20px;"
+        >
+          <el-table-column type="selection" width="55" />
+          <el-table-column prop="productName" label="浜у搧鍚嶇О" min-width="150" />
+          <el-table-column prop="productCode" label="浜у搧缂栫爜" width="120" />
+          <el-table-column prop="existingStock" label="鐜版湁搴撳瓨" width="100" align="right" />
+          <el-table-column prop="safetyStock" label="瀹夊叏搴撳瓨" width="100" align="right" />
+          <el-table-column prop="expectedOutbound" label="棰勮鍑哄簱" width="100" align="right" />
+          <el-table-column prop="expectedInbound" label="棰勮鍏ュ簱" width="100" align="right" />
+        </el-table>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="productSelectDialogVisible = false">鍙栨秷</el-button>
+          <el-button type="primary" @click="handleConfirmProductSelection" :disabled="selectedProducts.length === 0">
+            纭璁＄畻
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 璁＄畻缁撴灉瀵硅瘽妗� -->
+    <el-dialog
+      v-model="calculateDialogVisible"
+      title="閲囪喘璁＄畻缁撴灉"
+      width="1000px"
+      :close-on-click-modal="false"
+    >
+      <div class="calculate-result">
+        <el-alert
+          title="璁＄畻缁撴灉"
+          type="success"
+          :closable="false"
+          show-icon
+        >
+          <template #default>
+            <p>鍩轰簬褰撳墠閰嶇疆鐨勮绠楀叕寮忓拰搴撳瓨鎯呭喌锛岀郴缁熷凡璁＄畻鍑哄悇浜у搧鐨勯噰璐渶姹傘��</p>
+          </template>
+        </el-alert>
+
+        <el-table :data="calculateResult" stripe border style="width: 100%; margin-top: 20px;">
+          <el-table-column prop="productName" label="浜у搧鍚嶇О" min-width="150" />
+          <el-table-column prop="productCode" label="浜у搧缂栫爜" width="120" />
+          <el-table-column prop="existingStock" label="鐜版湁搴撳瓨" width="100" align="right" />
+          <el-table-column prop="safetyStock" label="瀹夊叏搴撳瓨" width="100" align="right" />
+          <el-table-column prop="expectedOutbound" label="棰勮鍑哄簱鏁伴噺" width="120" align="right" />
+          <el-table-column prop="expectedInbound" label="棰勮鍏ュ簱鏁伴噺" width="120" align="right" />
+          <el-table-column prop="weeklyNetDemand" label="鎸夊懆鍑�闇�姹�" width="120" align="right">
+            <template #default="{ row }">
+              <el-tag :type="row.weeklyNetDemand > 0 ? 'warning' : 'success'" size="small">
+                {{ row.weeklyNetDemand }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column prop="suggestedPurchase" label="寤鸿閲囪喘" width="100" align="right">
+            <template #default="{ row }">
+              <el-tag :type="row.suggestedPurchase > 0 ? 'danger' : 'success'" size="small">
+                {{ row.suggestedPurchase }}
+              </el-tag>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="calculateDialogVisible = false">鍏抽棴</el-button>
+          <el-button type="primary" @click="handleCreatePurchaseOrder">鐢熸垚閲囪喘璁㈠崟</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search, Refresh, Plus, Download } from '@element-plus/icons-vue'
+
+// 鍝嶅簲寮忔暟鎹�
+const loading = ref(false)
+const submitLoading = ref(false)
+const dialogVisible = ref(false)
+const productSelectDialogVisible = ref(false)
+const calculateDialogVisible = ref(false)
+const dialogType = ref('add')
+const productLoading = ref(false)
+const selectedProducts = ref([])
+const currentPlan = ref(null)
+
+// 鎼滅储琛ㄥ崟
+const searchForm = reactive({
+  planName: '',
+  status: ''
+})
+
+// 鍒嗛〉鏁版嵁
+const pagination = reactive({
+  current: 1,
+  size: 20,
+  total: 0
+})
+
+// 琛ㄥ崟鏁版嵁
+const formData = reactive({
+  code: '',
+  planName: '',
+  description: '',
+  dataStatus: '',
+  isSystemPreset: false,
+  formula: '',
+  // 璁＄畻鍙傛暟
+  considerExistingStock: false,
+  warehouseMRPControl: false,
+  calculateTotalDemand: false,
+  considerSafetyStock: false,
+  considerLockedStock: false,
+  notConsiderMaterialAux: false,
+  negativeStockAsDemand: false,
+  // 姹囨�诲悎骞堕�夐」
+  summaryMaterial: false,
+  summaryAuxAttributes: false,
+  summaryDemandDate: false
+})
+
+// 褰撳墠婵�娲荤殑鏍囩椤�
+const activeTab = ref('demand')
+
+// 琛ㄥ崟楠岃瘉瑙勫垯
+const formRules = {
+  planName: [
+    { required: true, message: '璇疯緭鍏ヨ鍒掑悕绉�', trigger: 'blur' }
+  ],
+  dataStatus: [
+    { required: true, message: '璇烽�夋嫨鏁版嵁鐘舵��', trigger: 'change' }
+  ],
+  formula: [
+    { required: true, message: '璇疯緭鍏ヨ绠楀叕寮�', trigger: 'blur' }
+  ]
+}
+
+// 琛ㄦ牸鏁版嵁
+const tableData = ref([
+  {
+    id: 1,
+    planName: '甯歌浜у搧閲囪喘璁″垝',
+    description: '鍩轰簬鍘嗗彶閿�鍞暟鎹殑甯歌浜у搧閲囪喘璁″垝',
+    formula: '棰勮鍑哄簱鏁伴噺 - 鐜版湁搴撳瓨 + 瀹夊叏搴撳瓨 - 棰勮鍏ュ簱鏁伴噺',
+    status: 'active',
+    lastCalculateTime: '2024-12-01 10:30:00',
+    remark: '閫傜敤浜庡父瑙勪骇鍝�'
+  },
+  {
+    id: 2,
+    planName: '瀛ｈ妭鎬т骇鍝侀噰璐鍒�',
+    description: '鑰冭檻瀛ｈ妭鍥犵礌鐨勫鑺傛�т骇鍝侀噰璐鍒�',
+    formula: '棰勮鍑哄簱鏁伴噺 - 鐜版湁搴撳瓨 + 瀹夊叏搴撳瓨 * 1.2 - 棰勮鍏ュ簱鏁伴噺',
+    status: 'active',
+    lastCalculateTime: '2024-11-28 15:20:00',
+    remark: '閫傜敤浜庡鑺傛�т骇鍝�'
+  }
+])
+
+// 浜у搧鍒楄〃鏁版嵁
+const productList = ref([
+  {
+    id: 1,
+    productName: '浜у搧A',
+    productCode: 'PA001',
+    existingStock: 100,
+    safetyStock: 50,
+    expectedOutbound: 200,
+    expectedInbound: 30
+  },
+  {
+    id: 2,
+    productName: '浜у搧B',
+    productCode: 'PB002',
+    existingStock: 80,
+    safetyStock: 30,
+    expectedOutbound: 150,
+    expectedInbound: 20
+  },
+  {
+    id: 3,
+    productName: '浜у搧C',
+    productCode: 'PC003',
+    existingStock: 120,
+    safetyStock: 60,
+    expectedOutbound: 180,
+    expectedInbound: 25
+  },
+  {
+    id: 4,
+    productName: '浜у搧D',
+    productCode: 'PD004',
+    existingStock: 90,
+    safetyStock: 40,
+    expectedOutbound: 160,
+    expectedInbound: 35
+  }
+])
+
+// 璁＄畻缁撴灉鏁版嵁
+const calculateResult = ref([
+  {
+    productName: '浜у搧A',
+    existingStock: 100,
+    safetyStock: 50,
+    expectedOutbound: 200,
+    expectedInbound: 30,
+    weeklyNetDemand: 120,
+    suggestedPurchase: 150
+  },
+  {
+    productName: '浜у搧B',
+    existingStock: 80,
+    safetyStock: 30,
+    expectedOutbound: 150,
+    expectedInbound: 20,
+    weeklyNetDemand: 100,
+    suggestedPurchase: 120
+  }
+])
+
+// 鏂规硶
+const handleSearch = () => {
+  pagination.current = 1
+  loadData()
+}
+
+const handleReset = () => {
+  Object.assign(searchForm, {
+    planName: '',
+    status: ''
+  })
+  handleSearch()
+}
+
+const loadData = () => {
+  loading.value = true
+  // 妯℃嫙API璋冪敤
+  setTimeout(() => {
+    pagination.total = tableData.value.length
+    loading.value = false
+  }, 500)
+}
+
+const handleAdd = () => {
+  dialogType.value = 'add'
+  resetForm()
+  // 鑷姩鐢熸垚缂栫爜
+  formData.code = 'CGJH' + String(Date.now()).slice(-4)
+  dialogVisible.value = true
+}
+
+const handleEdit = (row) => {
+  dialogType.value = 'edit'
+  Object.assign(formData, row)
+  dialogVisible.value = true
+}
+
+const handleDelete = async (row) => {
+  try {
+    await ElMessageBox.confirm('纭畾瑕佸垹闄よ繖涓噰璐鍒掑悧锛�', '鎻愮ず', {
+      confirmButtonText: '纭畾',
+      cancelButtonText: '鍙栨秷',
+      type: 'warning'
+    })
+    
+    const index = tableData.value.findIndex(item => item.id === row.id)
+    if (index > -1) {
+      tableData.value.splice(index, 1)
+      ElMessage.success('鍒犻櫎鎴愬姛')
+      loadData()
+    }
+  } catch {
+    // 鐢ㄦ埛鍙栨秷鍒犻櫎
+  }
+}
+
+const handleSubmit = async () => {
+  try {
+    // 琛ㄥ崟楠岃瘉
+    if (!formData.planName || !formData.formula) {
+      ElMessage.error('璇峰～鍐欏繀濉」')
+      return
+    }
+
+    submitLoading.value = true
+
+    if (dialogType.value === 'add') {
+      // 鏂板
+      const newItem = {
+        ...formData,
+        id: Date.now(),
+        lastCalculateTime: '-'
+      }
+      tableData.value.unshift(newItem)
+      ElMessage.success('鏂板鎴愬姛')
+    } else {
+      // 缂栬緫
+      const index = tableData.value.findIndex(item => item.id === formData.id)
+      if (index > -1) {
+        tableData.value[index] = { ...formData }
+        ElMessage.success('缂栬緫鎴愬姛')
+      }
+    }
+
+    dialogVisible.value = false
+    loadData()
+  } catch (error) {
+    ElMessage.error('鎿嶄綔澶辫触')
+  } finally {
+    submitLoading.value = false
+  }
+}
+
+const resetForm = () => {
+  Object.assign(formData, {
+    code: '',
+    planName: '',
+    description: '',
+    dataStatus: '',
+    isSystemPreset: false,
+    formula: '',
+    // 璁＄畻鍙傛暟
+    considerExistingStock: false,
+    warehouseMRPControl: false,
+    calculateTotalDemand: false,
+    considerSafetyStock: false,
+    considerLockedStock: false,
+    notConsiderMaterialAux: false,
+    negativeStockAsDemand: false,
+    // 姹囨�诲悎骞堕�夐」
+    summaryMaterial: false,
+    summaryAuxAttributes: false,
+    summaryDemandDate: false
+  })
+  activeTab.value = 'demand'
+}
+
+const validateFormula = () => {
+  // 绠�鍗曠殑鍏紡楠岃瘉
+  const formula = formData.formula
+  if (formula && !/^[a-zA-Z\u4e00-\u9fa5\s\*\+\-\/\(\)\d\.]+$/.test(formula)) {
+    ElMessage.warning('鍏紡鏍煎紡鍙兘涓嶆纭紝璇锋鏌�')
+  }
+}
+
+const handleCalculate = (row) => {
+  currentPlan.value = row
+  productSelectDialogVisible.value = true
+  loadProductList()
+}
+
+const loadProductList = () => {
+  productLoading.value = true
+  // 妯℃嫙鍔犺浇浜у搧鏁版嵁
+  setTimeout(() => {
+    productLoading.value = false
+  }, 500)
+}
+
+const handleProductSelectionChange = (selection) => {
+  selectedProducts.value = selection
+}
+
+const handleConfirmProductSelection = () => {
+  if (selectedProducts.value.length === 0) {
+    ElMessage.warning('璇烽�夋嫨瑕佽绠楃殑浜у搧')
+    return
+  }
+  
+  ElMessage.success(`姝ｅ湪璁＄畻 ${currentPlan.value.planName} 鐨勯噰璐渶姹�...`)
+  productSelectDialogVisible.value = false
+  
+  // 鏍规嵁閫夋嫨鐨勪骇鍝佸拰璁＄畻鍏紡杩涜璁＄畻
+  calculateWithSelectedProducts()
+}
+
+const calculateWithSelectedProducts = () => {
+  // 妯℃嫙璁＄畻杩囩▼
+  setTimeout(() => {
+    // 鏍规嵁閫夋嫨鐨勪骇鍝佹洿鏂拌绠楃粨鏋�
+    const result = selectedProducts.value.map(product => {
+      // 杩欓噷搴旇鏍规嵁瀹為檯鐨勮绠楀叕寮忚繘琛岃绠�
+      // 绀轰緥锛氶璁″嚭搴撴暟閲� - 鐜版湁搴撳瓨 + 瀹夊叏搴撳瓨 - 棰勮鍏ュ簱鏁伴噺
+      const weeklyNetDemand = product.expectedOutbound - product.existingStock + product.safetyStock - product.expectedInbound
+      const suggestedPurchase = Math.max(0, weeklyNetDemand)
+      
+      return {
+        productName: product.productName,
+        productCode: product.productCode,
+        existingStock: product.existingStock,
+        safetyStock: product.safetyStock,
+        expectedOutbound: product.expectedOutbound,
+        expectedInbound: product.expectedInbound,
+        weeklyNetDemand: weeklyNetDemand,
+        suggestedPurchase: suggestedPurchase
+      }
+    })
+    
+    calculateResult.value = result
+    calculateDialogVisible.value = true
+  }, 1000)
+}
+
+
+const handleCreatePurchaseOrder = () => {
+  ElMessage.success('姝ｅ湪鐢熸垚閲囪喘璁㈠崟...')
+  calculateDialogVisible.value = false
+}
+
+const handleExport = () => {
+  ElMessage.success('姝ｅ湪瀵煎嚭鏁版嵁...')
+}
+
+
+const handleSizeChange = (size) => {
+  pagination.size = size
+  loadData()
+}
+
+const handleCurrentChange = (current) => {
+  pagination.current = current
+  loadData()
+}
+
+// 鐢熷懡鍛ㄦ湡
+onMounted(() => {
+  loadData()
+})
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+}
+
+.page-header {
+  margin-bottom: 20px;
+}
+
+.page-header h2 {
+  margin: 0 0 8px 0;
+  color: #303133;
+  font-size: 24px;
+  font-weight: 600;
+}
+
+.page-header p {
+  margin: 0;
+  color: #909399;
+  font-size: 14px;
+}
+
+.search-card {
+  margin-bottom: 20px;
+}
+
+.search-form {
+  margin-bottom: 0;
+}
+
+.table-card {
+  margin-bottom: 20px;
+}
+
+.table-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.table-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.table-actions {
+  display: flex;
+  gap: 10px;
+}
+
+.pagination-container {
+  margin-top: 20px;
+  display: flex;
+  justify-content: end;
+}
+
+.form-container {
+  padding: 0 20px;
+}
+
+.formula-help {
+  margin-top: 5px;
+}
+
+.calculate-result {
+  padding: 20px 0;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+
+:deep(.el-card__body) {
+  padding: 20px;
+}
+
+:deep(.el-table) {
+  font-size: 14px;
+}
+
+:deep(.el-form-item__label) {
+  font-weight: 500;
+}
+
+.form-container {
+  padding: 0;
+}
+
+.form-section {
+  margin-bottom: 24px;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.section-title {
+  background-color: #f5f7fa;
+  padding: 12px 16px;
+  font-weight: 600;
+  color: #303133;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.form-section .el-form {
+  padding: 20px;
+}
+
+.param-tabs {
+  padding: 20px;
+}
+
+.param-tabs :deep(.el-tabs__header) {
+  margin-bottom: 20px;
+}
+
+.param-tabs :deep(.el-tabs__item.is-active) {
+  color: #f56c6c;
+  border-bottom-color: #f56c6c;
+}
+
+.checkbox-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.checkbox-group .el-checkbox {
+  margin-right: 0;
+  margin-bottom: 8px;
+}
+
+.formula-input-section {
+  padding: 20px;
+}
+
+.formula-input-section .el-form-item {
+  margin-bottom: 12px;
+}
+
+.formula-help {
+  text-align: center;
+  margin-top: 8px;
+}
+</style>

--
Gitblit v1.9.3