Compare commits
No commits in common. "135b96fa6e809eabf1bb0f605985155aa69f88a7" and "1556a7d608462ed1d4dd2e4ae88fb7cc8369e127" have entirely different histories.
135b96fa6e
...
1556a7d608
|
|
@ -124,12 +124,12 @@ const searchForm = ref<ProjectTypes.SearchProjectParam>({
|
||||||
const searching = ref(false)
|
const searching = ref(false)
|
||||||
const deling = ref(false)
|
const deling = ref(false)
|
||||||
const showSearchForm = ref(true)
|
const showSearchForm = ref(true)
|
||||||
// const projectFormIns = useTemplateRef<InstanceType<typeof ProjectForm>>('projectForm')
|
const projectFormIns = useTemplateRef<InstanceType<typeof ProjectForm>>('projectForm')
|
||||||
const projectDetailIns = useTemplateRef<InstanceType<typeof ProjectDetail>>('projectDetail')
|
const projectDetailIns = useTemplateRef<InstanceType<typeof ProjectDetail>>('projectDetail')
|
||||||
|
|
||||||
// function showDialog(data?: ProjectTypes.SearchProjectResult) {
|
function showDialog(data?: ProjectTypes.SearchProjectResult) {
|
||||||
// projectFormIns.value?.open(data)
|
projectFormIns.value?.open(data)
|
||||||
// }
|
}
|
||||||
|
|
||||||
function delHandler({row}: { row: ProjectTypes.SearchProjectResult }) {
|
function delHandler({row}: { row: ProjectTypes.SearchProjectResult }) {
|
||||||
deling.value = true
|
deling.value = true
|
||||||
|
|
|
||||||
|
|
@ -1,231 +0,0 @@
|
||||||
<template>
|
|
||||||
<Page>
|
|
||||||
<ElForm v-show="showSearchForm" inline @submit.prevent="paging">
|
|
||||||
<ElFormItem label="Id">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.id"
|
|
||||||
placeholder="Id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.bizType"
|
|
||||||
placeholder="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="分类名称">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.categoryName"
|
|
||||||
placeholder="分类名称"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="图片">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.picture"
|
|
||||||
placeholder="图片"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="排序">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.sort"
|
|
||||||
placeholder="排序"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建人 Id；sys_user.id">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.creatorId"
|
|
||||||
placeholder="创建人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改人 Id；sys_user.id">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.modifierId"
|
|
||||||
placeholder="修改人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建时间">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.createTime"
|
|
||||||
placeholder="创建时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改时间">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.modifyTime"
|
|
||||||
placeholder="修改时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否删除； 0-->未删除、1-->已删除">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.deleted"
|
|
||||||
placeholder="是否删除； 0-->未删除、1-->已删除"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem>
|
|
||||||
<ElButton :icon="elIcons.Search" :loading="searching" native-type="submit" type="primary">搜索</ElButton>
|
|
||||||
<ElButton :icon="elIcons.Refresh" :loading="searching" @click="reset">重置</ElButton>
|
|
||||||
</ElFormItem>
|
|
||||||
</ElForm>
|
|
||||||
|
|
||||||
<div class="tool-bar">
|
|
||||||
<ElButton :icon="elIcons.Plus" type="primary" @click="addHandler">新建</ElButton>
|
|
||||||
<ElButton :icon="elIcons.Filter" type="default" @click="showSearchForm = !showSearchForm"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ElTable v-loading="searching" :data="tableData"
|
|
||||||
cell-class-name="table-cell"
|
|
||||||
class="table-list"
|
|
||||||
empty-text="暂无数据"
|
|
||||||
header-row-class-name="table-header"
|
|
||||||
row-key="id">
|
|
||||||
<ElTableColumn label="Id" prop="id"/>
|
|
||||||
<ElTableColumn label="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他" prop="bizType"/>
|
|
||||||
<ElTableColumn label="分类名称" prop="categoryName"/>
|
|
||||||
<ElTableColumn label="图片" prop="picture"/>
|
|
||||||
<ElTableColumn label="排序" prop="sort"/>
|
|
||||||
<ElTableColumn label="创建人 Id；sys_user.id" prop="creatorId"/>
|
|
||||||
<ElTableColumn label="修改人 Id；sys_user.id" prop="modifierId"/>
|
|
||||||
<ElTableColumn label="创建时间" prop="createTime"/>
|
|
||||||
<ElTableColumn label="修改时间" prop="modifyTime"/>
|
|
||||||
<ElTableColumn label="是否删除； 0-->未删除、1-->已删除" prop="deleted"/>
|
|
||||||
<ElTableColumn label="操作" width="180">
|
|
||||||
<template #default="scope">
|
|
||||||
<div class="action-btn">
|
|
||||||
<ElPopconfirm
|
|
||||||
confirm-button-text="是"
|
|
||||||
cancel-button-text="否"
|
|
||||||
confirm-button-type="danger"
|
|
||||||
cancel-button-type="primary"
|
|
||||||
placement="top"
|
|
||||||
title="是否删除当前数据?"
|
|
||||||
width="180"
|
|
||||||
@confirm="delHandler(scope)">
|
|
||||||
<template #reference>
|
|
||||||
<ElButton text type="danger" :loading="deling">删除</ElButton>
|
|
||||||
</template>
|
|
||||||
</ElPopconfirm>
|
|
||||||
<ElButton text type="primary" @click="modifyHandler(scope)">修改</ElButton>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</ElTableColumn>
|
|
||||||
</ElTable>
|
|
||||||
<ElPagination
|
|
||||||
layout="->, sizes, total, prev, pager, next"
|
|
||||||
v-model:current-page="searchForm.current"
|
|
||||||
v-model:page-size="searchForm.size"
|
|
||||||
:total="totalCount"
|
|
||||||
:page-sizes="[10, 20, 50, 100, 500]"
|
|
||||||
:hide-on-single-page="false"
|
|
||||||
:teleported="false"
|
|
||||||
@change="paging"/>
|
|
||||||
<GoodsCategoryForm ref="goodsCategoryForm" @edit-succ="paging"/>
|
|
||||||
</Page>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import GoodsCategoryApi from '@/pages/gds/goods-category/goods-category-api.ts'
|
|
||||||
import GoodsCategoryForm from '@/pages/gds/goods-category/GoodsCategoryForm.vue'
|
|
||||||
import Page from '@/components/page/Page.vue'
|
|
||||||
import { elIcons } from '@/common/element/element.ts'
|
|
||||||
import Utils from '@/common/utils'
|
|
||||||
|
|
||||||
const totalCount = ref(0)
|
|
||||||
const tableData = Utils.resetAble(reactive<GoodsCategoryTypes.SearchGoodsCategoryResult[]>([]))
|
|
||||||
const searchForm = Utils.resetAble(reactive<GoodsCategoryTypes.SearchGoodsCategoryParam>({
|
|
||||||
current: 1,
|
|
||||||
size: 20,
|
|
||||||
}))
|
|
||||||
const searching = ref(false)
|
|
||||||
const deling = ref(false)
|
|
||||||
const showSearchForm = ref(true)
|
|
||||||
const goodsCategoryFormIns = useTemplateRef<InstanceType<typeof GoodsCategoryForm>>('goodsCategoryForm')
|
|
||||||
|
|
||||||
function showDialog(data?: GoodsCategoryTypes.SearchGoodsCategoryResult) {
|
|
||||||
goodsCategoryFormIns.value?.open(data)
|
|
||||||
}
|
|
||||||
|
|
||||||
function delHandler({row}: { row: GoodsCategoryTypes.SearchGoodsCategoryResult }) {
|
|
||||||
deling.value = true
|
|
||||||
GoodsCategoryApi.del([ row.id! ])
|
|
||||||
.then(() => {
|
|
||||||
ElMessage.success('删除成功')
|
|
||||||
paging()
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
deling.value = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function modifyHandler({row}: { row: GoodsCategoryTypes.SearchGoodsCategoryResult }) {
|
|
||||||
showDialog(row)
|
|
||||||
}
|
|
||||||
|
|
||||||
function addHandler() {
|
|
||||||
showDialog()
|
|
||||||
}
|
|
||||||
|
|
||||||
function reset() {
|
|
||||||
searchForm.$reset()
|
|
||||||
paging()
|
|
||||||
}
|
|
||||||
|
|
||||||
function paging() {
|
|
||||||
searching.value = true
|
|
||||||
GoodsCategoryApi.paging(searchForm)
|
|
||||||
.then(res => {
|
|
||||||
totalCount.value = res.data?.total ?? 0
|
|
||||||
tableData.$reset(res.data?.records ?? [])
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
searching.value = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
onMounted(() => {
|
|
||||||
paging()
|
|
||||||
})
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
.table-list {
|
|
||||||
flex 1;
|
|
||||||
margin 0 0 20px 0
|
|
||||||
width 100%
|
|
||||||
|
|
||||||
:deep(.table-header) {
|
|
||||||
color #454C59
|
|
||||||
|
|
||||||
th {
|
|
||||||
background-color #EDF1F7
|
|
||||||
font-weight 500
|
|
||||||
position relative
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
display flex
|
|
||||||
gap 5px
|
|
||||||
align-items center
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:first-child) > div::before {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 1px;
|
|
||||||
width: 1px;
|
|
||||||
background-color: #D3D7DE;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
content: "";
|
|
||||||
height 50%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.table-cell) {
|
|
||||||
color #2F3540
|
|
||||||
}
|
|
||||||
.action-btn {
|
|
||||||
width 100%
|
|
||||||
display flex
|
|
||||||
flex-wrap wrap
|
|
||||||
|
|
||||||
& > button {
|
|
||||||
margin 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tool-bar {
|
|
||||||
display flex
|
|
||||||
justify-content space-between
|
|
||||||
margin 0 0 20px 0
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,163 +0,0 @@
|
||||||
<template>
|
|
||||||
<ElDialog v-model="showDialog"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
destroy-on-close
|
|
||||||
width="fit-content"
|
|
||||||
@close="dialogCloseHandler">
|
|
||||||
<ElForm :model="formData"
|
|
||||||
:rules="rules"
|
|
||||||
ref="goodsCategoryForm"
|
|
||||||
class="form-panel"
|
|
||||||
label-width="auto">
|
|
||||||
<ElFormItem label="Id" prop="id">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.id"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="Id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他" prop="bizType">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.bizType"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="分类名称" prop="categoryName">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.categoryName"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="分类名称"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="图片" prop="picture">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.picture"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="图片"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="排序" prop="sort">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.sort"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="排序"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建人 Id；sys_user.id" prop="creatorId">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.creatorId"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="创建人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改人 Id；sys_user.id" prop="modifierId">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.modifierId"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="修改人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建时间" prop="createTime">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.createTime"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="创建时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改时间" prop="modifyTime">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.modifyTime"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="修改时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否删除； 0-->未删除、1-->已删除" prop="deleted">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.deleted"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="是否删除； 0-->未删除、1-->已删除"/>
|
|
||||||
</ElFormItem>
|
|
||||||
</ElForm>
|
|
||||||
<template #footer>
|
|
||||||
<ElButton @click="showDialog = false">{{ status === 'view' ? '关闭' : '取消' }}</ElButton>
|
|
||||||
<ElButton v-if="status !== 'view'" :loading="submiting" type="primary" @click="submitHandler">提交</ElButton>
|
|
||||||
</template>
|
|
||||||
</ElDialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import GoodsCategoryApi from '@/pages/gds/goods-category/goods-category-api.ts'
|
|
||||||
import Strings from '@/common/utils/strings.ts'
|
|
||||||
import FormUtil from '@/common/utils/formUtil.ts'
|
|
||||||
import Utils from '@/common/utils'
|
|
||||||
import {
|
|
||||||
ElMessage,
|
|
||||||
type FormInstance,
|
|
||||||
type FormRules,
|
|
||||||
} from 'element-plus'
|
|
||||||
|
|
||||||
const emits = defineEmits(['editSucc'])
|
|
||||||
const showDialog = ref(false)
|
|
||||||
const submiting = ref(false)
|
|
||||||
const status = ref<'add' | 'view' | 'modify'>('add')
|
|
||||||
|
|
||||||
const goodsCategoryFormIns = useTemplateRef<FormInstance>('goodsCategoryForm')
|
|
||||||
|
|
||||||
const formData = Utils.resetAble(reactive<GoodsCategoryTypes.SearchGoodsCategoryResult>({}))
|
|
||||||
const rules = reactive<FormRules<GoodsCategoryTypes.SearchGoodsCategoryResult>>({
|
|
||||||
id: [{ required: true, message: '请填写Id', trigger: 'blur' }],
|
|
||||||
bizType: [{ required: true, message: '请填写业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他', trigger: 'blur' }],
|
|
||||||
categoryName: [{ required: true, message: '请填写分类名称', trigger: 'blur' }],
|
|
||||||
picture: [{ required: true, message: '请填写图片', trigger: 'blur' }],
|
|
||||||
sort: [{ required: true, message: '请填写排序', trigger: 'blur' }],
|
|
||||||
creatorId: [{ required: true, message: '请填写创建人 Id；sys_user.id', trigger: 'blur' }],
|
|
||||||
modifierId: [{ required: true, message: '请填写修改人 Id；sys_user.id', trigger: 'blur' }],
|
|
||||||
createTime: [{ required: true, message: '请填写创建时间', trigger: 'blur' }],
|
|
||||||
modifyTime: [{ required: true, message: '请填写修改时间', trigger: 'blur' }],
|
|
||||||
deleted: [{ required: true, message: '请填写是否删除； 0-->未删除、1-->已删除', trigger: 'blur' }],
|
|
||||||
})
|
|
||||||
|
|
||||||
function dialogCloseHandler() {
|
|
||||||
formData.$reset()
|
|
||||||
}
|
|
||||||
|
|
||||||
function submitHandler() {
|
|
||||||
if (status.value === 'view') return
|
|
||||||
submiting.value = true
|
|
||||||
if (formData.id != null) {
|
|
||||||
FormUtil.submit(goodsCategoryFormIns, () => GoodsCategoryApi.modify(formData))
|
|
||||||
.then(() => {
|
|
||||||
ElMessage.success('修改成功')
|
|
||||||
emits('editSucc')
|
|
||||||
showDialog.value = false
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
submiting.value = false
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
FormUtil.submit(goodsCategoryFormIns, () => GoodsCategoryApi.add(formData))
|
|
||||||
.then(() => {
|
|
||||||
ElMessage.success('添加成功')
|
|
||||||
emits('editSucc')
|
|
||||||
showDialog.value = false
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
submiting.value = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
defineExpose({
|
|
||||||
open(data: GoodsCategoryTypes.SearchGoodsCategoryResult = {}) {
|
|
||||||
showDialog.value = true
|
|
||||||
if (!Strings.isBlank(data.id)) {
|
|
||||||
status.value = 'modify'
|
|
||||||
GoodsCategoryApi.detail(data.id!)
|
|
||||||
.then(res => {
|
|
||||||
formData.$reset(res.data)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
status.value = 'add'
|
|
||||||
formData.$reset(data)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
.form-panel {
|
|
||||||
padding 20px
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
import {
|
|
||||||
get,
|
|
||||||
post
|
|
||||||
} from '@/common/utils/http-util.ts'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
paging(data: GoodsCategoryTypes.SearchGoodsCategoryParam) {
|
|
||||||
return get<G.PageResult<GoodsCategoryTypes.SearchGoodsCategoryResult>>('/goods_category/paging', data)
|
|
||||||
},
|
|
||||||
detail(id: string) {
|
|
||||||
return get<GoodsCategoryTypes.SearchGoodsCategoryResult>('/goods_category/detail', {id})
|
|
||||||
},
|
|
||||||
add(data: GoodsCategoryTypes.AddGoodsCategoryParam) {
|
|
||||||
return post('/goods_category/add', data)
|
|
||||||
},
|
|
||||||
modify(data: GoodsCategoryTypes.ModifyGoodsCategoryParam) {
|
|
||||||
return post('/goods_category/modify', data)
|
|
||||||
},
|
|
||||||
del(ids: string[]) {
|
|
||||||
return post('/goods_category/del', ids)
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
@ -1,97 +0,0 @@
|
||||||
export {}
|
|
||||||
|
|
||||||
declare global {
|
|
||||||
namespace GoodsCategoryTypes {
|
|
||||||
interface SearchGoodsCategoryParam extends G.PageParam {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
|
|
||||||
bizType?: string
|
|
||||||
// 分类名称
|
|
||||||
categoryName?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
interface SearchGoodsCategoryResult {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
|
|
||||||
bizType?: string
|
|
||||||
// 分类名称
|
|
||||||
categoryName?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
interface AddGoodsCategoryParam {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
|
|
||||||
bizType?: string
|
|
||||||
// 分类名称
|
|
||||||
categoryName?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ModifyGoodsCategoryParam {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
|
|
||||||
bizType?: string
|
|
||||||
// 分类名称
|
|
||||||
categoryName?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
export default {
|
|
||||||
component: () => import('@/pages/gds/goods-category/GoodsCategory.vue'),
|
|
||||||
} as RouterTypes.RouteConfig
|
|
||||||
|
|
@ -1,279 +0,0 @@
|
||||||
<template>
|
|
||||||
<Page>
|
|
||||||
<ElForm v-show="showSearchForm" inline @submit.prevent="paging">
|
|
||||||
<ElFormItem label="Id">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.id"
|
|
||||||
placeholder="Id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="产品类型 Id">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.goodsCategoryId"
|
|
||||||
placeholder="产品类型 Id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="商品编码">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.sn"
|
|
||||||
placeholder="商品编码"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="产品名称">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.goodsName"
|
|
||||||
placeholder="产品名称"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="规格">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.specParams"
|
|
||||||
placeholder="规格"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="图片">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.picture"
|
|
||||||
placeholder="图片"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="计量单位；字典代码：unit">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.unit"
|
|
||||||
placeholder="计量单位；字典代码：unit"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否为成品；0-->否、1-->是">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.fg"
|
|
||||||
placeholder="是否为成品；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否为半成品；0-->否、1-->是">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.sfg"
|
|
||||||
placeholder="是否为半成品；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否为原料；0-->否、1-->是">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.rg"
|
|
||||||
placeholder="是否为原料；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="排序">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.sort"
|
|
||||||
placeholder="排序"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否可用；0-->否、1-->是">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.canuse"
|
|
||||||
placeholder="是否可用；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="备注">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.memo"
|
|
||||||
placeholder="备注"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建人 Id；sys_user.id">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.creatorId"
|
|
||||||
placeholder="创建人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改人 Id；sys_user.id">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.modifierId"
|
|
||||||
placeholder="修改人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建时间">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.createTime"
|
|
||||||
placeholder="创建时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改时间">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.modifyTime"
|
|
||||||
placeholder="修改时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否删除； 0-->未删除、1-->已删除">
|
|
||||||
<ElInput
|
|
||||||
v-model="searchForm.deleted"
|
|
||||||
placeholder="是否删除； 0-->未删除、1-->已删除"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem>
|
|
||||||
<ElButton :icon="elIcons.Search" :loading="searching" native-type="submit" type="primary">搜索</ElButton>
|
|
||||||
<ElButton :icon="elIcons.Refresh" :loading="searching" @click="reset">重置</ElButton>
|
|
||||||
</ElFormItem>
|
|
||||||
</ElForm>
|
|
||||||
|
|
||||||
<div class="tool-bar">
|
|
||||||
<ElButton :icon="elIcons.Plus" type="primary" @click="addHandler">新建</ElButton>
|
|
||||||
<ElButton :icon="elIcons.Filter" type="default" @click="showSearchForm = !showSearchForm"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ElTable v-loading="searching" :data="tableData"
|
|
||||||
cell-class-name="table-cell"
|
|
||||||
class="table-list"
|
|
||||||
empty-text="暂无数据"
|
|
||||||
header-row-class-name="table-header"
|
|
||||||
row-key="id">
|
|
||||||
<ElTableColumn label="Id" prop="id"/>
|
|
||||||
<ElTableColumn label="产品类型 Id" prop="goodsCategoryId"/>
|
|
||||||
<ElTableColumn label="商品编码" prop="sn"/>
|
|
||||||
<ElTableColumn label="产品名称" prop="goodsName"/>
|
|
||||||
<ElTableColumn label="规格" prop="specParams"/>
|
|
||||||
<ElTableColumn label="图片" prop="picture"/>
|
|
||||||
<ElTableColumn label="计量单位；字典代码：unit" prop="unit"/>
|
|
||||||
<ElTableColumn label="是否为成品；0-->否、1-->是" prop="fg"/>
|
|
||||||
<ElTableColumn label="是否为半成品；0-->否、1-->是" prop="sfg"/>
|
|
||||||
<ElTableColumn label="是否为原料；0-->否、1-->是" prop="rg"/>
|
|
||||||
<ElTableColumn label="排序" prop="sort"/>
|
|
||||||
<ElTableColumn label="是否可用；0-->否、1-->是" prop="canuse"/>
|
|
||||||
<ElTableColumn label="备注" prop="memo"/>
|
|
||||||
<ElTableColumn label="创建人 Id；sys_user.id" prop="creatorId"/>
|
|
||||||
<ElTableColumn label="修改人 Id；sys_user.id" prop="modifierId"/>
|
|
||||||
<ElTableColumn label="创建时间" prop="createTime"/>
|
|
||||||
<ElTableColumn label="修改时间" prop="modifyTime"/>
|
|
||||||
<ElTableColumn label="是否删除； 0-->未删除、1-->已删除" prop="deleted"/>
|
|
||||||
<ElTableColumn label="操作" width="180">
|
|
||||||
<template #default="scope">
|
|
||||||
<div class="action-btn">
|
|
||||||
<ElPopconfirm
|
|
||||||
confirm-button-text="是"
|
|
||||||
cancel-button-text="否"
|
|
||||||
confirm-button-type="danger"
|
|
||||||
cancel-button-type="primary"
|
|
||||||
placement="top"
|
|
||||||
title="是否删除当前数据?"
|
|
||||||
width="180"
|
|
||||||
@confirm="delHandler(scope)">
|
|
||||||
<template #reference>
|
|
||||||
<ElButton text type="danger" :loading="deling">删除</ElButton>
|
|
||||||
</template>
|
|
||||||
</ElPopconfirm>
|
|
||||||
<ElButton text type="primary" @click="modifyHandler(scope)">修改</ElButton>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</ElTableColumn>
|
|
||||||
</ElTable>
|
|
||||||
<ElPagination
|
|
||||||
layout="->, sizes, total, prev, pager, next"
|
|
||||||
v-model:current-page="searchForm.current"
|
|
||||||
v-model:page-size="searchForm.size"
|
|
||||||
:total="totalCount"
|
|
||||||
:page-sizes="[10, 20, 50, 100, 500]"
|
|
||||||
:hide-on-single-page="false"
|
|
||||||
:teleported="false"
|
|
||||||
@change="paging"/>
|
|
||||||
<GoodsForm ref="goodsForm" @edit-succ="paging"/>
|
|
||||||
</Page>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import GoodsApi from '@/pages/gds/goods/goods-api.ts'
|
|
||||||
import GoodsForm from '@/pages/gds/goods/GoodsForm.vue'
|
|
||||||
import Page from '@/components/page/Page.vue'
|
|
||||||
import { elIcons } from '@/common/element/element.ts'
|
|
||||||
import Utils from '@/common/utils'
|
|
||||||
|
|
||||||
const totalCount = ref(0)
|
|
||||||
const tableData = Utils.resetAble(reactive<GoodsTypes.SearchGoodsResult[]>([]))
|
|
||||||
const searchForm = Utils.resetAble(reactive<GoodsTypes.SearchGoodsParam>({
|
|
||||||
current: 1,
|
|
||||||
size: 20,
|
|
||||||
}))
|
|
||||||
const searching = ref(false)
|
|
||||||
const deling = ref(false)
|
|
||||||
const showSearchForm = ref(true)
|
|
||||||
const goodsFormIns = useTemplateRef<InstanceType<typeof GoodsForm>>('goodsForm')
|
|
||||||
|
|
||||||
function showDialog(data?: GoodsTypes.SearchGoodsResult) {
|
|
||||||
goodsFormIns.value?.open(data)
|
|
||||||
}
|
|
||||||
|
|
||||||
function delHandler({row}: { row: GoodsTypes.SearchGoodsResult }) {
|
|
||||||
deling.value = true
|
|
||||||
GoodsApi.del([ row.id! ])
|
|
||||||
.then(() => {
|
|
||||||
ElMessage.success('删除成功')
|
|
||||||
paging()
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
deling.value = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function modifyHandler({row}: { row: GoodsTypes.SearchGoodsResult }) {
|
|
||||||
showDialog(row)
|
|
||||||
}
|
|
||||||
|
|
||||||
function addHandler() {
|
|
||||||
showDialog()
|
|
||||||
}
|
|
||||||
|
|
||||||
function reset() {
|
|
||||||
searchForm.$reset()
|
|
||||||
paging()
|
|
||||||
}
|
|
||||||
|
|
||||||
function paging() {
|
|
||||||
searching.value = true
|
|
||||||
GoodsApi.paging(searchForm)
|
|
||||||
.then(res => {
|
|
||||||
totalCount.value = res.data?.total ?? 0
|
|
||||||
tableData.$reset(res.data?.records ?? [])
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
searching.value = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
onMounted(() => {
|
|
||||||
paging()
|
|
||||||
})
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
.table-list {
|
|
||||||
flex 1;
|
|
||||||
margin 0 0 20px 0
|
|
||||||
width 100%
|
|
||||||
|
|
||||||
:deep(.table-header) {
|
|
||||||
color #454C59
|
|
||||||
|
|
||||||
th {
|
|
||||||
background-color #EDF1F7
|
|
||||||
font-weight 500
|
|
||||||
position relative
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
display flex
|
|
||||||
gap 5px
|
|
||||||
align-items center
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:first-child) > div::before {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 1px;
|
|
||||||
width: 1px;
|
|
||||||
background-color: #D3D7DE;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
content: "";
|
|
||||||
height 50%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.table-cell) {
|
|
||||||
color #2F3540
|
|
||||||
}
|
|
||||||
.action-btn {
|
|
||||||
width 100%
|
|
||||||
display flex
|
|
||||||
flex-wrap wrap
|
|
||||||
|
|
||||||
& > button {
|
|
||||||
margin 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tool-bar {
|
|
||||||
display flex
|
|
||||||
justify-content space-between
|
|
||||||
margin 0 0 20px 0
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,219 +0,0 @@
|
||||||
<template>
|
|
||||||
<ElDialog v-model="showDialog"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
destroy-on-close
|
|
||||||
width="fit-content"
|
|
||||||
@close="dialogCloseHandler">
|
|
||||||
<ElForm :model="formData"
|
|
||||||
:rules="rules"
|
|
||||||
ref="goodsForm"
|
|
||||||
class="form-panel"
|
|
||||||
label-width="auto">
|
|
||||||
<ElFormItem label="Id" prop="id">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.id"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="Id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="产品类型 Id" prop="goodsCategoryId">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.goodsCategoryId"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="产品类型 Id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="商品编码" prop="sn">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.sn"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="商品编码"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="产品名称" prop="goodsName">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.goodsName"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="产品名称"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="规格" prop="specParams">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.specParams"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="规格"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="图片" prop="picture">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.picture"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="图片"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="计量单位；字典代码：unit" prop="unit">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.unit"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="计量单位；字典代码：unit"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否为成品；0-->否、1-->是" prop="fg">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.fg"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="是否为成品；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否为半成品；0-->否、1-->是" prop="sfg">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.sfg"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="是否为半成品；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否为原料；0-->否、1-->是" prop="rg">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.rg"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="是否为原料；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="排序" prop="sort">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.sort"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="排序"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否可用；0-->否、1-->是" prop="canuse">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.canuse"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="是否可用；0-->否、1-->是"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="备注" prop="memo">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.memo"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="备注"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建人 Id；sys_user.id" prop="creatorId">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.creatorId"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="创建人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改人 Id；sys_user.id" prop="modifierId">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.modifierId"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="修改人 Id；sys_user.id"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="创建时间" prop="createTime">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.createTime"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="创建时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="修改时间" prop="modifyTime">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.modifyTime"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="修改时间"/>
|
|
||||||
</ElFormItem>
|
|
||||||
<ElFormItem label="是否删除； 0-->未删除、1-->已删除" prop="deleted">
|
|
||||||
<ElInput
|
|
||||||
v-model="formData.deleted"
|
|
||||||
:disabled="status === 'view'"
|
|
||||||
placeholder="是否删除； 0-->未删除、1-->已删除"/>
|
|
||||||
</ElFormItem>
|
|
||||||
</ElForm>
|
|
||||||
<template #footer>
|
|
||||||
<ElButton @click="showDialog = false">{{ status === 'view' ? '关闭' : '取消' }}</ElButton>
|
|
||||||
<ElButton v-if="status !== 'view'" :loading="submiting" type="primary" @click="submitHandler">提交</ElButton>
|
|
||||||
</template>
|
|
||||||
</ElDialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import GoodsApi from '@/pages/gds/goods/goods-api.ts'
|
|
||||||
import Strings from '@/common/utils/strings.ts'
|
|
||||||
import FormUtil from '@/common/utils/formUtil.ts'
|
|
||||||
import Utils from '@/common/utils'
|
|
||||||
import {
|
|
||||||
ElMessage,
|
|
||||||
type FormInstance,
|
|
||||||
type FormRules,
|
|
||||||
} from 'element-plus'
|
|
||||||
|
|
||||||
const emits = defineEmits(['editSucc'])
|
|
||||||
const showDialog = ref(false)
|
|
||||||
const submiting = ref(false)
|
|
||||||
const status = ref<'add' | 'view' | 'modify'>('add')
|
|
||||||
|
|
||||||
const goodsFormIns = useTemplateRef<FormInstance>('goodsForm')
|
|
||||||
|
|
||||||
const formData = Utils.resetAble(reactive<GoodsTypes.SearchGoodsResult>({}))
|
|
||||||
const rules = reactive<FormRules<GoodsTypes.SearchGoodsResult>>({
|
|
||||||
id: [{ required: true, message: '请填写Id', trigger: 'blur' }],
|
|
||||||
goodsCategoryId: [{ required: true, message: '请填写产品类型 Id', trigger: 'blur' }],
|
|
||||||
sn: [{ required: true, message: '请填写商品编码', trigger: 'blur' }],
|
|
||||||
goodsName: [{ required: true, message: '请填写产品名称', trigger: 'blur' }],
|
|
||||||
specParams: [{ required: true, message: '请填写规格', trigger: 'blur' }],
|
|
||||||
picture: [{ required: true, message: '请填写图片', trigger: 'blur' }],
|
|
||||||
unit: [{ required: true, message: '请填写计量单位；字典代码：unit', trigger: 'blur' }],
|
|
||||||
fg: [{ required: true, message: '请填写是否为成品；0-->否、1-->是', trigger: 'blur' }],
|
|
||||||
sfg: [{ required: true, message: '请填写是否为半成品；0-->否、1-->是', trigger: 'blur' }],
|
|
||||||
rg: [{ required: true, message: '请填写是否为原料；0-->否、1-->是', trigger: 'blur' }],
|
|
||||||
sort: [{ required: true, message: '请填写排序', trigger: 'blur' }],
|
|
||||||
canuse: [{ required: true, message: '请填写是否可用；0-->否、1-->是', trigger: 'blur' }],
|
|
||||||
memo: [{ required: true, message: '请填写备注', trigger: 'blur' }],
|
|
||||||
creatorId: [{ required: true, message: '请填写创建人 Id；sys_user.id', trigger: 'blur' }],
|
|
||||||
modifierId: [{ required: true, message: '请填写修改人 Id；sys_user.id', trigger: 'blur' }],
|
|
||||||
createTime: [{ required: true, message: '请填写创建时间', trigger: 'blur' }],
|
|
||||||
modifyTime: [{ required: true, message: '请填写修改时间', trigger: 'blur' }],
|
|
||||||
deleted: [{ required: true, message: '请填写是否删除； 0-->未删除、1-->已删除', trigger: 'blur' }],
|
|
||||||
})
|
|
||||||
|
|
||||||
function dialogCloseHandler() {
|
|
||||||
formData.$reset()
|
|
||||||
}
|
|
||||||
|
|
||||||
function submitHandler() {
|
|
||||||
if (status.value === 'view') return
|
|
||||||
submiting.value = true
|
|
||||||
if (formData.id != null) {
|
|
||||||
FormUtil.submit(goodsFormIns, () => GoodsApi.modify(formData))
|
|
||||||
.then(() => {
|
|
||||||
ElMessage.success('修改成功')
|
|
||||||
emits('editSucc')
|
|
||||||
showDialog.value = false
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
submiting.value = false
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
FormUtil.submit(goodsFormIns, () => GoodsApi.add(formData))
|
|
||||||
.then(() => {
|
|
||||||
ElMessage.success('添加成功')
|
|
||||||
emits('editSucc')
|
|
||||||
showDialog.value = false
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
submiting.value = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
defineExpose({
|
|
||||||
open(data: GoodsTypes.SearchGoodsResult = {}) {
|
|
||||||
showDialog.value = true
|
|
||||||
if (!Strings.isBlank(data.id)) {
|
|
||||||
status.value = 'modify'
|
|
||||||
GoodsApi.detail(data.id!)
|
|
||||||
.then(res => {
|
|
||||||
formData.$reset(res.data)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
status.value = 'add'
|
|
||||||
formData.$reset(data)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
.form-panel {
|
|
||||||
padding 20px
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
import {
|
|
||||||
get,
|
|
||||||
post
|
|
||||||
} from '@/common/utils/http-util.ts'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
paging(data: GoodsTypes.SearchGoodsParam) {
|
|
||||||
return get<G.PageResult<GoodsTypes.SearchGoodsResult>>('/goods/paging', data)
|
|
||||||
},
|
|
||||||
detail(id: string) {
|
|
||||||
return get<GoodsTypes.SearchGoodsResult>('/goods/detail', {id})
|
|
||||||
},
|
|
||||||
add(data: GoodsTypes.AddGoodsParam) {
|
|
||||||
return post('/goods/add', data)
|
|
||||||
},
|
|
||||||
modify(data: GoodsTypes.ModifyGoodsParam) {
|
|
||||||
return post('/goods/modify', data)
|
|
||||||
},
|
|
||||||
del(ids: string[]) {
|
|
||||||
return post('/goods/del', ids)
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
@ -1,161 +0,0 @@
|
||||||
export {}
|
|
||||||
|
|
||||||
declare global {
|
|
||||||
namespace GoodsTypes {
|
|
||||||
interface SearchGoodsParam extends G.PageParam {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 产品类型 Id
|
|
||||||
goodsCategoryId?: string
|
|
||||||
// 商品编码
|
|
||||||
sn?: string
|
|
||||||
// 产品名称
|
|
||||||
goodsName?: string
|
|
||||||
// 规格
|
|
||||||
specParams?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 计量单位；字典代码：unit
|
|
||||||
unit?: string
|
|
||||||
// 是否为成品；0-->否、1-->是
|
|
||||||
fg?: boolean
|
|
||||||
// 是否为半成品；0-->否、1-->是
|
|
||||||
sfg?: boolean
|
|
||||||
// 是否为原料；0-->否、1-->是
|
|
||||||
rg?: boolean
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 是否可用；0-->否、1-->是
|
|
||||||
canuse?: boolean
|
|
||||||
// 备注
|
|
||||||
memo?: string
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
interface SearchGoodsResult {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 产品类型 Id
|
|
||||||
goodsCategoryId?: string
|
|
||||||
// 商品编码
|
|
||||||
sn?: string
|
|
||||||
// 产品名称
|
|
||||||
goodsName?: string
|
|
||||||
// 规格
|
|
||||||
specParams?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 计量单位；字典代码：unit
|
|
||||||
unit?: string
|
|
||||||
// 是否为成品；0-->否、1-->是
|
|
||||||
fg?: boolean
|
|
||||||
// 是否为半成品；0-->否、1-->是
|
|
||||||
sfg?: boolean
|
|
||||||
// 是否为原料；0-->否、1-->是
|
|
||||||
rg?: boolean
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 是否可用；0-->否、1-->是
|
|
||||||
canuse?: boolean
|
|
||||||
// 备注
|
|
||||||
memo?: string
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
interface AddGoodsParam {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 产品类型 Id
|
|
||||||
goodsCategoryId?: string
|
|
||||||
// 商品编码
|
|
||||||
sn?: string
|
|
||||||
// 产品名称
|
|
||||||
goodsName?: string
|
|
||||||
// 规格
|
|
||||||
specParams?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 计量单位；字典代码：unit
|
|
||||||
unit?: string
|
|
||||||
// 是否为成品；0-->否、1-->是
|
|
||||||
fg?: boolean
|
|
||||||
// 是否为半成品；0-->否、1-->是
|
|
||||||
sfg?: boolean
|
|
||||||
// 是否为原料；0-->否、1-->是
|
|
||||||
rg?: boolean
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 是否可用；0-->否、1-->是
|
|
||||||
canuse?: boolean
|
|
||||||
// 备注
|
|
||||||
memo?: string
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ModifyGoodsParam {
|
|
||||||
// Id
|
|
||||||
id?: string
|
|
||||||
// 产品类型 Id
|
|
||||||
goodsCategoryId?: string
|
|
||||||
// 商品编码
|
|
||||||
sn?: string
|
|
||||||
// 产品名称
|
|
||||||
goodsName?: string
|
|
||||||
// 规格
|
|
||||||
specParams?: string
|
|
||||||
// 图片
|
|
||||||
picture?: string
|
|
||||||
// 计量单位；字典代码：unit
|
|
||||||
unit?: string
|
|
||||||
// 是否为成品；0-->否、1-->是
|
|
||||||
fg?: boolean
|
|
||||||
// 是否为半成品；0-->否、1-->是
|
|
||||||
sfg?: boolean
|
|
||||||
// 是否为原料；0-->否、1-->是
|
|
||||||
rg?: boolean
|
|
||||||
// 排序
|
|
||||||
sort?: number
|
|
||||||
// 是否可用；0-->否、1-->是
|
|
||||||
canuse?: boolean
|
|
||||||
// 备注
|
|
||||||
memo?: string
|
|
||||||
// 创建人 Id；sys_user.id
|
|
||||||
creatorId?: string
|
|
||||||
// 修改人 Id；sys_user.id
|
|
||||||
modifierId?: string
|
|
||||||
// 创建时间
|
|
||||||
createTime?: string
|
|
||||||
// 修改时间
|
|
||||||
modifyTime?: string
|
|
||||||
// 是否删除； 0-->未删除、1-->已删除
|
|
||||||
deleted?: boolean
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
export default {
|
|
||||||
component: () => import('@/pages/gds/goods/Goods.vue'),
|
|
||||||
} as RouterTypes.RouteConfig
|
|
||||||
Loading…
Reference in New Issue