geg-gas/geg-gas-web
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

合同要素

Browse Source
This commit is contained in:
‘huanghaiixia’
2025-12-25 17:51:53 +08:00
parent 0387c2ca86
commit 594ecb5309
16 changed files with 719 additions and 377 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/components/common/approListModal.vue Normal file
View File

@ -0,0 +1,111 @@
<template>
<div>
<BasicModal v-bind="$attrs" @register="registerModal" width="60%" :title="getTitle" @ok="handleSubmit"
@visible-change="handleVisibleChange" >
<BasicTable @register="registerTable" class="approListModal"></BasicTable>
</BasicModal>
</div>
</template>
<script lang="ts" setup>
import { ref, computed, unref, nextTick } from 'vue';
import { BasicModal, useModalInner, useModal } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { BasicTable, useTable, FormSchema, BasicColumn, TableAction } from '/@/components/Table';
import { useMessage } from '/@/hooks/web/useMessage';
import { useI18n } from '/@/hooks/web/useI18n';
import { getLngApproPage} from '/@/api/approve/appro';
const { t } = useI18n();
const codeFormSchema: FormSchema[] = [
{ field: 'title', label: '标题/编号', component: 'Input'},
];
const columns: BasicColumn[] = [
{ dataIndex: 'title', title: '标题', align: 'left', sorter: true},
{ dataIndex: 'code', title: '编号', align: 'left', sorter: true},
{ dataIndex: 'typeName', title: '签报类型', align: 'left', sorter: true},
{ dataIndex: 'empName', title: '拟稿人', align: 'left', sorter: true},
{ dataIndex: 'bDeptName', title: '拟稿人所属部门', align: 'left', sorter: true},
{ dataIndex: 'dateAppro', title: '拟稿日期', align: 'left', sorter: true},
{ dataIndex: 'file', title: '附件', align: 'left', sorter: true},
];
const emit = defineEmits(['success', 'register']);
const { notification } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
const selectedKeys = ref<string[]>([]);
const selectedValues = ref([]);
const props = defineProps({
selectType: { type: String, default: 'checkbox' },
});
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
});
const [registerTable, { getDataSource, setTableData, updateTableDataRecord, reload }] = useTable({
title: t('签报列表'),
api: getLngApproPage,
columns,
bordered: true,
pagination: true,
canResize: false,
formConfig: {
labelCol:{span: 9, offSet:10},
schemas: codeFormSchema,
showResetButton: true,
},
immediate: false, // 设置为不立即调用
beforeFetch: (params) => {
return { ...params, valid: 'Y',approCode: 'YSP'};
},
rowSelection: {
type: props.selectType,
onChange: onSelectChange
},
});
const handleVisibleChange = (visible: boolean) => {
if (visible) {
nextTick(() => {
reload();
});
}
};
function onSelectChange(rowKeys: string[], e) {
selectedKeys.value = rowKeys;
selectedValues.value = e
}
const getTitle = computed(() => (!unref(isUpdate) ? t('签报列表') : t('')));
async function handleSubmit() {
if (!selectedValues.value.length) {
notification.warning({
message: t('提示'),
description: t('请选择签报')
});
return
}
closeModal();
emit('success', selectedValues.value);
}
</script>
<style >
.approListModal .basicCol{
position: inherit !important;
top: 0;
}
</style>

63
src/components/common/bankListModal.vue
View File

