初始代码
This commit is contained in:
wangmingwei
225
src/views/crm/crmlead/Detail.vue
Normal file
225
src/views/crm/crmlead/Detail.vue
Normal file
@@ -0,0 +1,225 @@
|
||||
<template>
|
||||
<BasicDrawer v-bind="$attrs" @register="registerDrawer" :title="title" width="800px" showFooter :showOkBtn="false">
|
||||
<template #insertFooter> </template>
|
||||
<a-row class="p-10px dynamic-form">
|
||||
<!-- 表单 -->
|
||||
<a-form :colon="false" size="middle" layout="horizontal" labelAlign="right" :labelCol="{ style: { width: '100px' } }" :model="dataForm" ref="formRef">
|
||||
<a-row :gutter="15">
|
||||
<!-- 具体表单 -->
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('lead_name')">
|
||||
<a-form-item name="lead_name">
|
||||
<template #label>线索名称： </template>
|
||||
<YunzhupaasInput
|
||||
v-model:value="dataForm.lead_name"
|
||||
placeholder="请输入线索名称"
|
||||
:maxlength="50"
|
||||
disabled
|
||||
detailed
|
||||
allowClear
|
||||
:style="{ width: '100%' }"
|
||||
:maskConfig="maskConfig.lead_name">
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('mobile')">
|
||||
<a-form-item name="mobile">
|
||||
<template #label>手机号： </template>
|
||||
<YunzhupaasInput
|
||||
v-model:value="dataForm.mobile"
|
||||
placeholder="请输入手机号"
|
||||
:maxlength="11"
|
||||
disabled
|
||||
detailed
|
||||
allowClear
|
||||
:style="{ width: '100%' }"
|
||||
:maskConfig="maskConfig.mobile">
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('email')">
|
||||
<a-form-item name="email">
|
||||
<template #label>邮箱： </template>
|
||||
<YunzhupaasInput
|
||||
v-model:value="dataForm.email"
|
||||
placeholder="请输入邮箱"
|
||||
:maxlength="50"
|
||||
disabled
|
||||
detailed
|
||||
allowClear
|
||||
:style="{ width: '100%' }"
|
||||
:maskConfig="maskConfig.email">
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('lead_status')">
|
||||
<a-form-item name="lead_status">
|
||||
<template #label>状态： </template> <p>{{ dataForm.lead_status }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('sales_id')">
|
||||
<a-form-item name="sales_id">
|
||||
<template #label>销售人员： </template> <p>{{ dataForm.sales_id }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('customer_source')">
|
||||
<a-form-item name="customer_source">
|
||||
<template #label>来源： </template> <p>{{ dataForm.customer_source }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('remark')">
|
||||
<a-form-item name="remark">
|
||||
<template #label>备注： </template> <p>{{ dataForm.remark }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- 表单结束 -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</a-row>
|
||||
</BasicDrawer>
|
||||
<!-- 有关联表单详情：开始 -->
|
||||
<RelationDetail ref="relationDetailRef" />
|
||||
<!-- 有关联表单详情：结束 -->
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { getDetailInfo } from './helper/api';
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev';
|
||||
import { reactive, toRefs, nextTick, ref, computed, unref, toRaw } from 'vue';
|
||||
import { BasicModal, useModal } from '@/components/Modal';
|
||||
import { BasicDrawer, useDrawer } from '@/components/Drawer';
|
||||
// 有关联表单详情
|
||||
import RelationDetail from '@/views/common/dynamicModel/list/detail/index.vue';
|
||||
// 表单权限
|
||||
import { usePermission } from '@/hooks/web/usePermission';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import { CaretRightOutlined } from '@ant-design/icons-vue';
|
||||
import { buildUUID } from '@/utils/uuid';
|
||||
import { useI18n } from '@/hooks/web/useI18n';
|
||||
import { getDataChange } from '@/api/onlineDev/visualDev';
|
||||
import { getDataInterfaceDataInfoByIds } from '@/api/systemData/dataInterface';
|
||||
import ExtraRelationInfo from '@/components/yunzhupaas/RelationForm/src/ExtraRelationInfo.vue';
|
||||
|
||||
interface State {
|
||||
dataForm: any;
|
||||
title: string;
|
||||
maskConfig: any;
|
||||
interfaceRes: any;
|
||||
locationScope: any;
|
||||
extraOptions: any;
|
||||
extraData: any;
|
||||
}
|
||||
|
||||
defineOptions({ name: 'Detail' });
|
||||
const { createMessage, createConfirm } = useMessage();
|
||||
const [registerDrawer, { openDrawer, setDrawerProps, closeDrawer }] = useDrawer();
|
||||
|
||||
const { t } = useI18n();
|
||||
const relationDetailRef = ref<any>(null);
|
||||
const state = reactive<State>({
|
||||
dataForm: {},
|
||||
title: t('common.detailText', '详情'),
|
||||
maskConfig: {
|
||||
lead_name: {
|
||||
prefixType: 1,
|
||||
useUnrealMask: false,
|
||||
maskType: 1,
|
||||
unrealMaskLength: 1,
|
||||
prefixLimit: 0,
|
||||
suffixLimit: 0,
|
||||
filler: '*',
|
||||
prefixSpecifyChar: '',
|
||||
suffixType: 1,
|
||||
ignoreChar: '',
|
||||
suffixSpecifyChar: '',
|
||||
},
|
||||
mobile: {
|
||||
prefixType: 1,
|
||||
useUnrealMask: false,
|
||||
maskType: 1,
|
||||
unrealMaskLength: 1,
|
||||
prefixLimit: 0,
|
||||
suffixLimit: 0,
|
||||
filler: '*',
|
||||
prefixSpecifyChar: '',
|
||||
suffixType: 1,
|
||||
ignoreChar: '',
|
||||
suffixSpecifyChar: '',
|
||||
},
|
||||
email: {
|
||||
prefixType: 1,
|
||||
useUnrealMask: false,
|
||||
maskType: 1,
|
||||
unrealMaskLength: 1,
|
||||
prefixLimit: 0,
|
||||
suffixLimit: 0,
|
||||
filler: '*',
|
||||
prefixSpecifyChar: '',
|
||||
suffixType: 1,
|
||||
ignoreChar: '',
|
||||
suffixSpecifyChar: '',
|
||||
},
|
||||
},
|
||||
interfaceRes: { lead_status: [], mobile: [], lead_name: [], customer_source: [], remark: [], sales_id: [], email: [] },
|
||||
locationScope: {},
|
||||
extraOptions: {},
|
||||
extraData: {},
|
||||
});
|
||||
const { title, dataForm, maskConfig } = toRefs(state);
|
||||
// 表单权限
|
||||
const { hasFormP } = usePermission();
|
||||
|
||||
defineExpose({ init });
|
||||
|
||||
function init(data) {
|
||||
state.dataForm.id = data.id;
|
||||
openDrawer();
|
||||
nextTick(() => {
|
||||
setTimeout(initData, 0);
|
||||
});
|
||||
}
|
||||
function initData() {
|
||||
changeLoading(true);
|
||||
if (state.dataForm.id) {
|
||||
getData(state.dataForm.id);
|
||||
} else {
|
||||
closeDrawer();
|
||||
}
|
||||
}
|
||||
function getData(id) {
|
||||
getDetailInfo(id).then(res => {
|
||||
state.dataForm = res.data || {};
|
||||
nextTick(() => {
|
||||
changeLoading(false);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function toDetail(modelId, id, propsValue) {
|
||||
if (!id) return;
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return;
|
||||
const formConf = JSON.parse(res.data.formData);
|
||||
formConf.popupType = 'general';
|
||||
formConf.hasPrintBtn = false;
|
||||
formConf.customBtns = [];
|
||||
const data = { id, formConf, modelId, propsValue };
|
||||
relationDetailRef.value?.init(data);
|
||||
});
|
||||
}
|
||||
function setFormProps(data) {
|
||||
setDrawerProps(data);
|
||||
}
|
||||
function changeLoading(loading) {
|
||||
setFormProps({ loading });
|
||||
}
|
||||
|
||||
function getParamList(key) {
|
||||
let templateJson: any[] = state.interfaceRes[key];
|
||||
if (!templateJson || !templateJson.length || !state.dataForm) return templateJson;
|
||||
for (let i = 0; i < templateJson.length; i++) {
|
||||
if (templateJson[i].relationField && templateJson[i].sourceType == 1) {
|
||||
templateJson[i].defaultValue = state.dataForm[templateJson[i].relationField + '_id'] || '';
|
||||
}
|
||||
}
|
||||
return templateJson;
|
||||
}
|
||||
</script>
|
||||
457
src/views/crm/crmlead/Form.vue
Normal file
457
src/views/crm/crmlead/Form.vue
Normal file
@@ -0,0 +1,457 @@
|
||||
<template>
|
||||
<BasicDrawer v-bind="$attrs" @register="registerDrawer" width="800px" showFooter
|
||||
:cancelText="t('common.cancelText','取消')"
|
||||
:okText="t('common.okText','确定')"
|
||||
@ok="handleSubmit" :closeFunc="onClose">
|
||||
<template #title>
|
||||
<a-space :size="10">
|
||||
<div class="text-16px font-medium">{{ title }}</div>
|
||||
<a-space-compact size="small" block v-if="dataForm.id">
|
||||
<a-tooltip :title="t('common.prevRecord')">
|
||||
<a-button size="small" :disabled="getPrevDisabled" @click="handlePrev">
|
||||
<i class="icon-ym icon-ym-caret-left text-10px"></i>
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
<a-tooltip :title="t('common.nextRecord')">
|
||||
<a-button size="small" :disabled="getNextDisabled" @click="handleNext">
|
||||
<i class="icon-ym icon-ym-caret-right text-10px"></i>
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
</a-space-compact>
|
||||
</a-space>
|
||||
</template>
|
||||
<template #insertFooter>
|
||||
<div class="float-left mt-5px">
|
||||
<yunzhupaasCheckboxSingle v-model:value="submitType" :label="continueText" />
|
||||
</div>
|
||||
</template>
|
||||
<a-row class="p-10px dynamic-form ">
|
||||
<!-- 表单 -->
|
||||
<a-form :colon="false" size="middle" layout= "horizontal"
|
||||
labelAlign= "right"
|
||||
:labelCol="{ style: { width: '100px' } }" :model="dataForm" :rules="dataRule" ref="formRef" >
|
||||
<a-row :gutter="15">
|
||||
<!-- 具体表单 -->
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('lead_name')"
|
||||
>
|
||||
<a-form-item
|
||||
name="lead_name" >
|
||||
<template #label>线索名称
|
||||
</template> <YunzhupaasInput v-model:value="dataForm.lead_name" @change="changeData('lead_name',-1)"
|
||||
placeholder="请输入线索名称" :maxlength="50" :allowClear='true' :style='{"width":"100%"}' :maskConfig = "maskConfig.lead_name" :showCount = "false" >
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('mobile')"
|
||||
>
|
||||
<a-form-item
|
||||
name="mobile" >
|
||||
<template #label>手机号
|
||||
</template> <YunzhupaasInput v-model:value="dataForm.mobile" @change="changeData('mobile',-1)"
|
||||
placeholder="请输入手机号" :maxlength="11" :allowClear='true' :style='{"width":"100%"}' :maskConfig = "maskConfig.mobile" :showCount = "false" >
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('email')"
|
||||
>
|
||||
<a-form-item
|
||||
name="email" >
|
||||
<template #label>邮箱
|
||||
</template> <YunzhupaasInput v-model:value="dataForm.email" @change="changeData('email',-1)"
|
||||
placeholder="请输入邮箱" :maxlength="50" :allowClear='true' :style='{"width":"100%"}' :maskConfig = "maskConfig.email" :showCount = "false" >
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('lead_status')"
|
||||
>
|
||||
<a-form-item
|
||||
name="lead_status" >
|
||||
<template #label>状态
|
||||
</template> <YunzhupaasSelect v-model:value="dataForm.lead_status" @change="changeData('lead_status',-1)"
|
||||
placeholder="请选择状态" :templateJson="state.interfaceRes.lead_status" :allowClear='true' :style='{"width":"100%"}' :showSearch='false' :options="optionsObj.lead_statusOptions" :fieldNames="optionsObj.lead_statusProps"
|
||||
>
|
||||
</YunzhupaasSelect>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('sales_id')"
|
||||
>
|
||||
<a-form-item
|
||||
name="sales_id" >
|
||||
<template #label>销售人员
|
||||
</template> <YunzhupaasUsersSelect v-model:value="dataForm.sales_id" @change="changeData('sales_id',-1)"
|
||||
placeholder="请选择销售人员" :allowClear='true' :style='{"width":"100%"}' selectType="all" >
|
||||
</YunzhupaasUsersSelect>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('customer_source')"
|
||||
>
|
||||
<a-form-item
|
||||
name="customer_source" >
|
||||
<template #label>来源
|
||||
</template> <YunzhupaasSelect v-model:value="dataForm.customer_source" @change="changeData('customer_source',-1)"
|
||||
placeholder="请选择来源" :templateJson="state.interfaceRes.customer_source" :allowClear='true' :style='{"width":"100%"}' :showSearch='false' :options="optionsObj.customer_sourceOptions" :fieldNames="optionsObj.customer_sourceProps"
|
||||
>
|
||||
</YunzhupaasSelect>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item" v-if="hasFormP('remark')"
|
||||
>
|
||||
<a-form-item
|
||||
name="remark" >
|
||||
<template #label>备注
|
||||
</template> <YunzhupaasTextarea v-model:value="dataForm.remark" @change="changeData('remark',-1)"
|
||||
placeholder="请输入备注" :maxlength="200" :allowClear='true' :style='{"width":"100%"}' :autoSize='{"minRows":4,"maxRows":4}' :showCount = "false" >
|
||||
</YunzhupaasTextarea>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- 表单结束 -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</a-row>
|
||||
</BasicDrawer>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { create, update, getInfo } from './helper/api';
|
||||
import { reactive, toRefs, nextTick, ref, unref, computed,toRaw, inject } from 'vue';
|
||||
import { BasicDrawer, useDrawer } from '@/components/Drawer';
|
||||
import { yunzhupaasRelationForm } from '@/components/yunzhupaas';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import { useI18n } from '@/hooks/web/useI18n';
|
||||
import { useUserStore } from '@/store/modules/user';
|
||||
import type { FormInstance } from 'ant-design-vue';
|
||||
import { thousandsFormat , getDateTimeUnit, getTimeUnit} from '@/utils/yunzhupaas';
|
||||
import { getDictionaryDataSelector } from '@/api/systemData/dictionary';
|
||||
import { getDataInterfaceRes } from '@/api/systemData/dataInterface';
|
||||
import dayjs from 'dayjs';
|
||||
// 表单权限
|
||||
import { usePermission } from '@/hooks/web/usePermission';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import { buildUUID } from '@/utils/uuid';
|
||||
import { CaretRightOutlined } from '@ant-design/icons-vue';
|
||||
|
||||
|
||||
interface State {
|
||||
dataForm: any;
|
||||
tableRows: any;
|
||||
dataRule: any;
|
||||
optionsObj: any;
|
||||
childIndex: any;
|
||||
isEdit: any;
|
||||
interfaceRes: any;
|
||||
//可选范围默认值
|
||||
ableAll: any;
|
||||
//掩码配置
|
||||
maskConfig:any;
|
||||
//定位属性
|
||||
locationScope:any;
|
||||
extraOptions: any;
|
||||
title: string;
|
||||
continueText: string; allList: any[];
|
||||
currIndex: number;
|
||||
isContinue: boolean;
|
||||
submitType: number;
|
||||
showContinueBtn: boolean;
|
||||
}
|
||||
|
||||
const emit = defineEmits(['reload']);
|
||||
const getLeftTreeActiveInfo: (() => any) | null = inject('getLeftTreeActiveInfo', null);
|
||||
const userStore = useUserStore();
|
||||
const userInfo = userStore.getUserInfo;
|
||||
const { createMessage, createConfirm } = useMessage();
|
||||
const { t } = useI18n();
|
||||
const [registerDrawer, { openDrawer, setDrawerProps }] = useDrawer();
|
||||
const formRef = ref<FormInstance>();
|
||||
const state = reactive<State>({
|
||||
dataForm: {
|
||||
lead_name:undefined,
|
||||
mobile:undefined,
|
||||
email:undefined,
|
||||
lead_status:'Unassigned',
|
||||
sales_id:undefined,
|
||||
customer_source:'',
|
||||
remark:undefined,
|
||||
version: 0,
|
||||
},
|
||||
|
||||
tableRows:{
|
||||
},
|
||||
|
||||
dataRule: {
|
||||
lead_name: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.textRequiredSuffix','不能为空'),
|
||||
trigger: 'blur'
|
||||
},
|
||||
],
|
||||
mobile: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.textRequiredSuffix','不能为空'),
|
||||
trigger: 'blur'
|
||||
},
|
||||
{
|
||||
pattern: /^1[3456789]\d{9}$/,
|
||||
message: t('sys.validate.mobilePhone','请输入正确的手机号码'),
|
||||
trigger: 'blur'
|
||||
},
|
||||
],
|
||||
email: [
|
||||
{
|
||||
pattern: /^[a-z0-9]+([._\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/,
|
||||
message: t('sys.validate.email','请输入正确的邮箱'),
|
||||
trigger: 'blur'
|
||||
},
|
||||
],
|
||||
lead_status: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.arrayRequiredPrefix ','请至少选择一个'),
|
||||
trigger: 'change'
|
||||
},
|
||||
],
|
||||
sales_id: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.arrayRequiredPrefix ','请至少选择一个'),
|
||||
trigger: 'change'
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
optionsObj:{
|
||||
lead_statusOptions:[{"fullName":"待分配","id":"Unassigned"},{"fullName":"跟进中","id":"InProgress"},{"fullName":"已转换","id":"Converted"},{"fullName":"无效","id":"Invalid"}],
|
||||
lead_statusProps:{"label":"fullName","value":"id" },
|
||||
customer_sourceOptions:[],
|
||||
customer_sourceProps:{"label":"fullName","value":"enCode" },
|
||||
},
|
||||
|
||||
childIndex: -1,
|
||||
isEdit: false,
|
||||
interfaceRes: {"lead_status":[],"mobile":[],"lead_name":[],"customer_source":[],"remark":[],"sales_id":[],"email":[]},
|
||||
//可选范围默认值
|
||||
ableAll:{
|
||||
},
|
||||
|
||||
//掩码配置
|
||||
maskConfig:{
|
||||
lead_name: {"prefixType":1,"useUnrealMask":false,"maskType":1,"unrealMaskLength":1,"prefixLimit":0,"suffixLimit":0,"filler":"*","prefixSpecifyChar":"","suffixType":1,"ignoreChar":"","suffixSpecifyChar":""} ,
|
||||
mobile: {"prefixType":1,"useUnrealMask":false,"maskType":1,"unrealMaskLength":1,"prefixLimit":0,"suffixLimit":0,"filler":"*","prefixSpecifyChar":"","suffixType":1,"ignoreChar":"","suffixSpecifyChar":""} ,
|
||||
email: {"prefixType":1,"useUnrealMask":false,"maskType":1,"unrealMaskLength":1,"prefixLimit":0,"suffixLimit":0,"filler":"*","prefixSpecifyChar":"","suffixType":1,"ignoreChar":"","suffixSpecifyChar":""} ,
|
||||
},
|
||||
|
||||
//定位属性
|
||||
locationScope:{
|
||||
},
|
||||
|
||||
extraOptions:{
|
||||
},
|
||||
|
||||
title: "",
|
||||
continueText: "", allList: [],
|
||||
currIndex: 0,
|
||||
isContinue: false,
|
||||
submitType: 0,
|
||||
showContinueBtn: true ,
|
||||
});
|
||||
const { title, continueText, showContinueBtn, dataRule, dataForm, optionsObj, ableAll, maskConfig,submitType } = toRefs(state);
|
||||
|
||||
const getPrevDisabled = computed(() => state.currIndex === 0);
|
||||
const getNextDisabled = computed(() => state.currIndex === state.allList.length - 1);
|
||||
// 表单权限
|
||||
const { hasFormP } = usePermission();
|
||||
|
||||
defineExpose({ init });
|
||||
|
||||
function init(data) {
|
||||
state.submitType = 0;
|
||||
state.isContinue = false;
|
||||
state.title = !data.id ? t('common.add2Text','新增') : t('common.editText','编辑');
|
||||
state.continueText = !data.id ? t('common.continueAndAddText','确定并新增') : t('common.continueText','确定并继续'); setFormProps({ continueLoading: false });
|
||||
state.dataForm.id = data.id;
|
||||
openDrawer();
|
||||
state.allList = data.allList;
|
||||
state.currIndex = state.allList.length && data.id ? state.allList.findIndex((item) => item.id === data.id) : 0;
|
||||
nextTick(() => {
|
||||
getForm().resetFields();
|
||||
setTimeout(initData, 0);
|
||||
});
|
||||
}
|
||||
function initData() {
|
||||
changeLoading(true);
|
||||
if (state.dataForm.id) {
|
||||
getData(state.dataForm.id);
|
||||
} else {
|
||||
//初始化options
|
||||
getcustomer_sourceOptions();
|
||||
|
||||
// 设置默认值
|
||||
state.dataForm={
|
||||
lead_name:undefined,
|
||||
mobile:undefined,
|
||||
email:undefined,
|
||||
lead_status:'Unassigned',
|
||||
sales_id:undefined,
|
||||
customer_source:'',
|
||||
remark:undefined,
|
||||
version: 0,
|
||||
};
|
||||
if (getLeftTreeActiveInfo) state.dataForm = {...state.dataForm, ...(getLeftTreeActiveInfo() || {}) };
|
||||
state.childIndex = -1;
|
||||
changeLoading(false);
|
||||
}
|
||||
}
|
||||
function getForm() {
|
||||
const form = unref(formRef);
|
||||
if (!form) {
|
||||
throw new Error('form is null!');
|
||||
}
|
||||
return form;
|
||||
}
|
||||
function getData(id) {
|
||||
getInfo(id).then((res) => {
|
||||
state.dataForm = res.data || {};
|
||||
getcustomer_sourceOptions();
|
||||
|
||||
state.childIndex = -1;
|
||||
changeLoading(false);
|
||||
});
|
||||
}
|
||||
async function handleSubmit(type) {
|
||||
try {
|
||||
const values = await getForm()?.validate();
|
||||
if (!values) return;
|
||||
|
||||
|
||||
setFormProps({ confirmLoading: true });
|
||||
const formMethod = state.dataForm.id ? update : create;
|
||||
formMethod(state.dataForm)
|
||||
.then((res) => {
|
||||
createMessage.success(res.msg);
|
||||
setFormProps({ confirmLoading: false });
|
||||
if (state.submitType == 1) {
|
||||
initData();
|
||||
state.isContinue = true;
|
||||
} else {
|
||||
setFormProps({ open: false });
|
||||
emit('reload');
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
setFormProps({ confirmLoading: false });
|
||||
});
|
||||
} catch (_) {}
|
||||
}
|
||||
function handlePrev() {
|
||||
state.currIndex--;
|
||||
handleGetNewInfo();
|
||||
}
|
||||
function handleNext() {
|
||||
state.currIndex++;
|
||||
handleGetNewInfo();
|
||||
}
|
||||
function handleGetNewInfo() {
|
||||
changeLoading(true);
|
||||
getForm().resetFields();
|
||||
const id = state.allList[state.currIndex].id;
|
||||
getData(id);
|
||||
}
|
||||
function setFormProps(data) {
|
||||
setDrawerProps(data);
|
||||
}
|
||||
function changeLoading(loading) {
|
||||
setDrawerProps({ loading });
|
||||
}
|
||||
async function onClose() {
|
||||
if (state.isContinue) emit('reload');
|
||||
return true;
|
||||
}
|
||||
|
||||
function changeData(model, index) {
|
||||
state.isEdit = false
|
||||
state.childIndex = index
|
||||
for (let key in state.interfaceRes) {
|
||||
if (key != model) {
|
||||
let faceReList = state.interfaceRes[key]
|
||||
for (let i = 0; i < faceReList.length; i++) {
|
||||
let relationField = faceReList[i].relationField;
|
||||
if(relationField){
|
||||
let modelAll = relationField.split('-');
|
||||
let faceMode = '';
|
||||
let faceMode2 = modelAll.length == 2?modelAll[0].substring(0, modelAll[0].length-4) +modelAll[1]:""
|
||||
for (let i = 0; i < modelAll.length; i++) {
|
||||
faceMode += modelAll[i];
|
||||
}
|
||||
if (faceMode == model || faceMode2 == model ) {
|
||||
let options = 'get' + key + 'Options';
|
||||
eval(options)(true);
|
||||
changeData(key, index)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function changeDataFormData(type, data, model,index,defaultValue) {
|
||||
if(!state.isEdit) {
|
||||
if (type == 2) {
|
||||
for (let i = 0; i < state.dataForm[data].length; i++) {
|
||||
if (index == -1) {
|
||||
state.dataForm[data][i][model] = defaultValue
|
||||
} else if (index == i) {
|
||||
state.dataForm[data][i][model] = defaultValue
|
||||
}
|
||||
}
|
||||
} else {
|
||||
state.dataForm[data] = defaultValue
|
||||
}
|
||||
}
|
||||
}
|
||||
//数据选项--数据字典初始化方法
|
||||
function getcustomer_sourceOptions() {
|
||||
getDictionaryDataSelector('797256993944371205').then(res => {
|
||||
state.optionsObj.customer_sourceOptions = res.data.list
|
||||
})
|
||||
}
|
||||
function getRelationDate(timeRule, timeType, timeTarget, timeValueData, dataValue) {
|
||||
let timeDataValue: any = null;
|
||||
let timeValue = Number(timeValueData);
|
||||
if (timeRule) {
|
||||
if (timeType == 1) {
|
||||
timeDataValue = timeValue;
|
||||
} else if (timeType == 2) {
|
||||
timeDataValue = dataValue;
|
||||
} else if (timeType == 3) {
|
||||
timeDataValue = new Date().getTime();
|
||||
} else if (timeType == 4 || timeType == 5) {
|
||||
const type = getTimeUnit(timeTarget);
|
||||
const method = timeType == 4 ? 'subtract' : 'add';
|
||||
timeDataValue = dayjs()[method](timeValue, type).valueOf();
|
||||
}
|
||||
}
|
||||
return timeDataValue;
|
||||
}
|
||||
function getRelationTime(timeRule, timeType, timeTarget, timeValue, formatType, dataValue) {
|
||||
let format = formatType == 'HH:mm' ? 'HH:mm:00' : formatType;
|
||||
let timeDataValue: any = null;
|
||||
if (timeRule) {
|
||||
if (timeType == 1) {
|
||||
timeDataValue = timeValue || '00:00:00';
|
||||
if (timeDataValue.split(':').length == 3) {
|
||||
timeDataValue = timeDataValue;
|
||||
} else {
|
||||
timeDataValue = timeDataValue + ':00';
|
||||
}
|
||||
} else if (timeType == 2) {
|
||||
timeDataValue = dataValue;
|
||||
} else if (timeType == 3) {
|
||||
timeDataValue = dayjs().format(format);
|
||||
} else if (timeType == 4 || timeType == 5) {
|
||||
const type = getTimeUnit(timeTarget + 3);
|
||||
const method = timeType == 4 ? 'subtract' : 'add';
|
||||
timeDataValue = dayjs()[method](timeValue, type).format(format);
|
||||
}
|
||||
}
|
||||
return timeDataValue;
|
||||
}
|
||||
</script>
|
||||
34
src/views/crm/crmlead/helper/api.ts
Normal file
34
src/views/crm/crmlead/helper/api.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
import { defHttp } from '@/utils/http/axios';
|
||||
|
||||
// 获取列表
|
||||
export function getList(data) {
|
||||
return defHttp.post({ url: '/api/bcm/CrmLead/getList', data });
|
||||
}
|
||||
// 新建
|
||||
export function create(data) {
|
||||
return defHttp.post({ url:'/api/bcm/CrmLead', data });
|
||||
}
|
||||
// 修改
|
||||
export function update(data) {
|
||||
return defHttp.put({ url: '/api/bcm/CrmLead/'+ data.id, data });
|
||||
}
|
||||
// 详情(无转换数据)
|
||||
export function getInfo(id) {
|
||||
return defHttp.get({ url: '/api/bcm/CrmLead/' + id });
|
||||
}
|
||||
// 获取(转换数据)
|
||||
export function getDetailInfo(id) {
|
||||
return defHttp.get({ url: '/api/bcm/CrmLead/detail/' + id });
|
||||
}
|
||||
// 删除
|
||||
export function del(id) {
|
||||
return defHttp.delete({ url: '/api/bcm/CrmLead/' + id });
|
||||
}
|
||||
// 批量删除数据
|
||||
export function batchDelete(data) {
|
||||
return defHttp.delete({ url: '/api/bcm/CrmLead/batchRemove', data });
|
||||
}
|
||||
// 导出
|
||||
export function exportData(data) {
|
||||
return defHttp.post({ url: '/api/bcm/CrmLead/Actions/Export', data });
|
||||
}
|
||||
503
src/views/crm/crmlead/helper/columnList.ts
Normal file
503
src/views/crm/crmlead/helper/columnList.ts
Normal file
@@ -0,0 +1,503 @@
|
||||
const columnList = [
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemcd2c2e",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"线索名称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574864579,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"lead_name",
|
||||
"__vModel__":"lead_name",
|
||||
"disabled":false,
|
||||
"id":"lead_name",
|
||||
"placeholder":"请输入线索名称",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"线索名称",
|
||||
"label":"线索名称",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem35dee5",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"手机号",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574898493,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"unique":true,
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[
|
||||
{
|
||||
"pattern":"/^1[3456789]\\d{9}$/",
|
||||
"message":"请输入正确的手机号码",
|
||||
"messageI18nCode":"sys.validate.mobilePhone"
|
||||
}
|
||||
],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"mobile",
|
||||
"__vModel__":"mobile",
|
||||
"disabled":false,
|
||||
"id":"mobile",
|
||||
"placeholder":"请输入手机号",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":11,
|
||||
"fullName":"手机号",
|
||||
"label":"手机号",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem4e5a2c",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"邮箱",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574938265,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[
|
||||
{
|
||||
"pattern":"/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/",
|
||||
"message":"请输入正确的邮箱",
|
||||
"messageI18nCode":"sys.validate.email"
|
||||
}
|
||||
],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"email",
|
||||
"__vModel__":"email",
|
||||
"disabled":false,
|
||||
"id":"email",
|
||||
"placeholder":"请输入邮箱",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"邮箱",
|
||||
"label":"邮箱",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"multiple":false,
|
||||
"fullName":"状态",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"状态",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"id"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"Unassigned",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574965631,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem199e0c",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"static",
|
||||
"dictionaryType":"",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"状态",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"prop":"lead_status",
|
||||
"width":null,
|
||||
"options":[
|
||||
{
|
||||
"fullName":"待分配",
|
||||
"id":"Unassigned"
|
||||
},
|
||||
{
|
||||
"fullName":"跟进中",
|
||||
"id":"InProgress"
|
||||
},
|
||||
{
|
||||
"fullName":"已转换",
|
||||
"id":"Converted"
|
||||
},
|
||||
{
|
||||
"fullName":"无效",
|
||||
"id":"Invalid"
|
||||
}
|
||||
],
|
||||
"__vModel__":"lead_status",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"lead_status",
|
||||
"placeholder":"请选择状态",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"usersSelect",
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"ableIds":[],
|
||||
"multiple":false,
|
||||
"fullName":"销售人员",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"销售人员",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"__config__":{
|
||||
"formId":"formItem20008f",
|
||||
"yunzhupaasKey":"usersSelect",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":null,
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"销售人员",
|
||||
"trigger":"change",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774575084782,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-founder",
|
||||
"defaultCurrent":false,
|
||||
"tag":"YunzhupaasUsersSelect",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"prop":"sales_id",
|
||||
"width":null,
|
||||
"__vModel__":"sales_id",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"selectType":"all",
|
||||
"disabled":false,
|
||||
"id":"sales_id",
|
||||
"placeholder":"请选择销售人员",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"multiple":false,
|
||||
"fullName":"来源",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"来源",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774575125146,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem0800c0",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"797256993944371205",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"来源",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"prop":"customer_source",
|
||||
"width":null,
|
||||
"options":[],
|
||||
"__vModel__":"customer_source",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"customer_source",
|
||||
"placeholder":"请选择来源",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"textarea",
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":200,
|
||||
"fullName":"备注",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"备注",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"autoSize":{
|
||||
"minRows":4,
|
||||
"maxRows":4
|
||||
},
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem292367",
|
||||
"yunzhupaasKey":"textarea",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"备注",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774575155402,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-textarea",
|
||||
"tag":"YunzhupaasTextarea",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"remark",
|
||||
"width":null,
|
||||
"__vModel__":"remark",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"remark",
|
||||
"placeholder":"请输入备注",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
}
|
||||
]
|
||||
export default columnList
|
||||
146
src/views/crm/crmlead/helper/searchList.ts
Normal file
146
src/views/crm/crmlead/helper/searchList.ts
Normal file
@@ -0,0 +1,146 @@
|
||||
const searchList = [
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem35dee5",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"手机号",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574898493,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"unique":true,
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[
|
||||
{
|
||||
"pattern":"/^1[3456789]\\d{9}$/",
|
||||
"message":"请输入正确的手机号码",
|
||||
"messageI18nCode":"sys.validate.mobilePhone"
|
||||
}
|
||||
],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"mobile",
|
||||
"__vModel__":"mobile",
|
||||
"searchMultiple":false,
|
||||
"disabled":false,
|
||||
"id":"mobile",
|
||||
"placeholder":"请输入手机号",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"searchType":2,
|
||||
"maxlength":11,
|
||||
"fullName":"手机号",
|
||||
"label":"手机号",
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"isKeyword":true,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"searchType":1,
|
||||
"multiple":false,
|
||||
"fullName":"来源",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"来源",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774575125146,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem0800c0",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"797256993944371205",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"来源",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"prop":"customer_source",
|
||||
"options":[],
|
||||
"__vModel__":"customer_source",
|
||||
"searchMultiple":true,
|
||||
"isKeyword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"customer_source",
|
||||
"placeholder":"请选择来源",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
}
|
||||
]
|
||||
export default searchList
|
||||
440
src/views/crm/crmlead/helper/superQueryJson.ts
Normal file
440
src/views/crm/crmlead/helper/superQueryJson.ts
Normal file
@@ -0,0 +1,440 @@
|
||||
const superQueryJson = [
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":50,
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullName":"线索名称",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"addonAfter":"",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemcd2c2e",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"线索名称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574864579,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"__vModel__":"lead_name",
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"lead_name",
|
||||
"placeholder":"请输入线索名称",
|
||||
"prefixIcon":"",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":11,
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullName":"手机号",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"addonAfter":"",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem35dee5",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"手机号",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574898493,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"unique":true,
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[
|
||||
{
|
||||
"pattern":"/^1[3456789]\\d{9}$/",
|
||||
"message":"请输入正确的手机号码",
|
||||
"messageI18nCode":"sys.validate.mobilePhone"
|
||||
}
|
||||
],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"__vModel__":"mobile",
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"mobile",
|
||||
"placeholder":"请输入手机号",
|
||||
"prefixIcon":"",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":50,
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullName":"邮箱",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"addonAfter":"",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem4e5a2c",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"邮箱",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574938265,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[
|
||||
{
|
||||
"pattern":"/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/",
|
||||
"message":"请输入正确的邮箱",
|
||||
"messageI18nCode":"sys.validate.email"
|
||||
}
|
||||
],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"__vModel__":"email",
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"email",
|
||||
"placeholder":"请输入邮箱",
|
||||
"prefixIcon":"",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"multiple":false,
|
||||
"fullName":"状态",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"id"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"Unassigned",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774574965631,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem199e0c",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"static",
|
||||
"dictionaryType":"",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"状态",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"options":[
|
||||
{
|
||||
"fullName":"待分配",
|
||||
"id":"Unassigned"
|
||||
},
|
||||
{
|
||||
"fullName":"跟进中",
|
||||
"id":"InProgress"
|
||||
},
|
||||
{
|
||||
"fullName":"已转换",
|
||||
"id":"Converted"
|
||||
},
|
||||
{
|
||||
"fullName":"无效",
|
||||
"id":"Invalid"
|
||||
}
|
||||
],
|
||||
"__vModel__":"lead_status",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"lead_status",
|
||||
"placeholder":"请选择状态",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"ableIds":[],
|
||||
"multiple":false,
|
||||
"fullName":"销售人员",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"__config__":{
|
||||
"formId":"formItem20008f",
|
||||
"yunzhupaasKey":"usersSelect",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":null,
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"销售人员",
|
||||
"trigger":"change",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774575084782,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-founder",
|
||||
"defaultCurrent":false,
|
||||
"tag":"YunzhupaasUsersSelect",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"__vModel__":"sales_id",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"selectType":"all",
|
||||
"disabled":false,
|
||||
"id":"sales_id",
|
||||
"placeholder":"请选择销售人员",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"multiple":false,
|
||||
"fullName":"来源",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774575125146,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem0800c0",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"797256993944371205",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"来源",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"options":[],
|
||||
"__vModel__":"customer_source",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"customer_source",
|
||||
"placeholder":"请选择来源",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":200,
|
||||
"fullName":"备注",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"autoSize":{
|
||||
"minRows":4,
|
||||
"maxRows":4
|
||||
},
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem292367",
|
||||
"yunzhupaasKey":"textarea",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"备注",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_lead",
|
||||
"renderKey":1774575155402,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-textarea",
|
||||
"tag":"YunzhupaasTextarea",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"__vModel__":"remark",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"remark",
|
||||
"placeholder":"请输入备注",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
}
|
||||
]
|
||||
export default superQueryJson
|
||||
686
src/views/crm/crmlead/index.vue
Normal file
686
src/views/crm/crmlead/index.vue
Normal file
@@ -0,0 +1,686 @@
|
||||
<template>
|
||||
<div class="yunzhupaas-content-wrapper">
|
||||
<div class="yunzhupaas-content-wrapper-center">
|
||||
<div class="yunzhupaas-content-wrapper-search-box" v-if="getSearchList.length">
|
||||
<BasicForm @register="registerSearchForm" :schemas="getSearchList"
|
||||
@advanced-change="redoHeight" @submit="handleSearchSubmit" @reset="handleSearchReset"
|
||||
class="search-form">
|
||||
</BasicForm>
|
||||
</div>
|
||||
<div class="yunzhupaas-content-wrapper-content bg-white">
|
||||
<BasicTable @register="registerTable" v-bind="getTableBindValue" ref="tableRef"
|
||||
@columns-change="handleColumnChange">
|
||||
<template #tableTitle>
|
||||
<a-button type="primary" preIcon="icon-ym icon-ym-btn-add" v-auth="'btn_add'"
|
||||
@click="addHandle()"> {{t('common.add2Text','新增')}}</a-button>
|
||||
<a-button type="link" preIcon="icon-ym icon-ym-btn-download" v-auth="'btn_download'"
|
||||
@click="openExportModal(true, { columnList: state.exportList, selectIds: getSelectRowKeys(), showExportSelected: true })"> {{t('common.exportText','导出')}}</a-button>
|
||||
<a-button type="link" preIcon="icon-ym icon-ym-btn-upload" v-auth="'btn_upload'"
|
||||
@click="openImportModal(true, { url: 'bcm/CrmLead', menuId: searchInfo.menuId })"> {{t('common.importText','导入')}}</a-button>
|
||||
</template>
|
||||
<template #toolbar>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>
|
||||
<span>{{ t('common.superQuery') }}</span>
|
||||
</template>
|
||||
<filter-outlined @click="openSuperQuery(true, { columnOptions: superQueryJson })" />
|
||||
</a-tooltip>
|
||||
</template>
|
||||
<template #toolbarAfter>
|
||||
<ViewList :menuId="route.meta.modelId" :viewList="viewList" @itemClick="handleViewClick" @reload="initViewList" />
|
||||
<ViewSetting :menuId="route.meta.modelId" :viewList="viewList" :currentView="currentView" @reload="initViewList" />
|
||||
</template>
|
||||
<template #bodyCell="{ column, record, index }">
|
||||
<template v-for="(item, index) in childColumnList" v-if="childColumnList.length">
|
||||
<template
|
||||
v-if="column?.id?.includes('-') && item.children && item.children[0] && column.key === item.children[0]?.dataIndex">
|
||||
<ChildTableColumn :data="record[item.prop]" :head="item.children"
|
||||
@toggleExpand="toggleExpand(record, item.prop+`Expand`)" @toDetail="toDetail"
|
||||
:expand="record[item.prop+`Expand`]" :key="index" :showOverflow="true "/>
|
||||
</template>
|
||||
</template>
|
||||
<template v-if="!(record.top || column.id?.includes('-'))">
|
||||
<template v-if="column.yunzhupaasKey === 'relationForm'">
|
||||
<p class="link-text"
|
||||
@click="toDetail(column.modelId, record[column.dataIndex+`_id`], column.propsValue)">
|
||||
{{ record[column.dataIndex] }}</p>
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'inputNumber'">
|
||||
<yunzhupaas-input-number v-model:value="record[column.prop]" :precision="column.precision" :thousands="column.thousands" disabled detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'calculate'">
|
||||
<yunzhupaas-calculate
|
||||
v-model:value="record[column.prop]"
|
||||
:isStorage="column.isStorage"
|
||||
:precision="column.precision"
|
||||
:thousands="column.thousands"
|
||||
detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'sign'">
|
||||
<yunzhupaas-sign v-model:value="record[column.prop]" detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'signature'">
|
||||
<yunzhupaas-signature v-model:value="record[column.prop]" detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'rate'">
|
||||
<yunzhupaas-rate v-model:value="record[column.prop]" :count="column.count" :allowHalf="column.allowHalf" disabled />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'slider'">
|
||||
<yunzhupaas-slider v-model:value="record[column.prop]" :min="column.min" :max="column.max" :step="column.step" disabled />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'uploadImg'">
|
||||
<yunzhupaas-upload-img v-model:value="record[column.prop]" disabled detailed simple v-if="record[column.prop]?.length" />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'uploadFile'">
|
||||
<yunzhupaas-upload-file v-model:value="record[column.prop]" disabled detailed simple v-if="record[column.prop]?.length" />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'input'">
|
||||
<yunzhupaas-input
|
||||
v-model:value="record[column.prop]"
|
||||
:useMask="column.useMask"
|
||||
:maskConfig="column.maskConfig"
|
||||
:showOverflow="true"
|
||||
detailed />
|
||||
</template>
|
||||
</template>
|
||||
<template v-if="column.key === 'action' && !record.top">
|
||||
<TableAction :actions="getTableActions(record)" />
|
||||
</template>
|
||||
</template>
|
||||
</BasicTable>
|
||||
</div>
|
||||
</div>
|
||||
<Form ref="formRef" @reload="reload" />
|
||||
<Detail ref="detailRef" />
|
||||
<ExportModal @register="registerExportModal" @download="handleDownload" />
|
||||
<ImportModal @register="registerImportModal" @reload="reload" />
|
||||
<PrintSelect @register="registerPrintSelect" @change="handleShowBrowse" />
|
||||
<PrintBrowse @register="registerPrintBrowse" />
|
||||
<RelationDetail ref="relationDetailRef" />
|
||||
<SuperQueryModal @register="registerSuperQueryModal" @superQuery="handleSuperQuery" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
|
||||
import { getList, del, exportData, batchDelete } from './helper/api';
|
||||
import { getConfigData,getViewList } from '@/api/onlineDev/visualDev';
|
||||
import { getDictionaryDataSelector } from '@/api/systemData/dictionary';
|
||||
import { getDataInterfaceRes } from '@/api/systemData/dataInterface';
|
||||
import { getOrgByOrganizeCondition,getDepartmentSelectAsyncList } from '@/api/permission/organize';
|
||||
import { ref, reactive, onMounted, toRefs, computed, unref, nextTick, toRaw, provide } from 'vue';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import { useI18n } from '@/hooks/web/useI18n';
|
||||
import { useOrganizeStore } from '@/store/modules/organize';
|
||||
import { useUserStore } from '@/store/modules/user';
|
||||
import { BasicModal, useModal } from '@/components/Modal';
|
||||
import { usePopup } from '@/components/Popup';
|
||||
import { ScrollContainer } from '@/components/Container';
|
||||
import { BasicLeftTree, TreeActionType } from '@/components/Tree';
|
||||
import { BasicForm, useForm } from '@/components/Form';
|
||||
import { BasicTable, useTable, TableAction, ActionItem, TableActionType, SorterResult } from '@/components/Table';
|
||||
import { SuperQueryModal } from '@/components/CommonModal';
|
||||
import Form from './Form.vue';
|
||||
import Detail from './Detail.vue';
|
||||
// 有关联表单详情：开始
|
||||
import RelationDetail from '@/views/common/dynamicModel/list/detail/index.vue';
|
||||
// 有关联表单详情：结束
|
||||
import ChildTableColumn from '@/views/common/dynamicModel/list/ChildTableColumn.vue';
|
||||
import { ExportModal } from '@/components/CommonModal';
|
||||
import { downloadByUrl } from '@/utils/file/download';
|
||||
import { ImportModal} from '@/components/CommonModal';
|
||||
// 打印模板多条生成PrintSelect
|
||||
import PrintSelect from '@/components/PrintDesign/printSelect/index.vue';
|
||||
import PrintBrowse from '@/components/PrintDesign/printBrowse/index.vue';
|
||||
import { useRoute,useRouter } from 'vue-router';
|
||||
import { FilterOutlined } from '@ant-design/icons-vue';
|
||||
import { getSearchFormSchemas } from '@/components/FormGenerator/src/helper/transform';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import columnList from './helper/columnList';
|
||||
import searchList from './helper/searchList';
|
||||
import superQueryJson from './helper/superQueryJson';
|
||||
import { dyOptionsList, systemComponentsList } from '@/components/FormGenerator/src/helper/config';
|
||||
import { thousandsFormat, getParamList} from '@/utils/yunzhupaas';
|
||||
import { usePermission } from '@/hooks/web/usePermission';
|
||||
|
||||
import ViewSetting from '@/views/common/dynamicModel/list/components/ViewSetting.vue';
|
||||
import ViewList from '@/views/common/dynamicModel/list/components/ViewList.vue';
|
||||
|
||||
interface State {
|
||||
config: any;
|
||||
columnList: any[];
|
||||
printListOptions: any[];
|
||||
columnBtnsList: any[];
|
||||
customBtnsList: any[];
|
||||
treeFieldNames: any;
|
||||
leftTreeData: any[];
|
||||
leftTreeLoading: boolean;
|
||||
treeActiveId: string;
|
||||
treeActiveNodePath: any;
|
||||
columns: any[];
|
||||
complexColumns: any[];
|
||||
childColumnList: any[];
|
||||
exportList: any[];
|
||||
cacheList: any[];
|
||||
currFlow: any;
|
||||
isCustomCopy: boolean;
|
||||
candidateType: number;
|
||||
currRow: any;
|
||||
workFlowFormData: any;
|
||||
expandObj: any;
|
||||
columnSettingList: any[];
|
||||
searchSchemas: any[];
|
||||
treeRelationObj: any;
|
||||
treeQueryJson: any;
|
||||
leftTreeActiveInfo: any;
|
||||
keyword: string;
|
||||
viewList: any[];
|
||||
currentView: any;
|
||||
}
|
||||
|
||||
const route = useRoute();
|
||||
const { hasBtnP } = usePermission();
|
||||
const { createMessage, createConfirm } = useMessage();
|
||||
const { t } = useI18n();
|
||||
const organizeStore = useOrganizeStore();
|
||||
const userStore = useUserStore();
|
||||
const userInfo = userStore.getUserInfo;
|
||||
|
||||
const [registerExportModal, { openModal: openExportModal, closeModal: closeExportModal, setModalProps: setExportModalProps }] = useModal();
|
||||
const [registerImportModal, { openModal: openImportModal }] = useModal();
|
||||
const [registerSuperQueryModal, { openModal: openSuperQuery }] = useModal();
|
||||
const formRef = ref<any>(null);
|
||||
const tableRef = ref<Nullable<TableActionType>>(null);
|
||||
const detailRef = ref<any>(null);
|
||||
const relationDetailRef = ref<any>(null);
|
||||
|
||||
const state = reactive<State>({
|
||||
config: {},
|
||||
columnList: [],
|
||||
printListOptions: [],
|
||||
columnBtnsList: [],
|
||||
customBtnsList: [],
|
||||
treeFieldNames: {
|
||||
children: 'children' ,
|
||||
title: 'fullName' ,
|
||||
key: 'id' ,
|
||||
isLeaf: 'isLeaf',
|
||||
},
|
||||
leftTreeData: [],
|
||||
leftTreeLoading: false,
|
||||
treeActiveId: '',
|
||||
treeActiveNodePath: [],
|
||||
columns: [],
|
||||
complexColumns: [], // 复杂表头
|
||||
childColumnList: [],
|
||||
exportList: [],
|
||||
cacheList: [],
|
||||
currFlow: {},
|
||||
isCustomCopy: false,
|
||||
candidateType: 1,
|
||||
currRow: {},
|
||||
workFlowFormData: {},
|
||||
expandObj: {},
|
||||
columnSettingList: [],
|
||||
searchSchemas: [],
|
||||
treeRelationObj: null,
|
||||
treeQueryJson: {},
|
||||
leftTreeActiveInfo: {},
|
||||
keyword: '',
|
||||
viewList: [],
|
||||
currentView: {},
|
||||
});
|
||||
const defaultSearchInfo = {
|
||||
menuId: route.meta.modelId as string,
|
||||
moduleId:'807145376418105157',
|
||||
superQueryJson: '',
|
||||
dataType:0,
|
||||
};
|
||||
const searchInfo = reactive({
|
||||
...cloneDeep(defaultSearchInfo),
|
||||
});
|
||||
const { childColumnList, searchSchemas, viewList, currentView} = toRefs(state);
|
||||
const [registerSearchForm, { updateSchema, resetFields, submit: searchFormSubmit, setFieldsValue}] = useForm({
|
||||
baseColProps: { span: 6 },
|
||||
showActionButtonGroup: true,
|
||||
showAdvancedButton: true,
|
||||
compact: true,
|
||||
});
|
||||
const [registerTable, { reload, setLoading, getFetchParams, getSelectRows, getSelectRowKeys, redoHeight,clearSelectedRowKeys }] = useTable({
|
||||
api: getList,
|
||||
immediate: false,
|
||||
clickToRowSelect: false,
|
||||
tableSetting: { setting: false },
|
||||
afterFetch: (data) => {
|
||||
const list = data.map((o) => ({
|
||||
...o,
|
||||
...state.expandObj,
|
||||
}));
|
||||
state.cacheList = cloneDeep(list);
|
||||
return list;
|
||||
},
|
||||
});
|
||||
const [registerChildTable] = useTable({
|
||||
pagination: false,
|
||||
canResize: false,
|
||||
showTableSetting: false,
|
||||
});
|
||||
|
||||
provide('getLeftTreeActiveInfo', () => state.leftTreeActiveInfo);
|
||||
|
||||
const getHasBatchBtn = computed(() => {
|
||||
let btnsList =[]
|
||||
btnsList.push('download')
|
||||
btnsList=btnsList.filter(o => hasBtnP('btn_' + o))
|
||||
return !!btnsList.length
|
||||
});
|
||||
|
||||
|
||||
const getColumns = computed(() => {
|
||||
const columns = state.complexColumns;
|
||||
return setListValue(state.currentView?.columnList, columns, 'prop');
|
||||
});
|
||||
const getSearchList = computed(() => {
|
||||
const searchSchemas = cloneDeep(state.searchSchemas).map(o => ({ ...o, show: true }));
|
||||
return setListValue(state.currentView?.searchList, searchSchemas, 'field');
|
||||
});
|
||||
const getTableBindValue = computed(() => {
|
||||
let columns = unref(getColumns);
|
||||
const defaultSortConfig= [];
|
||||
const sortField = defaultSortConfig.map(o => (o.sort === 'desc' ? '-' : '') + o.field);
|
||||
const data: any = {
|
||||
pagination: { pageSize: 20 }, //有分页
|
||||
searchInfo: unref(searchInfo),
|
||||
defSort: { sidx: sortField.join(',') },
|
||||
sortFn: (sortInfo: SorterResult | SorterResult[]) => {
|
||||
if (Array.isArray(sortInfo)) {
|
||||
const sortList = sortInfo.map(o => (o.order === 'descend' ? '-' : '') + o.field);
|
||||
return { sidx: sortList.join(',') };
|
||||
} else {
|
||||
const { field, order } = sortInfo;
|
||||
if (field && order) {
|
||||
// 排序字段
|
||||
return { sidx: (order === 'descend' ? '-' : '') + field };
|
||||
} else {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
},
|
||||
ellipsis:true ,
|
||||
columns,
|
||||
bordered: true,
|
||||
actionColumn: {
|
||||
width: 150,
|
||||
title: t('component.table.action'),
|
||||
dataIndex: 'action',
|
||||
},
|
||||
};
|
||||
if (unref(getHasBatchBtn)) {
|
||||
const rowSelection: any = { type: 'checkbox' };
|
||||
data.rowSelection = rowSelection;
|
||||
}
|
||||
return data;
|
||||
});
|
||||
|
||||
function init() {
|
||||
state.config = {};
|
||||
searchInfo.menuId = route.meta.modelId as string;
|
||||
state.columnList = columnList;
|
||||
setLoading(true);
|
||||
getSearchSchemas();
|
||||
getColumnList();
|
||||
initViewList();
|
||||
nextTick(() => {
|
||||
unref(getSearchList)?.length ? searchFormSubmit() : reload({ page: 1 });
|
||||
});
|
||||
}
|
||||
function getSearchSchemas() {
|
||||
|
||||
const schemas = getSearchFormSchemas(searchList);
|
||||
state.searchSchemas = schemas;
|
||||
schemas.forEach((cur) => {
|
||||
const config = cur.__config__;
|
||||
if (dyOptionsList.includes(config.yunzhupaasKey)) {
|
||||
if (config.dataType === 'dictionary') {
|
||||
if (!config.dictionaryType) return;
|
||||
getDictionaryDataSelector(config.dictionaryType).then((res) => {
|
||||
updateSchema([{ field: cur.field, componentProps: { options: res.data.list } }]);
|
||||
});
|
||||
}
|
||||
if (config.dataType === 'dynamic') {
|
||||
if (!config.propsUrl) return;
|
||||
const query = { paramList: getParamList(config.templateJson) };
|
||||
getDataInterfaceRes(config.propsUrl, query).then((res) => {
|
||||
const data = Array.isArray(res.data) ? res.data : [];
|
||||
updateSchema([{ field: cur.field, componentProps: { options: data } }]);
|
||||
});
|
||||
}
|
||||
}
|
||||
cur.defaultValue = cur.value;
|
||||
});
|
||||
}
|
||||
function getColumnList() {
|
||||
// 开启列表过滤权限
|
||||
let columnList: any[] = [];
|
||||
const permissionList = userStore.getPermissionList;
|
||||
const list = permissionList.filter(o => o.modelId === searchInfo.menuId);
|
||||
const perColumnList = list[0] && list[0].column ? list[0].column : [];
|
||||
for (let i = 0; i < state.columnList.length; i++) {
|
||||
inner: for (let j = 0; j < perColumnList.length; j++) {
|
||||
if (state.columnList[i].prop === perColumnList[j].enCode) {
|
||||
columnList.push(state.columnList[i]);
|
||||
break inner;
|
||||
}
|
||||
}
|
||||
}
|
||||
state.exportList = columnList;
|
||||
let columns = columnList.map((o) => ({
|
||||
...o,
|
||||
title: o.labelI18nCode ? t(o.labelI18nCode, o.label) : o.label,
|
||||
dataIndex: o.prop,
|
||||
align: o.align,
|
||||
fixed: o.fixed == 'none' ? false : o.fixed,
|
||||
sorter: o.sortable ? { multiple: 1 } : o.sortable,
|
||||
width: o.width || 100,
|
||||
}));
|
||||
//添加复杂表头
|
||||
columns = getComplexColumns(columns);
|
||||
state.columns = columns.filter((o) => o.prop.indexOf('-') < 0);
|
||||
//子表表头
|
||||
getChildComplexColumns(columns);
|
||||
}
|
||||
|
||||
|
||||
//复杂表头
|
||||
function getComplexColumns(columns) {
|
||||
//这里生成复杂表头的配置
|
||||
let complexHeaderList: any[] = [];
|
||||
if (!complexHeaderList.length) return columns;
|
||||
let childColumns: any[] = [];
|
||||
let firstChildColumns: string[] = [];
|
||||
for (let i = 0; i < complexHeaderList.length; i++) {
|
||||
const e = complexHeaderList[i];
|
||||
e.label = e.fullName;
|
||||
e.labelI18nCode = e.fullNameI18nCode;
|
||||
e.title = e.fullNameI18nCode ? t(e.fullNameI18nCode, e.fullName) : e.fullName;
|
||||
e.align = e.align;
|
||||
e.dataIndex = e.id;
|
||||
e.prop = e.id;
|
||||
e.children = [];
|
||||
e.yunzhupaasKey = 'complexHeader';
|
||||
if (e.childColumns?.length) {
|
||||
childColumns.push(...e.childColumns);
|
||||
for (let k = 0; k < e.childColumns.length; k++) {
|
||||
const item = e.childColumns[k];
|
||||
for (let j = 0; j < columns.length; j++) {
|
||||
const o = columns[j];
|
||||
if (o.prop == item && o.fixed !== 'left' && o.fixed !== 'right') e.children.push({ ...o });
|
||||
}
|
||||
}
|
||||
}
|
||||
if (e.children.length) firstChildColumns.push(e.children[0].prop);
|
||||
}
|
||||
complexHeaderList = complexHeaderList.filter(o => o.children.length);
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < columns.length; i++) {
|
||||
const e = columns[i];
|
||||
if (!childColumns.includes(e.prop)) {
|
||||
list.push(e);
|
||||
} else {
|
||||
if (firstChildColumns.includes(e.prop)) {
|
||||
const item = complexHeaderList.find(o => o.childColumns.includes(e.prop));
|
||||
list.push(item);
|
||||
}
|
||||
}
|
||||
}
|
||||
return list;
|
||||
}
|
||||
//子表表头
|
||||
function getChildComplexColumns(columnList) {
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < columnList.length; i++) {
|
||||
const e = columnList[i];
|
||||
if (!e.prop.includes('-')) {
|
||||
list.push(e);
|
||||
} else {
|
||||
let prop = e.prop.split('-')[0];
|
||||
let vModel = e.prop.split('-')[1];
|
||||
let label = e.label.split('-')[0];
|
||||
let childLabel = e.label.replace(label + '-', '');
|
||||
if (e.fullNameI18nCode && Array.isArray(e.fullNameI18nCode) && e.fullNameI18nCode[0]) label = t(e.fullNameI18nCode[0], label);
|
||||
let newItem = {
|
||||
align: 'center',
|
||||
yunzhupaasKey: 'table',
|
||||
prop,
|
||||
label,
|
||||
title: label,
|
||||
dataIndex: prop,
|
||||
children: [],
|
||||
};
|
||||
e.dataIndex = vModel;
|
||||
e.title = e.labelI18nCode ? t(e.labelI18nCode, childLabel) : childLabel;
|
||||
if (!state.expandObj.hasOwnProperty(prop+`Expand`)) state.expandObj[prop+`Expand`] = false;
|
||||
if (!list.some((o) => o.prop === prop)) list.push(newItem);
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
if (list[i].prop === prop) {
|
||||
list[i].children.push(e);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 行内分组展示
|
||||
getMergeList(list);
|
||||
|
||||
state.complexColumns = list;
|
||||
state.childColumnList = list.filter((o) => o.yunzhupaasKey === 'table');
|
||||
|
||||
// 子表分组展示宽度取100
|
||||
for (let i = 0; i < state.childColumnList.length; i++) {
|
||||
const e = state.childColumnList[i];
|
||||
if (e.children?.length) e.children = e.children.map(o => ({ ...o, width: 100 }));
|
||||
}
|
||||
}
|
||||
function getMergeList(list) {
|
||||
list.forEach((item) => {
|
||||
if (item.yunzhupaasKey === 'table' && item.children && item.children.length) {
|
||||
item.children.forEach((child, index) => {
|
||||
if (index == 0) {
|
||||
child.customCell = () => ({
|
||||
rowspan: 1,
|
||||
colspan: item.children.length,
|
||||
class: 'child-table-box',
|
||||
});
|
||||
} else {
|
||||
child.customCell = () => ({
|
||||
rowspan: 0,
|
||||
colspan: 0,
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
function toggleExpand(row, field) {
|
||||
row[field] = !row[field];
|
||||
}
|
||||
// 关联表单查看详情
|
||||
function toDetail(modelId, id, propsValue) {
|
||||
if (!id) return;
|
||||
getConfigData(modelId).then((res) => {
|
||||
if (!res.data || !res.data.formData) return;
|
||||
const formConf = JSON.parse(res.data.formData);
|
||||
formConf.popupType = 'general';
|
||||
formConf.hasPrintBtn = false;
|
||||
formConf.customBtns = [];
|
||||
const data = { id, formConf, modelId, propsValue};
|
||||
relationDetailRef.value?.init(data);
|
||||
});
|
||||
}
|
||||
function handleColumnChange(data) {
|
||||
state.columnSettingList = data;
|
||||
}
|
||||
function getTableActions(record): ActionItem[] {
|
||||
return [
|
||||
{
|
||||
label: t('common.editText','编辑') ,
|
||||
onClick: updateHandle.bind(null, record),
|
||||
auth: 'btn_edit', //有按钮权限
|
||||
},
|
||||
{
|
||||
label: t('common.delText','删除') ,
|
||||
color: 'error',
|
||||
modelConfirm: {
|
||||
onOk: handleDelete.bind(null, record.id),
|
||||
},
|
||||
auth: 'btn_remove', //有按钮权限
|
||||
},
|
||||
{
|
||||
label: t('common.detailText','详情') ,
|
||||
onClick: goDetail.bind(null, record),
|
||||
auth: 'btn_detail', //有按钮权限
|
||||
},
|
||||
];
|
||||
}
|
||||
// 编辑
|
||||
function updateHandle(record) {
|
||||
// 不带工作流
|
||||
const data = {
|
||||
id: record.id,
|
||||
menuId: searchInfo.menuId,
|
||||
allList: state.cacheList,
|
||||
};
|
||||
formRef.value?.init(data);
|
||||
}
|
||||
// 删除
|
||||
function handleDelete(id) {
|
||||
const query={ids:[id] }
|
||||
batchDelete(query).then((res) => {
|
||||
createMessage.success(res.msg);
|
||||
clearSelectedRowKeys();
|
||||
reload();
|
||||
});
|
||||
}
|
||||
// 查看详情
|
||||
function goDetail(record) {
|
||||
// 不带流程
|
||||
const data = {
|
||||
id: record.id,
|
||||
};
|
||||
detailRef.value?.init(data);
|
||||
}
|
||||
// 新增
|
||||
function addHandle() {
|
||||
// 不带流程新增
|
||||
const data = {
|
||||
id: '',
|
||||
menuId: searchInfo.menuId,
|
||||
allList: state.cacheList,
|
||||
};
|
||||
formRef.value?.init(data);
|
||||
}
|
||||
// 导出
|
||||
function handleDownload(data) {
|
||||
let query = { ...getFetchParams(), ...data };
|
||||
exportData(query)
|
||||
.then((res) => {
|
||||
setExportModalProps({ confirmLoading: false });
|
||||
if (!res.data.url) return;
|
||||
downloadByUrl({ url: res.data.url });
|
||||
closeExportModal();
|
||||
})
|
||||
.catch(() => {
|
||||
setExportModalProps({ confirmLoading: false });
|
||||
});
|
||||
}
|
||||
// 高级查询
|
||||
function handleSuperQuery(superQueryJson) {
|
||||
searchInfo.superQueryJson = superQueryJson;
|
||||
reload({ page: 1 });
|
||||
}
|
||||
|
||||
function handleSearchReset() {
|
||||
clearSelectedRowKeys();
|
||||
if (!state.resetFromTree) updateSearchFormValue();
|
||||
if (state.resetFromTree) state.resetFromTree = false;
|
||||
}
|
||||
|
||||
function handleSearchSubmit(data) {
|
||||
clearSelectedRowKeys();
|
||||
let obj = {
|
||||
...defaultSearchInfo,
|
||||
superQueryJson: searchInfo.superQueryJson,
|
||||
...data,
|
||||
};
|
||||
Object.keys(searchInfo).map(key => {
|
||||
delete searchInfo[key];
|
||||
});
|
||||
for (let [key, value] of Object.entries(obj)) {
|
||||
searchInfo[key.replaceAll('-', '_')] = value;
|
||||
}
|
||||
console.log(searchInfo);
|
||||
reload({ page: 1 });
|
||||
}
|
||||
|
||||
function updateSearchFormValue() {
|
||||
if (!state.treeActiveId) return searchFormSubmit();
|
||||
let queryJson: any = {};
|
||||
let leftTreeActiveInfo: any = {};
|
||||
const isMultiple = !state.treeRelationObj ? false : state.treeRelationObj.searchMultiple;
|
||||
//多级左侧树，需要拼父级->转为查询参数
|
||||
if (state.treeRelationObj && state.treeRelationObj.yunzhupaasKey && ['organizeSelect', 'cascader', 'areaSelect'].includes(state.treeRelationObj.yunzhupaasKey)) {
|
||||
let currValue = [];
|
||||
currValue = state.treeActiveNodePath.map(o => o[state.treeFieldNames.key]);
|
||||
queryJson = { '': isMultiple ? [currValue] : currValue };
|
||||
leftTreeActiveInfo = { '': state.treeRelationObj.multiple ? [currValue] : currValue };
|
||||
} else {
|
||||
queryJson = { '': isMultiple ? [state.treeActiveId] : state.treeActiveId };
|
||||
leftTreeActiveInfo = { '': state.treeRelationObj.multiple ? [state.treeActiveId] : state.treeActiveId };
|
||||
}
|
||||
state.leftTreeActiveInfo = leftTreeActiveInfo;
|
||||
if(unref(getSearchList)?.length){
|
||||
// 有搜索列表
|
||||
setFieldsValue(queryJson);
|
||||
searchFormSubmit();
|
||||
}else{
|
||||
// 无搜索列表
|
||||
handleSearchSubmit(queryJson);
|
||||
}
|
||||
}
|
||||
function initViewList(currentId = '') {
|
||||
const query = {
|
||||
menuId: route.meta.modelId,
|
||||
};
|
||||
getViewList(query).then(res => {
|
||||
const columns : any[]= state.complexColumns;
|
||||
const searchList: any[] = state.searchSchemas.map(o => ({ label: o.label, id: o.field, show: o.show, labelI18nCode: o.labelI18nCode }));
|
||||
const columnList: any[] = columns.map(o => ({ label: o.label, id: o.prop, show: true, fixed: o.fixed || 'none', labelI18nCode: o.labelI18nCode }));
|
||||
state.viewList = (res.data || []).map(o => {
|
||||
if (o.type == 0) return { ...o, searchList, columnList };
|
||||
return { ...o, searchList: o.searchList ? JSON.parse(o.searchList) : [], columnList: o.columnList ? JSON.parse(o.columnList) : [] };
|
||||
});
|
||||
if (currentId) {
|
||||
state.currentView = state.viewList.filter(o => o.id === currentId)[0] || state.viewList[0];
|
||||
} else {
|
||||
state.currentView = state.viewList.filter(o => o.status === 1)[0] || state.viewList[0];
|
||||
}
|
||||
});
|
||||
}
|
||||
function handleViewClick(item) {
|
||||
state.currentView = item;
|
||||
}
|
||||
|
||||
function setListValue(data: any[] = [], defaultData: any[] = [], key) {
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
for (let j = 0; j < defaultData.length; j++) {
|
||||
if (data[i].show && data[i].id == defaultData[j][key]) list.push(defaultData[j]);
|
||||
}
|
||||
}
|
||||
return list;
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
init();
|
||||
});
|
||||
</script>
|
||||
295
src/views/crm/crmopportunity/Detail.vue
Normal file
295
src/views/crm/crmopportunity/Detail.vue
Normal file
@@ -0,0 +1,295 @@
|
||||
<template>
|
||||
<BasicPopup v-bind="$attrs" @register="registerPopup" :title="title" destroyOnClose>
|
||||
<template #insertToolbar> </template>
|
||||
<a-row class="p-10px dynamic-form" :style="{ margin: '0 auto', width: '100%' }">
|
||||
<!-- 表单 -->
|
||||
<a-form :colon="false" size="middle" layout="horizontal" labelAlign="right" :labelCol="{ style: { width: '100px' } }" :model="dataForm" ref="formRef">
|
||||
<a-row :gutter="15">
|
||||
<!-- 具体表单 -->
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="opportunity_code">
|
||||
<template #label>商机编码： </template>
|
||||
<YunzhupaasInput
|
||||
v-model:value="dataForm.opportunity_code"
|
||||
placeholder="请输入商机编码"
|
||||
:maxlength="50"
|
||||
disabled
|
||||
detailed
|
||||
allowClear
|
||||
:style="{ width: '100%' }"
|
||||
:maskConfig="maskConfig.opportunity_code">
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="opportunity_name">
|
||||
<template #label>商机名称： </template>
|
||||
<YunzhupaasInput
|
||||
v-model:value="dataForm.opportunity_name"
|
||||
placeholder="请输入商机名称"
|
||||
:maxlength="50"
|
||||
disabled
|
||||
detailed
|
||||
allowClear
|
||||
:style="{ width: '100%' }"
|
||||
:maskConfig="maskConfig.opportunity_name">
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="customer_id">
|
||||
<template #label>客户： </template>
|
||||
<p class="link-text leading-32px" @click="toDetail('806858527036409349', dataForm.customer_id_id, 'company_id')">{{ dataForm.customer_id }}</p>
|
||||
<ExtraRelationInfo
|
||||
:extraOptions="state.extraOptions.customer_id"
|
||||
:data="state.extraData.customer_id"
|
||||
v-if="state.extraOptions.customer_id?.length && state.extraData.customer_id && JSON.stringify(state.extraData.customer_id) !== '{}'" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="owner_id">
|
||||
<template #label>商机负责人： </template> <p>{{ dataForm.owner_id }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="opportunity_stage">
|
||||
<template #label>商机阶段： </template> <p>{{ dataForm.opportunity_stage }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="amount">
|
||||
<template #label>预计金额： </template>
|
||||
<YunzhupaasInputNumber
|
||||
v-model:value="dataForm.amount"
|
||||
placeholder="请输入预计金额"
|
||||
disabled
|
||||
detailed
|
||||
:style="{ width: '100%' }"
|
||||
:max="9999999"
|
||||
:step="1"
|
||||
:precision="2"
|
||||
:controls="false"
|
||||
addonAfter="元">
|
||||
</YunzhupaasInputNumber>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="close_date">
|
||||
<template #label>预计成交日期： </template> <p>{{ dataForm.close_date }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="desciption">
|
||||
<template #label>商机简介： </template> <p>{{ dataForm.desciption }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="probability">
|
||||
<template #label>赢单概率： </template>
|
||||
<YunzhupaasInputNumber
|
||||
v-model:value="dataForm.probability"
|
||||
placeholder="请输入赢单概率"
|
||||
disabled
|
||||
detailed
|
||||
:style="{ width: '100%' }"
|
||||
:max="100"
|
||||
:step="1"
|
||||
:precision="2"
|
||||
:controls="false"
|
||||
addonAfter="%">
|
||||
</YunzhupaasInputNumber>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="last_followup_date">
|
||||
<template #label>最后跟进日期： </template> <p>{{ dataForm.last_followup_date }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="competitor">
|
||||
<template #label>竞争对手信息： </template> <p>{{ dataForm.competitor }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="analysis">
|
||||
<template #label>决策分析： </template> <p>{{ dataForm.analysis }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="remark">
|
||||
<template #label>备注： </template> <p>{{ dataForm.remark }}</p>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- 表单结束 -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</a-row>
|
||||
</BasicPopup>
|
||||
<!-- 有关联表单详情：开始 -->
|
||||
<RelationDetail ref="relationDetailRef" />
|
||||
<!-- 有关联表单详情：结束 -->
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { getDetailInfo } from './helper/api';
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev';
|
||||
import { reactive, toRefs, nextTick, ref, computed, unref, toRaw } from 'vue';
|
||||
import { BasicPopup, usePopup } from '@/components/Popup';
|
||||
import { BasicModal, useModal } from '@/components/Modal';
|
||||
// 有关联表单详情
|
||||
import RelationDetail from '@/views/common/dynamicModel/list/detail/index.vue';
|
||||
// 表单权限
|
||||
import { usePermission } from '@/hooks/web/usePermission';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import { CaretRightOutlined } from '@ant-design/icons-vue';
|
||||
import { buildUUID } from '@/utils/uuid';
|
||||
import { useI18n } from '@/hooks/web/useI18n';
|
||||
import { getDataChange } from '@/api/onlineDev/visualDev';
|
||||
import { getDataInterfaceDataInfoByIds } from '@/api/systemData/dataInterface';
|
||||
import ExtraRelationInfo from '@/components/yunzhupaas/RelationForm/src/ExtraRelationInfo.vue';
|
||||
|
||||
interface State {
|
||||
dataForm: any;
|
||||
title: string;
|
||||
maskConfig: any;
|
||||
interfaceRes: any;
|
||||
locationScope: any;
|
||||
extraOptions: any;
|
||||
extraData: any;
|
||||
}
|
||||
|
||||
defineOptions({ name: 'Detail' });
|
||||
const { createMessage, createConfirm } = useMessage();
|
||||
const [registerPopup, { openPopup, setPopupProps, closePopup }] = usePopup();
|
||||
|
||||
const { t } = useI18n();
|
||||
const relationDetailRef = ref<any>(null);
|
||||
const state = reactive<State>({
|
||||
dataForm: {},
|
||||
title: t('common.detailText', '详情'),
|
||||
maskConfig: {
|
||||
opportunity_code: {
|
||||
prefixType: 1,
|
||||
useUnrealMask: false,
|
||||
maskType: 1,
|
||||
unrealMaskLength: 1,
|
||||
prefixLimit: 0,
|
||||
suffixLimit: 0,
|
||||
filler: '*',
|
||||
prefixSpecifyChar: '',
|
||||
suffixType: 1,
|
||||
ignoreChar: '',
|
||||
suffixSpecifyChar: '',
|
||||
},
|
||||
opportunity_name: {
|
||||
prefixType: 1,
|
||||
useUnrealMask: false,
|
||||
maskType: 1,
|
||||
unrealMaskLength: 1,
|
||||
prefixLimit: 0,
|
||||
suffixLimit: 0,
|
||||
filler: '*',
|
||||
prefixSpecifyChar: '',
|
||||
suffixType: 1,
|
||||
ignoreChar: '',
|
||||
suffixSpecifyChar: '',
|
||||
},
|
||||
},
|
||||
interfaceRes: {
|
||||
desciption: [],
|
||||
amount: [],
|
||||
close_date: [],
|
||||
opportunity_code: [],
|
||||
owner_id: [],
|
||||
probability: [],
|
||||
remark: [],
|
||||
analysis: [],
|
||||
last_followup_date: [],
|
||||
opportunity_stage: [],
|
||||
opportunity_name: [],
|
||||
competitor: [],
|
||||
customer_id: [],
|
||||
},
|
||||
locationScope: {},
|
||||
extraOptions: {
|
||||
customer_id: [],
|
||||
},
|
||||
extraData: {
|
||||
customer_id: {},
|
||||
},
|
||||
});
|
||||
const { title, dataForm, maskConfig } = toRefs(state);
|
||||
// 表单权限
|
||||
const { hasFormP } = usePermission();
|
||||
|
||||
defineExpose({ init });
|
||||
|
||||
function init(data) {
|
||||
state.dataForm.id = data.id;
|
||||
openPopup();
|
||||
nextTick(() => {
|
||||
setTimeout(initData, 0);
|
||||
});
|
||||
}
|
||||
function initData() {
|
||||
changeLoading(true);
|
||||
if (state.dataForm.id) {
|
||||
getData(state.dataForm.id);
|
||||
} else {
|
||||
closePopup();
|
||||
}
|
||||
}
|
||||
function getData(id) {
|
||||
getDetailInfo(id).then(res => {
|
||||
state.dataForm = res.data || {};
|
||||
nextTick(() => {
|
||||
getcustomer_idExtraInfo();
|
||||
changeLoading(false);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function toDetail(modelId, id, propsValue) {
|
||||
if (!id) return;
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return;
|
||||
const formConf = JSON.parse(res.data.formData);
|
||||
formConf.popupType = 'general';
|
||||
formConf.hasPrintBtn = false;
|
||||
formConf.customBtns = [];
|
||||
const data = { id, formConf, modelId, propsValue };
|
||||
relationDetailRef.value?.init(data);
|
||||
|
||||
});
|
||||
}
|
||||
function setFormProps(data) {
|
||||
setPopupProps(data);
|
||||
}
|
||||
function changeLoading(loading) {
|
||||
setFormProps({ loading });
|
||||
}
|
||||
|
||||
function getParamList(key) {
|
||||
let templateJson: any[] = state.interfaceRes[key];
|
||||
if (!templateJson || !templateJson.length || !state.dataForm) return templateJson;
|
||||
for (let i = 0; i < templateJson.length; i++) {
|
||||
if (templateJson[i].relationField && templateJson[i].sourceType == 1) {
|
||||
templateJson[i].defaultValue = state.dataForm[templateJson[i].relationField + '_id'] || '';
|
||||
}
|
||||
}
|
||||
return templateJson;
|
||||
}
|
||||
function getcustomer_idExtraInfo() {
|
||||
if (!state.dataForm.customer_id) return;
|
||||
console.log(state.dataForm.customer_id_id);
|
||||
|
||||
let query: any = {
|
||||
id: state.dataForm.customer_id_id,
|
||||
propsValue: 'company_id',
|
||||
};
|
||||
getDataChange('806858527036409349', query).then(res => {
|
||||
if (!res.data || !res.data.data) return;
|
||||
const data = JSON.parse(res.data.data);
|
||||
state.extraData.customer_id = data;
|
||||
});
|
||||
}
|
||||
</script>
|
||||
647
src/views/crm/crmopportunity/Form.vue
Normal file
647
src/views/crm/crmopportunity/Form.vue
Normal file
@@ -0,0 +1,647 @@
|
||||
<template>
|
||||
<BasicPopup
|
||||
v-bind="$attrs"
|
||||
@register="registerPopup"
|
||||
showOkBtn
|
||||
destroyOnClose
|
||||
:cancelText="t('common.cancelText', '取消')"
|
||||
:okText="t('common.okText', '确定')"
|
||||
@ok="handleSubmit"
|
||||
:closeFunc="onClose">
|
||||
<template #title>
|
||||
<a-space :size="10">
|
||||
<div class="text-16px font-medium">{{ title }}</div>
|
||||
<a-space-compact size="small" block v-if="dataForm.id">
|
||||
<a-tooltip :title="t('common.prevRecord')">
|
||||
<a-button size="small" :disabled="getPrevDisabled" @click="handlePrev">
|
||||
<i class="icon-ym icon-ym-caret-left text-10px"></i>
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
<a-tooltip :title="t('common.nextRecord')">
|
||||
<a-button size="small" :disabled="getNextDisabled" @click="handleNext">
|
||||
<i class="icon-ym icon-ym-caret-right text-10px"></i>
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
</a-space-compact>
|
||||
</a-space>
|
||||
</template>
|
||||
<template #insertToolbar>
|
||||
<yunzhupaasCheckboxSingle v-model:value="submitType" :label="continueText" v-if="showContinueBtn" />
|
||||
</template>
|
||||
<a-row class="p-10px dynamic-form" :style="{ margin: '0 auto', width: '100%' }">
|
||||
<a-form
|
||||
:colon="false"
|
||||
size="middle"
|
||||
layout="horizontal"
|
||||
labelAlign="right"
|
||||
:labelCol="{ style: { width: '100px' } }"
|
||||
:model="dataForm"
|
||||
:rules="dataRule"
|
||||
ref="formRef">
|
||||
<a-row :gutter="15">
|
||||
<!-- 具体表单 -->
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="opportunity_code">
|
||||
<template #label>商机编码：</template>
|
||||
<YunzhupaasInput
|
||||
v-model:value="dataForm.opportunity_code"
|
||||
@change="changeData('opportunity_code', -1)"
|
||||
placeholder="请输入商机编码"
|
||||
:maxlength="50"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:maskConfig="maskConfig.opportunity_code"
|
||||
:showCount="false">
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="opportunity_name">
|
||||
<template #label>商机名称： </template>
|
||||
<YunzhupaasInput
|
||||
v-model:value="dataForm.opportunity_name"
|
||||
@change="changeData('opportunity_name', -1)"
|
||||
placeholder="请输入商机名称"
|
||||
:maxlength="50"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:maskConfig="maskConfig.opportunity_name"
|
||||
:showCount="false">
|
||||
</YunzhupaasInput>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="customer_id">
|
||||
<template #label>客户： </template>
|
||||
<YunzhupaasRelationForm
|
||||
v-model:value="dataForm.customer_id"
|
||||
@change="changeData('customer_id', -1)"
|
||||
placeholder="请选择客户"
|
||||
:templateJson="state.interfaceRes.customer_id"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:showSearch="false"
|
||||
:field="'customer_id'"
|
||||
modelId="806858527036409349"
|
||||
:columnOptions="optionsObj.customer_idcolumnOptions"
|
||||
relationField="company_name"
|
||||
popupWidth="70%"
|
||||
propsValue="company_id"
|
||||
:queryType="0"
|
||||
:extraOptions="state.extraOptions.customer_id">
|
||||
</YunzhupaasRelationForm>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="owner_id">
|
||||
<template #label>商机负责人： </template>
|
||||
<YunzhupaasUsersSelect
|
||||
v-model:value="dataForm.owner_id"
|
||||
@change="changeData('owner_id', -1)"
|
||||
placeholder="请选择商机负责人"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
selectType="all">
|
||||
</YunzhupaasUsersSelect>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="opportunity_stage">
|
||||
<template #label>商机阶段： </template>
|
||||
<YunzhupaasSelect
|
||||
v-model:value="dataForm.opportunity_stage"
|
||||
@change="changeData('opportunity_stage', -1)"
|
||||
placeholder="请选择商机阶段"
|
||||
:templateJson="state.interfaceRes.opportunity_stage"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:showSearch="false"
|
||||
:options="optionsObj.opportunity_stageOptions"
|
||||
:fieldNames="optionsObj.opportunity_stageProps">
|
||||
</YunzhupaasSelect>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="amount">
|
||||
<template #label>预计金额： </template>
|
||||
<YunzhupaasInputNumber
|
||||
v-model:value="dataForm.amount"
|
||||
@change="changeData('amount', -1)"
|
||||
placeholder="请输入预计金额"
|
||||
:style="{ width: '100%' }"
|
||||
:max="9999999"
|
||||
:step="1"
|
||||
:precision="2"
|
||||
addonAfter="元"
|
||||
:controls="false">
|
||||
</YunzhupaasInputNumber>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="close_date">
|
||||
<template #label>预计成交日期： </template>
|
||||
<YunzhupaasDatePicker
|
||||
v-model:value="dataForm.close_date"
|
||||
@change="changeData('close_date', -1)"
|
||||
placeholder="请选择预计成交日期"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
format="yyyy-MM-dd"
|
||||
:startTime="getRelationDate(false, 1, 1, '', '')"
|
||||
:endTime="getRelationDate(false, 1, 1, '', '')">
|
||||
</YunzhupaasDatePicker>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="desciption">
|
||||
<template #label>商机简介： </template>
|
||||
<YunzhupaasTextarea
|
||||
v-model:value="dataForm.desciption"
|
||||
@change="changeData('desciption', -1)"
|
||||
placeholder="请输入商机简介"
|
||||
:maxlength="200"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:autoSize="{ minRows: 3, maxRows: 3 }"
|
||||
:showCount="false">
|
||||
</YunzhupaasTextarea>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="probability">
|
||||
<template #label>赢单概率： </template>
|
||||
<YunzhupaasInputNumber
|
||||
v-model:value="dataForm.probability"
|
||||
@change="changeData('probability', -1)"
|
||||
placeholder="请输入赢单概率"
|
||||
:style="{ width: '100%' }"
|
||||
:max="100"
|
||||
:step="1"
|
||||
:precision="2"
|
||||
addonAfter="%"
|
||||
:controls="false">
|
||||
</YunzhupaasInputNumber>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
<a-col :span="12" class="ant-col-item">
|
||||
<a-form-item name="last_followup_date">
|
||||
<template #label>最后跟进日期： </template>
|
||||
<YunzhupaasDatePicker
|
||||
v-model:value="dataForm.last_followup_date"
|
||||
@change="changeData('last_followup_date', -1)"
|
||||
placeholder="请选择最后跟进日期"
|
||||
:disabled="true"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
format="yyyy-MM-dd"
|
||||
:startTime="getRelationDate(false, 1, 1, '', '')"
|
||||
:endTime="getRelationDate(false, 1, 1, '', '')">
|
||||
</YunzhupaasDatePicker>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="competitor">
|
||||
<template #label>竞争对手信息： </template>
|
||||
<YunzhupaasTextarea
|
||||
v-model:value="dataForm.competitor"
|
||||
@change="changeData('competitor', -1)"
|
||||
placeholder="请输入竞争对手信息"
|
||||
:maxlength="200"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:autoSize="{ minRows: 3, maxRows: 3 }"
|
||||
:showCount="false">
|
||||
</YunzhupaasTextarea>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="analysis">
|
||||
<template #label>决策分析： </template>
|
||||
<YunzhupaasTextarea
|
||||
v-model:value="dataForm.analysis"
|
||||
@change="changeData('analysis', -1)"
|
||||
placeholder="请输入决策分析"
|
||||
:maxlength="200"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:autoSize="{ minRows: 3, maxRows: 3 }"
|
||||
:showCount="false">
|
||||
</YunzhupaasTextarea>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24" class="ant-col-item">
|
||||
<a-form-item name="remark">
|
||||
<template #label>备注： </template>
|
||||
<YunzhupaasTextarea
|
||||
v-model:value="dataForm.remark"
|
||||
@change="changeData('remark', -1)"
|
||||
placeholder="请输入备注"
|
||||
:maxlength="200"
|
||||
:allowClear="true"
|
||||
:style="{ width: '100%' }"
|
||||
:autoSize="{ minRows: 3, maxRows: 3 }"
|
||||
:showCount="false">
|
||||
</YunzhupaasTextarea>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- 表单结束 -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
</a-row>
|
||||
</BasicPopup>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { create, update, getInfo } from './helper/api';
|
||||
import { reactive, toRefs, nextTick, ref, unref, computed, toRaw, inject } from 'vue';
|
||||
import { BasicPopup, usePopup } from '@/components/Popup';
|
||||
import { YunzhupaasRelationForm } from '@/components/yunzhupaas';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import { useI18n } from '@/hooks/web/useI18n';
|
||||
import { useUserStore } from '@/store/modules/user';
|
||||
import type { FormInstance } from 'ant-design-vue';
|
||||
import { thousandsFormat, getDateTimeUnit, getTimeUnit } from '@/utils/yunzhupaas';
|
||||
import { getDictionaryDataSelector } from '@/api/systemData/dictionary';
|
||||
import { getDataInterfaceRes } from '@/api/systemData/dataInterface';
|
||||
import dayjs from 'dayjs';
|
||||
// 表单权限
|
||||
import { usePermission } from '@/hooks/web/usePermission';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import { buildUUID } from '@/utils/uuid';
|
||||
import { CaretRightOutlined } from '@ant-design/icons-vue';
|
||||
|
||||
interface State {
|
||||
dataForm: any;
|
||||
tableRows: any;
|
||||
dataRule: any;
|
||||
optionsObj: any;
|
||||
childIndex: any;
|
||||
isEdit: any;
|
||||
interfaceRes: any;
|
||||
//可选范围默认值
|
||||
ableAll: any;
|
||||
//掩码配置
|
||||
maskConfig: any;
|
||||
//定位属性
|
||||
locationScope: any;
|
||||
extraOptions: any;
|
||||
title: string;
|
||||
continueText: string;
|
||||
allList: any[];
|
||||
currIndex: number;
|
||||
isContinue: boolean;
|
||||
submitType: number;
|
||||
showContinueBtn: boolean;
|
||||
}
|
||||
|
||||
const emit = defineEmits(['reload']);
|
||||
const getLeftTreeActiveInfo: (() => any) | null = inject('getLeftTreeActiveInfo', null);
|
||||
const userStore = useUserStore();
|
||||
const userInfo = userStore.getUserInfo;
|
||||
const { createMessage, createConfirm } = useMessage();
|
||||
const { t } = useI18n();
|
||||
const [registerPopup, { openPopup, setPopupProps }] = usePopup();
|
||||
const formRef = ref<FormInstance>();
|
||||
const state = reactive<State>({
|
||||
dataForm: {
|
||||
opportunity_code: undefined,
|
||||
opportunity_name: undefined,
|
||||
customer_id: '',
|
||||
owner_id: userInfo.userId ? userInfo.userId : '',
|
||||
opportunity_stage: '',
|
||||
amount: undefined,
|
||||
close_date: undefined,
|
||||
desciption: undefined,
|
||||
probability: undefined,
|
||||
last_followup_date: dayjs().startOf(getDateTimeUnit('yyyy-MM-dd')).valueOf(),
|
||||
competitor: undefined,
|
||||
analysis: undefined,
|
||||
remark: undefined,
|
||||
version: 0,
|
||||
},
|
||||
|
||||
tableRows: {},
|
||||
|
||||
dataRule: {
|
||||
customer_id: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.textRequiredSuffix', '不能为空'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
opportunity_code: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.textRequiredSuffix', '不能为空'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
opportunity_name: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.textRequiredSuffix', '不能为空'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
owner_id: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.textRequiredSuffix', '不能为空'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
opportunity_stage: [
|
||||
{
|
||||
required: true,
|
||||
message: t('sys.validate.textRequiredSuffix', '不能为空'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
optionsObj: {
|
||||
customer_idcolumnOptions: [
|
||||
{ label: '企业名称', value: 'company_name' },
|
||||
{ label: '类型', value: 'entity_type' },
|
||||
{ label: '归属组织', value: 'org_id' },
|
||||
{ label: '客户负责人', value: 'owner_id' },
|
||||
{ label: '客户等级', value: 'customer_level' },
|
||||
],
|
||||
opportunity_stageOptions: [],
|
||||
opportunity_stageProps: { label: 'fullName', value: 'enCode' },
|
||||
},
|
||||
|
||||
childIndex: -1,
|
||||
isEdit: false,
|
||||
interfaceRes: {
|
||||
desciption: [],
|
||||
amount: [],
|
||||
close_date: [],
|
||||
opportunity_code: [],
|
||||
owner_id: [],
|
||||
probability: [],
|
||||
remark: [],
|
||||
analysis: [],
|
||||
last_followup_date: [],
|
||||
opportunity_stage: [],
|
||||
opportunity_name: [],
|
||||
competitor: [],
|
||||
customer_id: [],
|
||||
},
|
||||
//可选范围默认值
|
||||
ableAll: {},
|
||||
|
||||
//掩码配置
|
||||
maskConfig: {
|
||||
opportunity_code: {
|
||||
prefixType: 1,
|
||||
useUnrealMask: false,
|
||||
maskType: 1,
|
||||
unrealMaskLength: 1,
|
||||
prefixLimit: 0,
|
||||
suffixLimit: 0,
|
||||
filler: '*',
|
||||
prefixSpecifyChar: '',
|
||||
suffixType: 1,
|
||||
ignoreChar: '',
|
||||
suffixSpecifyChar: '',
|
||||
},
|
||||
opportunity_name: {
|
||||
prefixType: 1,
|
||||
useUnrealMask: false,
|
||||
maskType: 1,
|
||||
unrealMaskLength: 1,
|
||||
prefixLimit: 0,
|
||||
suffixLimit: 0,
|
||||
filler: '*',
|
||||
prefixSpecifyChar: '',
|
||||
suffixType: 1,
|
||||
ignoreChar: '',
|
||||
suffixSpecifyChar: '',
|
||||
},
|
||||
},
|
||||
|
||||
//定位属性
|
||||
locationScope: {},
|
||||
|
||||
extraOptions: {
|
||||
customer_id: [],
|
||||
},
|
||||
|
||||
title: '',
|
||||
continueText: '',
|
||||
allList: [],
|
||||
currIndex: 0,
|
||||
isContinue: false,
|
||||
submitType: 0,
|
||||
showContinueBtn: true,
|
||||
});
|
||||
const { title, continueText, showContinueBtn, dataRule, dataForm, optionsObj, ableAll, maskConfig, submitType } = toRefs(state);
|
||||
|
||||
const getPrevDisabled = computed(() => state.currIndex === 0);
|
||||
const getNextDisabled = computed(() => state.currIndex === state.allList.length - 1);
|
||||
// 表单权限
|
||||
const { hasFormP } = usePermission();
|
||||
|
||||
defineExpose({ init });
|
||||
|
||||
function init(data) {
|
||||
state.submitType = 0;
|
||||
state.isContinue = false;
|
||||
state.title = !data.id ? t('common.add2Text', '新增') : t('common.editText', '编辑');
|
||||
state.continueText = !data.id ? t('common.continueAndAddText', '确定并新增') : t('common.continueText', '确定并继续');
|
||||
setFormProps({ continueLoading: false });
|
||||
state.dataForm.id = data.id;
|
||||
openPopup();
|
||||
state.allList = data.allList;
|
||||
state.currIndex = state.allList.length && data.id ? state.allList.findIndex(item => item.id === data.id) : 0;
|
||||
nextTick(() => {
|
||||
getForm().resetFields();
|
||||
setTimeout(initData, 0);
|
||||
});
|
||||
}
|
||||
function initData() {
|
||||
changeLoading(true);
|
||||
if (state.dataForm.id) {
|
||||
getData(state.dataForm.id);
|
||||
} else {
|
||||
//初始化options
|
||||
getopportunity_stageOptions();
|
||||
|
||||
// 设置默认值
|
||||
state.dataForm = {
|
||||
opportunity_code: undefined,
|
||||
opportunity_name: undefined,
|
||||
customer_id: '',
|
||||
owner_id: userInfo.userId ? userInfo.userId : '',
|
||||
opportunity_stage: '',
|
||||
amount: undefined,
|
||||
close_date: undefined,
|
||||
desciption: undefined,
|
||||
probability: undefined,
|
||||
last_followup_date: dayjs().startOf(getDateTimeUnit('yyyy-MM-dd')).valueOf(),
|
||||
competitor: undefined,
|
||||
analysis: undefined,
|
||||
remark: undefined,
|
||||
version: 0,
|
||||
};
|
||||
if (getLeftTreeActiveInfo) state.dataForm = { ...state.dataForm, ...(getLeftTreeActiveInfo() || {}) };
|
||||
state.childIndex = -1;
|
||||
changeLoading(false);
|
||||
}
|
||||
}
|
||||
function getForm() {
|
||||
const form = unref(formRef);
|
||||
if (!form) {
|
||||
throw new Error('form is null!');
|
||||
}
|
||||
return form;
|
||||
}
|
||||
function getData(id) {
|
||||
getInfo(id).then(res => {
|
||||
state.dataForm = res.data || {};
|
||||
getopportunity_stageOptions();
|
||||
|
||||
state.childIndex = -1;
|
||||
changeLoading(false);
|
||||
});
|
||||
}
|
||||
async function handleSubmit(type) {
|
||||
try {
|
||||
const values = await getForm()?.validate();
|
||||
if (!values) return;
|
||||
|
||||
setFormProps({ confirmLoading: true });
|
||||
const formMethod = state.dataForm.id ? update : create;
|
||||
formMethod(state.dataForm)
|
||||
.then(res => {
|
||||
createMessage.success(res.msg);
|
||||
setFormProps({ confirmLoading: false });
|
||||
if (state.submitType == 1) {
|
||||
initData();
|
||||
state.isContinue = true;
|
||||
} else {
|
||||
setFormProps({ open: false });
|
||||
emit('reload');
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
setFormProps({ confirmLoading: false });
|
||||
});
|
||||
} catch (_) {}
|
||||
}
|
||||
function handlePrev() {
|
||||
state.currIndex--;
|
||||
handleGetNewInfo();
|
||||
}
|
||||
function handleNext() {
|
||||
state.currIndex++;
|
||||
handleGetNewInfo();
|
||||
}
|
||||
function handleGetNewInfo() {
|
||||
changeLoading(true);
|
||||
getForm().resetFields();
|
||||
const id = state.allList[state.currIndex].id;
|
||||
getData(id);
|
||||
}
|
||||
function setFormProps(data) {
|
||||
setPopupProps(data);
|
||||
}
|
||||
function changeLoading(loading) {
|
||||
setPopupProps({ loading });
|
||||
}
|
||||
async function onClose() {
|
||||
if (state.isContinue) emit('reload');
|
||||
return true;
|
||||
}
|
||||
|
||||
function changeData(model, index) {
|
||||
state.isEdit = false;
|
||||
state.childIndex = index;
|
||||
for (let key in state.interfaceRes) {
|
||||
if (key != model) {
|
||||
let faceReList = state.interfaceRes[key];
|
||||
for (let i = 0; i < faceReList.length; i++) {
|
||||
let relationField = faceReList[i].relationField;
|
||||
if (relationField) {
|
||||
let modelAll = relationField.split('-');
|
||||
let faceMode = '';
|
||||
let faceMode2 = modelAll.length == 2 ? modelAll[0].substring(0, modelAll[0].length - 4) + modelAll[1] : '';
|
||||
for (let i = 0; i < modelAll.length; i++) {
|
||||
faceMode += modelAll[i];
|
||||
}
|
||||
if (faceMode == model || faceMode2 == model) {
|
||||
let options = 'get' + key + 'Options';
|
||||
eval(options)(true);
|
||||
changeData(key, index);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function changeDataFormData(type, data, model, index, defaultValue) {
|
||||
if (!state.isEdit) {
|
||||
if (type == 2) {
|
||||
for (let i = 0; i < state.dataForm[data].length; i++) {
|
||||
if (index == -1) {
|
||||
state.dataForm[data][i][model] = defaultValue;
|
||||
} else if (index == i) {
|
||||
state.dataForm[data][i][model] = defaultValue;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
state.dataForm[data] = defaultValue;
|
||||
}
|
||||
}
|
||||
}
|
||||
//数据选项--数据字典初始化方法
|
||||
function getopportunity_stageOptions() {
|
||||
getDictionaryDataSelector('797444616478523397').then(res => {
|
||||
state.optionsObj.opportunity_stageOptions = res.data.list;
|
||||
});
|
||||
}
|
||||
function getRelationDate(timeRule, timeType, timeTarget, timeValueData, dataValue) {
|
||||
let timeDataValue: any = null;
|
||||
let timeValue = Number(timeValueData);
|
||||
if (timeRule) {
|
||||
if (timeType == 1) {
|
||||
timeDataValue = timeValue;
|
||||
} else if (timeType == 2) {
|
||||
timeDataValue = dataValue;
|
||||
} else if (timeType == 3) {
|
||||
timeDataValue = new Date().getTime();
|
||||
} else if (timeType == 4 || timeType == 5) {
|
||||
const type = getTimeUnit(timeTarget);
|
||||
const method = timeType == 4 ? 'subtract' : 'add';
|
||||
timeDataValue = dayjs()[method](timeValue, type).valueOf();
|
||||
}
|
||||
}
|
||||
return timeDataValue;
|
||||
}
|
||||
function getRelationTime(timeRule, timeType, timeTarget, timeValue, formatType, dataValue) {
|
||||
let format = formatType == 'HH:mm' ? 'HH:mm:00' : formatType;
|
||||
let timeDataValue: any = null;
|
||||
if (timeRule) {
|
||||
if (timeType == 1) {
|
||||
timeDataValue = timeValue || '00:00:00';
|
||||
if (timeDataValue.split(':').length == 3) {
|
||||
timeDataValue = timeDataValue;
|
||||
} else {
|
||||
timeDataValue = timeDataValue + ':00';
|
||||
}
|
||||
} else if (timeType == 2) {
|
||||
timeDataValue = dataValue;
|
||||
} else if (timeType == 3) {
|
||||
timeDataValue = dayjs().format(format);
|
||||
} else if (timeType == 4 || timeType == 5) {
|
||||
const type = getTimeUnit(timeTarget + 3);
|
||||
const method = timeType == 4 ? 'subtract' : 'add';
|
||||
timeDataValue = dayjs()[method](timeValue, type).format(format);
|
||||
}
|
||||
}
|
||||
return timeDataValue;
|
||||
}
|
||||
</script>
|
||||
34
src/views/crm/crmopportunity/helper/api.ts
Normal file
34
src/views/crm/crmopportunity/helper/api.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
import { defHttp } from '@/utils/http/axios';
|
||||
|
||||
// 获取列表
|
||||
export function getList(data) {
|
||||
return defHttp.post({ url: '/api/bcm/CrmOpportunity/getList', data });
|
||||
}
|
||||
// 新建
|
||||
export function create(data) {
|
||||
return defHttp.post({ url:'/api/bcm/CrmOpportunity', data });
|
||||
}
|
||||
// 修改
|
||||
export function update(data) {
|
||||
return defHttp.put({ url: '/api/bcm/CrmOpportunity/'+ data.id, data });
|
||||
}
|
||||
// 详情(无转换数据)
|
||||
export function getInfo(id) {
|
||||
return defHttp.get({ url: '/api/bcm/CrmOpportunity/' + id });
|
||||
}
|
||||
// 获取(转换数据)
|
||||
export function getDetailInfo(id) {
|
||||
return defHttp.get({ url: '/api/bcm/CrmOpportunity/detail/' + id });
|
||||
}
|
||||
// 删除
|
||||
export function del(id) {
|
||||
return defHttp.delete({ url: '/api/bcm/CrmOpportunity/' + id });
|
||||
}
|
||||
// 批量删除数据
|
||||
export function batchDelete(data) {
|
||||
return defHttp.delete({ url: '/api/bcm/CrmOpportunity/batchRemove', data });
|
||||
}
|
||||
// 导出
|
||||
export function exportData(data) {
|
||||
return defHttp.post({ url: '/api/bcm/CrmOpportunity/Actions/Export', data });
|
||||
}
|
||||
619
src/views/crm/crmopportunity/helper/columnList.ts
Normal file
619
src/views/crm/crmopportunity/helper/columnList.ts
Normal file
@@ -0,0 +1,619 @@
|
||||
const columnList = [
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemccf93a",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机编码",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575485596,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"opportunity_code",
|
||||
"__vModel__":"opportunity_code",
|
||||
"disabled":false,
|
||||
"id":"opportunity_code",
|
||||
"placeholder":"请输入商机编码",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"商机编码",
|
||||
"label":"商机编码",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemd62246",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机名称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575491289,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"opportunity_name",
|
||||
"__vModel__":"opportunity_name",
|
||||
"disabled":false,
|
||||
"id":"opportunity_name",
|
||||
"placeholder":"请输入商机名称",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"商机名称",
|
||||
"label":"商机名称",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"popupType":"drawer",
|
||||
"yunzhupaasKey":"relationForm",
|
||||
"hasPage":false,
|
||||
"modelId":"806858527036409349",
|
||||
"pageSize":20,
|
||||
"columnOptions":[
|
||||
{
|
||||
"label":"企业名称",
|
||||
"value":"company_name"
|
||||
},
|
||||
{
|
||||
"label":"类型",
|
||||
"value":"entity_type"
|
||||
},
|
||||
{
|
||||
"label":"归属组织",
|
||||
"value":"org_id"
|
||||
},
|
||||
{
|
||||
"label":"客户负责人",
|
||||
"value":"owner_id"
|
||||
},
|
||||
{
|
||||
"label":"客户等级",
|
||||
"value":"customer_level"
|
||||
}
|
||||
],
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"__config__":{
|
||||
"formId":"formItemd16307",
|
||||
"yunzhupaasKey":"relationForm",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":"",
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"客户",
|
||||
"trigger":"change",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575610653,
|
||||
"layout":"colFormItem",
|
||||
"transferList":[],
|
||||
"tagIcon":"icon-ym icon-ym-generator-menu",
|
||||
"tag":"YunzhupaasRelationForm",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"prop":"customer_id",
|
||||
"__vModel__":"customer_id",
|
||||
"disabled":false,
|
||||
"id":"customer_id",
|
||||
"placeholder":"请选择客户",
|
||||
"popupWidth":"70%",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"fullName":"客户",
|
||||
"label":"客户",
|
||||
"sortable":false,
|
||||
"relationField":"company_name",
|
||||
"queryType":0,
|
||||
"extraOptions":[],
|
||||
"popupTitle":"选择客户",
|
||||
"width":null,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"labelI18nCode":"",
|
||||
"propsValue":"company_id"
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"usersSelect",
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"ableIds":[],
|
||||
"multiple":false,
|
||||
"fullName":"商机负责人",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"商机负责人",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"__config__":{
|
||||
"formId":"formItem133e27",
|
||||
"yunzhupaasKey":"usersSelect",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":"",
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机负责人",
|
||||
"trigger":"change",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575984909,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-founder",
|
||||
"defaultCurrent":true,
|
||||
"tag":"YunzhupaasUsersSelect",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"owner_id",
|
||||
"width":null,
|
||||
"__vModel__":"owner_id",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"selectType":"all",
|
||||
"disabled":false,
|
||||
"id":"owner_id",
|
||||
"placeholder":"请选择商机负责人",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"multiple":false,
|
||||
"fullName":"商机阶段",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"商机阶段",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576009744,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem97b95a",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"797444616478523397",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"商机阶段",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"opportunity_stage",
|
||||
"width":null,
|
||||
"options":[],
|
||||
"__vModel__":"opportunity_stage",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"opportunity_stage",
|
||||
"placeholder":"请选择商机阶段",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"inputNumber",
|
||||
"controls":false,
|
||||
"precision":2,
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"isAmountChinese":false,
|
||||
"__config__":{
|
||||
"formId":"formItem25e841",
|
||||
"yunzhupaasKey":"inputNumber",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"预计金额",
|
||||
"trigger":[
|
||||
"blur",
|
||||
"change"
|
||||
],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576045553,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-number",
|
||||
"tag":"YunzhupaasInputNumber",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"amount",
|
||||
"__vModel__":"amount",
|
||||
"disabled":false,
|
||||
"id":"amount",
|
||||
"placeholder":"请输入预计金额",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"resizable":true,
|
||||
"max":9999999,
|
||||
"fullName":"预计金额",
|
||||
"label":"预计金额",
|
||||
"sortable":false,
|
||||
"thousands":false,
|
||||
"addonAfter":"元",
|
||||
"width":null,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"step":1,
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"format":"yyyy-MM-dd",
|
||||
"fullName":"预计成交日期",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"预计成交日期",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"endRelationField":"",
|
||||
"defaultValue":null,
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576099226,
|
||||
"tagIcon":"icon-ym icon-ym-generator-date",
|
||||
"startRelationField":"",
|
||||
"defaultCurrent":false,
|
||||
"tag":"YunzhupaasDatePicker",
|
||||
"formId":"formItemc8fcbf",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"endTimeTarget":1,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"startTimeType":1,
|
||||
"endTimeRule":false,
|
||||
"label":"预计成交日期",
|
||||
"trigger":"change",
|
||||
"startTimeRule":false,
|
||||
"startTimeValue":null,
|
||||
"endTimeValue":null,
|
||||
"endTimeType":1,
|
||||
"layout":"colFormItem",
|
||||
"startTimeTarget":1,
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"close_date",
|
||||
"width":null,
|
||||
"__vModel__":"close_date",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"startTime":null,
|
||||
"disabled":false,
|
||||
"id":"close_date",
|
||||
"placeholder":"请选择预计成交日期",
|
||||
"endTime":null,
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"inputNumber",
|
||||
"controls":false,
|
||||
"precision":2,
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"isAmountChinese":false,
|
||||
"__config__":{
|
||||
"formId":"formItem4b8dd6",
|
||||
"yunzhupaasKey":"inputNumber",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":null,
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"赢单概率",
|
||||
"trigger":[
|
||||
"blur",
|
||||
"change"
|
||||
],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576216024,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-number",
|
||||
"tag":"YunzhupaasInputNumber",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"probability",
|
||||
"__vModel__":"probability",
|
||||
"disabled":false,
|
||||
"id":"probability",
|
||||
"placeholder":"请输入赢单概率",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"resizable":true,
|
||||
"max":100,
|
||||
"fullName":"赢单概率",
|
||||
"label":"赢单概率",
|
||||
"sortable":false,
|
||||
"thousands":false,
|
||||
"addonAfter":"%",
|
||||
"width":null,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"step":1,
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"format":"yyyy-MM-dd",
|
||||
"fullName":"最后跟进日期",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"最后跟进日期",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"endRelationField":"",
|
||||
"defaultValue":null,
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576256284,
|
||||
"tagIcon":"icon-ym icon-ym-generator-date",
|
||||
"startRelationField":"",
|
||||
"defaultCurrent":true,
|
||||
"tag":"YunzhupaasDatePicker",
|
||||
"formId":"formIteme2d97f",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"endTimeTarget":1,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"startTimeType":1,
|
||||
"endTimeRule":false,
|
||||
"label":"最后跟进日期",
|
||||
"trigger":"change",
|
||||
"startTimeRule":false,
|
||||
"startTimeValue":null,
|
||||
"endTimeValue":null,
|
||||
"endTimeType":1,
|
||||
"layout":"colFormItem",
|
||||
"startTimeTarget":1,
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"last_followup_date",
|
||||
"width":null,
|
||||
"__vModel__":"last_followup_date",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"startTime":null,
|
||||
"disabled":true,
|
||||
"id":"last_followup_date",
|
||||
"placeholder":"请选择最后跟进日期",
|
||||
"endTime":null,
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
}
|
||||
]
|
||||
export default columnList
|
||||
205
src/views/crm/crmopportunity/helper/searchList.ts
Normal file
205
src/views/crm/crmopportunity/helper/searchList.ts
Normal file
@@ -0,0 +1,205 @@
|
||||
const searchList = [
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemd62246",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机名称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575491289,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"opportunity_name",
|
||||
"__vModel__":"opportunity_name",
|
||||
"searchMultiple":false,
|
||||
"disabled":false,
|
||||
"id":"opportunity_name",
|
||||
"placeholder":"请输入商机名称",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"searchType":2,
|
||||
"maxlength":50,
|
||||
"fullName":"商机名称",
|
||||
"label":"商机名称",
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"isKeyword":true,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"searchType":1,
|
||||
"multiple":false,
|
||||
"fullName":"商机阶段",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"商机阶段",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576009744,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem97b95a",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"797444616478523397",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"商机阶段",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"opportunity_stage",
|
||||
"options":[],
|
||||
"__vModel__":"opportunity_stage",
|
||||
"searchMultiple":true,
|
||||
"isKeyword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"opportunity_stage",
|
||||
"placeholder":"请选择商机阶段",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"clearable":true,
|
||||
"searchType":3,
|
||||
"format":"yyyy-MM-dd",
|
||||
"fullName":"预计成交日期",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"预计成交日期",
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"endRelationField":"",
|
||||
"defaultValue":null,
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576099226,
|
||||
"tagIcon":"icon-ym icon-ym-generator-date",
|
||||
"startRelationField":"",
|
||||
"defaultCurrent":false,
|
||||
"tag":"YunzhupaasDatePicker",
|
||||
"formId":"formItemc8fcbf",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"endTimeTarget":1,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"startTimeType":1,
|
||||
"endTimeRule":false,
|
||||
"label":"预计成交日期",
|
||||
"trigger":"change",
|
||||
"startTimeRule":false,
|
||||
"startTimeValue":null,
|
||||
"endTimeValue":null,
|
||||
"endTimeType":1,
|
||||
"layout":"colFormItem",
|
||||
"startTimeTarget":1,
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"prop":"close_date",
|
||||
"__vModel__":"close_date",
|
||||
"searchMultiple":false,
|
||||
"isKeyword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"startTime":null,
|
||||
"disabled":false,
|
||||
"id":"close_date",
|
||||
"placeholder":"请选择预计成交日期",
|
||||
"endTime":null,
|
||||
"value":[],
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
}
|
||||
]
|
||||
export default searchList
|
||||
738
src/views/crm/crmopportunity/helper/superQueryJson.ts
Normal file
738
src/views/crm/crmopportunity/helper/superQueryJson.ts
Normal file
@@ -0,0 +1,738 @@
|
||||
const superQueryJson = [
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":50,
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullName":"商机编码",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"addonAfter":"",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemccf93a",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机编码",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575485596,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"readonly":false,
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"__vModel__":"opportunity_code",
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"opportunity_code",
|
||||
"placeholder":"请输入商机编码",
|
||||
"prefixIcon":"",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":50,
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullName":"商机名称",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"addonAfter":"",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemd62246",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机名称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575491289,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"readonly":false,
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"__vModel__":"opportunity_name",
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"opportunity_name",
|
||||
"placeholder":"请输入商机名称",
|
||||
"prefixIcon":"",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"popupType":"drawer",
|
||||
"hasPage":false,
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"modelId":"806858527036409349",
|
||||
"fullName":"客户",
|
||||
"pageSize":20,
|
||||
"columnOptions":[
|
||||
{
|
||||
"label":"企业名称",
|
||||
"value":"company_name"
|
||||
},
|
||||
{
|
||||
"label":"类型",
|
||||
"value":"entity_type"
|
||||
},
|
||||
{
|
||||
"label":"归属组织",
|
||||
"value":"org_id"
|
||||
},
|
||||
{
|
||||
"label":"客户负责人",
|
||||
"value":"owner_id"
|
||||
},
|
||||
{
|
||||
"label":"客户等级",
|
||||
"value":"customer_level"
|
||||
}
|
||||
],
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"relationField":"company_name",
|
||||
"queryType":0,
|
||||
"__config__":{
|
||||
"formId":"formItemd16307",
|
||||
"yunzhupaasKey":"relationForm",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":"",
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"客户",
|
||||
"trigger":"change",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575610653,
|
||||
"layout":"colFormItem",
|
||||
"transferList":[],
|
||||
"tagIcon":"icon-ym icon-ym-generator-menu",
|
||||
"tag":"YunzhupaasRelationForm",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"extraOptions":[],
|
||||
"popupTitle":"选择客户",
|
||||
"__vModel__":"customer_id",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"customer_id",
|
||||
"placeholder":"请选择客户",
|
||||
"popupWidth":"70%",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"propsValue":"company_id"
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"ableIds":[],
|
||||
"multiple":false,
|
||||
"fullName":"商机负责人",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"__config__":{
|
||||
"formId":"formItem133e27",
|
||||
"yunzhupaasKey":"usersSelect",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":"",
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机负责人",
|
||||
"trigger":"change",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774575984909,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-founder",
|
||||
"defaultCurrent":true,
|
||||
"tag":"YunzhupaasUsersSelect",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"__vModel__":"owner_id",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"selectType":"all",
|
||||
"disabled":false,
|
||||
"id":"owner_id",
|
||||
"placeholder":"请选择商机负责人",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"multiple":false,
|
||||
"fullName":"商机阶段",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576009744,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem97b95a",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"797444616478523397",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"商机阶段",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"options":[],
|
||||
"__vModel__":"opportunity_stage",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"opportunity_stage",
|
||||
"placeholder":"请选择商机阶段",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"controls":false,
|
||||
"max":9999999,
|
||||
"precision":2,
|
||||
"fullName":"预计金额",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"thousands":false,
|
||||
"isAmountChinese":false,
|
||||
"addonAfter":"元",
|
||||
"__config__":{
|
||||
"formId":"formItem25e841",
|
||||
"yunzhupaasKey":"inputNumber",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"预计金额",
|
||||
"trigger":[
|
||||
"blur",
|
||||
"change"
|
||||
],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576045553,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-number",
|
||||
"tag":"YunzhupaasInputNumber",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"__vModel__":"amount",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"step":1,
|
||||
"disabled":false,
|
||||
"id":"amount",
|
||||
"placeholder":"请输入预计金额",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"format":"yyyy-MM-dd",
|
||||
"fullName":"预计成交日期",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"endRelationField":"",
|
||||
"defaultValue":null,
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576099226,
|
||||
"tagIcon":"icon-ym icon-ym-generator-date",
|
||||
"startRelationField":"",
|
||||
"defaultCurrent":false,
|
||||
"tag":"YunzhupaasDatePicker",
|
||||
"formId":"formItemc8fcbf",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"endTimeTarget":1,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"startTimeType":1,
|
||||
"endTimeRule":false,
|
||||
"label":"预计成交日期",
|
||||
"trigger":"change",
|
||||
"startTimeRule":false,
|
||||
"startTimeValue":null,
|
||||
"endTimeValue":null,
|
||||
"endTimeType":1,
|
||||
"layout":"colFormItem",
|
||||
"startTimeTarget":1,
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"__vModel__":"close_date",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"startTime":null,
|
||||
"disabled":false,
|
||||
"id":"close_date",
|
||||
"placeholder":"请选择预计成交日期",
|
||||
"endTime":null,
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":200,
|
||||
"fullName":"商机简介",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"autoSize":{
|
||||
"minRows":3,
|
||||
"maxRows":3
|
||||
},
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemdff872",
|
||||
"yunzhupaasKey":"textarea",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"商机简介",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576122837,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-textarea",
|
||||
"tag":"YunzhupaasTextarea",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"__vModel__":"desciption",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"desciption",
|
||||
"placeholder":"请输入商机简介",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"controls":false,
|
||||
"max":100,
|
||||
"precision":2,
|
||||
"fullName":"赢单概率",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"thousands":false,
|
||||
"isAmountChinese":false,
|
||||
"addonAfter":"%",
|
||||
"__config__":{
|
||||
"formId":"formItem4b8dd6",
|
||||
"yunzhupaasKey":"inputNumber",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":null,
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"赢单概率",
|
||||
"trigger":[
|
||||
"blur",
|
||||
"change"
|
||||
],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576216024,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-number",
|
||||
"tag":"YunzhupaasInputNumber",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"__vModel__":"probability",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"step":1,
|
||||
"disabled":false,
|
||||
"id":"probability",
|
||||
"placeholder":"请输入赢单概率",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"format":"yyyy-MM-dd",
|
||||
"fullName":"最后跟进日期",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"datePicker",
|
||||
"endRelationField":"",
|
||||
"defaultValue":null,
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576256284,
|
||||
"tagIcon":"icon-ym icon-ym-generator-date",
|
||||
"startRelationField":"",
|
||||
"defaultCurrent":true,
|
||||
"tag":"YunzhupaasDatePicker",
|
||||
"formId":"formIteme2d97f",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"endTimeTarget":1,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"startTimeType":1,
|
||||
"endTimeRule":false,
|
||||
"label":"最后跟进日期",
|
||||
"trigger":"change",
|
||||
"startTimeRule":false,
|
||||
"startTimeValue":null,
|
||||
"endTimeValue":null,
|
||||
"endTimeType":1,
|
||||
"layout":"colFormItem",
|
||||
"startTimeTarget":1,
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":12
|
||||
},
|
||||
"__vModel__":"last_followup_date",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"startTime":null,
|
||||
"disabled":true,
|
||||
"id":"last_followup_date",
|
||||
"placeholder":"请选择最后跟进日期",
|
||||
"endTime":null,
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":200,
|
||||
"fullName":"竞争对手信息",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"autoSize":{
|
||||
"minRows":3,
|
||||
"maxRows":3
|
||||
},
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemf00947",
|
||||
"yunzhupaasKey":"textarea",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"竞争对手信息",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576286031,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-textarea",
|
||||
"tag":"YunzhupaasTextarea",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"__vModel__":"competitor",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"competitor",
|
||||
"placeholder":"请输入竞争对手信息",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":200,
|
||||
"fullName":"决策分析",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"autoSize":{
|
||||
"minRows":3,
|
||||
"maxRows":3
|
||||
},
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemd031ca",
|
||||
"yunzhupaasKey":"textarea",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"决策分析",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576313718,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-textarea",
|
||||
"tag":"YunzhupaasTextarea",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"__vModel__":"analysis",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"analysis",
|
||||
"placeholder":"请输入决策分析",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"clearable":true,
|
||||
"maxlength":200,
|
||||
"fullName":"备注",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"autoSize":{
|
||||
"minRows":3,
|
||||
"maxRows":3
|
||||
},
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem327c50",
|
||||
"yunzhupaasKey":"textarea",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"备注",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"crm_opportunity",
|
||||
"renderKey":1774576314248,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-textarea",
|
||||
"tag":"YunzhupaasTextarea",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":24
|
||||
},
|
||||
"readonly":false,
|
||||
"__vModel__":"remark",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"remark",
|
||||
"placeholder":"请输入备注",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
}
|
||||
]
|
||||
export default superQueryJson
|
||||
652
src/views/crm/crmopportunity/index.vue
Normal file
652
src/views/crm/crmopportunity/index.vue
Normal file
@@ -0,0 +1,652 @@
|
||||
<template>
|
||||
<div class="yunzhupaas-content-wrapper">
|
||||
<div class="yunzhupaas-content-wrapper-center">
|
||||
<div class="yunzhupaas-content-wrapper-search-box" v-if="getSearchList.length">
|
||||
<BasicForm @register="registerSearchForm" :schemas="getSearchList"
|
||||
@advanced-change="redoHeight" @submit="handleSearchSubmit" @reset="handleSearchReset"
|
||||
class="search-form">
|
||||
</BasicForm>
|
||||
</div>
|
||||
<div class="yunzhupaas-content-wrapper-content bg-white">
|
||||
<BasicTable @register="registerTable" v-bind="getTableBindValue" ref="tableRef"
|
||||
@columns-change="handleColumnChange">
|
||||
<template #tableTitle>
|
||||
<a-button type="primary" preIcon="icon-ym icon-ym-btn-add"
|
||||
@click="addHandle()"> {{t('common.add2Text','新增')}}</a-button>
|
||||
</template>
|
||||
<template #toolbar>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>
|
||||
<span>{{ t('common.superQuery') }}</span>
|
||||
</template>
|
||||
<filter-outlined @click="openSuperQuery(true, { columnOptions: superQueryJson })" />
|
||||
</a-tooltip>
|
||||
</template>
|
||||
<template #toolbarAfter>
|
||||
<ViewList :menuId="route.meta.modelId" :viewList="viewList" @itemClick="handleViewClick" @reload="initViewList" />
|
||||
<ViewSetting :menuId="route.meta.modelId" :viewList="viewList" :currentView="currentView" @reload="initViewList" />
|
||||
</template>
|
||||
<template #bodyCell="{ column, record, index }">
|
||||
<template v-for="(item, index) in childColumnList" v-if="childColumnList.length">
|
||||
<template
|
||||
v-if="column?.id?.includes('-') && item.children && item.children[0] && column.key === item.children[0]?.dataIndex">
|
||||
<ChildTableColumn :data="record[item.prop]" :head="item.children"
|
||||
@toggleExpand="toggleExpand(record, item.prop+`Expand`)" @toDetail="toDetail"
|
||||
:expand="record[item.prop+`Expand`]" :key="index" :showOverflow="true "/>
|
||||
</template>
|
||||
</template>
|
||||
<template v-if="!(record.top || column.id?.includes('-'))">
|
||||
<template v-if="column.yunzhupaasKey === 'relationForm'">
|
||||
<p class="link-text"
|
||||
@click="toDetail(column.modelId, record[column.dataIndex+`_id`], column.propsValue)">
|
||||
{{ record[column.dataIndex] }}</p>
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'inputNumber'">
|
||||
<yunzhupaas-input-number v-model:value="record[column.prop]" :precision="column.precision" :thousands="column.thousands" disabled detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'calculate'">
|
||||
<yunzhupaas-calculate
|
||||
v-model:value="record[column.prop]"
|
||||
:isStorage="column.isStorage"
|
||||
:precision="column.precision"
|
||||
:thousands="column.thousands"
|
||||
detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'sign'">
|
||||
<yunzhupaas-sign v-model:value="record[column.prop]" detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'signature'">
|
||||
<yunzhupaas-signature v-model:value="record[column.prop]" detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'rate'">
|
||||
<yunzhupaas-rate v-model:value="record[column.prop]" :count="column.count" :allowHalf="column.allowHalf" disabled />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'slider'">
|
||||
<yunzhupaas-slider v-model:value="record[column.prop]" :min="column.min" :max="column.max" :step="column.step" disabled />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'uploadImg'">
|
||||
<yunzhupaas-upload-img v-model:value="record[column.prop]" disabled detailed simple v-if="record[column.prop]?.length" />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'uploadFile'">
|
||||
<yunzhupaas-upload-file v-model:value="record[column.prop]" disabled detailed simple v-if="record[column.prop]?.length" />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'input'">
|
||||
<yunzhupaas-input
|
||||
v-model:value="record[column.prop]"
|
||||
:useMask="column.useMask"
|
||||
:maskConfig="column.maskConfig"
|
||||
:showOverflow="true"
|
||||
detailed />
|
||||
</template>
|
||||
</template>
|
||||
<template v-if="column.key === 'action' && !record.top">
|
||||
<TableAction :actions="getTableActions(record)" />
|
||||
</template>
|
||||
</template>
|
||||
</BasicTable>
|
||||
</div>
|
||||
</div>
|
||||
<Form ref="formRef" @reload="reload" />
|
||||
<Detail ref="detailRef" />
|
||||
<ExportModal @register="registerExportModal" @download="handleDownload" />
|
||||
<ImportModal @register="registerImportModal" @reload="reload" />
|
||||
<PrintSelect @register="registerPrintSelect" @change="handleShowBrowse" />
|
||||
<PrintBrowse @register="registerPrintBrowse" />
|
||||
<RelationDetail ref="relationDetailRef" />
|
||||
<SuperQueryModal @register="registerSuperQueryModal" @superQuery="handleSuperQuery" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
|
||||
import { getList, del, exportData, batchDelete } from './helper/api';
|
||||
import { getConfigData,getViewList } from '@/api/onlineDev/visualDev';
|
||||
import { getDictionaryDataSelector } from '@/api/systemData/dictionary';
|
||||
import { getDataInterfaceRes } from '@/api/systemData/dataInterface';
|
||||
import { getOrgByOrganizeCondition,getDepartmentSelectAsyncList } from '@/api/permission/organize';
|
||||
import { ref, reactive, onMounted, toRefs, computed, unref, nextTick, toRaw, provide } from 'vue';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import { useI18n } from '@/hooks/web/useI18n';
|
||||
import { useOrganizeStore } from '@/store/modules/organize';
|
||||
import { useUserStore } from '@/store/modules/user';
|
||||
import { BasicModal, useModal } from '@/components/Modal';
|
||||
import { usePopup } from '@/components/Popup';
|
||||
import { ScrollContainer } from '@/components/Container';
|
||||
import { BasicLeftTree, TreeActionType } from '@/components/Tree';
|
||||
import { BasicForm, useForm } from '@/components/Form';
|
||||
import { BasicTable, useTable, TableAction, ActionItem, TableActionType, SorterResult } from '@/components/Table';
|
||||
import { SuperQueryModal } from '@/components/CommonModal';
|
||||
import Form from './Form.vue';
|
||||
import Detail from './Detail.vue';
|
||||
// 有关联表单详情：开始
|
||||
import RelationDetail from '@/views/common/dynamicModel/list/detail/index.vue';
|
||||
// 有关联表单详情：结束
|
||||
import ChildTableColumn from '@/views/common/dynamicModel/list/ChildTableColumn.vue';
|
||||
import { ExportModal } from '@/components/CommonModal';
|
||||
import { downloadByUrl } from '@/utils/file/download';
|
||||
import { ImportModal} from '@/components/CommonModal';
|
||||
// 打印模板多条生成PrintSelect
|
||||
import PrintSelect from '@/components/PrintDesign/printSelect/index.vue';
|
||||
import PrintBrowse from '@/components/PrintDesign/printBrowse/index.vue';
|
||||
import { useRoute,useRouter } from 'vue-router';
|
||||
import { FilterOutlined } from '@ant-design/icons-vue';
|
||||
import { getSearchFormSchemas } from '@/components/FormGenerator/src/helper/transform';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import columnList from './helper/columnList';
|
||||
import searchList from './helper/searchList';
|
||||
import superQueryJson from './helper/superQueryJson';
|
||||
import { dyOptionsList, systemComponentsList } from '@/components/FormGenerator/src/helper/config';
|
||||
import { thousandsFormat, getParamList} from '@/utils/yunzhupaas';
|
||||
import { usePermission } from '@/hooks/web/usePermission';
|
||||
|
||||
import ViewSetting from '@/views/common/dynamicModel/list/components/ViewSetting.vue';
|
||||
import ViewList from '@/views/common/dynamicModel/list/components/ViewList.vue';
|
||||
|
||||
interface State {
|
||||
config: any;
|
||||
columnList: any[];
|
||||
printListOptions: any[];
|
||||
columnBtnsList: any[];
|
||||
customBtnsList: any[];
|
||||
treeFieldNames: any;
|
||||
leftTreeData: any[];
|
||||
leftTreeLoading: boolean;
|
||||
treeActiveId: string;
|
||||
treeActiveNodePath: any;
|
||||
columns: any[];
|
||||
complexColumns: any[];
|
||||
childColumnList: any[];
|
||||
exportList: any[];
|
||||
cacheList: any[];
|
||||
currFlow: any;
|
||||
isCustomCopy: boolean;
|
||||
candidateType: number;
|
||||
currRow: any;
|
||||
workFlowFormData: any;
|
||||
expandObj: any;
|
||||
columnSettingList: any[];
|
||||
searchSchemas: any[];
|
||||
treeRelationObj: any;
|
||||
treeQueryJson: any;
|
||||
leftTreeActiveInfo: any;
|
||||
keyword: string;
|
||||
viewList: any[];
|
||||
currentView: any;
|
||||
}
|
||||
|
||||
const route = useRoute();
|
||||
const { hasBtnP } = usePermission();
|
||||
const { createMessage, createConfirm } = useMessage();
|
||||
const { t } = useI18n();
|
||||
const organizeStore = useOrganizeStore();
|
||||
const userStore = useUserStore();
|
||||
const userInfo = userStore.getUserInfo;
|
||||
|
||||
const [registerExportModal, { openModal: openExportModal, closeModal: closeExportModal, setModalProps: setExportModalProps }] = useModal();
|
||||
const [registerImportModal, { openModal: openImportModal }] = useModal();
|
||||
const [registerSuperQueryModal, { openModal: openSuperQuery }] = useModal();
|
||||
const formRef = ref<any>(null);
|
||||
const tableRef = ref<Nullable<TableActionType>>(null);
|
||||
const detailRef = ref<any>(null);
|
||||
const relationDetailRef = ref<any>(null);
|
||||
|
||||
const state = reactive<State>({
|
||||
config: {},
|
||||
columnList: [],
|
||||
printListOptions: [],
|
||||
columnBtnsList: [],
|
||||
customBtnsList: [],
|
||||
treeFieldNames: {
|
||||
children: 'children' ,
|
||||
title: 'fullName' ,
|
||||
key: 'id' ,
|
||||
isLeaf: 'isLeaf',
|
||||
},
|
||||
leftTreeData: [],
|
||||
leftTreeLoading: false,
|
||||
treeActiveId: '',
|
||||
treeActiveNodePath: [],
|
||||
columns: [],
|
||||
complexColumns: [], // 复杂表头
|
||||
childColumnList: [],
|
||||
exportList: [],
|
||||
cacheList: [],
|
||||
currFlow: {},
|
||||
isCustomCopy: false,
|
||||
candidateType: 1,
|
||||
currRow: {},
|
||||
workFlowFormData: {},
|
||||
expandObj: {},
|
||||
columnSettingList: [],
|
||||
searchSchemas: [],
|
||||
treeRelationObj: null,
|
||||
treeQueryJson: {},
|
||||
leftTreeActiveInfo: {},
|
||||
keyword: '',
|
||||
viewList: [],
|
||||
currentView: {},
|
||||
});
|
||||
const defaultSearchInfo = {
|
||||
menuId: route.meta.modelId as string,
|
||||
moduleId:'807147983731689285',
|
||||
superQueryJson: '',
|
||||
dataType:0,
|
||||
};
|
||||
const searchInfo = reactive({
|
||||
...cloneDeep(defaultSearchInfo),
|
||||
});
|
||||
const { childColumnList, searchSchemas, viewList, currentView} = toRefs(state);
|
||||
const [registerSearchForm, { updateSchema, resetFields, submit: searchFormSubmit, setFieldsValue}] = useForm({
|
||||
baseColProps: { span: 6 },
|
||||
showActionButtonGroup: true,
|
||||
showAdvancedButton: true,
|
||||
compact: true,
|
||||
});
|
||||
const [registerTable, { reload, setLoading, getFetchParams, getSelectRows, getSelectRowKeys, redoHeight,clearSelectedRowKeys }] = useTable({
|
||||
api: getList,
|
||||
immediate: false,
|
||||
clickToRowSelect: false,
|
||||
tableSetting: { setting: false },
|
||||
afterFetch: (data) => {
|
||||
const list = data.map((o) => ({
|
||||
...o,
|
||||
...state.expandObj,
|
||||
}));
|
||||
state.cacheList = cloneDeep(list);
|
||||
return list;
|
||||
},
|
||||
});
|
||||
const [registerChildTable] = useTable({
|
||||
pagination: false,
|
||||
canResize: false,
|
||||
showTableSetting: false,
|
||||
});
|
||||
|
||||
provide('getLeftTreeActiveInfo', () => state.leftTreeActiveInfo);
|
||||
|
||||
const getHasBatchBtn = computed(() => {
|
||||
let btnsList =[]
|
||||
return !!btnsList.length
|
||||
});
|
||||
|
||||
|
||||
const getColumns = computed(() => {
|
||||
const columns = state.complexColumns;
|
||||
return setListValue(state.currentView?.columnList, columns, 'prop');
|
||||
});
|
||||
const getSearchList = computed(() => {
|
||||
const searchSchemas = cloneDeep(state.searchSchemas).map(o => ({ ...o, show: true }));
|
||||
return setListValue(state.currentView?.searchList, searchSchemas, 'field');
|
||||
});
|
||||
const getTableBindValue = computed(() => {
|
||||
let columns = unref(getColumns);
|
||||
const defaultSortConfig= [];
|
||||
const sortField = defaultSortConfig.map(o => (o.sort === 'desc' ? '-' : '') + o.field);
|
||||
const data: any = {
|
||||
pagination: { pageSize: 20 }, //有分页
|
||||
searchInfo: unref(searchInfo),
|
||||
defSort: { sidx: sortField.join(',') },
|
||||
sortFn: (sortInfo: SorterResult | SorterResult[]) => {
|
||||
if (Array.isArray(sortInfo)) {
|
||||
const sortList = sortInfo.map(o => (o.order === 'descend' ? '-' : '') + o.field);
|
||||
return { sidx: sortList.join(',') };
|
||||
} else {
|
||||
const { field, order } = sortInfo;
|
||||
if (field && order) {
|
||||
// 排序字段
|
||||
return { sidx: (order === 'descend' ? '-' : '') + field };
|
||||
} else {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
},
|
||||
ellipsis:true ,
|
||||
columns,
|
||||
bordered: true,
|
||||
actionColumn: {
|
||||
width: 150,
|
||||
title: t('component.table.action'),
|
||||
dataIndex: 'action',
|
||||
},
|
||||
};
|
||||
if (unref(getHasBatchBtn)) {
|
||||
const rowSelection: any = { type: 'checkbox' };
|
||||
data.rowSelection = rowSelection;
|
||||
}
|
||||
return data;
|
||||
});
|
||||
|
||||
function init() {
|
||||
state.config = {};
|
||||
searchInfo.menuId = route.meta.modelId as string;
|
||||
state.columnList = columnList;
|
||||
setLoading(true);
|
||||
getSearchSchemas();
|
||||
getColumnList();
|
||||
initViewList();
|
||||
nextTick(() => {
|
||||
unref(getSearchList)?.length ? searchFormSubmit() : reload({ page: 1 });
|
||||
});
|
||||
}
|
||||
function getSearchSchemas() {
|
||||
|
||||
const schemas = getSearchFormSchemas(searchList);
|
||||
state.searchSchemas = schemas;
|
||||
schemas.forEach((cur) => {
|
||||
const config = cur.__config__;
|
||||
if (dyOptionsList.includes(config.yunzhupaasKey)) {
|
||||
if (config.dataType === 'dictionary') {
|
||||
if (!config.dictionaryType) return;
|
||||
getDictionaryDataSelector(config.dictionaryType).then((res) => {
|
||||
updateSchema([{ field: cur.field, componentProps: { options: res.data.list } }]);
|
||||
});
|
||||
}
|
||||
if (config.dataType === 'dynamic') {
|
||||
if (!config.propsUrl) return;
|
||||
const query = { paramList: getParamList(config.templateJson) };
|
||||
getDataInterfaceRes(config.propsUrl, query).then((res) => {
|
||||
const data = Array.isArray(res.data) ? res.data : [];
|
||||
updateSchema([{ field: cur.field, componentProps: { options: data } }]);
|
||||
});
|
||||
}
|
||||
}
|
||||
cur.defaultValue = cur.value;
|
||||
});
|
||||
}
|
||||
function getColumnList() {
|
||||
// 没有开启列表权限
|
||||
let columnList = state.columnList;
|
||||
state.exportList = columnList;
|
||||
let columns = columnList.map((o) => ({
|
||||
...o,
|
||||
title: o.labelI18nCode ? t(o.labelI18nCode, o.label) : o.label,
|
||||
dataIndex: o.prop,
|
||||
align: o.align,
|
||||
fixed: o.fixed == 'none' ? false : o.fixed,
|
||||
sorter: o.sortable ? { multiple: 1 } : o.sortable,
|
||||
width: o.width || 100,
|
||||
}));
|
||||
//添加复杂表头
|
||||
columns = getComplexColumns(columns);
|
||||
state.columns = columns.filter((o) => o.prop.indexOf('-') < 0);
|
||||
//子表表头
|
||||
getChildComplexColumns(columns);
|
||||
}
|
||||
|
||||
|
||||
//复杂表头
|
||||
function getComplexColumns(columns) {
|
||||
//这里生成复杂表头的配置
|
||||
let complexHeaderList: any[] = [];
|
||||
if (!complexHeaderList.length) return columns;
|
||||
let childColumns: any[] = [];
|
||||
let firstChildColumns: string[] = [];
|
||||
for (let i = 0; i < complexHeaderList.length; i++) {
|
||||
const e = complexHeaderList[i];
|
||||
e.label = e.fullName;
|
||||
e.labelI18nCode = e.fullNameI18nCode;
|
||||
e.title = e.fullNameI18nCode ? t(e.fullNameI18nCode, e.fullName) : e.fullName;
|
||||
e.align = e.align;
|
||||
e.dataIndex = e.id;
|
||||
e.prop = e.id;
|
||||
e.children = [];
|
||||
e.yunzhupaasKey = 'complexHeader';
|
||||
if (e.childColumns?.length) {
|
||||
childColumns.push(...e.childColumns);
|
||||
for (let k = 0; k < e.childColumns.length; k++) {
|
||||
const item = e.childColumns[k];
|
||||
for (let j = 0; j < columns.length; j++) {
|
||||
const o = columns[j];
|
||||
if (o.prop == item && o.fixed !== 'left' && o.fixed !== 'right') e.children.push({ ...o });
|
||||
}
|
||||
}
|
||||
}
|
||||
if (e.children.length) firstChildColumns.push(e.children[0].prop);
|
||||
}
|
||||
complexHeaderList = complexHeaderList.filter(o => o.children.length);
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < columns.length; i++) {
|
||||
const e = columns[i];
|
||||
if (!childColumns.includes(e.prop)) {
|
||||
list.push(e);
|
||||
} else {
|
||||
if (firstChildColumns.includes(e.prop)) {
|
||||
const item = complexHeaderList.find(o => o.childColumns.includes(e.prop));
|
||||
list.push(item);
|
||||
}
|
||||
}
|
||||
}
|
||||
return list;
|
||||
}
|
||||
//子表表头
|
||||
function getChildComplexColumns(columnList) {
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < columnList.length; i++) {
|
||||
const e = columnList[i];
|
||||
if (!e.prop.includes('-')) {
|
||||
list.push(e);
|
||||
} else {
|
||||
let prop = e.prop.split('-')[0];
|
||||
let vModel = e.prop.split('-')[1];
|
||||
let label = e.label.split('-')[0];
|
||||
let childLabel = e.label.replace(label + '-', '');
|
||||
if (e.fullNameI18nCode && Array.isArray(e.fullNameI18nCode) && e.fullNameI18nCode[0]) label = t(e.fullNameI18nCode[0], label);
|
||||
let newItem = {
|
||||
align: 'center',
|
||||
yunzhupaasKey: 'table',
|
||||
prop,
|
||||
label,
|
||||
title: label,
|
||||
dataIndex: prop,
|
||||
children: [],
|
||||
};
|
||||
e.dataIndex = vModel;
|
||||
e.title = e.labelI18nCode ? t(e.labelI18nCode, childLabel) : childLabel;
|
||||
if (!state.expandObj.hasOwnProperty(prop+`Expand`)) state.expandObj[prop+`Expand`] = false;
|
||||
if (!list.some((o) => o.prop === prop)) list.push(newItem);
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
if (list[i].prop === prop) {
|
||||
list[i].children.push(e);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 行内分组展示
|
||||
getMergeList(list);
|
||||
|
||||
state.complexColumns = list;
|
||||
state.childColumnList = list.filter((o) => o.yunzhupaasKey === 'table');
|
||||
|
||||
// 子表分组展示宽度取100
|
||||
for (let i = 0; i < state.childColumnList.length; i++) {
|
||||
const e = state.childColumnList[i];
|
||||
if (e.children?.length) e.children = e.children.map(o => ({ ...o, width: 100 }));
|
||||
}
|
||||
}
|
||||
function getMergeList(list) {
|
||||
list.forEach((item) => {
|
||||
if (item.yunzhupaasKey === 'table' && item.children && item.children.length) {
|
||||
item.children.forEach((child, index) => {
|
||||
if (index == 0) {
|
||||
child.customCell = () => ({
|
||||
rowspan: 1,
|
||||
colspan: item.children.length,
|
||||
class: 'child-table-box',
|
||||
});
|
||||
} else {
|
||||
child.customCell = () => ({
|
||||
rowspan: 0,
|
||||
colspan: 0,
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
function toggleExpand(row, field) {
|
||||
row[field] = !row[field];
|
||||
}
|
||||
// 关联表单查看详情
|
||||
function toDetail(modelId, id, propsValue) {
|
||||
if (!id) return;
|
||||
getConfigData(modelId).then((res) => {
|
||||
if (!res.data || !res.data.formData) return;
|
||||
const formConf = JSON.parse(res.data.formData);
|
||||
formConf.popupType = 'general';
|
||||
formConf.hasPrintBtn = false;
|
||||
formConf.customBtns = [];
|
||||
const data = { id, formConf, modelId, propsValue};
|
||||
relationDetailRef.value?.init(data);
|
||||
});
|
||||
}
|
||||
function handleColumnChange(data) {
|
||||
state.columnSettingList = data;
|
||||
}
|
||||
function getTableActions(record): ActionItem[] {
|
||||
return [
|
||||
{
|
||||
label: t('common.editText','编辑') ,
|
||||
onClick: updateHandle.bind(null, record),
|
||||
},
|
||||
{
|
||||
label: t('common.delText','删除') ,
|
||||
color: 'error',
|
||||
modelConfirm: {
|
||||
onOk: handleDelete.bind(null, record.id),
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('common.detailText','详情') ,
|
||||
onClick: goDetail.bind(null, record),
|
||||
},
|
||||
];
|
||||
}
|
||||
// 编辑
|
||||
function updateHandle(record) {
|
||||
// 不带工作流
|
||||
const data = {
|
||||
id: record.id,
|
||||
menuId: searchInfo.menuId,
|
||||
allList: state.cacheList,
|
||||
};
|
||||
formRef.value?.init(data);
|
||||
}
|
||||
// 删除
|
||||
function handleDelete(id) {
|
||||
const query={ids:[id] }
|
||||
batchDelete(query).then((res) => {
|
||||
createMessage.success(res.msg);
|
||||
clearSelectedRowKeys();
|
||||
reload();
|
||||
});
|
||||
}
|
||||
// 查看详情
|
||||
function goDetail(record) {
|
||||
// 不带流程
|
||||
const data = {
|
||||
id: record.id,
|
||||
};
|
||||
detailRef.value?.init(data);
|
||||
}
|
||||
// 新增
|
||||
function addHandle() {
|
||||
// 不带流程新增
|
||||
const data = {
|
||||
id: '',
|
||||
menuId: searchInfo.menuId,
|
||||
allList: state.cacheList,
|
||||
};
|
||||
formRef.value?.init(data);
|
||||
}
|
||||
// 高级查询
|
||||
function handleSuperQuery(superQueryJson) {
|
||||
searchInfo.superQueryJson = superQueryJson;
|
||||
reload({ page: 1 });
|
||||
}
|
||||
|
||||
function handleSearchReset() {
|
||||
clearSelectedRowKeys();
|
||||
if (!state.resetFromTree) updateSearchFormValue();
|
||||
if (state.resetFromTree) state.resetFromTree = false;
|
||||
}
|
||||
|
||||
function handleSearchSubmit(data) {
|
||||
clearSelectedRowKeys();
|
||||
let obj = {
|
||||
...defaultSearchInfo,
|
||||
superQueryJson: searchInfo.superQueryJson,
|
||||
...data,
|
||||
};
|
||||
Object.keys(searchInfo).map(key => {
|
||||
delete searchInfo[key];
|
||||
});
|
||||
for (let [key, value] of Object.entries(obj)) {
|
||||
searchInfo[key.replaceAll('-', '_')] = value;
|
||||
}
|
||||
console.log(searchInfo);
|
||||
reload({ page: 1 });
|
||||
}
|
||||
|
||||
function updateSearchFormValue() {
|
||||
if (!state.treeActiveId) return searchFormSubmit();
|
||||
let queryJson: any = {};
|
||||
let leftTreeActiveInfo: any = {};
|
||||
const isMultiple = !state.treeRelationObj ? false : state.treeRelationObj.searchMultiple;
|
||||
//多级左侧树，需要拼父级->转为查询参数
|
||||
if (state.treeRelationObj && state.treeRelationObj.yunzhupaasKey && ['organizeSelect', 'cascader', 'areaSelect'].includes(state.treeRelationObj.yunzhupaasKey)) {
|
||||
let currValue = [];
|
||||
currValue = state.treeActiveNodePath.map(o => o[state.treeFieldNames.key]);
|
||||
queryJson = { '': isMultiple ? [currValue] : currValue };
|
||||
leftTreeActiveInfo = { '': state.treeRelationObj.multiple ? [currValue] : currValue };
|
||||
} else {
|
||||
queryJson = { '': isMultiple ? [state.treeActiveId] : state.treeActiveId };
|
||||
leftTreeActiveInfo = { '': state.treeRelationObj.multiple ? [state.treeActiveId] : state.treeActiveId };
|
||||
}
|
||||
state.leftTreeActiveInfo = leftTreeActiveInfo;
|
||||
if(unref(getSearchList)?.length){
|
||||
// 有搜索列表
|
||||
setFieldsValue(queryJson);
|
||||
searchFormSubmit();
|
||||
}else{
|
||||
// 无搜索列表
|
||||
handleSearchSubmit(queryJson);
|
||||
}
|
||||
}
|
||||
function initViewList(currentId = '') {
|
||||
const query = {
|
||||
menuId: route.meta.modelId,
|
||||
};
|
||||
getViewList(query).then(res => {
|
||||
const columns : any[]= state.complexColumns;
|
||||
const searchList: any[] = state.searchSchemas.map(o => ({ label: o.label, id: o.field, show: o.show, labelI18nCode: o.labelI18nCode }));
|
||||
const columnList: any[] = columns.map(o => ({ label: o.label, id: o.prop, show: true, fixed: o.fixed || 'none', labelI18nCode: o.labelI18nCode }));
|
||||
state.viewList = (res.data || []).map(o => {
|
||||
if (o.type == 0) return { ...o, searchList, columnList };
|
||||
return { ...o, searchList: o.searchList ? JSON.parse(o.searchList) : [], columnList: o.columnList ? JSON.parse(o.columnList) : [] };
|
||||
});
|
||||
if (currentId) {
|
||||
state.currentView = state.viewList.filter(o => o.id === currentId)[0] || state.viewList[0];
|
||||
} else {
|
||||
state.currentView = state.viewList.filter(o => o.status === 1)[0] || state.viewList[0];
|
||||
}
|
||||
});
|
||||
}
|
||||
function handleViewClick(item) {
|
||||
state.currentView = item;
|
||||
}
|
||||
|
||||
function setListValue(data: any[] = [], defaultData: any[] = [], key) {
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
for (let j = 0; j < defaultData.length; j++) {
|
||||
if (data[i].show && data[i].id == defaultData[j][key]) list.push(defaultData[j]);
|
||||
}
|
||||
}
|
||||
return list;
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
init();
|
||||
});
|
||||
</script>
|
||||
1052
src/views/crm/mdmcompany/Detail.vue
Normal file
1052
src/views/crm/mdmcompany/Detail.vue
Normal file
File diff suppressed because it is too large
Load Diff
1914
src/views/crm/mdmcompany/Form.vue
Normal file
1914
src/views/crm/mdmcompany/Form.vue
Normal file
File diff suppressed because it is too large
Load Diff
34
src/views/crm/mdmcompany/helper/api.ts
Normal file
34
src/views/crm/mdmcompany/helper/api.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
import { defHttp } from '@/utils/http/axios';
|
||||
|
||||
// 获取列表
|
||||
export function getList(data) {
|
||||
return defHttp.post({ url: '/api/bcm/MdmCompany/getList', data });
|
||||
}
|
||||
// 新建
|
||||
export function create(data) {
|
||||
return defHttp.post({ url:'/api/bcm/MdmCompany', data });
|
||||
}
|
||||
// 修改
|
||||
export function update(data) {
|
||||
return defHttp.put({ url: '/api/bcm/MdmCompany/'+ data.id, data });
|
||||
}
|
||||
// 详情(无转换数据)
|
||||
export function getInfo(id) {
|
||||
return defHttp.get({ url: '/api/bcm/MdmCompany/' + id });
|
||||
}
|
||||
// 获取(转换数据)
|
||||
export function getDetailInfo(id) {
|
||||
return defHttp.get({ url: '/api/bcm/MdmCompany/detail/' + id });
|
||||
}
|
||||
// 删除
|
||||
export function del(id) {
|
||||
return defHttp.delete({ url: '/api/bcm/MdmCompany/' + id });
|
||||
}
|
||||
// 批量删除数据
|
||||
export function batchDelete(data) {
|
||||
return defHttp.delete({ url: '/api/bcm/MdmCompany/batchRemove', data });
|
||||
}
|
||||
// 导出
|
||||
export function exportData(data) {
|
||||
return defHttp.post({ url: '/api/bcm/MdmCompany/Actions/Export', data });
|
||||
}
|
||||
784
src/views/crm/mdmcompany/helper/columnList.ts
Normal file
784
src/views/crm/mdmcompany/helper/columnList.ts
Normal file
@@ -0,0 +1,784 @@
|
||||
const columnList = [
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem7a8e2d",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"企业编码",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774517618858,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"company_code",
|
||||
"__vModel__":"company_code",
|
||||
"disabled":false,
|
||||
"id":"company_code",
|
||||
"placeholder":"请输入企业编码",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"企业编码",
|
||||
"label":"企业编码",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem977ea9",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"企业名称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774517624902,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"unique":true,
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"company_name",
|
||||
"__vModel__":"company_name",
|
||||
"disabled":false,
|
||||
"id":"company_name",
|
||||
"placeholder":"请输入企业名称",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"企业名称",
|
||||
"label":"企业名称",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemdf17f1",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"简称/昵称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774517625074,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"short_name",
|
||||
"__vModel__":"short_name",
|
||||
"disabled":false,
|
||||
"id":"short_name",
|
||||
"placeholder":"请输入简称/昵称",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"简称/昵称",
|
||||
"label":"简称/昵称",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"radio",
|
||||
"resizable":true,
|
||||
"buttonStyle":"solid",
|
||||
"fullName":"类型",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"类型",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"id"
|
||||
},
|
||||
"optionType":"default",
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"radio",
|
||||
"defaultValue":"ORG",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774517712501,
|
||||
"tagIcon":"icon-ym icon-ym-generator-radio",
|
||||
"tag":"YunzhupaasRadio",
|
||||
"formId":"formItem60d037",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"static",
|
||||
"dictionaryType":"",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"类型",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"size":"default",
|
||||
"prop":"entity_type",
|
||||
"width":null,
|
||||
"options":[
|
||||
{
|
||||
"fullName":"企业",
|
||||
"id":"ORG"
|
||||
},
|
||||
{
|
||||
"fullName":"个人",
|
||||
"id":"IND"
|
||||
}
|
||||
],
|
||||
"__vModel__":"entity_type",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"entity_type",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"direction":"horizontal"
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItema17d51",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"社会信用代码",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774518217493,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"unique":true,
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"credit_code",
|
||||
"__vModel__":"credit_code",
|
||||
"disabled":false,
|
||||
"id":"credit_code",
|
||||
"placeholder":"请输入社会信用代码",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":50,
|
||||
"fullName":"社会信用代码",
|
||||
"label":"社会信用代码",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"multiple":false,
|
||||
"fullName":"企业范围",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"企业范围",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"id"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"EXT",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774518276461,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItemf9ae24",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"static",
|
||||
"dictionaryType":"",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"企业范围",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"prop":"company_scope",
|
||||
"width":null,
|
||||
"options":[
|
||||
{
|
||||
"fullName":"内部公司",
|
||||
"id":"INT"
|
||||
},
|
||||
{
|
||||
"fullName":"客商企业",
|
||||
"id":"EXT"
|
||||
}
|
||||
],
|
||||
"__vModel__":"company_scope",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"company_scope",
|
||||
"placeholder":"请选择企业范围",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"multiple":false,
|
||||
"fullName":"行业代码",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"行业代码",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774518522631,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItemf04bd0",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"d59a3cf65f9847dbb08be449e3feae16",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"行业代码",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"prop":"industry_code",
|
||||
"width":null,
|
||||
"options":[],
|
||||
"__vModel__":"industry_code",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"industry_code",
|
||||
"placeholder":"请选择行业代码",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"multiple":false,
|
||||
"fullName":"企业类型",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"企业类型",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774518361357,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem8deef9",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"9b542177a477488994ce09fff3c93901",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"企业类型",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"prop":"enterprise_nature",
|
||||
"width":null,
|
||||
"options":[],
|
||||
"__vModel__":"enterprise_nature",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"enterprise_nature",
|
||||
"placeholder":"请选择企业类型",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"select",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"multiple":false,
|
||||
"fullName":"企业规模",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"企业规模",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"enCode"
|
||||
},
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"select",
|
||||
"defaultValue":"",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774518361164,
|
||||
"tagIcon":"icon-ym icon-ym-generator-select",
|
||||
"tag":"YunzhupaasSelect",
|
||||
"formId":"formItem838852",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"dictionary",
|
||||
"dictionaryType":"797424039713832965",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"企业规模",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"prop":"enterprise_scale",
|
||||
"width":null,
|
||||
"options":[],
|
||||
"__vModel__":"enterprise_scale",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"enterprise_scale",
|
||||
"placeholder":"请选择企业规模",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"areaSelect",
|
||||
"filterable":false,
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"level":2,
|
||||
"multiple":false,
|
||||
"fullName":"所属地区",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"所属地区",
|
||||
"sortable":false,
|
||||
"align":"left",
|
||||
"__config__":{
|
||||
"formId":"formItema460b7",
|
||||
"yunzhupaasKey":"areaSelect",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"defaultValue":[],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"所属地区",
|
||||
"trigger":"change",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774518666101,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-Provinces",
|
||||
"tag":"YunzhupaasAreaSelect",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"prop":"province_id",
|
||||
"width":null,
|
||||
"__vModel__":"province_id",
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"province_id",
|
||||
"placeholder":"请选择所属地区",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
}
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"align":"left",
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItemed01bf",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"联系电话",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":false,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774518656865,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[
|
||||
{
|
||||
"pattern":"/^1[3456789]\\d{9}$|^0\\d{2,3}-?\\d{7,8}$/",
|
||||
"message":"请输入正确的手机号码",
|
||||
"messageI18nCode":"sys.validate.mobilePhone"
|
||||
}
|
||||
],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"phone",
|
||||
"__vModel__":"phone",
|
||||
"disabled":false,
|
||||
"id":"phone",
|
||||
"placeholder":"请输入联系电话",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"resizable":true,
|
||||
"maxlength":11,
|
||||
"fullName":"联系电话",
|
||||
"label":"联系电话",
|
||||
"sortable":false,
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"width":null,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"fixed":"none",
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
}
|
||||
]
|
||||
export default columnList
|
||||
149
src/views/crm/mdmcompany/helper/searchList.ts
Normal file
149
src/views/crm/mdmcompany/helper/searchList.ts
Normal file
@@ -0,0 +1,149 @@
|
||||
const searchList = [
|
||||
{
|
||||
"yunzhupaasKey":"input",
|
||||
"useScan":false,
|
||||
"suffixIcon":"",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"showCount":false,
|
||||
"__config__":{
|
||||
"formId":"formItem977ea9",
|
||||
"yunzhupaasKey":"input",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"label":"企业名称",
|
||||
"trigger":"blur",
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774517624902,
|
||||
"layout":"colFormItem",
|
||||
"tagIcon":"icon-ym icon-ym-generator-input",
|
||||
"unique":true,
|
||||
"tag":"YunzhupaasInput",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"readonly":false,
|
||||
"prop":"company_name",
|
||||
"__vModel__":"company_name",
|
||||
"searchMultiple":false,
|
||||
"disabled":false,
|
||||
"id":"company_name",
|
||||
"placeholder":"请输入企业名称",
|
||||
"addonBefore":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}",
|
||||
"blur":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"clearable":true,
|
||||
"searchType":2,
|
||||
"maxlength":50,
|
||||
"fullName":"企业名称",
|
||||
"label":"企业名称",
|
||||
"addonAfter":"",
|
||||
"maskConfig":{
|
||||
"prefixType":1,
|
||||
"useUnrealMask":false,
|
||||
"maskType":1,
|
||||
"unrealMaskLength":1,
|
||||
"prefixLimit":0,
|
||||
"suffixLimit":0,
|
||||
"filler":"*",
|
||||
"prefixSpecifyChar":"",
|
||||
"suffixType":1,
|
||||
"ignoreChar":"",
|
||||
"suffixSpecifyChar":""
|
||||
},
|
||||
"isKeyword":true,
|
||||
"useMask":false,
|
||||
"showPassword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"prefixIcon":"",
|
||||
"labelI18nCode":""
|
||||
},
|
||||
{
|
||||
"yunzhupaasKey":"radio",
|
||||
"searchType":1,
|
||||
"buttonStyle":"solid",
|
||||
"fullName":"类型",
|
||||
"fullNameI18nCode":[
|
||||
""
|
||||
],
|
||||
"label":"类型",
|
||||
"props":{
|
||||
"label":"fullName",
|
||||
"value":"id"
|
||||
},
|
||||
"optionType":"default",
|
||||
"__config__":{
|
||||
"yunzhupaasKey":"radio",
|
||||
"defaultValue":"ORG",
|
||||
"dragDisabled":false,
|
||||
"className":[],
|
||||
"propsUrl":"",
|
||||
"templateJson":[],
|
||||
"showLabel":true,
|
||||
"required":true,
|
||||
"tableName":"mdm_company",
|
||||
"renderKey":1774517712501,
|
||||
"tagIcon":"icon-ym icon-ym-generator-radio",
|
||||
"tag":"YunzhupaasRadio",
|
||||
"formId":"formItem60d037",
|
||||
"visibility":[
|
||||
"pc",
|
||||
"app"
|
||||
],
|
||||
"noShow":false,
|
||||
"dataType":"static",
|
||||
"dictionaryType":"",
|
||||
"tipLabel":"",
|
||||
"tableFixed":"none",
|
||||
"label":"类型",
|
||||
"trigger":"change",
|
||||
"layout":"colFormItem",
|
||||
"useCache":true,
|
||||
"propsName":"",
|
||||
"regList":[],
|
||||
"tableAlign":"left",
|
||||
"span":8
|
||||
},
|
||||
"size":"default",
|
||||
"prop":"entity_type",
|
||||
"options":[
|
||||
{
|
||||
"fullName":"企业",
|
||||
"id":"ORG"
|
||||
},
|
||||
{
|
||||
"fullName":"个人",
|
||||
"id":"IND"
|
||||
}
|
||||
],
|
||||
"__vModel__":"entity_type",
|
||||
"searchMultiple":false,
|
||||
"isKeyword":false,
|
||||
"style":{
|
||||
"width":"100%"
|
||||
},
|
||||
"disabled":false,
|
||||
"id":"entity_type",
|
||||
"labelI18nCode":"",
|
||||
"on":{
|
||||
"change":"({ data, rowIndex, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"
|
||||
},
|
||||
"direction":"horizontal"
|
||||
}
|
||||
]
|
||||
export default searchList
|
||||
2275
src/views/crm/mdmcompany/helper/superQueryJson.ts
Normal file
2275
src/views/crm/mdmcompany/helper/superQueryJson.ts
Normal file
File diff suppressed because it is too large
Load Diff
652
src/views/crm/mdmcompany/index.vue
Normal file
652
src/views/crm/mdmcompany/index.vue
Normal file
@@ -0,0 +1,652 @@
|
||||
<template>
|
||||
<div class="yunzhupaas-content-wrapper">
|
||||
<div class="yunzhupaas-content-wrapper-center">
|
||||
<div class="yunzhupaas-content-wrapper-search-box" v-if="getSearchList.length">
|
||||
<BasicForm @register="registerSearchForm" :schemas="getSearchList"
|
||||
@advanced-change="redoHeight" @submit="handleSearchSubmit" @reset="handleSearchReset"
|
||||
class="search-form">
|
||||
</BasicForm>
|
||||
</div>
|
||||
<div class="yunzhupaas-content-wrapper-content bg-white">
|
||||
<BasicTable @register="registerTable" v-bind="getTableBindValue" ref="tableRef"
|
||||
@columns-change="handleColumnChange">
|
||||
<template #tableTitle>
|
||||
<a-button type="primary" preIcon="icon-ym icon-ym-btn-add"
|
||||
@click="addHandle()"> {{t('common.add2Text','新增')}}</a-button>
|
||||
</template>
|
||||
<template #toolbar>
|
||||
<a-tooltip placement="top">
|
||||
<template #title>
|
||||
<span>{{ t('common.superQuery') }}</span>
|
||||
</template>
|
||||
<filter-outlined @click="openSuperQuery(true, { columnOptions: superQueryJson })" />
|
||||
</a-tooltip>
|
||||
</template>
|
||||
<template #toolbarAfter>
|
||||
<ViewList :menuId="route.meta.modelId" :viewList="viewList" @itemClick="handleViewClick" @reload="initViewList" />
|
||||
<ViewSetting :menuId="route.meta.modelId" :viewList="viewList" :currentView="currentView" @reload="initViewList" />
|
||||
</template>
|
||||
<template #bodyCell="{ column, record, index }">
|
||||
<template v-for="(item, index) in childColumnList" v-if="childColumnList.length">
|
||||
<template
|
||||
v-if="column?.id?.includes('-') && item.children && item.children[0] && column.key === item.children[0]?.dataIndex">
|
||||
<ChildTableColumn :data="record[item.prop]" :head="item.children"
|
||||
@toggleExpand="toggleExpand(record, item.prop+`Expand`)" @toDetail="toDetail"
|
||||
:expand="record[item.prop+`Expand`]" :key="index" :showOverflow="true "/>
|
||||
</template>
|
||||
</template>
|
||||
<template v-if="!(record.top || column.id?.includes('-'))">
|
||||
<template v-if="column.yunzhupaasKey === 'relationForm'">
|
||||
<p class="link-text"
|
||||
@click="toDetail(column.modelId, record[column.dataIndex+`_id`], column.propsValue)">
|
||||
{{ record[column.dataIndex] }}</p>
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'inputNumber'">
|
||||
<yunzhupaas-input-number v-model:value="record[column.prop]" :precision="column.precision" :thousands="column.thousands" disabled detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'calculate'">
|
||||
<yunzhupaas-calculate
|
||||
v-model:value="record[column.prop]"
|
||||
:isStorage="column.isStorage"
|
||||
:precision="column.precision"
|
||||
:thousands="column.thousands"
|
||||
detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'sign'">
|
||||
<yunzhupaas-sign v-model:value="record[column.prop]" detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'signature'">
|
||||
<yunzhupaas-signature v-model:value="record[column.prop]" detailed />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'rate'">
|
||||
<yunzhupaas-rate v-model:value="record[column.prop]" :count="column.count" :allowHalf="column.allowHalf" disabled />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'slider'">
|
||||
<yunzhupaas-slider v-model:value="record[column.prop]" :min="column.min" :max="column.max" :step="column.step" disabled />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'uploadImg'">
|
||||
<yunzhupaas-upload-img v-model:value="record[column.prop]" disabled detailed simple v-if="record[column.prop]?.length" />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'uploadFile'">
|
||||
<yunzhupaas-upload-file v-model:value="record[column.prop]" disabled detailed simple v-if="record[column.prop]?.length" />
|
||||
</template>
|
||||
<template v-if="column.yunzhupaasKey === 'input'">
|
||||
<yunzhupaas-input
|
||||
v-model:value="record[column.prop]"
|
||||
:useMask="column.useMask"
|
||||
:maskConfig="column.maskConfig"
|
||||
:showOverflow="true"
|
||||
detailed />
|
||||
</template>
|
||||
</template>
|
||||
<template v-if="column.key === 'action' && !record.top">
|
||||
<TableAction :actions="getTableActions(record)" />
|
||||
</template>
|
||||
</template>
|
||||
</BasicTable>
|
||||
</div>
|
||||
</div>
|
||||
<Form ref="formRef" @reload="reload" />
|
||||
<Detail ref="detailRef" />
|
||||
<ExportModal @register="registerExportModal" @download="handleDownload" />
|
||||
<ImportModal @register="registerImportModal" @reload="reload" />
|
||||
<PrintSelect @register="registerPrintSelect" @change="handleShowBrowse" />
|
||||
<PrintBrowse @register="registerPrintBrowse" />
|
||||
<RelationDetail ref="relationDetailRef" />
|
||||
<SuperQueryModal @register="registerSuperQueryModal" @superQuery="handleSuperQuery" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
|
||||
import { getList, del, exportData, batchDelete } from './helper/api';
|
||||
import { getConfigData,getViewList } from '@/api/onlineDev/visualDev';
|
||||
import { getDictionaryDataSelector } from '@/api/systemData/dictionary';
|
||||
import { getDataInterfaceRes } from '@/api/systemData/dataInterface';
|
||||
import { getOrgByOrganizeCondition,getDepartmentSelectAsyncList } from '@/api/permission/organize';
|
||||
import { ref, reactive, onMounted, toRefs, computed, unref, nextTick, toRaw, provide } from 'vue';
|
||||
import { useMessage } from '@/hooks/web/useMessage';
|
||||
import { useI18n } from '@/hooks/web/useI18n';
|
||||
import { useOrganizeStore } from '@/store/modules/organize';
|
||||
import { useUserStore } from '@/store/modules/user';
|
||||
import { BasicModal, useModal } from '@/components/Modal';
|
||||
import { usePopup } from '@/components/Popup';
|
||||
import { ScrollContainer } from '@/components/Container';
|
||||
import { BasicLeftTree, TreeActionType } from '@/components/Tree';
|
||||
import { BasicForm, useForm } from '@/components/Form';
|
||||
import { BasicTable, useTable, TableAction, ActionItem, TableActionType, SorterResult } from '@/components/Table';
|
||||
import { SuperQueryModal } from '@/components/CommonModal';
|
||||
import Form from './Form.vue';
|
||||
import Detail from './Detail.vue';
|
||||
// 有关联表单详情：开始
|
||||
import RelationDetail from '@/views/common/dynamicModel/list/detail/index.vue';
|
||||
// 有关联表单详情：结束
|
||||
import ChildTableColumn from '@/views/common/dynamicModel/list/ChildTableColumn.vue';
|
||||
import { ExportModal } from '@/components/CommonModal';
|
||||
import { downloadByUrl } from '@/utils/file/download';
|
||||
import { ImportModal} from '@/components/CommonModal';
|
||||
// 打印模板多条生成PrintSelect
|
||||
import PrintSelect from '@/components/PrintDesign/printSelect/index.vue';
|
||||
import PrintBrowse from '@/components/PrintDesign/printBrowse/index.vue';
|
||||
import { useRoute,useRouter } from 'vue-router';
|
||||
import { FilterOutlined } from '@ant-design/icons-vue';
|
||||
import { getSearchFormSchemas } from '@/components/FormGenerator/src/helper/transform';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import columnList from './helper/columnList';
|
||||
import searchList from './helper/searchList';
|
||||
import superQueryJson from './helper/superQueryJson';
|
||||
import { dyOptionsList, systemComponentsList } from '@/components/FormGenerator/src/helper/config';
|
||||
import { thousandsFormat, getParamList} from '@/utils/yunzhupaas';
|
||||
import { usePermission } from '@/hooks/web/usePermission';
|
||||
|
||||
import ViewSetting from '@/views/common/dynamicModel/list/components/ViewSetting.vue';
|
||||
import ViewList from '@/views/common/dynamicModel/list/components/ViewList.vue';
|
||||
|
||||
interface State {
|
||||
config: any;
|
||||
columnList: any[];
|
||||
printListOptions: any[];
|
||||
columnBtnsList: any[];
|
||||
customBtnsList: any[];
|
||||
treeFieldNames: any;
|
||||
leftTreeData: any[];
|
||||
leftTreeLoading: boolean;
|
||||
treeActiveId: string;
|
||||
treeActiveNodePath: any;
|
||||
columns: any[];
|
||||
complexColumns: any[];
|
||||
childColumnList: any[];
|
||||
exportList: any[];
|
||||
cacheList: any[];
|
||||
currFlow: any;
|
||||
isCustomCopy: boolean;
|
||||
candidateType: number;
|
||||
currRow: any;
|
||||
workFlowFormData: any;
|
||||
expandObj: any;
|
||||
columnSettingList: any[];
|
||||
searchSchemas: any[];
|
||||
treeRelationObj: any;
|
||||
treeQueryJson: any;
|
||||
leftTreeActiveInfo: any;
|
||||
keyword: string;
|
||||
viewList: any[];
|
||||
currentView: any;
|
||||
}
|
||||
|
||||
const route = useRoute();
|
||||
const { hasBtnP } = usePermission();
|
||||
const { createMessage, createConfirm } = useMessage();
|
||||
const { t } = useI18n();
|
||||
const organizeStore = useOrganizeStore();
|
||||
const userStore = useUserStore();
|
||||
const userInfo = userStore.getUserInfo;
|
||||
|
||||
const [registerExportModal, { openModal: openExportModal, closeModal: closeExportModal, setModalProps: setExportModalProps }] = useModal();
|
||||
const [registerImportModal, { openModal: openImportModal }] = useModal();
|
||||
const [registerSuperQueryModal, { openModal: openSuperQuery }] = useModal();
|
||||
const formRef = ref<any>(null);
|
||||
const tableRef = ref<Nullable<TableActionType>>(null);
|
||||
const detailRef = ref<any>(null);
|
||||
const relationDetailRef = ref<any>(null);
|
||||
|
||||
const state = reactive<State>({
|
||||
config: {},
|
||||
columnList: [],
|
||||
printListOptions: [],
|
||||
columnBtnsList: [],
|
||||
customBtnsList: [],
|
||||
treeFieldNames: {
|
||||
children: 'children' ,
|
||||
title: 'fullName' ,
|
||||
key: 'id' ,
|
||||
isLeaf: 'isLeaf',
|
||||
},
|
||||
leftTreeData: [],
|
||||
leftTreeLoading: false,
|
||||
treeActiveId: '',
|
||||
treeActiveNodePath: [],
|
||||
columns: [],
|
||||
complexColumns: [], // 复杂表头
|
||||
childColumnList: [],
|
||||
exportList: [],
|
||||
cacheList: [],
|
||||
currFlow: {},
|
||||
isCustomCopy: false,
|
||||
candidateType: 1,
|
||||
currRow: {},
|
||||
workFlowFormData: {},
|
||||
expandObj: {},
|
||||
columnSettingList: [],
|
||||
searchSchemas: [],
|
||||
treeRelationObj: null,
|
||||
treeQueryJson: {},
|
||||
leftTreeActiveInfo: {},
|
||||
keyword: '',
|
||||
viewList: [],
|
||||
currentView: {},
|
||||
});
|
||||
const defaultSearchInfo = {
|
||||
menuId: route.meta.modelId as string,
|
||||
moduleId:'806858527036409349',
|
||||
superQueryJson: '',
|
||||
dataType:0,
|
||||
};
|
||||
const searchInfo = reactive({
|
||||
...cloneDeep(defaultSearchInfo),
|
||||
});
|
||||
const { childColumnList, searchSchemas, viewList, currentView} = toRefs(state);
|
||||
const [registerSearchForm, { updateSchema, resetFields, submit: searchFormSubmit, setFieldsValue}] = useForm({
|
||||
baseColProps: { span: 6 },
|
||||
showActionButtonGroup: true,
|
||||
showAdvancedButton: true,
|
||||
compact: true,
|
||||
});
|
||||
const [registerTable, { reload, setLoading, getFetchParams, getSelectRows, getSelectRowKeys, redoHeight,clearSelectedRowKeys }] = useTable({
|
||||
api: getList,
|
||||
immediate: false,
|
||||
clickToRowSelect: false,
|
||||
tableSetting: { setting: false },
|
||||
afterFetch: (data) => {
|
||||
const list = data.map((o) => ({
|
||||
...o,
|
||||
...state.expandObj,
|
||||
}));
|
||||
state.cacheList = cloneDeep(list);
|
||||
return list;
|
||||
},
|
||||
});
|
||||
const [registerChildTable] = useTable({
|
||||
pagination: false,
|
||||
canResize: false,
|
||||
showTableSetting: false,
|
||||
});
|
||||
|
||||
provide('getLeftTreeActiveInfo', () => state.leftTreeActiveInfo);
|
||||
|
||||
const getHasBatchBtn = computed(() => {
|
||||
let btnsList =[]
|
||||
return !!btnsList.length
|
||||
});
|
||||
|
||||
|
||||
const getColumns = computed(() => {
|
||||
const columns = state.complexColumns;
|
||||
return setListValue(state.currentView?.columnList, columns, 'prop');
|
||||
});
|
||||
const getSearchList = computed(() => {
|
||||
const searchSchemas = cloneDeep(state.searchSchemas).map(o => ({ ...o, show: true }));
|
||||
return setListValue(state.currentView?.searchList, searchSchemas, 'field');
|
||||
});
|
||||
const getTableBindValue = computed(() => {
|
||||
let columns = unref(getColumns);
|
||||
const defaultSortConfig= [];
|
||||
const sortField = defaultSortConfig.map(o => (o.sort === 'desc' ? '-' : '') + o.field);
|
||||
const data: any = {
|
||||
pagination: { pageSize: 20 }, //有分页
|
||||
searchInfo: unref(searchInfo),
|
||||
defSort: { sidx: sortField.join(',') },
|
||||
sortFn: (sortInfo: SorterResult | SorterResult[]) => {
|
||||
if (Array.isArray(sortInfo)) {
|
||||
const sortList = sortInfo.map(o => (o.order === 'descend' ? '-' : '') + o.field);
|
||||
return { sidx: sortList.join(',') };
|
||||
} else {
|
||||
const { field, order } = sortInfo;
|
||||
if (field && order) {
|
||||
// 排序字段
|
||||
return { sidx: (order === 'descend' ? '-' : '') + field };
|
||||
} else {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
},
|
||||
ellipsis:true ,
|
||||
columns,
|
||||
bordered: true,
|
||||
actionColumn: {
|
||||
width: 150,
|
||||
title: t('component.table.action'),
|
||||
dataIndex: 'action',
|
||||
},
|
||||
};
|
||||
if (unref(getHasBatchBtn)) {
|
||||
const rowSelection: any = { type: 'checkbox' };
|
||||
data.rowSelection = rowSelection;
|
||||
}
|
||||
return data;
|
||||
});
|
||||
|
||||
function init() {
|
||||
state.config = {};
|
||||
searchInfo.menuId = route.meta.modelId as string;
|
||||
state.columnList = columnList;
|
||||
setLoading(true);
|
||||
getSearchSchemas();
|
||||
getColumnList();
|
||||
initViewList();
|
||||
nextTick(() => {
|
||||
unref(getSearchList)?.length ? searchFormSubmit() : reload({ page: 1 });
|
||||
});
|
||||
}
|
||||
function getSearchSchemas() {
|
||||
|
||||
const schemas = getSearchFormSchemas(searchList);
|
||||
state.searchSchemas = schemas;
|
||||
schemas.forEach((cur) => {
|
||||
const config = cur.__config__;
|
||||
if (dyOptionsList.includes(config.yunzhupaasKey)) {
|
||||
if (config.dataType === 'dictionary') {
|
||||
if (!config.dictionaryType) return;
|
||||
getDictionaryDataSelector(config.dictionaryType).then((res) => {
|
||||
updateSchema([{ field: cur.field, componentProps: { options: res.data.list } }]);
|
||||
});
|
||||
}
|
||||
if (config.dataType === 'dynamic') {
|
||||
if (!config.propsUrl) return;
|
||||
const query = { paramList: getParamList(config.templateJson) };
|
||||
getDataInterfaceRes(config.propsUrl, query).then((res) => {
|
||||
const data = Array.isArray(res.data) ? res.data : [];
|
||||
updateSchema([{ field: cur.field, componentProps: { options: data } }]);
|
||||
});
|
||||
}
|
||||
}
|
||||
cur.defaultValue = cur.value;
|
||||
});
|
||||
}
|
||||
function getColumnList() {
|
||||
// 没有开启列表权限
|
||||
let columnList = state.columnList;
|
||||
state.exportList = columnList;
|
||||
let columns = columnList.map((o) => ({
|
||||
...o,
|
||||
title: o.labelI18nCode ? t(o.labelI18nCode, o.label) : o.label,
|
||||
dataIndex: o.prop,
|
||||
align: o.align,
|
||||
fixed: o.fixed == 'none' ? false : o.fixed,
|
||||
sorter: o.sortable ? { multiple: 1 } : o.sortable,
|
||||
width: o.width || 100,
|
||||
}));
|
||||
//添加复杂表头
|
||||
columns = getComplexColumns(columns);
|
||||
state.columns = columns.filter((o) => o.prop.indexOf('-') < 0);
|
||||
//子表表头
|
||||
getChildComplexColumns(columns);
|
||||
}
|
||||
|
||||
|
||||
//复杂表头
|
||||
function getComplexColumns(columns) {
|
||||
//这里生成复杂表头的配置
|
||||
let complexHeaderList: any[] = [];
|
||||
if (!complexHeaderList.length) return columns;
|
||||
let childColumns: any[] = [];
|
||||
let firstChildColumns: string[] = [];
|
||||
for (let i = 0; i < complexHeaderList.length; i++) {
|
||||
const e = complexHeaderList[i];
|
||||
e.label = e.fullName;
|
||||
e.labelI18nCode = e.fullNameI18nCode;
|
||||
e.title = e.fullNameI18nCode ? t(e.fullNameI18nCode, e.fullName) : e.fullName;
|
||||
e.align = e.align;
|
||||
e.dataIndex = e.id;
|
||||
e.prop = e.id;
|
||||
e.children = [];
|
||||
e.yunzhupaasKey = 'complexHeader';
|
||||
if (e.childColumns?.length) {
|
||||
childColumns.push(...e.childColumns);
|
||||
for (let k = 0; k < e.childColumns.length; k++) {
|
||||
const item = e.childColumns[k];
|
||||
for (let j = 0; j < columns.length; j++) {
|
||||
const o = columns[j];
|
||||
if (o.prop == item && o.fixed !== 'left' && o.fixed !== 'right') e.children.push({ ...o });
|
||||
}
|
||||
}
|
||||
}
|
||||
if (e.children.length) firstChildColumns.push(e.children[0].prop);
|
||||
}
|
||||
complexHeaderList = complexHeaderList.filter(o => o.children.length);
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < columns.length; i++) {
|
||||
const e = columns[i];
|
||||
if (!childColumns.includes(e.prop)) {
|
||||
list.push(e);
|
||||
} else {
|
||||
if (firstChildColumns.includes(e.prop)) {
|
||||
const item = complexHeaderList.find(o => o.childColumns.includes(e.prop));
|
||||
list.push(item);
|
||||
}
|
||||
}
|
||||
}
|
||||
return list;
|
||||
}
|
||||
//子表表头
|
||||
function getChildComplexColumns(columnList) {
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < columnList.length; i++) {
|
||||
const e = columnList[i];
|
||||
if (!e.prop.includes('-')) {
|
||||
list.push(e);
|
||||
} else {
|
||||
let prop = e.prop.split('-')[0];
|
||||
let vModel = e.prop.split('-')[1];
|
||||
let label = e.label.split('-')[0];
|
||||
let childLabel = e.label.replace(label + '-', '');
|
||||
if (e.fullNameI18nCode && Array.isArray(e.fullNameI18nCode) && e.fullNameI18nCode[0]) label = t(e.fullNameI18nCode[0], label);
|
||||
let newItem = {
|
||||
align: 'center',
|
||||
yunzhupaasKey: 'table',
|
||||
prop,
|
||||
label,
|
||||
title: label,
|
||||
dataIndex: prop,
|
||||
children: [],
|
||||
};
|
||||
e.dataIndex = vModel;
|
||||
e.title = e.labelI18nCode ? t(e.labelI18nCode, childLabel) : childLabel;
|
||||
if (!state.expandObj.hasOwnProperty(prop+`Expand`)) state.expandObj[prop+`Expand`] = false;
|
||||
if (!list.some((o) => o.prop === prop)) list.push(newItem);
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
if (list[i].prop === prop) {
|
||||
list[i].children.push(e);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 行内分组展示
|
||||
getMergeList(list);
|
||||
|
||||
state.complexColumns = list;
|
||||
state.childColumnList = list.filter((o) => o.yunzhupaasKey === 'table');
|
||||
|
||||
// 子表分组展示宽度取100
|
||||
for (let i = 0; i < state.childColumnList.length; i++) {
|
||||
const e = state.childColumnList[i];
|
||||
if (e.children?.length) e.children = e.children.map(o => ({ ...o, width: 100 }));
|
||||
}
|
||||
}
|
||||
function getMergeList(list) {
|
||||
list.forEach((item) => {
|
||||
if (item.yunzhupaasKey === 'table' && item.children && item.children.length) {
|
||||
item.children.forEach((child, index) => {
|
||||
if (index == 0) {
|
||||
child.customCell = () => ({
|
||||
rowspan: 1,
|
||||
colspan: item.children.length,
|
||||
class: 'child-table-box',
|
||||
});
|
||||
} else {
|
||||
child.customCell = () => ({
|
||||
rowspan: 0,
|
||||
colspan: 0,
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
function toggleExpand(row, field) {
|
||||
row[field] = !row[field];
|
||||
}
|
||||
// 关联表单查看详情
|
||||
function toDetail(modelId, id, propsValue) {
|
||||
if (!id) return;
|
||||
getConfigData(modelId).then((res) => {
|
||||
if (!res.data || !res.data.formData) return;
|
||||
const formConf = JSON.parse(res.data.formData);
|
||||
formConf.popupType = 'general';
|
||||
formConf.hasPrintBtn = false;
|
||||
formConf.customBtns = [];
|
||||
const data = { id, formConf, modelId, propsValue};
|
||||
relationDetailRef.value?.init(data);
|
||||
});
|
||||
}
|
||||
function handleColumnChange(data) {
|
||||
state.columnSettingList = data;
|
||||
}
|
||||
function getTableActions(record): ActionItem[] {
|
||||
return [
|
||||
{
|
||||
label: t('common.editText','编辑') ,
|
||||
onClick: updateHandle.bind(null, record),
|
||||
},
|
||||
{
|
||||
label: t('common.delText','删除') ,
|
||||
color: 'error',
|
||||
modelConfirm: {
|
||||
onOk: handleDelete.bind(null, record.id),
|
||||
},
|
||||
},
|
||||
// {
|
||||
// label: t('common.detailText','详情') ,
|
||||
// onClick: goDetail.bind(null, record),
|
||||
// },
|
||||
];
|
||||
}
|
||||
// 编辑
|
||||
function updateHandle(record) {
|
||||
// 不带工作流
|
||||
const data = {
|
||||
id: record.id,
|
||||
menuId: searchInfo.menuId,
|
||||
allList: state.cacheList,
|
||||
};
|
||||
formRef.value?.init(data);
|
||||
}
|
||||
// 删除
|
||||
function handleDelete(id) {
|
||||
const query={ids:[id] }
|
||||
batchDelete(query).then((res) => {
|
||||
createMessage.success(res.msg);
|
||||
clearSelectedRowKeys();
|
||||
reload();
|
||||
});
|
||||
}
|
||||
// 查看详情
|
||||
function goDetail(record) {
|
||||
// 不带流程
|
||||
const data = {
|
||||
id: record.id,
|
||||
};
|
||||
detailRef.value?.init(data);
|
||||
}
|
||||
// 新增
|
||||
function addHandle() {
|
||||
// 不带流程新增
|
||||
const data = {
|
||||
id: '',
|
||||
menuId: searchInfo.menuId,
|
||||
allList: state.cacheList,
|
||||
};
|
||||
formRef.value?.init(data);
|
||||
}
|
||||
// 高级查询
|
||||
function handleSuperQuery(superQueryJson) {
|
||||
searchInfo.superQueryJson = superQueryJson;
|
||||
reload({ page: 1 });
|
||||
}
|
||||
|
||||
function handleSearchReset() {
|
||||
clearSelectedRowKeys();
|
||||
if (!state.resetFromTree) updateSearchFormValue();
|
||||
if (state.resetFromTree) state.resetFromTree = false;
|
||||
}
|
||||
|
||||
function handleSearchSubmit(data) {
|
||||
clearSelectedRowKeys();
|
||||
let obj = {
|
||||
...defaultSearchInfo,
|
||||
superQueryJson: searchInfo.superQueryJson,
|
||||
...data,
|
||||
};
|
||||
Object.keys(searchInfo).map(key => {
|
||||
delete searchInfo[key];
|
||||
});
|
||||
for (let [key, value] of Object.entries(obj)) {
|
||||
searchInfo[key.replaceAll('-', '_')] = value;
|
||||
}
|
||||
console.log(searchInfo);
|
||||
reload({ page: 1 });
|
||||
}
|
||||
|
||||
function updateSearchFormValue() {
|
||||
if (!state.treeActiveId) return searchFormSubmit();
|
||||
let queryJson: any = {};
|
||||
let leftTreeActiveInfo: any = {};
|
||||
const isMultiple = !state.treeRelationObj ? false : state.treeRelationObj.searchMultiple;
|
||||
//多级左侧树，需要拼父级->转为查询参数
|
||||
if (state.treeRelationObj && state.treeRelationObj.yunzhupaasKey && ['organizeSelect', 'cascader', 'areaSelect'].includes(state.treeRelationObj.yunzhupaasKey)) {
|
||||
let currValue = [];
|
||||
currValue = state.treeActiveNodePath.map(o => o[state.treeFieldNames.key]);
|
||||
queryJson = { '': isMultiple ? [currValue] : currValue };
|
||||
leftTreeActiveInfo = { '': state.treeRelationObj.multiple ? [currValue] : currValue };
|
||||
} else {
|
||||
queryJson = { '': isMultiple ? [state.treeActiveId] : state.treeActiveId };
|
||||
leftTreeActiveInfo = { '': state.treeRelationObj.multiple ? [state.treeActiveId] : state.treeActiveId };
|
||||
}
|
||||
state.leftTreeActiveInfo = leftTreeActiveInfo;
|
||||
if(unref(getSearchList)?.length){
|
||||
// 有搜索列表
|
||||
setFieldsValue(queryJson);
|
||||
searchFormSubmit();
|
||||
}else{
|
||||
// 无搜索列表
|
||||
handleSearchSubmit(queryJson);
|
||||
}
|
||||
}
|
||||
function initViewList(currentId = '') {
|
||||
const query = {
|
||||
menuId: route.meta.modelId,
|
||||
};
|
||||
getViewList(query).then(res => {
|
||||
const columns : any[]= state.complexColumns;
|
||||
const searchList: any[] = state.searchSchemas.map(o => ({ label: o.label, id: o.field, show: o.show, labelI18nCode: o.labelI18nCode }));
|
||||
const columnList: any[] = columns.map(o => ({ label: o.label, id: o.prop, show: true, fixed: o.fixed || 'none', labelI18nCode: o.labelI18nCode }));
|
||||
state.viewList = (res.data || []).map(o => {
|
||||
if (o.type == 0) return { ...o, searchList, columnList };
|
||||
return { ...o, searchList: o.searchList ? JSON.parse(o.searchList) : [], columnList: o.columnList ? JSON.parse(o.columnList) : [] };
|
||||
});
|
||||
if (currentId) {
|
||||
state.currentView = state.viewList.filter(o => o.id === currentId)[0] || state.viewList[0];
|
||||
} else {
|
||||
state.currentView = state.viewList.filter(o => o.status === 1)[0] || state.viewList[0];
|
||||
}
|
||||
});
|
||||
}
|
||||
function handleViewClick(item) {
|
||||
state.currentView = item;
|
||||
}
|
||||
|
||||
function setListValue(data: any[] = [], defaultData: any[] = [], key) {
|
||||
let list: any[] = [];
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
for (let j = 0; j < defaultData.length; j++) {
|
||||
if (data[i].show && data[i].id == defaultData[j][key]) list.push(defaultData[j]);
|
||||
}
|
||||
}
|
||||
return list;
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
init();
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user