yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

报价-关联单位

pull/781/head
zy 2025-05-27 10:16:34 +08:00
parent 97e3647a49
commit 147131089b
11 changed files with 367 additions and 289 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

157
src/components/relateCompany/index.vue Normal file
View File

@ -0,0 +1,157 @@
<template>
<Dialog title="添加商品" v-model="dialogVisible" width="50%">
<!-- 搜索工作栏 -->
<el-form
class="-mb-15px"
:model="queryParams"
ref="queryFormRef"
:inline="true"
label-width="100px"
>
<el-form-item label="单位名称" prop="companyName">
<el-input
v-model="queryParams.companyName"
placeholder="请输入单位名称"
clearable
class="!w-240px"
/>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">
<Icon class="mr-5px" icon="ep:search" />
搜索
</el-button>
<el-button @click="resetQuery">
<Icon class="mr-5px" icon="ep:refresh" />
重置
</el-button>
</el-form-item>
</el-form>
<!-- 列表 -->
<ContentWrap>
<el-table ref="multipleTableRef" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :row-key="getRowKey" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="序号" align="center" type="selection" :reserve-selection="true" />
<el-table-column label="单位名称" align="center" prop="companyName" />
<el-table-column label="统一社会信用代码" align="center" prop="unifiedCreditCode" />
<el-table-column label="开票电话" align="center" prop="invoicingTelephone" />
</el-table>
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</ContentWrap>
<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 { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import * as ProductApi from '@/api/crm/product'
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { BillTemplateApi, BillTemplateVO } from '@/api/crm/billtemplate'
import CustomerCompanyForm from './CustomerCompanyForm.vue'
/** 票据模版 列表 */
defineOptions({ name: 'BillTemplate' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const list = ref<BillTemplateVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const multipleSelection = ref([])
const dialogVisible = ref(false) // 弹窗的是否展示
const multipleTableRef = ref()
const selectedRowKeys = ref<number[]>([]);
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
name: undefined,
customerId: undefined
})
const bizId = ref('')
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
/** 打开弹窗 */
const open = async (data: [], id?: number) => {
dialogVisible.value = true
multipleSelection.value = data
bizId.value = id ? id : ''
await getList()
await setSelections()
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
// 跨页唯一id
const getRowKey = (row) => {
return row.id
}
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
queryParams.customerId = bizId.value
const data = await CustomerCompanyApi.getCustomerCompanyPage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
const handleSelectionChange = (val: []) => {
multipleSelection.value = val
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value.resetFields()
multipleTableRef.value.clearSelection()
handleQuery()
}
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 提交请求
dialogVisible.value = false
// 发送操作成功的事件
emit('success', multipleSelection.value)
}
const setSelections = async () => {
const selections = multipleSelection.value.map(item => {
return {
id: item.id
}
})
if (selections && selections.length > 0) {
list.value.forEach((row: any) => {
if (selections.some(item => item.id === row.id)) {
multipleTableRef.value.toggleRowSelection(row, true); // 设置选择状态。
}
});
} else {
multipleTableRef.value.clearSelection(); // 如果没有保存的选择，则清空当前页的选择。
}
}
</script>

2
src/views/crm/business/BusinessForm.vue
View File

@ -532,7 +532,7 @@ console.log('%csrc/views/crm/business/BusinessForm.vue:516 getIntDictOptions(DIC
const customerId = route.query.customerId; const customerId = route.query.customerId;
formData.value.customerId = Number(route.query.bizId) || '' formData.value.customerId = Number(route.query.bizId) || ''
formData.value.clueDeveloper = Number(route.query.clueDeveloper) || '' formData.value.clueDeveloper = Number(route.query.clueDeveloper) || ''
formData.value.maintainer = Number(route.query.maintainer) || '' route.query.maintainer ? formData.value.maintainer = Number(route.query.maintainer) : ''
formData.value.requestorUserId = customerId ? '' : useUserStore().getUser.id; formData.value.requestorUserId = customerId ? '' : useUserStore().getUser.id;
formType.value = route.query.id || route.params.id; formType.value = route.query.id || route.params.id;

2
src/views/crm/contract/contractUpload.vue
View File

@ -64,7 +64,7 @@ const submitForm = async () => {
formLoading.value = true formLoading.value = true
try { try {
const data = formData.value as unknown as OrganizationsVO const data = formData.value as unknown as OrganizationsVO
data.customerId = formType.value data.id = formType.value
await ContractApi.contractUpload(data) await ContractApi.contractUpload(data)
message.success(t('common.createSuccess')) message.success(t('common.createSuccess'))
dialogVisible.value = false dialogVisible.value = false

291
src/views/crm/customer/detail/authorizedPersonForm.vue
View File

@ -1,233 +1,106 @@
<template> <template>
<!-- 操作栏 --> <!-- 操作栏 -->
<el-row justify="end"> <el-row justify="end">
<el-button @click="handleAdd" type="primary"> <el-button @click="openForm('create')" type="primary">
<Icon class="mr-5px" icon="system-uicons:contacts" /> <Icon class="mr-5px" icon="system-uicons:contacts" />
创建授权人 创建关联单位
</el-button> </el-button>
</el-row> </el-row>
<ContentWrap class="mt-10px"> <ContentWrap class="mt-10px">
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
v-loading="formLoading"
label-width="0px"
:inline-message="true"
>
<el-table v-loading="loading" :data="formData" class="-mt-10px"> <el-table v-loading="loading" :data="formData" class="-mt-10px">
<el-table-column label="序号" type="index" width="100" /> <el-table-column label="序号" type="index" width="100" />
<el-table-column label="授权人姓名" min-width="150"> <el-table-column label="单位名称" min-width="150" prop="customerName" />
<template #default="{ row, $index }"> <el-table-column label="统一社会信用代码" min-width="150" prop="unifiedCreditCode" />
<el-form-item :prop="`${$index}.customerName`" :rules="formRules.customerName" class="mb-0px!" v-if="!type"> <el-table-column label="开票地址" min-width="150" prop="invoicingAddress" />
<el-input v-model="row.customerName" placeholder="请输入授权人姓名" /> <el-table-column label="开票电话" min-width="150" prop="invoicingTelephone" />
</el-form-item> <el-table-column label="开户行" min-width="150" prop="companyBank" />
<div v-else> <el-table-column label="开户账号" min-width="150" prop="companyAccount" />
{{row.customerName}} <el-table-column label="通讯地址" min-width="150" prop="companyAddress" />
</div> <el-table-column align="center" fixed="right" label="操作" width="120" v-if="!type">
</template> <template #default="scope">
</el-table-column> <el-button
<!-- <el-table-column label="姓名" min-width="150"> link
<template #default="{ row, $index }"> type="primary"
<el-form-item :prop="`${$index}.customerName`" :rules="formRules.customerName" class="mb-0px!"> @click="openForm('update', scope.row.id)"
<el-input v-model="row.customerName" placeholder="请输入姓名" /> v-hasPermi="['crm:customer-company:update']"
</el-form-item> >
</template> 编辑
</el-table-column> --> </el-button>
<el-table-column label="授权人类型" min-width="150" prop="authPersonType"> <el-button
<template #default="{ row }"> link
<!-- <el-form-item :prop="`${$index}.authPersonType`" :rules="formRules.authPersonType" class="mb-0px!" v-if="!type"> type="danger"
<el-select v-model="row.authPersonType" placeholder="请选择授权人类型"> @click="handleDelete(scope.row.id)"
<el-option v-hasPermi="['crm:customer-company:delete']"
v-for="dict in getIntDictOptions('auth_person_type')" >
:key="dict.value" 删除
:label="dict.label" </el-button>
:value="dict.value"
/>
</el-select> -->
<!-- </el-form-item> -->
<!-- <div v-else>
</div> -->
{{getName(getIntDictOptions(DICT_TYPE.CRM_CONTACT_ROLE_TYPE), row.authPersonType)}}
</template>
</el-table-column>
<el-table-column label="授权人手机号" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.phoneNumber`" :rules="formRules.phoneNumber" class="mb-0px!" v-if="!type">
<el-input v-model="row.phoneNumber" placeholder="请输入手机号" />
</el-form-item>
<div v-else>
{{row.phoneNumber}}
</div>
</template>
</el-table-column>
<el-table-column label="微信号" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.wechat`" :rules="formRules.wechat" class="mb-0px!" v-if="!type">
<el-input v-model="row.wechat" placeholder="请输入微信号" />
</el-form-item>
<div v-else>
{{row.wechat}}
</div>
</template>
</el-table-column>
<el-table-column label="身份证号" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.idNumber`" :rules="formRules.idNumber" class="mb-0px!" v-if="!type">
<el-input v-model="row.idNumber" placeholder="请输入身份证号" />
</el-form-item>
<div v-else>
{{row.idNumber}}
</div>
</template>
</el-table-column>
<el-table-column label="电子邮箱" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.email`" :rules="formRules.email" class="mb-0px!" v-if="!type">
<el-input v-model="row.email" placeholder="请输入电子邮箱" />
</el-form-item>
<div v-else>
{{row.email}}
</div>
</template>
</el-table-column>
<el-table-column align="center" fixed="right" label="操作" width="60" v-if="!type">
<template #default="{ $index }">
<el-button @click="handleDelete($index)" link>—</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-form> <!-- 分页 -->
<!-- <el-row justify="center" class="mt-3" v-if="!type"> <Pagination
<el-button @click="handleAdd" round>+ 添加</el-button> :total="total"
</el-row> --> v-model:page="queryParams.pageNo"
</ContentWrap> v-model:limit="queryParams.pageSize"
<!-- 表单弹窗：添加/修改 --> @pagination="getList"
<ContactForm ref="contactRef" @success="getList" /> />
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<CustomerCompanyForm ref="formRef" @success="getList" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import * as ContractApi from '@/api/crm/contract' import * as ContractApi from '@/api/crm/contract'
import { getIntDictOptions, getStrDictOptions, DICT_TYPE, getBoolDictOptions } from '@/utils/dict' import { propTypes } from '@/utils/propTypes'
import ContactForm from '@/components/contact/index.vue' import CustomerCompanyForm from '@/views/crm/customercompany/CustomerCompanyForm.vue'
import { CustomerCompanyApi, CustomerCompanyVO } from '@/api/crm/customercompany'
const props = defineProps<{ const message = useMessage() // 消息弹窗
contractId: undefined, // 合同ID（主表的关联字段） const { t } = useI18n() // 国际化
type: undefined, const total = ref(0) // 列表的总页数
customerId: undefined, const loading = ref(false) // 表单的加载中
formFields: {}
}>()
const formLoading = ref(false) // 表单的加载中
const formData = ref([]) const formData = ref([])
const formRules = reactive({
contractId: [{ required: true, message: '合同ID不能为空', trigger: 'blur' }],
authPersonType: [{ required: true, message: '授权人类型不能为空', trigger: 'blur' }],
customerName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
phoneNumber: [{ required: true, message: '手机号不能为空', trigger: 'blur' } ,
{pattern: /^(1[3-9][0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/, message: '请输入正确手机号'}
],
idNumber: [{ required: true, message: '身份证号不能为空', trigger: 'blur' } ,
{
pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
message: "身份证号格式不正确",
trigger: "blur",
},
],
email: [{ required: true, message: '电子邮箱不能为空', trigger: 'blur' } ,
{
pattern:
/^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})$/,
message: "请输入正确的电子邮箱",
}
]
})
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref
const queryParams = reactive({
/** 监听主表的关联字段的变化，加载对应的子表数据 */ pageNo: 1,
watch( pageSize: 10,
() => props.contractId, customerId: undefined,
async (val) => { companyName: undefined,
// 1. 重置表单 })
formData.value = [] const props = defineProps<{
// 2. val 非空，则加载数据 bizId: number // 业务编号
if (!val) { }>()
return; const contactRef = ref() // 表单 Ref
} /** 查询列表 */
try { const getList = async () => {
formLoading.value = true loading.value = true
formData.value = await ContractApi.getContractAAuthorizedPersonListByContractId(val) try {
} finally { queryParams.customerId = props.bizId
formLoading.value = false const data = await CustomerCompanyApi.getCustomerCompanyPage(queryParams)
} formData.value = data.list
}, total.value = data.total
{ immediate: true } } finally {
) loading.value = false
}
}
defineExpose({ getList })
/** 新增按钮操作 */ /** 新增按钮操作 */
// const handleAdd = () => { const openForm = (type: string, id?: number, bizId?: number) => {
// const row = { formRef.value.open(type, id, props.bizId)
// id: undefined,
// contractId: undefined,
// customerContactId: undefined,
// customerName: undefined,
// authPersonType: undefined,
// phoneNumber: undefined,
// wechat: undefined,
// idNumber: undefined,
// email: undefined,
// deletedFlag: undefined
// }
// row.contractId = props.contractId
// formData.value.push(row)
// }
const message = useMessage() // 消息弹窗
const contactRef = ref() // 表单 Ref
const handleAdd = () => {
contactRef.value.open(formData.value, props.customerId)
}
const getList = (val: []) => {
console.log('%csrc/views/crm/contract/components/ContractAAuthorizedPersonForm.vue:182 val', 'color: #007acc;', val);
for(let i = val.length - 1; i >= 0; i--) {
let obj = val[i]
if(formData.value.some(v => v.customerContactId === obj.id)) val.splice(i, 1)
}
val.forEach(item => {
if(!formData.value.some(v => v.customerContactId === item.id)) {
val.forEach(item => {
formData.value.push({
"customerContactId": item.id,
"authPersonType": item.contactRoleType,
"customerName": item.name,
"phoneNumber": item.mobile,
"wechat":item. wechat,
"email":item. email,
})
})
}
})
} }
/** 删除按钮操作 */ /** 删除按钮操作 */
const handleDelete = (index) => { const handleDelete = async (id: number) => {
formData.value.splice(index, 1) try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await CustomerCompanyApi.deleteCustomerCompany(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch {}
} }
/** 表单校验 */
const validate = () => {
return formRef.value.validate()
}
/** 表单值 */
const getData = () => {
return formData.value
}
defineExpose({ validate, getData })
const getName = (opt, val) => {
const arr = opt.filter(v => v.value == val)
return arr.length ? arr[0]['label'] : ''
}
</script> </script>

6
src/views/crm/customer/detail/index.vue
View File

@ -69,7 +69,7 @@
<el-tab-pane label="合同" lazy name="ContractListRef"> <el-tab-pane label="合同" lazy name="ContractListRef">
<ContractList ref="ContractListRef" :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" /> <ContractList ref="ContractListRef" :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="授权人" lazy name="AuthorizedPersonFormRef"> <el-tab-pane label="关联单位" lazy name="AuthorizedPersonFormRef">
<AuthorizedPersonForm ref="AuthorizedPersonFormRef" :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" /> <AuthorizedPersonForm ref="AuthorizedPersonFormRef" :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
</el-tab-pane> </el-tab-pane>
<!-- <el-tab-pane label="回访" lazy> <!-- <el-tab-pane label="回访" lazy>
@ -236,6 +236,7 @@ const BusinessListRef = ref('')
const QuotationListRef = ref('') const QuotationListRef = ref('')
const ContractListRef = ref('') const ContractListRef = ref('')
const ComplaintsSuggestionRef = ref('') const ComplaintsSuggestionRef = ref('')
const AuthorizedPersonFormRef = ref('')
const handleClick = async (val) => { const handleClick = async (val) => {
let name = val.props.name let name = val.props.name
@ -250,7 +251,8 @@ const handleClick = async (val) => {
BusinessListRef: BusinessListRef.value, BusinessListRef: BusinessListRef.value,
QuotationListRef: QuotationListRef.value, QuotationListRef: QuotationListRef.value,
ContractListRef: ContractListRef.value, ContractListRef: ContractListRef.value,
ComplaintsSuggestionRef: ComplaintsSuggestionRef.value ComplaintsSuggestionRef: ComplaintsSuggestionRef.value,
AuthorizedPersonFormRef: AuthorizedPersonFormRef.value
} }
objRef[name].getList() objRef[name].getList()
} else { } else {

91
src/views/crm/customercompany/CustomerCompanyForm.vue
View File

@ -1,36 +1,61 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible"> <Dialog :title="dialogTitle" v-model="dialogVisible" width="50%">
<el-form <el-form
ref="formRef" ref="formRef"
:model="formData" :model="formData"
:rules="formRules" :rules="formRules"
label-width="100px" label-width="150px"
v-loading="formLoading" v-loading="formLoading"
> >
<el-form-item label="客户ID" prop="customerId"> <el-row>
<el-input v-model="formData.customerId" placeholder="请输入客户ID" /> <el-col :span="12">
</el-form-item> <el-form-item label="客户ID" prop="customerId">
<el-form-item label="单位名称" prop="companyName"> <SelectComponent :customerList="customerList" :disabled="!!isbizId" v-model="formData.customerId" />
<el-input v-model="formData.companyName" placeholder="请输入单位名称" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="统一社会信用代码" prop="unifiedCreditCode">
<el-input v-model="formData.unifiedCreditCode" placeholder="请输入统一社会信用代码" /> <el-col :span="12">
</el-form-item> <el-form-item label="单位名称" prop="companyName">
<el-form-item label="开票地址" prop="invoicingAddress"> <el-input v-model="formData.companyName" placeholder="请输入单位名称" />
<el-input v-model="formData.invoicingAddress" placeholder="请输入开票地址" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="开票电话" prop="invoicingTelephone">
<el-input v-model="formData.invoicingTelephone" placeholder="请输入开票电话" /> <el-col :span="12">
</el-form-item> <el-form-item label="统一社会信用代码" prop="unifiedCreditCode">
<el-form-item label="开户行" prop="companyBank"> <el-input v-model="formData.unifiedCreditCode" placeholder="请输入统一社会信用代码" />
<el-input v-model="formData.companyBank" placeholder="请输入开户行" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="开户账号" prop="companyAccount">
<el-input v-model="formData.companyAccount" placeholder="请输入开户账号" /> <el-col :span="12">
</el-form-item> <el-form-item label="开票地址" prop="invoicingAddress">
<el-form-item label="通讯地址" prop="companyAddress"> <el-input v-model="formData.invoicingAddress" placeholder="请输入开票地址" />
<el-input v-model="formData.companyAddress" placeholder="请输入通讯地址" /> </el-form-item>
</el-form-item> </el-col>
<el-col :span="12">
<el-form-item label="开票电话" prop="invoicingTelephone">
<el-input v-model="formData.invoicingTelephone" oninput = "value=value.replace(/[^\d]/g,'')" placeholder="请输入开票电话" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开户行" prop="companyBank">
<el-input v-model="formData.companyBank" placeholder="请输入开户行" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开户账号" prop="companyAccount">
<el-input v-model="formData.companyAccount" placeholder="请输入开户账号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="通讯地址" prop="companyAddress">
<el-input v-model="formData.companyAddress" placeholder="请输入通讯地址" />
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button> <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
@ -40,6 +65,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { CustomerCompanyApi, CustomerCompanyVO } from '@/api/crm/customercompany' import { CustomerCompanyApi, CustomerCompanyVO } from '@/api/crm/customercompany'
import * as CustomerApi from '@/api/crm/customer'
/** 客户关联单位 表单 */ /** 客户关联单位 表单 */
defineOptions({ name: 'CustomerCompanyForm' }) defineOptions({ name: 'CustomerCompanyForm' })
@ -47,6 +73,7 @@ defineOptions({ name: 'CustomerCompanyForm' })
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const customerList = ref([]) // 客户列表的数据
const dialogVisible = ref(false) // 弹窗的是否展示 const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题 const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
@ -67,15 +94,21 @@ const formRules = reactive({
companyName: [{ required: true, message: '单位名称不能为空', trigger: 'blur' }], companyName: [{ required: true, message: '单位名称不能为空', trigger: 'blur' }],
unifiedCreditCode: [{ required: true, message: '统一社会信用代码不能为空', trigger: 'blur' }], unifiedCreditCode: [{ required: true, message: '统一社会信用代码不能为空', trigger: 'blur' }],
invoicingAddress: [{ required: true, message: '开票地址不能为空', trigger: 'blur' }], invoicingAddress: [{ required: true, message: '开票地址不能为空', trigger: 'blur' }],
invoicingTelephone: [{ required: true, message: '开票电话不能为空', trigger: 'blur' }],
companyBank: [{ required: true, message: '开户行不能为空', trigger: 'blur' }],
companyAccount: [{ required: true, message: '开户账号不能为空', trigger: 'blur' }],
companyAddress: [{ required: true, message: '通讯地址不能为空', trigger: 'blur' }],
}) })
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref
const isbizId = ref('')
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (type: string, id?: number) => { const open = async (type: string, id?: number, bizId?: number) => {
dialogVisible.value = true dialogVisible.value = true
dialogTitle.value = t('action.' + type) dialogTitle.value = t('action.' + type)
formType.value = type formType.value = type
isbizId.value = bizId
resetForm() resetForm()
formData.value.customerId = bizId ? bizId : ''
// 修改时，设置数据 // 修改时，设置数据
if (id) { if (id) {
formLoading.value = true formLoading.value = true
@ -85,6 +118,8 @@ const open = async (type: string, id?: number) => {
formLoading.value = false formLoading.value = false
} }
} }
// 获得客户列表
customerList.value = await CustomerApi.getCustomerSimpleList()
} }
defineExpose({ open }) // 提供 open 方法，用于打开弹窗 defineExpose({ open }) // 提供 open 方法，用于打开弹窗

23
src/views/crm/customercompany/index.vue
View File

@ -8,15 +8,7 @@
:inline="true" :inline="true"
label-width="68px" label-width="68px"
> >
<el-form-item label="客户ID" prop="customerId">
<el-input
v-model="queryParams.customerId"
placeholder="请输入客户ID"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="单位名称" prop="companyName"> <el-form-item label="单位名称" prop="companyName">
<el-input <el-input
v-model="queryParams.companyName" v-model="queryParams.companyName"
@ -26,7 +18,7 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码" prop="unifiedCreditCode"> <!-- <el-form-item label="统一社会信用代码" prop="unifiedCreditCode">
<el-input <el-input
v-model="queryParams.unifiedCreditCode" v-model="queryParams.unifiedCreditCode"
placeholder="请输入统一社会信用代码" placeholder="请输入统一社会信用代码"
@ -79,8 +71,8 @@
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item> -->
<el-form-item label="创建时间" prop="createTime"> <!-- <el-form-item label="创建时间" prop="createTime">
<el-date-picker <el-date-picker
v-model="queryParams.createTime" v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
@ -90,7 +82,7 @@
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
class="!w-220px" class="!w-220px"
/> />
</el-form-item> </el-form-item> -->
<el-form-item> <el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button> <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 @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
@ -102,7 +94,7 @@
> >
<Icon icon="ep:plus" class="mr-5px" /> 新增 <Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button> </el-button>
<el-button <!-- <el-button
type="success" type="success"
plain plain
@click="handleExport" @click="handleExport"
@ -110,7 +102,7 @@
v-hasPermi="['crm:customer-company:export']" v-hasPermi="['crm:customer-company:export']"
> >
<Icon icon="ep:download" class="mr-5px" /> 导出 <Icon icon="ep:download" class="mr-5px" /> 导出
</el-button> </el-button> -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</ContentWrap> </ContentWrap>
@ -118,7 +110,6 @@
<!-- 列表 --> <!-- 列表 -->
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="ID" align="center" prop="id" />
<el-table-column label="客户ID" align="center" prop="customerId" /> <el-table-column label="客户ID" align="center" prop="customerId" />
<el-table-column label="单位名称" align="center" prop="companyName" /> <el-table-column label="单位名称" align="center" prop="companyName" />
<el-table-column label="统一社会信用代码" align="center" prop="unifiedCreditCode" /> <el-table-column label="统一社会信用代码" align="center" prop="unifiedCreditCode" />

4
src/views/crm/filetemplate/index.vue
View File

@ -28,7 +28,7 @@
> >
<Icon icon="ep:plus" class="mr-5px" /> 新增 <Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button> </el-button>
<el-button <!-- <el-button
type="success" type="success"
plain plain
@click="handleExport" @click="handleExport"
@ -36,7 +36,7 @@
v-hasPermi="['crm:file-template:export']" v-hasPermi="['crm:file-template:export']"
> >
<Icon icon="ep:download" class="mr-5px" /> 导出 <Icon icon="ep:download" class="mr-5px" /> 导出
</el-button> </el-button> -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</ContentWrap> </ContentWrap>

19
src/views/crm/productprocurementcost/index.vue
View File

@ -70,10 +70,22 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="产品编号" align="center" prop="projectCode" width="120"/> <el-table-column label="产品编号" align="center" prop="projectCode" width="120"/>
<el-table-column label="产品类型" align="center" prop="projectCode" width="120"/> <el-table-column label="产品类型" align="center" prop="category" width="120">
<el-table-column label="明细类型" align="center" prop="projectCode" width="120"/> <template #default="scope">
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_CATEGORY" :value="scope.row.category" />
</template>
</el-table-column>
<el-table-column label="明细类型" align="center" prop="detailType" width="120">
<template #default="scope">
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_DETAIL_TYPE" :value="scope.row.detailType" />
</template>
</el-table-column>
<el-table-column label="客单价" align="center" prop="customerPrice" width="120"/> <el-table-column label="客单价" align="center" prop="customerPrice" width="120"/>
<el-table-column label="单位" align="center" prop="projectCode" width="120"/> <el-table-column label="单位" align="center" prop="unit" width="120">
<template #default="scope">
<dict-tag :type="DICT_TYPE.CRM_PRODUCT_UNIT" :value="scope.row.unit" />
</template>
</el-table-column>
<el-table-column label="采购成本" align="center" prop="purchaseCost" width="120"/> <el-table-column label="采购成本" align="center" prop="purchaseCost" width="120"/>
<el-table-column label="代理费前返比例/金额" align="center" prop="agentFeePreReturn" width="180"/> <el-table-column label="代理费前返比例/金额" align="center" prop="agentFeePreReturn" width="180"/>
<el-table-column label="代理费后返比例/金额" align="center" prop="agentFeePostReturn" width="180"/> <el-table-column label="代理费后返比例/金额" align="center" prop="agentFeePostReturn" width="180"/>
@ -133,6 +145,7 @@ import download from '@/utils/download'
import { ProductProcurementCostApi, ProductProcurementCostVO } from '@/api/crm/productprocurementcost' import { ProductProcurementCostApi, ProductProcurementCostVO } from '@/api/crm/productprocurementcost'
import ProductProcurementCostForm from './ProductProcurementCostForm.vue' import ProductProcurementCostForm from './ProductProcurementCostForm.vue'
import * as ProductApi from '@/api/crm/product' import * as ProductApi from '@/api/crm/product'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
const productList = ref<ProductApi.ProductVO[]>([]) // 产品列表 const productList = ref<ProductApi.ProductVO[]>([]) // 产品列表

37
src/views/crm/quotation/QuotationDetail.vue
View File

@ -8,7 +8,7 @@
:model="formData" :model="formData"
:rules="formRules" :rules="formRules"
:fields="formFields" :fields="formFields"
label-width="110px" label-width="120px"
v-loading="formLoading" v-loading="formLoading"
> >
<template #businessId> <template #businessId>
@ -99,13 +99,13 @@
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
</template> </template>
<template #financingInfo> <!-- <template #financingInfo>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="融资信息" prop="financingInfo"> <el-form-item label="融资信息" prop="financingInfo">
<el-input v-model="formData.financingInfo" disabled clearable /> <el-input v-model="formData.financingInfo" disabled clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template> -->
<template #actualCapital> <template #actualCapital>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="实缴资金" prop="actualCapital"> <el-form-item label="实缴资金" prop="actualCapital">
@ -209,7 +209,7 @@
<el-form-item label="合作类型" prop="partnerType"> <el-form-item label="合作类型" prop="partnerType">
<el-select v-model="formData.partnerType" clearable disabled placeholder="请选择合作类型"> <el-select v-model="formData.partnerType" clearable disabled placeholder="请选择合作类型">
<el-option <el-option
v-for="dict in getIntDictOptions(DICT_TYPE.CRM_PARTNER_TYPE)" v-for="dict in getIntDictOptions(DICT_TYPE.CRM_PARTNER_TYPE1)"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
@ -300,9 +300,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="8"> <el-col :span="8">
<el-form-item label="拓展人" prop="expanderUserId"> <el-form-item label="拓展人" prop="clueDeveloper">
<el-select v-model="formData.expanderUserId" placeholder="" disabled> <el-select v-model="formData.clueDeveloper" placeholder="" disabled>
<el-option <el-option
v-for="dict in userOptions" v-for="dict in userOptions"
:key="dict.id" :key="dict.id"
@ -311,7 +311,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> --> </el-col>
</template> </template>
<template #pricingUserId> <template #pricingUserId>
<el-col :span="8"> <el-col :span="8">
@ -385,18 +385,19 @@
<template #creditCalcCycle> <template #creditCalcCycle>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="授信计算周期" prop="creditCalcCycle"> <el-form-item label="授信计算周期" prop="creditCalcCycle">
<el-select v-model="formData.creditCalcCycle" placeholder="" disabled > <el-input v-model="formData.creditCalcCycle" disabled placeholder="" />
<!-- <el-select v-model="formData.creditCalcCycle" placeholder="" disabled >
<el-option <el-option
v-for="dict in getIntDictOptions('credit_calc_cycle')" v-for="dict in getIntDictOptions('credit_calc_cycle')"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select> -->
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template>
<template #invoiceTemplateId> <!-- <template #invoiceTemplateId>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="票据模板" prop="invoiceTemplateId"> <el-form-item label="票据模板" prop="invoiceTemplateId">
<el-select v-model="formData.invoiceTemplateId" placeholder="" disabled > <el-select v-model="formData.invoiceTemplateId" placeholder="" disabled >
@ -409,7 +410,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template> -->
<template #quotationTimes> <template #quotationTimes>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="第几次报价" prop="quotationTimes"> <el-form-item label="第几次报价" prop="quotationTimes">
@ -417,15 +418,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template>
<template #creditLimit1> <!-- <template #creditLimit1>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="授信额度" prop="creditLimit"> <el-form-item label="授信额度" prop="creditLimit">
<el-input v-model="formData.creditLimit" disabled /> <el-input v-model="formData.creditLimit" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template> -->
<template #serviceFeeCollectionMethodId> <!-- <template #serviceFeeCollectionMethodId>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="服务费收取方式" prop="serviceFeeCollectionMethodId"> <el-form-item label="服务费收取方式" prop="serviceFeeCollectionMethodId">
<el-select v-model="formData.serviceFeeCollectionMethodId" disabled placeholder=""> <el-select v-model="formData.serviceFeeCollectionMethodId" disabled placeholder="">
@ -438,7 +439,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template> -->
<template #onlinePrice> <template #onlinePrice>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="基础服务费合计" prop="onlinePrice"> <el-form-item label="基础服务费合计" prop="onlinePrice">
@ -459,7 +460,7 @@
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
</template> </template>
<template #totalPrice> <!-- <template #totalPrice>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="服务费收入合计" prop="totalPrice"> <el-form-item label="服务费收入合计" prop="totalPrice">
<el-input <el-input
@ -469,7 +470,7 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template> -->
</processForm> </processForm>
<!-- 子表的表单 --> <!-- 子表的表单 -->
<!-- <template #other> --> <!-- <template #other> -->

22
src/views/crm/quotation/QuotationForm.vue
View File

@ -250,9 +250,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="8"> <el-col :span="8">
<el-form-item label="拓展人" prop="expanderUserId"> <el-form-item label="拓展人" prop="clueDeveloper">
<el-select v-model="formData.expanderUserId" placeholder="请选择拓展人"> <el-select v-model="formData.clueDeveloper" disabled placeholder="请选择拓展人">
<el-option <el-option
v-for="dict in userOptions" v-for="dict in userOptions"
:key="dict.id" :key="dict.id"
@ -261,7 +261,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> --> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="方案报价人" prop="pricingUserId"> <el-form-item label="方案报价人" prop="pricingUserId">
<el-select v-model="formData.pricingUserId" disabled placeholder="请选择方案报价人"> <el-select v-model="formData.pricingUserId" disabled placeholder="请选择方案报价人">
@ -551,7 +551,7 @@ const formData = ref({
auditStatus: undefined, auditStatus: undefined,
serviceFeeCollectionMethodId: undefined, serviceFeeCollectionMethodId: undefined,
requestorUserId: undefined, requestorUserId: undefined,
expanderUserId: undefined, clueDeveloper: undefined,
pricingUserId: undefined, pricingUserId: undefined,
signUserId: undefined, signUserId: undefined,
signPhoneNumber: undefined, signPhoneNumber: undefined,
@ -741,8 +741,9 @@ const onBusinessChange = async (businessId: string) => {
formData.value.paymentTerm = res.paymentTerm; formData.value.paymentTerm = res.paymentTerm;
formData.value.creditMethod = res.creditMethod; formData.value.creditMethod = res.creditMethod;
formData.value.creditCalcCycle = res.creditCalcCycle; formData.value.creditCalcCycle = res.creditCalcCycle;
formData.value.deptId = res.deptId; // formData.value.deptId = res.deptId;
formData.value.offlinePrice = res.offlinePrice; formData.value.offlinePrice = res.offlinePrice;
formData.value.clueDeveloper = res.clueDeveloper
// formData.value.onlinePrice = res.onlinePrice || ''; // formData.value.onlinePrice = res.onlinePrice || '';
// formData.value.totalPrice = res.totalPrice || ''; // formData.value.totalPrice = res.totalPrice || '';
formData.value.creditAmount = res.creditAmount; formData.value.creditAmount = res.creditAmount;
@ -897,7 +898,7 @@ const resetForm = () => {
processInstanceId: undefined, processInstanceId: undefined,
auditStatus: undefined, auditStatus: undefined,
requestorUserId: undefined, requestorUserId: undefined,
expanderUserId: undefined, clueDeveloper: undefined,
pricingUserId: undefined, pricingUserId: undefined,
signUserId: undefined, signUserId: undefined,
signPhoneNumber: undefined, signPhoneNumber: undefined,
@ -919,7 +920,6 @@ const resetForm = () => {
} }
const changePartnerType = async (val) => { const changePartnerType = async (val) => {
formData.value.partnerCompanyId = ''
formData.value.creditCode = '' formData.value.creditCode = ''
formData.value.bankName = '' formData.value.bankName = ''
formData.value.bankAccount = '' formData.value.bankAccount = ''
@ -930,6 +930,12 @@ const changePartnerType = async (val) => {
partnerType: val partnerType: val
}) })
orgList.value = org.list orgList.value = org.list
if (orgList.value.length) {
formData.value.partnerCompanyId = orgList.value[0]['id']
onPartnerChange(formData.value.partnerCompanyId)
}
} }
const route = useRoute(); const route = useRoute();