@ -18,65 +18,16 @@
const { t } = useI18n();
const codeFormSchema: FormSchema[] = [
{
field: 'shortName',
label: '银行名称/简称',
component: 'Input',
},
{ field: 'shortName', label: '银行名称/简称', component: 'Input'},
];
const columns: BasicColumn[] = [
{
dataIndex: 'code',
title: '编码',
componentType: 'input',
align: 'left',
sorter: true,
},
{
dataIndex: 'fullName',
title: '名称',
componentType: 'input',
align: 'left',
sorter: true,
},
{
dataIndex: 'shortName',
title: '简称',
componentType: 'input',
align: 'left',
sorter: true,
},
{
dataIndex: 'bankCode',
title: '联行号',
componentType: 'input',
align: 'left',
sorter: true,
},
{
dataIndex: 'regionName',
title: '所属国家和地区',
componentType: 'input',
align: 'left',
sorter: true,
},
{
dataIndex: 'swift',
title: 'SWIFT',
componentType: 'input',
align: 'left',
sorter: true,
},
{ dataIndex: 'code', title: '编码', componentType: 'input', align: 'left', sorter: true},
{ dataIndex: 'fullName', title: '名称', componentType: 'input', align: 'left', sorter: true},
{ dataIndex: 'shortName', title: '简称', componentType: 'input', align: 'left', sorter: true},
{ dataIndex: 'bankCode', title: '联行号', componentType: 'input', align: 'left', sorter: true },
{ dataIndex: 'regionName', title: '所属国家和地区', componentType: 'input', align: 'left', sorter: true},
{ dataIndex: 'swift', title: 'SWIFT', componentType: 'input', align: 'left', sorter: true},
];
const emit = defineEmits(['success', 'register']);

157
src/components/common/contractFactUserModal.vue Normal file
View File

@ -0,0 +1,157 @@
<template>
<BasicModal v-bind="$attrs" destroyOnClose @register="registerModal" showFooter :title="getTitle" width="40%" @ok="handleSubmit" @cancel="handleCancel" :showOkBtn="!isDisable">
<a-form ref="formRef" class="formViewStyle" :model="formState" :rules="rules" v-bind="{labelCol: { span: 8 },wrapperCol: { span: 16 },}">
<a-row>
<a-col :span="12">
<a-form-item label="相对方名称" name="cpName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
<a-input-search v-model:value="formState.cpName" :disabled="isDisable" placeholder="请选择名称" readonly @search="onSearchUser"/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="相对方序号" name="sort">
<a-input-number v-model:value="formState.sort" style="width: 100%" :precision="0" :min="0" :step="1"/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="对方银行名称" name="cpBankName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
<a-select v-model:value="formState.cpBankName" placeholder="请选择银行名称" :disabled="isDisable" style="width: 100%" allow-clear>
<a-select-option v-for="item in optionList" :key="item.code" :value="item.code">
{{ item.fullName }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="对方银行开户名" name="cpBankAccountName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
<a-input v-model:value="formState.cpBankAccountName" disabled />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="对方银行账号" name="cpBankAccount" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
<a-input v-model:value="formState.cpBankAccount" disabled />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="对方联系人姓名" name="contactName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
<a-input v-model:value="formState.contactName" placeholder="请输入资质证书编号" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="对方联系人电话" name="contactTel" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
<a-input v-model:value="formState.contactTel" placeholder="请输入资质证书编号" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="对方联系人邮箱" name="contactEmail" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
<a-input v-model:value="formState.contactEmail" placeholder="请输入资质证书编号" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="对方通讯地址" name="contactAddress" :label-col="{ span: 4 }" :wrapper-col="{ span: 24 }">
<a-input v-model:value="formState.contactAddress" placeholder="请输入资质证书编号" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="备注" name="note" :label-col="{ span: 4 }" :wrapper-col="{ span: 24 }">
<a-textarea v-model:value="formState.note" placeholder="请输入备注，最多50字" :disabled="isDisable" :maxlength="50" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-item>
</a-col>
</a-row>
</a-form>
<customerSupplierListModal @register="register" @success="handleSuccess"/>
</BasicModal>
</template>
<script setup lang="ts">
import { ref, onMounted, computed, unref,reactive } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { Form, message } from 'ant-design-vue';
import { useI18n } from '/@/hooks/web/useI18n';
import type { Rule } from 'ant-design-vue/es/form';
import { useMessage } from '/@/hooks/web/useMessage';
import { getDocCpList } from '/@/api/sales/Customer';
import type { FormInstance } from 'ant-design-vue';
import customerSupplierListModal from '/@/components/common/customerSupplierListModal.vue';
const { t } = useI18n();
const isUpdate = ref(true);
const isDisable = ref(false);
let optionList = reactive([])
const formRef = ref()
const { notification } = useMessage();
const emit = defineEmits(['success','register']);
const getTitle = computed(() => (!unref(isUpdate) ? t('新增证书') : t('编辑证书')));
let formState = reactive({
docTypeCode: '',
fileList: [],
filePath: ''
});
const list = ref()
const rules = {
docTypeCode: [{ required: true, message: "该项为必填项", trigger: 'change' }],
};
const props = defineProps({
type: String
})
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
curData.value = ''
formState.filePath = ''
getOption()
setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
isDisable.value = data?.btnType == 'view' ? true : false
list.value = data.list
if (unref(isUpdate)) {
Object.assign(formState, {...data.record})
}
});
onMounted(() => {
getOption()
});
async function getOption() {
let obj = {}
if (props.type == 'cuSign') {
obj = {'cuSign': 'Y'}
} else {
obj = {'suSign': 'Y'}
tableName = 'supplier'
}
optionList = await getDocCpList({'valid': 'Y',...obj })
}
const handleCancel = () => {
formRef.value.resetFields();
}
const handleSubmit = async () => {
try {
await formRef.value.validate();
// 验证通过，提交表单
let obj = {
...formState,
}
let idx =list.value.findIndex(v => v.docTypeCode == obj.docTypeCode)
if (idx > -1 && formState.docTypeCode !=curData.value) {
message.warn('证书已存在')
formRef.value.resetFields();
closeModal();
return
}
emit('success', obj);
notification.success({
message: t('操作'),
description:!unref(isUpdate)? t('新增成功') : t('编辑成功')
}); //提示消息
formRef.value.resetFields();
closeModal();
} catch (error) {
console.log('验证失败:', error);
}
};
</script>

