客户供应商前端

temp
17602169347 1 year ago
parent a871d77903
commit c1f4520e85

@ -162,5 +162,11 @@ export enum DICT_TYPE {
// ============= ENTERPRISEBRANCHING 模块================= // ============= ENTERPRISEBRANCHING 模块=================
ENTERPRISE_TYPE = 'enterprise_type', //业务线类型 ENTERPRISE_TYPE = 'enterprise_type', //业务线类型
CUSTOMER_STATUS = 'customer_status', //客户状态
CUSTOMER_CALSSIFY = 'customer_calssify', //客户分类
CUSTOMER_STARRATING = 'customer_starrating', //客户星级
industrySchedule = 'industry_schedule', //客户星级
industryClassify = 'industry_classify', //客户星级
customerSource = 'customer_source', //客户星级
enterpriseNature = 'enterprise_nature', //客户星级
} }

@ -2,10 +2,10 @@
<div> <div>
<BasicTable @register="registerTable"> <BasicTable @register="registerTable">
<template #toolbar> <template #toolbar>
<a-button type="primary" v-auth="['xxjj:customer:create']" :preIcon="IconEnum.ADD" @click="handleCreate"> <a-button type="primary" v-auth="['xxjj:subject-basic:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
{{ t('action.create') }} {{ t('action.create') }}
</a-button> </a-button>
<a-button type="warning" v-auth="['xxjj:customer:export']" :preIcon="IconEnum.EXPORT" @click="handleExport"> <a-button type="warning" v-auth="['xxjj:subject-basic:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
{{ t('action.export') }} {{ t('action.export') }}
</a-button> </a-button>
</template> </template>
@ -13,12 +13,12 @@
<template v-if="column.key === 'action'"> <template v-if="column.key === 'action'">
<TableAction <TableAction
:actions="[ :actions="[
{ icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:customer:update', onClick: handleEdit.bind(null, record) }, { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:subject-basic:update', onClick: handleEdit.bind(null, record) },
{ {
icon: IconEnum.DELETE, icon: IconEnum.DELETE,
color: 'error', color: 'error',
label: t('action.delete'), label: t('action.delete'),
auth: 'xxjj:customer:delete', auth: 'xxjj:subject-basic:delete',
popConfirm: { popConfirm: {
title: t('common.delMessage'), title: t('common.delMessage'),
placement: 'left', placement: 'left',
@ -30,28 +30,28 @@
</template> </template>
</template> </template>
</BasicTable> </BasicTable>
<CustomerModal @register="registerModal" @success="reload()" /> <SubjectBasicModal @register="registerModal" @success="reload()" />
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { useI18n } from '@/hooks/web/useI18n' import { useI18n } from '@/hooks/web/useI18n'
import { useMessage } from '@/hooks/web/useMessage' import { useMessage } from '@/hooks/web/useMessage'
import { useModal } from '@/components/Modal' import { useModal } from '@/components/Modal'
import CustomerModal from './CustomerModal.vue' import SubjectBasicModal from './SubjectBasicModal.vue'
import { IconEnum } from '@/enums/appEnum' import { IconEnum } from '@/enums/appEnum'
import { BasicTable, useTable, TableAction } from '@/components/Table' import { BasicTable, useTable, TableAction } from '@/components/Table'
import { deleteCustomer, exportCustomer, getCustomerPage } from '@/api/xxjj/customer' import { deleteSubjectBasic, exportSubjectBasic, getSubjectBasicPage } from '@/api/xxjj/subjectBasic'
import { columns, searchFormSchema } from './customer.data' import { columns, searchFormSchema } from './subjectBasic.data'
defineOptions({ name: 'Customer' }) defineOptions({ name: 'SubjectBasic' })
const { t } = useI18n() const { t } = useI18n()
const { createConfirm, createMessage } = useMessage() const { createConfirm, createMessage } = useMessage()
const [registerModal, { openModal }] = useModal() const [registerModal, { openModal }] = useModal()
const [registerTable, { getForm, reload }] = useTable({ const [registerTable, { getForm, reload }] = useTable({
title: '客户信息列表', title: '客户列表',
api: getCustomerPage, api: getSubjectBasicPage,
columns, columns,
formConfig: { labelWidth: 120, schemas: searchFormSchema }, formConfig: { labelWidth: 120, schemas: searchFormSchema },
useSearchForm: true, useSearchForm: true,
@ -78,14 +78,14 @@ async function handleExport() {
iconType: 'warning', iconType: 'warning',
content: t('common.exportMessage'), content: t('common.exportMessage'),
async onOk() { async onOk() {
await exportCustomer(getForm().getFieldsValue()) await exportSubjectBasic(getForm().getFieldsValue())
createMessage.success(t('common.exportSuccessText')) createMessage.success(t('common.exportSuccessText'))
} }
}) })
} }
async function handleDelete(record: Recordable) { async function handleDelete(record: Recordable) {
await deleteCustomer(record.id) await deleteSubjectBasic(record.id)
createMessage.success(t('common.delSuccessText')) createMessage.success(t('common.delSuccessText'))
reload() reload()
} }

@ -9,10 +9,10 @@ import { useI18n } from '@/hooks/web/useI18n'
import { useMessage } from '@/hooks/web/useMessage' import { useMessage } from '@/hooks/web/useMessage'
import { BasicForm, useForm } from '@/components/Form' import { BasicForm, useForm } from '@/components/Form'
import { BasicModal, useModalInner } from '@/components/Modal' import { BasicModal, useModalInner } from '@/components/Modal'
import { createFormSchema, updateFormSchema } from './customer.data' import { createFormSchema, updateFormSchema } from './subjectBasic.data'
import { createCustomer, getCustomer, updateCustomer } from '@/api/xxjj/customer' import { createSubjectBasic, getSubjectBasic, updateSubjectBasic } from '@/api/xxjj/subjectBasic'
defineOptions({ name: 'CustomerModal' }) defineOptions({ name: 'SubjectBasicModal' })
const { t } = useI18n() const { t } = useI18n()
const { createMessage } = useMessage() const { createMessage } = useMessage()
@ -33,7 +33,7 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
isUpdate.value = !!data?.isUpdate isUpdate.value = !!data?.isUpdate
if (unref(isUpdate)) { if (unref(isUpdate)) {
resetSchema(updateFormSchema) resetSchema(updateFormSchema)
const res = await getCustomer(data.record.id) const res = await getSubjectBasic(data.record.id)
setFieldsValue({ ...res }) setFieldsValue({ ...res })
} }
}) })
@ -43,9 +43,9 @@ async function handleSubmit() {
const values = await validate() const values = await validate()
setModalProps({ confirmLoading: true }) setModalProps({ confirmLoading: true })
if (unref(isUpdate)) { if (unref(isUpdate)) {
await updateCustomer(values) await updateSubjectBasic(values)
} else { } else {
await createCustomer(values) await createSubjectBasic(values)
} }
closeModal() closeModal()
emit('success') emit('success')

@ -43,14 +43,14 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
import { deleteSubjectBasic, exportSubjectBasic, getSubjectBasicPage } from '@/api/xxjj/subjectBasic' import { deleteSubjectBasic, exportSubjectBasic, getSubjectBasicPage } from '@/api/xxjj/subjectBasic'
import { columns, searchFormSchema } from './subjectBasic.data' import { columns, searchFormSchema } from './subjectBasic.data'
defineOptions({ name: 'SubjectBasic' }) defineOptions({ name: 'service' })
const { t } = useI18n() const { t } = useI18n()
const { createConfirm, createMessage } = useMessage() const { createConfirm, createMessage } = useMessage()
const [registerModal, { openModal }] = useModal() const [registerModal, { openModal }] = useModal()
const [registerTable, { getForm, reload }] = useTable({ const [registerTable, { getForm, reload }] = useTable({
title: '基础业务信息表(客户,供应商,服务商主体)列表', title: '服务商列表',
api: getSubjectBasicPage, api: getSubjectBasicPage,
columns, columns,
formConfig: { labelWidth: 120, schemas: searchFormSchema }, formConfig: { labelWidth: 120, schemas: searchFormSchema },

@ -0,0 +1,57 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import { ref, unref } from 'vue'
import { useI18n } from '@/hooks/web/useI18n'
import { useMessage } from '@/hooks/web/useMessage'
import { BasicForm, useForm } from '@/components/Form'
import { BasicModal, useModalInner } from '@/components/Modal'
import { createFormSchema, updateFormSchema } from './subjectBasic.data'
import { createSubjectBasic, getSubjectBasic, updateSubjectBasic } from '@/api/xxjj/subjectBasic'
defineOptions({ name: 'SubjectBasicModal' })
const { t } = useI18n()
const { createMessage } = useMessage()
const emit = defineEmits(['success', 'register'])
const isUpdate = ref(true)
const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
labelWidth: 120,
baseColProps: { span: 24 },
schemas: createFormSchema,
showActionButtonGroup: false,
actionColOptions: { span: 23 }
})
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
resetFields()
setModalProps({ confirmLoading: false })
isUpdate.value = !!data?.isUpdate
if (unref(isUpdate)) {
resetSchema(updateFormSchema)
const res = await getSubjectBasic(data.record.id)
setFieldsValue({ ...res })
}
})
async function handleSubmit() {
try {
const values = await validate()
setModalProps({ confirmLoading: true })
if (unref(isUpdate)) {
await updateSubjectBasic(values)
} else {
await createSubjectBasic(values)
}
closeModal()
emit('success')
createMessage.success(t('common.saveSuccessText'))
} finally {
setModalProps({ confirmLoading: false })
}
}
</script>

@ -0,0 +1,92 @@
<template>
<div>
<BasicTable @register="registerTable">
<template #toolbar>
<a-button type="primary" v-auth="['xxjj:subject-basic:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
{{ t('action.create') }}
</a-button>
<a-button type="warning" v-auth="['xxjj:subject-basic:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
{{ t('action.export') }}
</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{ icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:subject-basic:update', onClick: handleEdit.bind(null, record) },
{
icon: IconEnum.DELETE,
color: 'error',
label: t('action.delete'),
auth: 'xxjj:subject-basic:delete',
popConfirm: {
title: t('common.delMessage'),
placement: 'left',
confirm: handleDelete.bind(null, record)
}
}
]"
/>
</template>
</template>
</BasicTable>
<SubjectBasicModal @register="registerModal" @success="reload()" />
</div>
</template>
<script lang="ts" setup>
import { useI18n } from '@/hooks/web/useI18n'
import { useMessage } from '@/hooks/web/useMessage'
import { useModal } from '@/components/Modal'
import SubjectBasicModal from './SubjectBasicModal.vue'
import { IconEnum } from '@/enums/appEnum'
import { BasicTable, useTable, TableAction } from '@/components/Table'
import { deleteSubjectBasic, exportSubjectBasic, getSubjectBasicPage } from '@/api/xxjj/subjectBasic'
import { columns, searchFormSchema } from './subjectBasic.data'
defineOptions({ name: 'supplier' })
const { t } = useI18n()
const { createConfirm, createMessage } = useMessage()
const [registerModal, { openModal }] = useModal()
const [registerTable, { getForm, reload }] = useTable({
title: '供应商列表',
api: getSubjectBasicPage,
columns,
formConfig: { labelWidth: 120, schemas: searchFormSchema },
useSearchForm: true,
showTableSetting: true,
actionColumn: {
width: 140,
title: t('common.action'),
dataIndex: 'action',
fixed: 'right'
}
})
function handleCreate() {
openModal(true, { isUpdate: false })
}
function handleEdit(record: Recordable) {
openModal(true, { record, isUpdate: true })
}
async function handleExport() {
createConfirm({
title: t('common.exportTitle'),
iconType: 'warning',
content: t('common.exportMessage'),
async onOk() {
await exportSubjectBasic(getForm().getFieldsValue())
createMessage.success(t('common.exportSuccessText'))
}
})
}
async function handleDelete(record: Recordable) {
await deleteSubjectBasic(record.id)
createMessage.success(t('common.delSuccessText'))
reload()
}
</script>
Loading…
Cancel
Save