From 8638a7712ffe2a46037a619cc8668bda13d9f863 Mon Sep 17 00:00:00 2001
From: Asoka <iiloli@88.com>
Date: Tue, 10 Jun 2025 13:45:35 +0800
Subject: [PATCH] =?UTF-8?q?add=20=E5=88=9D=E5=A7=8B=E5=9F=B9=E5=85=BB?=
 =?UTF-8?q?=E5=9F=BA=E7=9B=B8=E5=85=B3=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/admin/data-contracts.ts               |  71 +++++
 src/api/admin/item-def-basic-medium.ts        | 156 +++++++++++
 src/types/data-contracts.ts                   |  20 ++
 .../components/BasicLiquidForm.vue            | 181 +++++++++++++
 src/views/admin/basicliquid/index.vue         | 252 ++++++++++++++++++
 5 files changed, 680 insertions(+)
 create mode 100644 src/api/admin/item-def-basic-medium.ts
 create mode 100644 src/types/data-contracts.ts
 create mode 100644 src/views/admin/basicliquid/components/BasicLiquidForm.vue
 create mode 100644 src/views/admin/basicliquid/index.vue

diff --git a/src/api/admin/data-contracts.ts b/src/api/admin/data-contracts.ts
index fce1a43..71827b4 100644
--- a/src/api/admin/data-contracts.ts
+++ b/src/api/admin/data-contracts.ts
@@ -8154,3 +8154,74 @@ export interface FeedingConfigUpdateInput {
    */
   id: number
 }
