feat: 第三阶段业务模块(服务产康/月嫂/进销存)

- 新增3个migration(15张表): service/nanny/inventory - 新增15个Model + 13个Controller - 新增55条API路由(总计212条) - 新增3个前端API模块 + 11个管理页面 - vite build验证通过
2026-03-13 20:29:45 +08:00
parent 16bcd9bcf0
commit e7d4d9b414
46 changed files with 2573 additions and 0 deletions
@@ -0,0 +1,270 @@
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { warehouseApi } from '@/api/inventory.js'
+
+// ─── State ────────────────────────────────────────────────────────────────────
+
+const tableData = ref([])
+const total = ref(0)
+const loading = ref(false)
+const dialogVisible = ref(false)
+const dialogTitle = ref('新增仓库')
+const submitLoading = ref(false)
+const isEdit = ref(false)
+const formRef = ref(null)
+
+const searchForm = reactive({ name: '', status: '' })
+const pagination = reactive({ page: 1, page_size: 20 })
+
+// ─── Form ─────────────────────────────────────────────────────────────────────
+
+const form = reactive({
+  id: null,
+  name: '',
+  address: '',
+  contact_person: '',
+  contact_phone: '',
+  status: 1,
+  sort: 0
+})
+
+const formRules = {
+  name: [{ required: true, message: '请输入仓库名称', trigger: 'blur' }]
+}
+
+// ─── Methods ──────────────────────────────────────────────────────────────────
+
+async function fetchList() {
+  loading.value = true
+  try {
+    const res = await warehouseApi.getList({ ...searchForm, ...pagination })
+    tableData.value = res.data?.list || []
+    total.value = res.data?.total || 0
+  } catch {
+    //
+  } finally {
+    loading.value = false
+  }
+}
+
+function handleSearch() {
+  pagination.page = 1
+  fetchList()
+}
+
+function handleReset() {
+  Object.assign(searchForm, { name: '', status: '' })
+  handleSearch()
+}
+
+function handleAdd() {
+  isEdit.value = false
+  dialogTitle.value = '新增仓库'
+  Object.assign(form, {
+    id: null, name: '', address: '', contact_person: '',
+    contact_phone: '', status: 1, sort: 0
+  })
+  dialogVisible.value = true
+}
+
+async function handleEdit(row) {
+  isEdit.value = true
+  dialogTitle.value = `编辑仓库 - ${row.name}`
+  const res = await warehouseApi.getDetail(row.id)
+  const warehouse = res.data
+  Object.assign(form, {
+    id: warehouse.id,
+    name: warehouse.name,
+    address: warehouse.address || '',
+    contact_person: warehouse.contact_person || '',
+    contact_phone: warehouse.contact_phone || '',
+    status: warehouse.status,
+    sort: warehouse.sort || 0
+  })
+  dialogVisible.value = true
+}
+
+async function handleSubmit() {
+  if (!formRef.value) return
+  await formRef.value.validate(async (valid) => {
+    if (!valid) return
+    submitLoading.value = true
+    try {
+      if (isEdit.value) {
+        await warehouseApi.update(form.id, form)
+        ElMessage.success('仓库信息更新成功')
+      } else {
+        await warehouseApi.create(form)
+        ElMessage.success('仓库创建成功')
+      }
+      dialogVisible.value = false
+      fetchList()
+    } catch {
+      //
+    } finally {
+      submitLoading.value = false
+    }
+  })
+}
+
+async function handleDelete(row) {
+  await ElMessageBox.confirm(
+    `确定删除仓库「${row.name}」吗？删除后该仓库下的数据将不可访问。`,
+    '删除确认',
+    {
+      confirmButtonText: '确定删除',
+      cancelButtonText: '取消',
+      type: 'warning',
+      confirmButtonClass: 'el-button--danger'
+    }
+  )
+  await warehouseApi.delete(row.id)
+  ElMessage.success('删除成功')
+  fetchList()
+}
+
+async function handleStatusToggle(row) {
+  const newStatus = row.status === 1 ? 0 : 1
+  const label = newStatus === 1 ? '启用' : '停用'
+  try {
+    await warehouseApi.update(row.id, { ...row, status: newStatus })
+    row.status = newStatus
+    ElMessage.success(`仓库已${label}`)
+  } catch {
+    //
+  }
+}
+
+function handlePageChange(val) {
+  pagination.page = val
+  fetchList()
+}
+
+function handleSizeChange(val) {
+  pagination.page_size = val
+  pagination.page = 1
+  fetchList()
+}
+
+onMounted(fetchList)
+</script>
+
+<template>
+  <div class="page-container">
+    <!-- Search -->
+    <div class="search-bar">
+      <el-input
+        v-model="searchForm.name"
+        placeholder="搜索仓库名称"
+        style="width: 220px"
+        clearable
+        @keydown.enter="handleSearch"
+      >
+        <template #prefix><el-icon><Search /></el-icon></template>
+      </el-input>
+      <el-select v-model="searchForm.status" placeholder="状态" clearable style="width: 120px">
+        <el-option label="启用" :value="1" />
+        <el-option label="停用" :value="0" />
+      </el-select>
+      <el-button type="primary" :icon="'Search'" @click="handleSearch">查询</el-button>
+      <el-button :icon="'Refresh'" @click="handleReset">重置</el-button>
+    </div>
+
+    <!-- Table -->
+    <div class="table-container">
+      <div class="table-actions">
+        <el-button type="primary" :icon="'Plus'" @click="handleAdd">新增仓库</el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border stripe style="width: 100%">
+        <el-table-column prop="name" label="仓库名称" min-width="160" />
+        <el-table-column prop="address" label="地址" min-width="200" show-overflow-tooltip />
+        <el-table-column prop="contact_person" label="联系人" width="120" />
+        <el-table-column prop="contact_phone" label="联系电话" width="140" />
+        <el-table-column label="状态" width="90" align="center">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 1 ? 'success' : 'danger'" size="small">
+              {{ row.status === 1 ? '启用' : '停用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="180" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-button size="small" type="primary" link @click="handleEdit(row)">编辑</el-button>
+            <el-button
+              size="small"
+              :type="row.status === 1 ? 'warning' : 'success'"
+              link
+              @click="handleStatusToggle(row)"
+            >
+              {{ row.status === 1 ? '停用' : '启用' }}
+            </el-button>
+            <el-button size="small" type="danger" link @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        v-model:current-page="pagination.page"
+        v-model:page-size="pagination.page_size"
+        :total="total"
+        :page-sizes="[10, 20, 50]"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        @current-change="handlePageChange"
+        @size-change="handleSizeChange"
+      />
+    </div>
+
+    <!-- Add/Edit Dialog -->
+    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="600px" destroy-on-close>
+      <el-form ref="formRef" :model="form" :rules="formRules" label-width="90px">
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="仓库名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入仓库名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系人" prop="contact_person">
+              <el-input v-model="form.contact_person" placeholder="请输入联系人" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="地址" prop="address">
+              <el-input v-model="form.address" placeholder="请输入仓库地址" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话" prop="contact_phone">
+              <el-input v-model="form.contact_phone" placeholder="请输入联系电话" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="状态" prop="status">
+              <el-switch
+                v-model="form.status"
+                :active-value="1"
+                :inactive-value="0"
+                active-text="启用"
+                inactive-text="停用"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="排序" prop="sort">
+              <el-input-number v-model="form.sort" :min="0" :max="9999" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="submitLoading" @click="handleSubmit">
+          {{ isEdit ? '保存修改' : '确认创建' }}
+        </el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>