44
src/components/common/customerListModal.vue
View File

@ -17,47 +17,15 @@
const { t } = useI18n();
const codeFormSchema: FormSchema[] = [
{
field: 'cuName',
label: '客户名称',
component: 'Input',
},
{ field: 'cuName', label: '客户名称', component: 'Input'},
];
const columns: BasicColumn[] = [
{
dataIndex: 'cuCode',
title: '客户编码',
align: 'left',
sorter: true,
},
{
dataIndex: 'cuName',
title: '客户名称',
align: 'left',
sorter: true,
},
{
dataIndex: 'cuSname',
title: '客户简称',
align: 'left',
sorter: true,
},
{
dataIndex: 'dI',
title: '国内/国际',
align: 'left',
sorter: true,
},
{
dataIndex: 'classCode',
title: '客户分类',
align: 'left',
sorter: true,
},
{ dataIndex: 'cuCode', title: '客户编码', align: 'left', sorter: true },
{ dataIndex: 'cuName', title: '客户名称', align: 'left', sorter: true },
{ dataIndex: 'cuSname', title: '客户简称', align: 'left', sorter: true },
{ dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
{ dataIndex: 'classCode', title: '客户分类', align: 'left', sorter: true },
];
const emit = defineEmits(['success', 'register']);

160
src/components/common/customerSupplierListModal.vue Normal file
View File

@ -0,0 +1,160 @@
<template>
<div class="customerSupplierList">
<BasicModal v-bind="$attrs" :zIndex="1001 @register="registerModal" width="60%" :title="getTitle" @ok="handleSubmit"
@visible-change="handleVisibleChange" >
<a-tabs v-model:activeKey="activeKey" @change="handleTabChange" :class="{ 'h-full': ['1', '2'].includes(activeKey) }">
<a-tab-pane key="1" tab="客户">
<BasicTable @register="registerTable" class="customerSupplierListModal"></BasicTable>
</a-tab-pane>
<a-tab-pane key="2" tab="供应商" force-render>
<BasicTable @register="registerTableSupplier" class="customerSupplierListModal"></BasicTable>
</a-tab-pane>
</a-tabs>
</BasicModal>
</div>
</template>
<script lang="ts" setup>
import { ref, computed, unref, nextTick } from 'vue';
import { BasicModal, useModalInner, useModal } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { BasicTable, useTable, FormSchema, BasicColumn, TableAction } from '/@/components/Table';
import { useMessage } from '/@/hooks/web/useMessage';
import { useI18n } from '/@/hooks/web/useI18n';
import { getLngCustomerPage} from '/@/api/sales/Customer';
import { getLngSupplierPage } from '/@/api/supplier/Supplier';
const activeKey = ref('1');
const { t } = useI18n();
const codeFormSchema: FormSchema[] = [
{ field: 'cuName', label: '客户名称', component: 'Input'},
];
const columns: BasicColumn[] = [
{ dataIndex: 'cuCode', title: '客户编码', align: 'left', sorter: true },
{ dataIndex: 'cuName', title: '客户名称', align: 'left', sorter: true },
{ dataIndex: 'cuSname', title: '客户简称', align: 'left', sorter: true },
{ dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
{ dataIndex: 'classCode', title: '客户分类', align: 'left', sorter: true },
];
const codeFormSchemaSupplier: FormSchema[] = [
{ field: 'suName', label: '供应商名称', component: 'Input' },
];
const columnsSupplier: BasicColumn[] = [
{ dataIndex: 'suCode', title: '供应商编码', align: 'left', sorter: true },
{ dataIndex: 'suName', title: '供应商名称', align: 'left', sorter: true },
{ dataIndex: 'suSname', title: '供应商简称', align: 'left', sorter: true },
{ dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
{ dataIndex: 'classCode', title: '供应商分类', align: 'left', sorter: true },
];
const emit = defineEmits(['success', 'register']);
const { notification } = useMessage();
const isUpdate = ref(true);
const rowId = ref('');
const selectedKeys = ref<string[]>([]);
const selectedValues = ref([]);
const props = defineProps({
selectType: { type: String, default: 'checkbox' },
});
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
setModalProps({ confirmLoading: false });
isUpdate.value = !!data?.isUpdate;
});
const [registerTable, { getDataSource, setTableData, updateTableDataRecord, reload }] = useTable({
title: t('客户列表'),
api: getLngCustomerPage,
columns,
bordered: true,
pagination: true,
canResize: false,
formConfig: {
labelCol:{span: 9, offSet:10},
schemas: codeFormSchema,
showResetButton: true,
},
immediate: false, // 设置为不立即调用
beforeFetch: (params) => {
return { ...params, valid: 'Y',approCode: 'YSP'};
},
rowSelection: {
type: props.selectType,
onChange: onSelectChange
},
});
const [registerTableSupplier, { getDataSource, setTableData, updateTableDataRecord, reload:reloadSupplier }] = useTable({
title: t('供应商列表'),
api: getLngSupplierPage,
columns:columnsSupplier,
bordered: true,
pagination: true,
canResize: false,
formConfig: {
labelCol:{span: 9, offSet:10},
schemas: codeFormSchemaSupplier,
showResetButton: true,
},
immediate: false, // 设置为不立即调用
beforeFetch: (params) => {
return { ...params, valid: 'Y',approCode: 'YSP'};
},
rowSelection: {
type: props.selectType,
onChange: onSelectChange
},
});
const handleVisibleChange = (visible: boolean) => {
if (visible) {
nextTick(() => {
reload();
reloadSupplier()
});
}
};
const handleTabChange = (key) => {
};
function onSelectChange(rowKeys: string[], e) {
selectedKeys.value = rowKeys;
selectedValues.value = e
}
const getTitle = computed(() => (!unref(isUpdate) ? t('客户列表') : t('')));
async function handleSubmit() {
if (!selectedValues.value.length) {
notification.warning({
message: t('提示'),
description: t('请选择数据')
});
return
}
closeModal();
emit('success', selectedValues.value);
}
</script>
<style >
.customerSupplierListModal .basicCol{
position: inherit !important;
top: 0;
}
.customerSupplierList .ant-modal-wrap{
z-index: 1001 !important;
}
.customerSupplierList .ant-modal-mask {
z-index: 1001 !important;
}
</style>

28
src/components/common/deptListModal.vue
View File

@ -25,33 +25,13 @@
const { t } = useI18n();
const treeData = ref<TreeItem[]>([]);
const codeFormSchema: FormSchema[] = [
{
field: 'name',
label: '组织名称',
component: 'Input',
},
{
field: 'code',
label: '组织编码',
component: 'Input',
},
{ field: 'name', label: '组织名称', component: 'Input'},
{ field: 'code', label: '组织编码', component: 'Input'},
];
const columns: BasicColumn[] = [
{
dataIndex: 'name',
title: '组织名称',
align: 'left',
sorter: true,
},
{
dataIndex: 'code',
title: '组织编码',
align: 'left',
sorter: true,
},
{ dataIndex: 'name', title: '组织名称', align: 'left', sorter: true },
{ dataIndex: 'code', title: '组织编码', align: 'left', sorter: true },
];
const emit = defineEmits(['success', 'register']);

35
src/components/common/deptUserModal.vue
View File

@ -26,39 +26,14 @@
const { t } = useI18n();
const codeFormSchema: FormSchema[] = [
{
field: 'userName',
label: '用户名',
component: 'Input',
},
{ field: 'userName', label: '用户名', component: 'Input' },
];
const treeData = ref<TreeItem[]>([]);
const columns: BasicColumn[] = [
{
dataIndex: 'name',
title: '姓名',
align: 'left',
sorter: true,
},
{
dataIndex: 'genderDesc',
title: '性别',
align: 'left',
sorter: true,
},
{
dataIndex: 'mobile',
title: '手机号',
align: 'left',
sorter: true,
},
{
dataIndex: 'email',
title: '邮箱',
align: 'left',
sorter: true,
},
{ dataIndex: 'name', title: '姓名', align: 'left', sorter: true },
{ dataIndex: 'genderDesc', title: '性别', align: 'left', sorter: true },
{ dataIndex: 'mobile', title: '手机号', align: 'left', sorter: true },
{ dataIndex: 'email', title: '邮箱', align: 'left', sorter: true },
];
const emit = defineEmits(['success', 'register']);

44
src/components/common/supplierListModal.vue
View File

@ -17,47 +17,15 @@
const { t } = useI18n();
const codeFormSchema: FormSchema[] = [
{
field: 'suName',
label: '供应商名称',
component: 'Input',
},
{ field: 'suName', label: '供应商名称', component: 'Input' },
];
const columns: BasicColumn[] = [
{
dataIndex: 'suCode',
title: '供应商编码',
align: 'left',
sorter: true,
},
{
dataIndex: 'suName',
title: '供应商名称',
align: 'left',
sorter: true,
},
{
dataIndex: 'suSname',
title: '供应商简称',
align: 'left',
sorter: true,
},
{
dataIndex: 'dI',
title: '国内/国际',
align: 'left',
sorter: true,
},
{
dataIndex: 'classCode',
title: '供应商分类',
align: 'left',
sorter: true,
},
{ dataIndex: 'suCode', title: '供应商编码', align: 'left', sorter: true },
{ dataIndex: 'suName', title: '供应商名称', align: 'left', sorter: true },
{ dataIndex: 'suSname', title: '供应商简称', align: 'left', sorter: true },
{ dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
{ dataIndex: 'classCode', title: '供应商分类', align: 'left', sorter: true },
];
const emit = defineEmits(['success', 'register']);