WuXi/NPP_Vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add 初始培养基相关功能

Browse Source
This commit is contained in:
Asoka 2025-06-10 13:45:35 +08:00
parent d6112be661
commit 8638a7712f
5 changed files with 680 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/api/admin/data-contracts.ts
View File

@ -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;
}

156
src/api/admin/item-def-basic-medium.ts Normal file
View File

@ -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,
})
}

20
src/types/data-contracts.ts Normal file
View File

@ -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;
}

181
src/views/admin/basicliquid/components/BasicLiquidForm.vue Normal file
View File

@ -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>

252
src/views/admin/basicliquid/index.vue Normal file
View File

@ -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>