+
+export interface BasicMediumDto {
+  /** 培养基名称 */
+  mediumName: string;
+  /** 状态 */
+  status: boolean;
+  /** 主键Id */
+  id: number;
+  /** 创建时间 */
+  createdTime: string;
+  /** 修改时间 */
+  modifiedTime: string;
+  /** 是否删除 */
+  isDeleted: boolean;
+}
+
+export interface BasicMediumDtoListServiceResponse {
+  /** 是否成功标记 */
+  success?: boolean;
+  /** 编码 */
+  code?: string | null;
+  /** 消息 */
+  msg?: string | null;
+  /** 数据 */
+  data?: BasicMediumDto[] | null;
+}
+
+export interface BasicMediumDtoServiceResponse {
+  /** 是否成功标记 */
+  success?: boolean;
+  /** 编码 */
+  code?: string | null;
+  /** 消息 */
+  msg?: string | null;
+  /** 数据 */
+  data?: BasicMediumDto | null;
+}
+
+// 初始培养基相关接口定义
+export interface PageInputBasicMediumDtoGetPageInput {
+  dynamicFilter?: DynamicFilterInfo;
+  sortList?: SortInput[] | null;
+  currentPage?: number;
+  pageSize?: number;
+  filter?: BasicMediumDtoGetPageInput;
+}
+
+export interface BasicMediumDtoGetPageInput {
+  keyWord?: string | null;
+  stDate?: string | null;
+  edDate?: string | null;
+}
+
+export interface PageOutputBasicMediumDtoGetPageOutput {
+  total?: number;
+  list?: BasicMediumDto[] | null;
+}
+
+export interface ResultOutputPageOutputBasicMediumDtoGetPageOutput {
+  success?: boolean;
+  code?: string | null;
+  msg?: string | null;
+  data?: PageOutputBasicMediumDtoGetPageOutput;
+}
+
+export interface ResultOutputBasicMediumDtoGetOutput {
+  success?: boolean;
+  code?: string | null;
+  msg?: string | null;
+  data?: BasicMediumDto;
+}
diff --git a/src/api/admin/item-def-basic-medium.ts b/src/api/admin/item-def-basic-medium.ts
new file mode 100644
index 0000000..bd3dfb4
--- /dev/null
+++ b/src/api/admin/item-def-basic-medium.ts
@@ -0,0 +1,156 @@
+/* eslint-disable */
+/* tslint:disable */
+/*
+ * ---------------------------------------------------------------
+ * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
+ * ##                                                           ##
+ * ## AUTHOR: adademo / https://github.com/adademo/swagger-typescript-api ##
+ * ## SOURCE: https://github.com/adademo/swagger-typescript-api ##
+ * ---------------------------------------------------------------
+ */
+
+import {
+  BasicMediumDto,
+  BasicMediumDtoListServiceResponse,
+  BasicMediumDtoServiceResponse,
+  PageInputBasicMediumDtoGetPageInput,
+  ResultOutputBasicMediumDtoGetOutput,
+  ResultOutputPageOutputBasicMediumDtoGetPageOutput,
+  ResultOutputInt64,
+} from './data-contracts'
+import { ContentType, HttpClient, RequestParams } from './http-client'
+import { AxiosResponse } from 'axios'
+
+export class ItemDefBasicMediumApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
+  /**
+   * No description
+   *
+   * @tags basic-medium
+   * @name Get
+   * @summary 获取初始培养基详情
+   * @request GET:/api/admin/item-def-basic-medium/get
+   * @secure
+   */
+  get = (
+    query?: {
+      /** @format int64 */
+      id?: number
+    },
+    params: RequestParams = {}
+  ) =>
+    this.request<ResultOutputBasicMediumDtoGetOutput, any>({
+      path: `/api/admin/item-def-basic-medium/get`,
+      method: 'GET',
+      query: query,
+      secure: true,
+      format: 'json',
+      ...params,
+    })
+
+  /**
+   * No description
+   *
+   * @tags basic-medium
+   * @name GetPage
+   * @summary 获取初始培养基分页列表
+   * @request POST:/api/admin/item-def-basic-medium/get-page
+   * @secure
+   */
+  getPage = (data: PageInputBasicMediumDtoGetPageInput, params: RequestParams = {}) =>
+    this.request<ResultOutputPageOutputBasicMediumDtoGetPageOutput, any>({
+      path: `/api/admin/item-def-basic-medium/get-page`,
+      method: 'POST',
+      body: data,
+      secure: true,
+      type: ContentType.Json,
+      format: 'json',
+      ...params,
+    })
+
+  /**
+   * No description
+   *
+   * @tags basic-medium
+   * @name Add
+   * @summary 新增初始培养基
+   * @request POST:/api/admin/item-def-basic-medium/add
+   * @secure
+   */
+  add = (data: BasicMediumDto, params: RequestParams = {}) =>
+    this.request<ResultOutputInt64, any>({
+      path: `/api/admin/item-def-basic-medium/add`,
+      method: 'POST',
+      body: data,
+      secure: true,
+      type: ContentType.Json,
+      format: 'json',
+      ...params,
+    })
+
+  /**
+   * No description
+   *
+   * @tags basic-medium
+   * @name Update
+   * @summary 修改初始培养基
+   * @request PUT:/api/admin/item-def-basic-medium/update
+   * @secure
+   */
+  update = (data: BasicMediumDto, params: RequestParams = {}) =>
+    this.request<AxiosResponse, any>({
+      path: `/api/admin/item-def-basic-medium/update`,
+      method: 'PUT',
+      body: data,
+      secure: true,
+      type: ContentType.Json,
+      ...params,
+    })
+
+  /**
+   * No description
+   *
+   * @tags basic-medium
+   * @name Delete
+   * @summary 彻底删除初始培养基
+   * @request DELETE:/api/admin/item-def-basic-medium/delete
+   * @secure
+   */
+  delete = (
+    query?: {
+      /** @format int64 */
+      id?: number
+    },
+    params: RequestParams = {}
+  ) =>
+    this.request<AxiosResponse, any>({
+      path: `/api/admin/item-def-basic-medium/delete`,
+      method: 'DELETE',
+      query: query,
+      secure: true,
+      ...params,
+    })
+
+  /**
+   * No description
+   *
+   * @tags basic-medium
+   * @name SoftDelete
+   * @summary 删除初始培养基
+   * @request DELETE:/api/admin/item-def-basic-medium/soft-delete
+   * @secure
+   */
+  softDelete = (
+    query?: {
+      /** @format int64 */
+      id?: number
+    },
+    params: RequestParams = {}
+  ) =>
+    this.request<AxiosResponse, any>({
+      path: `/api/admin/item-def-basic-medium/soft-delete`,
+      method: 'DELETE',
+      query: query,
+      secure: true,
+      ...params,
+    })
+}
diff --git a/src/types/data-contracts.ts b/src/types/data-contracts.ts
new file mode 100644
index 0000000..b69061a
--- /dev/null
+++ b/src/types/data-contracts.ts
@@ -0,0 +1,20 @@
+export interface BasicMediumDto {
+    mediumName: string;
+    status: boolean;
+    id: number;
+    createdTime: string;
+    modifiedTime: string;
+    isDeleted: boolean;
+}
+
+export interface BasicMediumDtoListServiceResponse {
+    data?: BasicMediumDto[] | null;
+    success?: boolean;
+    message?: string | null;
+}
+
+export interface BasicMediumDtoServiceResponse {
+    data?: BasicMediumDto | null;
+    success?: boolean;
+    message?: string | null;
+}
diff --git a/src/views/admin/basicliquid/components/BasicLiquidForm.vue b/src/views/admin/basicliquid/components/BasicLiquidForm.vue
new file mode 100644
index 0000000..26f0197
--- /dev/null
+++ b/src/views/admin/basicliquid/components/BasicLiquidForm.vue
@@ -0,0 +1,181 @@
+<template>
+  <div>
+    <el-dialog
+      v-model="dialogVisible"
+      destroy-on-close
+      :title="formData.id ? '编辑培养基' : '新增培养基'"
+      draggable
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="900px"
+    >
+      <el-form
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-width="120px"
+        size="default"
+      >
+        <!-- 基本信息 -->
+        <div class="form-section">
+          <div class="section-title">基本信息</div>
+          <el-row :gutter="25">
+            <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
+              <el-form-item label="培养基名称" prop="mediumName" :rules="[{ required: true, message: '请输入培养基名称', trigger: ['blur', 'change'] }]">
+                <el-input v-model="form.mediumName" clearable placeholder="请输入培养基名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
+              <el-form-item label="启用状态">
+                <el-switch
+                  v-model="form.status"
+                  active-text="启用"
+                  inactive-text="禁用"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="handleCancel" size="default">取 消</el-button>
+          <el-button type="primary" @click="handleSubmit" size="default" :loading="loading">确 定</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, watch, computed } from 'vue'
+import { ElMessage } from 'element-plus'
+import type { FormInstance } from 'element-plus'
+import { ItemDefBasicMediumApi } from '/@/api/admin/item-def-basic-medium'
+import type { BasicMediumDto } from '/@/types/data-contracts'
+
+const props = defineProps<{
+  visible: boolean
+  formData: Partial<BasicMediumDto>
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:visible', value: boolean): void
+  (e: 'success'): void
+}>()
+
+const api = new ItemDefBasicMediumApi()
+const formRef = ref<FormInstance>()
+const loading = ref(false)
+
+// 使用计算属性处理 visible 的双向绑定
+const dialogVisible = computed({
+  get: () => props.visible,
+  set: (val) => emit('update:visible', val)
+})
+
+const form = reactive<Partial<BasicMediumDto>>({
+  mediumName: '',
+  status: true
+})
+
+const rules = {
+  mediumName: [
+    { required: true, message: '请输入培养基名称', trigger: ['blur', 'change'] }
+  ]
+}
+
+// 监听 formData 变化，更新表单数据
+watch(
+  () => props.formData,
+  (newVal) => {
+    if (newVal) {
+      Object.assign(form, newVal)
+    }
+  },
+  { immediate: true }
+)
+
+// 监听 visible 变化，重置表单
+watch(
+  () => props.visible,
+  (newVal) => {
+    if (!newVal) {
+      formRef.value?.resetFields()
+    }
+  }
+)
+
+const handleCancel = () => {
+  emit('update:visible', false)
+}
+
+const handleSubmit = async () => {
+  if (!formRef.value) return
+
+  await formRef.value.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+      try {
+        // 确保必填字段有值
+        const submitData: BasicMediumDto = {
+          mediumName: form.mediumName || '',
+          status: form.status ?? true,
+          id: form.id || 0,
+          createdTime: form.createdTime || new Date().toISOString(),
+          modifiedTime: new Date().toISOString(),
+          isDeleted: false
+        }
+
+        if (form.id) {
+          // 编辑
+          const res = await api.update(submitData)
+          if (res.success) {
+            ElMessage.success('修改成功')
+            emit('success')
+            emit('update:visible', false)
+          } else {
+            ElMessage.error('修改失败')
+          }
+        } else {
+          // 新增
+          const res = await api.add(submitData)
+          if (res.success) {
+            ElMessage.success('新增成功')
+            emit('success')
+            emit('update:visible', false)
+          } else {
+            ElMessage.error(res.msg || '新增失败')
+          }
+        }
+      } catch (error) {
+        console.error('操作失败:', error)
+        ElMessage.error('操作失败')
+      } finally {
+        loading.value = false
+      }
+    }
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.form-section {
+  margin-bottom: 24px;
+
+  .section-title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 16px;
+    padding-left: 8px;
+    border-left: 4px solid var(--el-color-primary);
+  }
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
+</style>
diff --git a/src/views/admin/basicliquid/index.vue b/src/views/admin/basicliquid/index.vue
new file mode 100644
index 0000000..da7a8b7
--- /dev/null
+++ b/src/views/admin/basicliquid/index.vue
@@ -0,0 +1,252 @@
+<template>
+  <MyLayout>
+    <el-card v-show="showQuery" class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
+      <el-form :inline="true" label-width="auto" @submit.stop.prevent>
+        <el-form-item label="关键词">
+          <el-input v-model="searchForm.keyWord" placeholder="培养基名称" @keyup.enter="loadData" />
+        </el-form-item>
+        <el-form-item label="开始时间">
+          <el-date-picker
+            v-model="searchForm.stDate"
+            type="datetime"
+            placeholder="选择开始时间"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            style="width: 180px"
+          />
+        </el-form-item>
+        <el-form-item label="结束时间">
+          <el-date-picker
+            v-model="searchForm.edDate"
+            type="datetime"
+            placeholder="选择结束时间"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            style="width: 180px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="ele-Search" @click="loadData">查询</el-button>
+          <el-button type="primary" icon="ele-Plus" @click="handleAdd" v-permission="'api:admin:item-def-basic-medium:add'">新增</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="my-fill" shadow="never">
+      <div class="my-tools-box mb8 my-flex my-flex-between">
+        <div>
+        </div>
+      </div>
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        style="width: 100%"
+        border
+      >
+        <el-table-column prop="mediumName" label="培养基名称" min-width="300" show-overflow-tooltip />
+        <el-table-column prop="status" label="状态" width="200" align="center">
+          <template #default="{ row }">
+            <el-tag :type="row.status ? 'success' : 'danger'">
+              {{ row.status ? '启用' : '禁用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createdTime" label="创建时间" width="200" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ formatDateTime(row.createdTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="modifiedTime" label="修改时间" width="200" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ formatDateTime(row.modifiedTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="200" fixed="right" header-align="center" align="center">
+          <template #default="{ row }">
+            <el-button type="primary" icon="ele-EditPen" size="small" text @click="handleEdit(row)" v-permission="'api:admin:item-def-basic-medium:get'">编辑</el-button>
+            <el-button
+              type="danger"
+              icon="ele-Delete"
+              size="small"
+              text
+              @click="handleDelete(row)"
+              v-permission="'api:admin:item-def-basic-medium:soft-delete'"
+            >删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="my-flex my-flex-end" style="margin-top: 10px">
+        <el-pagination
+          v-model:current-page="pagination.current"
+          v-model:page-size="pagination.pageSize"
+          :total="pagination.total"
+          :page-sizes="[10, 20, 50, 100]"
+          size="small"
+          background
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </el-card>
+
+    <basic-liquid-form
+      v-model:visible="formVisible"
+      :form-data="formData"
+      @success="handleSuccess"
+    />
+  </MyLayout>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { ItemDefBasicMediumApi } from '/@/api/admin/item-def-basic-medium'
+import type { BasicMediumDto } from '/@/types/data-contracts'
+import MyLayout from '/@/components/my-layout/index.vue'
+import BasicLiquidForm from './components/BasicLiquidForm.vue'
+
+const api = new ItemDefBasicMediumApi()
+const loading = ref(false)
+const tableData = ref<BasicMediumDto[]>([])
+const formVisible = ref(false)
+const formData = ref<Partial<BasicMediumDto>>({})
+const showQuery = ref(true)
+
+const searchForm = reactive({
+  keyWord: '',
+  stDate: '',
+  edDate: ''
+})
+
+const pagination = reactive({
+  total: 0,
+  current: 1,
+  pageSize: 10
+})
+
+// 格式化日期时间
+const formatDateTime = (dateTime: string | undefined) => {
+  if (!dateTime) return ''
+  const date = new Date(dateTime)
+  const year = date.getFullYear()
+  const month = String(date.getMonth() + 1).padStart(2, '0')
+  const day = String(date.getDate()).padStart(2, '0')
+  const hours = String(date.getHours()).padStart(2, '0')
+  const minutes = String(date.getMinutes()).padStart(2, '0')
+  const seconds = String(date.getSeconds()).padStart(2, '0')
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+}
+
+// 加载数据
+const loadData = async () => {
+  loading.value = true
+  try {
+    const res = await api.getPage({
+      currentPage: pagination.current,
+      pageSize: pagination.pageSize,
+      filter: searchForm
+    })
+    if (res.success) {
+      tableData.value = res.data?.list || []
+      pagination.total = res.data?.total || 0
+    } else {
+      ElMessage.error(res.msg || '加载数据失败')
+    }
+  } catch (error) {
+    console.error('加载数据失败:', error)
+    ElMessage.error('加载数据失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleAdd = () => {
+  formData.value = {}
+  formVisible.value = true
+}
+
+const handleEdit = (row: BasicMediumDto) => {
+  formData.value = { ...row }
+  formVisible.value = true
+}
+
+const handleDelete = async (row: BasicMediumDto) => {
+  ElMessageBox.confirm('确定要删除该记录吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(async () => {
+    try {
+      const res = await api.softDelete({ id: row.id })
+      if (res.success) {
+        ElMessage.success('删除成功')
+        loadData()
+      } else {
+        ElMessage.error(res.msg || '删除失败')
+      }
+    } catch (error) {
+      console.error('删除失败:', error)
+      ElMessage.error('删除失败')
+    }
+  }).catch(() => {})
+}
+
+const handleSuccess = () => {
+  formVisible.value = false
+  loadData()
+}
+
+const handleSizeChange = (val: number) => {
+  pagination.pageSize = val
+  loadData()
+}
+
+const handleCurrentChange = (val: number) => {
+  pagination.current = val
+  loadData()
+}
+
+onMounted(() => {
+  loadData()
+})
+</script>
+
+<style lang="scss" scoped>
+.my-query-box {
+  :deep(.el-form-item) {
+    margin-bottom: 16px;
+  }
+}
+
+.my-fill {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.my-tools-box {
+  margin-bottom: 16px;
+}
+
+.my-flex {
+  display: flex;
+}
+
+.my-flex-between {
+  justify-content: space-between;
+}
+
+.my-flex-end {
+  justify-content: flex-end;
+}
+
+.mt8 {
+  margin-top: 8px;
+}
+
+.mb8 {
+  margin-bottom: 8px;
+}
+</style>