feat (router): 新增采购详情路由，优化预警数量管理功能

在管理员模块与商家模块中新增采购详情页面路由。
升级预警数量管理组件，优化交互体验与功能逻辑。

manager/src/views/procurement/reason/reasonManage.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="search">
+    <el-card>
+      <el-form :model="searchForm" inline label-width="80px">
+        <el-form-item label="原因">
+          <el-input v-model="searchForm.reason" clearable style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="类别">
+          <el-select v-model="searchForm.category" clearable style="width: 160px">
+            <el-option label="入库" value="INBOUND" />
+            <el-option label="出库" value="OUTBOUND" />
+            <el-option label="报损" value="DAMAGE" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">搜索</el-button>
+        </el-form-item>
+      </el-form>
+      <div class="operation padding-row">
+        <el-button type="primary" @click="openAdd">添加</el-button>
+      </div>
+      <el-table v-loading="loading" :data="data" border class="mt_10" style="width: 100%">
+        <el-table-column prop="reason" label="原因" width="240" show-overflow-tooltip />
+        <el-table-column label="类别" width="120" align="center">
+          <template #default="{ row }">{{ stockReasonCategoryText(row.category) }}</template>
+        </el-table-column>
+        <el-table-column prop="createTime" label="创建时间" width="170" />
+        <el-table-column label="操作" width="150" align="center" fixed="right">
+          <template #default="{ row }">
+            <a class="link-text" @click="openEdit(row)">编辑</a>
+            <span class="op-split">|</span>
+            <a class="link-text" @click="handleDelete(row)">删除</a>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="mt_10" style="display: flex; justify-content: flex-end">
+        <el-pagination
+          v-model:current-page="searchForm.pageNumber"
+          v-model:page-size="searchForm.pageSize"
+          :total="total"
+          layout="total, prev, pager, next"
+          size="small"
+          @current-change="getDataList"
+          @size-change="getDataList"
+        />
+      </div>
+    </el-card>
+
+    <el-dialog v-model="modalVisible" :title="modalTitle" width="480px" append-to-body>
+      <el-form ref="formRef" :model="form" label-width="80px">
+        <el-form-item label="原因" required>
+          <el-input v-model="form.reason" placeholder="出入库原因" />
+        </el-form-item>
+        <el-form-item label="类别" required>
+          <el-select v-model="form.category" style="width: 100%">
+            <el-option label="入库" value="INBOUND" />
+            <el-option label="出库" value="OUTBOUND" />
+            <el-option label="报损" value="DAMAGE" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="modalVisible = false">取消</el-button>
+        <el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getStockReasonPage,
+  addStockReason,
+  updateStockReason,
+  deleteStockReason,
+} from "@/api/procurement";
+import { stockReasonCategoryText } from "../constants";
+
+export default {
+  name: "manager-stock-reason-manage",
+  data() {
+    return {
+      loading: false,
+      submitLoading: false,
+      modalVisible: false,
+      modalTitle: "添加原因",
+      data: [],
+      total: 0,
+      searchForm: { pageNumber: 1, pageSize: 10, reason: "", category: "" },
+      form: { id: "", reason: "", category: "INBOUND" },
+    };
+  },
+  mounted() {
+    this.getDataList();
+  },
+  methods: {
+    stockReasonCategoryText,
+    handleSearch() {
+      this.searchForm.pageNumber = 1;
+      this.getDataList();
+    },
+    getDataList() {
+      this.loading = true;
+      getStockReasonPage(this.searchForm)
+        .then((res) => {
+          if (res.success) {
+            this.data = res.result.records || [];
+            this.total = res.result.total || 0;
+          }
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    openAdd() {
+      this.modalTitle = "添加原因";
+      this.form = { id: "", reason: "", category: "INBOUND" };
+      this.modalVisible = true;
+    },
+    openEdit(row) {
+      this.modalTitle = "编辑原因";
+      this.form = { id: row.id, reason: row.reason, category: row.category };
+      this.modalVisible = true;
+    },
+    handleSubmit() {
+      if (!this.form.reason || !this.form.category) {
+        this.$Message.warning("请填写完整信息");
+        return;
+      }
+      this.submitLoading = true;
+      const req = this.form.id
+        ? updateStockReason(this.form)
+        : addStockReason({ reason: this.form.reason, category: this.form.category });
+      req
+        .then((res) => {
+          if (res.success) {
+            this.$Message.success("保存成功");
+            this.modalVisible = false;
+            this.getDataList();
+          }
+        })
+        .finally(() => {
+          this.submitLoading = false;
+        });
+    },
+    handleDelete(row) {
+      this.$Modal.confirm({
+        title: "删除确认",
+        content: `确认删除原因「${row.reason}」？`,
+        onOk: () => {
+          deleteStockReason(row.id).then((res) => {
+            if (res.success) {
+              this.$Message.success("删除成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.op-split {
+  margin: 0 6px;
+  color: #dcdfe6;
+}
+</style>