Merge branch 'master' of https://gitee.com/guochang-hongyun/warm-kingdom-vue3-oa
zy
commit
8a6758ba60
|
|
@ -0,0 +1,74 @@
|
|||
import request from '@/config/axios'
|
||||
|
||||
// 建会管理 VO
|
||||
export interface ExhibitionManagementVO {
|
||||
id: number // 主键
|
||||
customerId: number // CRM的客户
|
||||
groupCode: string // 自动生成
|
||||
exhibitionName: string // 会议名称
|
||||
startTime: Date // 开始日期
|
||||
endTime: Date // 结束日期
|
||||
companyId: number // 合作主体ID
|
||||
participantsCount: number // 参会人数
|
||||
exhibitionType: number // 会议类型
|
||||
cityId: number // 会议城市ID
|
||||
address: string // 会议地点
|
||||
invoiceType: number // 开票类型
|
||||
serviceRate: number // 服务费费率
|
||||
budget: number // 含税预算
|
||||
grossProfit: number // 预计毛利润
|
||||
applyDate: Date // 申请日期
|
||||
bId: number // 乙方单位ID
|
||||
aId: number // 甲方单位名称ID
|
||||
depositPercent: number // 定金百分比
|
||||
penalty: number // 违约金约定
|
||||
lateInterestRate: number // 延期付款利率
|
||||
advanceDays: number // 会前几天付定金
|
||||
depositPaydate: Date // 定金付款日期
|
||||
afterDays: number // 会后几日付尾款
|
||||
finalPaydate: Date // 尾款付款日
|
||||
depositAmount: number // 定金金额
|
||||
finalAmount: number // 尾款金额
|
||||
templateType: number // 模版类型
|
||||
templateBId: number // 乙方模版ID
|
||||
templateAId: number // 甲方模版ID
|
||||
businessLicense: string // 客户营业执照存储路径
|
||||
quotationFile: string // 报价单存储路径
|
||||
contractFile: string // 合同附件存储路径
|
||||
status: number // 状态
|
||||
processInstanceId: string // 工作流编号
|
||||
auditStatus: number // 审批状态
|
||||
}
|
||||
|
||||
// 建会管理 API
|
||||
export const ExhibitionManagementApi = {
|
||||
// 查询建会管理分页
|
||||
getExhibitionManagementPage: async (params: any) => {
|
||||
return await request.get({ url: `/mice/exhibition-management/page`, params })
|
||||
},
|
||||
|
||||
// 查询建会管理详情
|
||||
getExhibitionManagement: async (id: number) => {
|
||||
return await request.get({ url: `/mice/exhibition-management/get?id=` + id })
|
||||
},
|
||||
|
||||
// 新增建会管理
|
||||
createExhibitionManagement: async (data: ExhibitionManagementVO) => {
|
||||
return await request.post({ url: `/mice/exhibition-management/create`, data })
|
||||
},
|
||||
|
||||
// 修改建会管理
|
||||
updateExhibitionManagement: async (data: ExhibitionManagementVO) => {
|
||||
return await request.put({ url: `/mice/exhibition-management/update`, data })
|
||||
},
|
||||
|
||||
// 删除建会管理
|
||||
deleteExhibitionManagement: async (id: number) => {
|
||||
return await request.delete({ url: `/mice/exhibition-management/delete?id=` + id })
|
||||
},
|
||||
|
||||
// 导出建会管理 Excel
|
||||
exportExhibitionManagement: async (params) => {
|
||||
return await request.download({ url: `/mice/exhibition-management/export-excel`, params })
|
||||
},
|
||||
}
|
||||
|
|
@ -0,0 +1,325 @@
|
|||
<template>
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
label-width="100px"
|
||||
v-loading="formLoading"
|
||||
>
|
||||
<el-form-item label="CRM的客户" prop="customerId">
|
||||
<el-input v-model="formData.customerId" placeholder="请输入CRM的客户" />
|
||||
</el-form-item>
|
||||
<el-form-item label="自动生成" prop="groupCode">
|
||||
<el-input v-model="formData.groupCode" placeholder="请输入自动生成" />
|
||||
</el-form-item>
|
||||
<el-form-item label="会议名称" prop="exhibitionName">
|
||||
<el-input v-model="formData.exhibitionName" placeholder="请输入会议名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开始日期" prop="startTime">
|
||||
<el-date-picker
|
||||
v-model="formData.startTime"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择开始日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期" prop="endTime">
|
||||
<el-date-picker
|
||||
v-model="formData.endTime"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择结束日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作主体ID" prop="companyId">
|
||||
<el-input v-model="formData.companyId" placeholder="请输入合作主体ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="参会人数" prop="participantsCount">
|
||||
<el-input v-model="formData.participantsCount" placeholder="请输入参会人数" />
|
||||
</el-form-item>
|
||||
<el-form-item label="会议类型" prop="exhibitionType">
|
||||
<el-select v-model="formData.exhibitionType" placeholder="请选择会议类型">
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议城市ID" prop="cityId">
|
||||
<el-input v-model="formData.cityId" placeholder="请输入会议城市ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="会议地点" prop="address">
|
||||
<el-input v-model="formData.address" placeholder="请输入会议地点" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开票类型" prop="invoiceType">
|
||||
<el-select v-model="formData.invoiceType" placeholder="请选择开票类型">
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="服务费费率" prop="serviceRate">
|
||||
<el-input v-model="formData.serviceRate" placeholder="请输入服务费费率" />
|
||||
</el-form-item>
|
||||
<el-form-item label="含税预算" prop="budget">
|
||||
<el-input v-model="formData.budget" placeholder="请输入含税预算" />
|
||||
</el-form-item>
|
||||
<el-form-item label="预计毛利润" prop="grossProfit">
|
||||
<el-input v-model="formData.grossProfit" placeholder="请输入预计毛利润" />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请日期" prop="applyDate">
|
||||
<el-date-picker
|
||||
v-model="formData.applyDate"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择申请日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="乙方单位ID" prop="bId">
|
||||
<el-input v-model="formData.bId" placeholder="请输入乙方单位ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="甲方单位名称ID" prop="aId">
|
||||
<el-input v-model="formData.aId" placeholder="请输入甲方单位名称ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="定金百分比" prop="depositPercent">
|
||||
<el-input v-model="formData.depositPercent" placeholder="请输入定金百分比" />
|
||||
</el-form-item>
|
||||
<el-form-item label="违约金约定" prop="penalty">
|
||||
<el-input v-model="formData.penalty" placeholder="请输入违约金约定" />
|
||||
</el-form-item>
|
||||
<el-form-item label="延期付款利率" prop="lateInterestRate">
|
||||
<el-input v-model="formData.lateInterestRate" placeholder="请输入延期付款利率" />
|
||||
</el-form-item>
|
||||
<el-form-item label="会前几天付定金" prop="advanceDays">
|
||||
<el-input v-model="formData.advanceDays" placeholder="请输入会前几天付定金" />
|
||||
</el-form-item>
|
||||
<el-form-item label="定金付款日期" prop="depositPaydate">
|
||||
<el-date-picker
|
||||
v-model="formData.depositPaydate"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择定金付款日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会后几日付尾款" prop="afterDays">
|
||||
<el-input v-model="formData.afterDays" placeholder="请输入会后几日付尾款" />
|
||||
</el-form-item>
|
||||
<el-form-item label="尾款付款日" prop="finalPaydate">
|
||||
<el-date-picker
|
||||
v-model="formData.finalPaydate"
|
||||
type="date"
|
||||
value-format="x"
|
||||
placeholder="选择尾款付款日"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="定金金额" prop="depositAmount">
|
||||
<el-input v-model="formData.depositAmount" placeholder="请输入定金金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="尾款金额" prop="finalAmount">
|
||||
<el-input v-model="formData.finalAmount" placeholder="请输入尾款金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="模版类型" prop="templateType">
|
||||
<el-select v-model="formData.templateType" placeholder="请选择模版类型">
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="乙方模版ID" prop="templateBId">
|
||||
<el-input v-model="formData.templateBId" placeholder="请输入乙方模版ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="甲方模版ID" prop="templateAId">
|
||||
<el-input v-model="formData.templateAId" placeholder="请输入甲方模版ID" />
|
||||
</el-form-item>
|
||||
<el-form-item label="客户营业执照存储路径" prop="businessLicense">
|
||||
<el-input v-model="formData.businessLicense" placeholder="请输入客户营业执照存储路径" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报价单存储路径" prop="quotationFile">
|
||||
<UploadFile v-model="formData.quotationFile" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同附件存储路径" prop="contractFile">
|
||||
<UploadFile v-model="formData.contractFile" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-radio-group v-model="formData.status">
|
||||
<el-radio value="1">请选择字典生成</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input v-model="formData.processInstanceId" placeholder="请输入工作流编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-radio-group v-model="formData.auditStatus">
|
||||
<el-radio value="1">请选择字典生成</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ExhibitionManagementApi, ExhibitionManagementVO } from '@/api/mice/exhibitionmanagement'
|
||||
|
||||
/** 建会管理 表单 */
|
||||
defineOptions({ name: 'ExhibitionManagementForm' })
|
||||
|
||||
const { t } = useI18n() // 国际化
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||
const dialogTitle = ref('') // 弹窗的标题
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
||||
const formData = ref({
|
||||
id: undefined,
|
||||
customerId: undefined,
|
||||
groupCode: undefined,
|
||||
exhibitionName: undefined,
|
||||
startTime: undefined,
|
||||
endTime: undefined,
|
||||
companyId: undefined,
|
||||
participantsCount: undefined,
|
||||
exhibitionType: undefined,
|
||||
cityId: undefined,
|
||||
address: undefined,
|
||||
invoiceType: undefined,
|
||||
serviceRate: undefined,
|
||||
budget: undefined,
|
||||
grossProfit: undefined,
|
||||
applyDate: undefined,
|
||||
bId: undefined,
|
||||
aId: undefined,
|
||||
depositPercent: undefined,
|
||||
penalty: undefined,
|
||||
lateInterestRate: undefined,
|
||||
advanceDays: undefined,
|
||||
depositPaydate: undefined,
|
||||
afterDays: undefined,
|
||||
finalPaydate: undefined,
|
||||
depositAmount: undefined,
|
||||
finalAmount: undefined,
|
||||
templateType: undefined,
|
||||
templateBId: undefined,
|
||||
templateAId: undefined,
|
||||
businessLicense: undefined,
|
||||
quotationFile: undefined,
|
||||
contractFile: undefined,
|
||||
status: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
})
|
||||
const formRules = reactive({
|
||||
customerId: [{ required: true, message: 'CRM的客户不能为空', trigger: 'blur' }],
|
||||
groupCode: [{ required: true, message: '自动生成不能为空', trigger: 'blur' }],
|
||||
exhibitionName: [{ required: true, message: '会议名称不能为空', trigger: 'blur' }],
|
||||
startTime: [{ required: true, message: '开始日期不能为空', trigger: 'blur' }],
|
||||
endTime: [{ required: true, message: '结束日期不能为空', trigger: 'blur' }],
|
||||
companyId: [{ required: true, message: '合作主体ID不能为空', trigger: 'blur' }],
|
||||
participantsCount: [{ required: true, message: '参会人数不能为空', trigger: 'blur' }],
|
||||
exhibitionType: [{ required: true, message: '会议类型不能为空', trigger: 'change' }],
|
||||
cityId: [{ required: true, message: '会议城市ID不能为空', trigger: 'blur' }],
|
||||
address: [{ required: true, message: '会议地点不能为空', trigger: 'blur' }],
|
||||
serviceRate: [{ required: true, message: '服务费费率不能为空', trigger: 'blur' }],
|
||||
budget: [{ required: true, message: '含税预算不能为空', trigger: 'blur' }],
|
||||
grossProfit: [{ required: true, message: '预计毛利润不能为空', trigger: 'blur' }],
|
||||
applyDate: [{ required: true, message: '申请日期不能为空', trigger: 'blur' }],
|
||||
bId: [{ required: true, message: '乙方单位ID不能为空', trigger: 'blur' }],
|
||||
aId: [{ required: true, message: '甲方单位名称ID不能为空', trigger: 'blur' }],
|
||||
depositPercent: [{ required: true, message: '定金百分比不能为空', trigger: 'blur' }],
|
||||
penalty: [{ required: true, message: '违约金约定不能为空', trigger: 'blur' }],
|
||||
lateInterestRate: [{ required: true, message: '延期付款利率不能为空', trigger: 'blur' }],
|
||||
advanceDays: [{ required: true, message: '会前几天付定金不能为空', trigger: 'blur' }],
|
||||
depositPaydate: [{ required: true, message: '定金付款日期不能为空', trigger: 'blur' }],
|
||||
afterDays: [{ required: true, message: '会后几日付尾款不能为空', trigger: 'blur' }],
|
||||
finalPaydate: [{ required: true, message: '尾款付款日不能为空', trigger: 'blur' }],
|
||||
templateBId: [{ required: true, message: '乙方模版ID不能为空', trigger: 'blur' }],
|
||||
templateAId: [{ required: true, message: '甲方模版ID不能为空', trigger: 'blur' }],
|
||||
businessLicense: [{ required: true, message: '客户营业执照存储路径不能为空', trigger: 'blur' }],
|
||||
quotationFile: [{ required: true, message: '报价单存储路径不能为空', trigger: 'blur' }],
|
||||
contractFile: [{ required: true, message: '合同附件存储路径不能为空', trigger: 'blur' }],
|
||||
auditStatus: [{ required: true, message: '审批状态不能为空', trigger: 'blur' }],
|
||||
})
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
// 修改时，设置数据
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
formData.value = await ExhibitionManagementApi.getExhibitionManagement(id)
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
}
|
||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
||||
|
||||
/** 提交表单 */
|
||||
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
await formRef.value.validate()
|
||||
// 提交请求
|
||||
formLoading.value = true
|
||||
try {
|
||||
const data = formData.value as unknown as ExhibitionManagementVO
|
||||
if (formType.value === 'create') {
|
||||
await ExhibitionManagementApi.createExhibitionManagement(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await ExhibitionManagementApi.updateExhibitionManagement(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
// 发送操作成功的事件
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
customerId: undefined,
|
||||
groupCode: undefined,
|
||||
exhibitionName: undefined,
|
||||
startTime: undefined,
|
||||
endTime: undefined,
|
||||
companyId: undefined,
|
||||
participantsCount: undefined,
|
||||
exhibitionType: undefined,
|
||||
cityId: undefined,
|
||||
address: undefined,
|
||||
invoiceType: undefined,
|
||||
serviceRate: undefined,
|
||||
budget: undefined,
|
||||
grossProfit: undefined,
|
||||
applyDate: undefined,
|
||||
bId: undefined,
|
||||
aId: undefined,
|
||||
depositPercent: undefined,
|
||||
penalty: undefined,
|
||||
lateInterestRate: undefined,
|
||||
advanceDays: undefined,
|
||||
depositPaydate: undefined,
|
||||
afterDays: undefined,
|
||||
finalPaydate: undefined,
|
||||
depositAmount: undefined,
|
||||
finalAmount: undefined,
|
||||
templateType: undefined,
|
||||
templateBId: undefined,
|
||||
templateAId: undefined,
|
||||
businessLicense: undefined,
|
||||
quotationFile: undefined,
|
||||
contractFile: undefined,
|
||||
status: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,558 @@
|
|||
<template>
|
||||
<ContentWrap>
|
||||
<!-- 搜索工作栏 -->
|
||||
<el-form
|
||||
class="-mb-15px"
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="CRM的客户" prop="customerId">
|
||||
<el-input
|
||||
v-model="queryParams.customerId"
|
||||
placeholder="请输入CRM的客户"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="自动生成" prop="groupCode">
|
||||
<el-input
|
||||
v-model="queryParams.groupCode"
|
||||
placeholder="请输入自动生成"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议名称" prop="exhibitionName">
|
||||
<el-input
|
||||
v-model="queryParams.exhibitionName"
|
||||
placeholder="请输入会议名称"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始日期" prop="startTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.startTime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期" prop="endTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.endTime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作主体ID" prop="companyId">
|
||||
<el-input
|
||||
v-model="queryParams.companyId"
|
||||
placeholder="请输入合作主体ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会人数" prop="participantsCount">
|
||||
<el-input
|
||||
v-model="queryParams.participantsCount"
|
||||
placeholder="请输入参会人数"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议类型" prop="exhibitionType">
|
||||
<el-select
|
||||
v-model="queryParams.exhibitionType"
|
||||
placeholder="请选择会议类型"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议城市ID" prop="cityId">
|
||||
<el-input
|
||||
v-model="queryParams.cityId"
|
||||
placeholder="请输入会议城市ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议地点" prop="address">
|
||||
<el-input
|
||||
v-model="queryParams.address"
|
||||
placeholder="请输入会议地点"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="开票类型" prop="invoiceType">
|
||||
<el-select
|
||||
v-model="queryParams.invoiceType"
|
||||
placeholder="请选择开票类型"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="服务费费率" prop="serviceRate">
|
||||
<el-input
|
||||
v-model="queryParams.serviceRate"
|
||||
placeholder="请输入服务费费率"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="含税预算" prop="budget">
|
||||
<el-input
|
||||
v-model="queryParams.budget"
|
||||
placeholder="请输入含税预算"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="预计毛利润" prop="grossProfit">
|
||||
<el-input
|
||||
v-model="queryParams.grossProfit"
|
||||
placeholder="请输入预计毛利润"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请日期" prop="applyDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.applyDate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="乙方单位ID" prop="bId">
|
||||
<el-input
|
||||
v-model="queryParams.bId"
|
||||
placeholder="请输入乙方单位ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="甲方单位名称ID" prop="aId">
|
||||
<el-input
|
||||
v-model="queryParams.aId"
|
||||
placeholder="请输入甲方单位名称ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="定金百分比" prop="depositPercent">
|
||||
<el-input
|
||||
v-model="queryParams.depositPercent"
|
||||
placeholder="请输入定金百分比"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="违约金约定" prop="penalty">
|
||||
<el-input
|
||||
v-model="queryParams.penalty"
|
||||
placeholder="请输入违约金约定"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="延期付款利率" prop="lateInterestRate">
|
||||
<el-input
|
||||
v-model="queryParams.lateInterestRate"
|
||||
placeholder="请输入延期付款利率"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会前几天付定金" prop="advanceDays">
|
||||
<el-input
|
||||
v-model="queryParams.advanceDays"
|
||||
placeholder="请输入会前几天付定金"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="定金付款日期" prop="depositPaydate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.depositPaydate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="会后几日付尾款" prop="afterDays">
|
||||
<el-input
|
||||
v-model="queryParams.afterDays"
|
||||
placeholder="请输入会后几日付尾款"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="尾款付款日" prop="finalPaydate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.finalPaydate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="定金金额" prop="depositAmount">
|
||||
<el-input
|
||||
v-model="queryParams.depositAmount"
|
||||
placeholder="请输入定金金额"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="尾款金额" prop="finalAmount">
|
||||
<el-input
|
||||
v-model="queryParams.finalAmount"
|
||||
placeholder="请输入尾款金额"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="模版类型" prop="templateType">
|
||||
<el-select
|
||||
v-model="queryParams.templateType"
|
||||
placeholder="请选择模版类型"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="乙方模版ID" prop="templateBId">
|
||||
<el-input
|
||||
v-model="queryParams.templateBId"
|
||||
placeholder="请输入乙方模版ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="甲方模版ID" prop="templateAId">
|
||||
<el-input
|
||||
v-model="queryParams.templateAId"
|
||||
placeholder="请输入甲方模版ID"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="客户营业执照存储路径" prop="businessLicense">
|
||||
<el-input
|
||||
v-model="queryParams.businessLicense"
|
||||
placeholder="请输入客户营业执照存储路径"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select
|
||||
v-model="queryParams.status"
|
||||
placeholder="请选择状态"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="工作流编号" prop="processInstanceId">
|
||||
<el-input
|
||||
v-model="queryParams.processInstanceId"
|
||||
placeholder="请输入工作流编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="审批状态" prop="auditStatus">
|
||||
<el-select
|
||||
v-model="queryParams.auditStatus"
|
||||
placeholder="请选择审批状态"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
<el-option label="请选择字典生成" value="" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker
|
||||
v-model="queryParams.createTime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-220px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
@click="openForm('create')"
|
||||
v-hasPermi="['mice:exhibition-management:create']"
|
||||
>
|
||||
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||||
</el-button>
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
@click="handleExport"
|
||||
:loading="exportLoading"
|
||||
v-hasPermi="['mice:exhibition-management:export']"
|
||||
>
|
||||
<Icon icon="ep:download" class="mr-5px" /> 导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 列表 -->
|
||||
<ContentWrap>
|
||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||
<el-table-column label="主键" align="center" prop="id" />
|
||||
<el-table-column label="CRM的客户" align="center" prop="customerId" />
|
||||
<el-table-column label="自动生成" align="center" prop="groupCode" />
|
||||
<el-table-column label="会议名称" align="center" prop="exhibitionName" />
|
||||
<el-table-column label="开始日期" align="center" prop="startTime" />
|
||||
<el-table-column label="结束日期" align="center" prop="endTime" />
|
||||
<el-table-column label="合作主体ID" align="center" prop="companyId" />
|
||||
<el-table-column label="参会人数" align="center" prop="participantsCount" />
|
||||
<el-table-column label="会议类型" align="center" prop="exhibitionType" />
|
||||
<el-table-column label="会议城市ID" align="center" prop="cityId" />
|
||||
<el-table-column label="会议地点" align="center" prop="address" />
|
||||
<el-table-column label="开票类型" align="center" prop="invoiceType" />
|
||||
<el-table-column label="服务费费率" align="center" prop="serviceRate" />
|
||||
<el-table-column label="含税预算" align="center" prop="budget" />
|
||||
<el-table-column label="预计毛利润" align="center" prop="grossProfit" />
|
||||
<el-table-column label="申请日期" align="center" prop="applyDate" />
|
||||
<el-table-column label="乙方单位ID" align="center" prop="bId" />
|
||||
<el-table-column label="甲方单位名称ID" align="center" prop="aId" />
|
||||
<el-table-column label="定金百分比" align="center" prop="depositPercent" />
|
||||
<el-table-column label="违约金约定" align="center" prop="penalty" />
|
||||
<el-table-column label="延期付款利率" align="center" prop="lateInterestRate" />
|
||||
<el-table-column label="会前几天付定金" align="center" prop="advanceDays" />
|
||||
<el-table-column label="定金付款日期" align="center" prop="depositPaydate" />
|
||||
<el-table-column label="会后几日付尾款" align="center" prop="afterDays" />
|
||||
<el-table-column label="尾款付款日" align="center" prop="finalPaydate" />
|
||||
<el-table-column label="定金金额" align="center" prop="depositAmount" />
|
||||
<el-table-column label="尾款金额" align="center" prop="finalAmount" />
|
||||
<el-table-column label="模版类型" align="center" prop="templateType" />
|
||||
<el-table-column label="乙方模版ID" align="center" prop="templateBId" />
|
||||
<el-table-column label="甲方模版ID" align="center" prop="templateAId" />
|
||||
<el-table-column label="客户营业执照存储路径" align="center" prop="businessLicense" />
|
||||
<el-table-column label="报价单存储路径" align="center" prop="quotationFile" />
|
||||
<el-table-column label="合同附件存储路径" align="center" prop="contractFile" />
|
||||
<el-table-column label="状态" align="center" prop="status" />
|
||||
<el-table-column label="工作流编号" align="center" prop="processInstanceId" />
|
||||
<el-table-column label="审批状态" align="center" prop="auditStatus" />
|
||||
<el-table-column
|
||||
label="创建时间"
|
||||
align="center"
|
||||
prop="createTime"
|
||||
:formatter="dateFormatter"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" min-width="120px">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
@click="openForm('update', scope.row.id)"
|
||||
v-hasPermi="['mice:exhibition-management:update']"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row.id)"
|
||||
v-hasPermi="['mice:exhibition-management:delete']"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNo"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 表单弹窗：添加/修改 -->
|
||||
<ExhibitionManagementForm ref="formRef" @success="getList" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { dateFormatter } from '@/utils/formatTime'
|
||||
import download from '@/utils/download'
|
||||
import { ExhibitionManagementApi, ExhibitionManagementVO } from '@/api/mice/exhibitionmanagement'
|
||||
import ExhibitionManagementForm from './ExhibitionManagementForm.vue'
|
||||
|
||||
/** 建会管理 列表 */
|
||||
defineOptions({ name: 'ExhibitionManagement' })
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
const { t } = useI18n() // 国际化
|
||||
|
||||
const loading = ref(true) // 列表的加载中
|
||||
const list = ref<ExhibitionManagementVO[]>([]) // 列表的数据
|
||||
const total = ref(0) // 列表的总页数
|
||||
const queryParams = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
customerId: undefined,
|
||||
groupCode: undefined,
|
||||
exhibitionName: undefined,
|
||||
startTime: [],
|
||||
endTime: [],
|
||||
companyId: undefined,
|
||||
participantsCount: undefined,
|
||||
exhibitionType: undefined,
|
||||
cityId: undefined,
|
||||
address: undefined,
|
||||
invoiceType: undefined,
|
||||
serviceRate: undefined,
|
||||
budget: undefined,
|
||||
grossProfit: undefined,
|
||||
applyDate: [],
|
||||
bId: undefined,
|
||||
aId: undefined,
|
||||
depositPercent: undefined,
|
||||
penalty: undefined,
|
||||
lateInterestRate: undefined,
|
||||
advanceDays: undefined,
|
||||
depositPaydate: [],
|
||||
afterDays: undefined,
|
||||
finalPaydate: [],
|
||||
depositAmount: undefined,
|
||||
finalAmount: undefined,
|
||||
templateType: undefined,
|
||||
templateBId: undefined,
|
||||
templateAId: undefined,
|
||||
businessLicense: undefined,
|
||||
quotationFile: undefined,
|
||||
contractFile: undefined,
|
||||
status: undefined,
|
||||
processInstanceId: undefined,
|
||||
auditStatus: undefined,
|
||||
createTime: [],
|
||||
})
|
||||
const queryFormRef = ref() // 搜索的表单
|
||||
const exportLoading = ref(false) // 导出的加载中
|
||||
|
||||
/** 查询列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await ExhibitionManagementApi.getExhibitionManagementPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value.resetFields()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 添加/修改操作 */
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => {
|
||||
formRef.value.open(type, id)
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
// 删除的二次确认
|
||||
await message.delConfirm()
|
||||
// 发起删除
|
||||
await ExhibitionManagementApi.deleteExhibitionManagement(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
// 刷新列表
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
// 导出的二次确认
|
||||
await message.exportConfirm()
|
||||
// 发起导出
|
||||
exportLoading.value = true
|
||||
const data = await ExhibitionManagementApi.exportExhibitionManagement(queryParams)
|
||||
download.excel(data, '建会管理.xls')
|
||||
} catch {
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
</script>
|
||||
Loading…
Reference in New Issue