Merge branch 'dev' of http://1.13.177.47:3000/yinq/hwbm-ui into dev
yinq
2 months ago
commit
fff11e302b
@ -0,0 +1,76 @@
|
|||||||
|
import request from '@/utils/request';
|
||||||
|
import { AxiosPromise } from 'axios';
|
||||||
|
import { CrmSupplierInfoVO, CrmSupplierInfoForm, CrmSupplierInfoQuery } from '@/api/oa/crm/crmSupplierInfo/types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询供应商信息列表
|
||||||
|
* @param query
|
||||||
|
* @returns {*}
|
||||||
|
*/
|
||||||
|
|
||||||
|
export const listCrmSupplierInfo = (query?: CrmSupplierInfoQuery): AxiosPromise<CrmSupplierInfoVO[]> => {
|
||||||
|
return request({
|
||||||
|
url: '/oa/crm/crmSupplierInfo/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询供应商信息详细
|
||||||
|
* @param supplierId
|
||||||
|
*/
|
||||||
|
export const getCrmSupplierInfo = (supplierId: string | number): AxiosPromise<CrmSupplierInfoVO> => {
|
||||||
|
return request({
|
||||||
|
url: '/oa/crm/crmSupplierInfo/' + supplierId,
|
||||||
|
method: 'get'
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 新增供应商信息
|
||||||
|
* @param data
|
||||||
|
*/
|
||||||
|
export const addCrmSupplierInfo = (data: CrmSupplierInfoForm) => {
|
||||||
|
return request({
|
||||||
|
url: '/oa/crm/crmSupplierInfo',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 修改供应商信息
|
||||||
|
* @param data
|
||||||
|
*/
|
||||||
|
export const updateCrmSupplierInfo = (data: CrmSupplierInfoForm) => {
|
||||||
|
return request({
|
||||||
|
url: '/oa/crm/crmSupplierInfo',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除供应商信息
|
||||||
|
* @param supplierId
|
||||||
|
*/
|
||||||
|
export const delCrmSupplierInfo = (supplierId: string | number | Array<string | number>) => {
|
||||||
|
return request({
|
||||||
|
url: '/oa/crm/crmSupplierInfo/' + supplierId,
|
||||||
|
method: 'delete'
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 下拉框查询供应商信息列表
|
||||||
|
* @param query
|
||||||
|
* @returns {*}
|
||||||
|
*/
|
||||||
|
export function getCrmSupplierInfoList (query) {
|
||||||
|
return request({
|
||||||
|
url: '/oa/crm/crmSupplierInfo/getCrmSupplierInfoList',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
@ -0,0 +1,228 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div style="width: 100%; display: inline-block; vertical-align: top; height: calc(100vh - 50px - 34px)">
|
||||||
|
<umo-editor v-bind="options" ref="editorRef" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { UmoEditor } from '@umoteam/editor';
|
||||||
|
import { getPrintTemplate, updatePrintTemplate } from '@/api/oa/base/printTemplate';
|
||||||
|
import router from '@/router/index.js';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
|
import { getBaseTemplateVariableList, templateAssign } from '@/api/oa/base/templateVariable/index.js';
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
|
||||||
|
const template = ref({});
|
||||||
|
|
||||||
|
const editorRef = ref();
|
||||||
|
|
||||||
|
const fieldList = ref([]);
|
||||||
|
|
||||||
|
let templateData = {};
|
||||||
|
const options = ref({
|
||||||
|
document: {
|
||||||
|
title: '',
|
||||||
|
content: {
|
||||||
|
type: 'doc',
|
||||||
|
content: []
|
||||||
|
},
|
||||||
|
placeholder: {
|
||||||
|
en_US: 'Please enter the document content...',
|
||||||
|
zh_CN: '请输入文档内容...'
|
||||||
|
},
|
||||||
|
enableSpellcheck: true,
|
||||||
|
enableMarkdown: false,
|
||||||
|
enableBubbleMenu: true,
|
||||||
|
enableBlockMenu: true,
|
||||||
|
readOnly: false,
|
||||||
|
autofocus: true,
|
||||||
|
characterLimit: 0,
|
||||||
|
typographyRules: {
|
||||||
|
emDash: false
|
||||||
|
},
|
||||||
|
editorProps: {},
|
||||||
|
parseOptions: {
|
||||||
|
preserveWhitespace: 'full'
|
||||||
|
},
|
||||||
|
autoSave: {
|
||||||
|
enabled: true,
|
||||||
|
interval: 1000 * 60 * 5
|
||||||
|
}
|
||||||
|
},
|
||||||
|
page: {
|
||||||
|
showBreakMarks: false
|
||||||
|
},
|
||||||
|
onSave: async (e) => {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// 常量赋值
|
||||||
|
const renderTemplate = (str, data) => {
|
||||||
|
return str.replace(/#\{(.*?)\}/g, (_, path) => {
|
||||||
|
return path.split('.').reduce((o, k) => o?.[k], data) ?? ' ';
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 数组赋值
|
||||||
|
const rowRenderTemplate = (str, index) => {
|
||||||
|
return str.replace(/\^\{(.*?)\}/g, (_, path) => {
|
||||||
|
return templateData[path][index] || ' ';
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 是否进行数组赋值
|
||||||
|
const hasCaretPattern = (arr) => {
|
||||||
|
// 正则匹配 ^{xxx}
|
||||||
|
const regex = /\^\{.*?\}/;
|
||||||
|
let length = 0;
|
||||||
|
let res = false;
|
||||||
|
|
||||||
|
function traverse(items) {
|
||||||
|
for (const item of items) {
|
||||||
|
if (item.text && regex.test(item.text)) {
|
||||||
|
length = Math.max(length, templateData[extractPlaceholders(item.text)].length || 0);
|
||||||
|
res = true; // 找到匹配
|
||||||
|
}
|
||||||
|
if (item.content && Array.isArray(item.content)) {
|
||||||
|
traverse(item.content);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
traverse(arr);
|
||||||
|
|
||||||
|
return [res, length];
|
||||||
|
};
|
||||||
|
|
||||||
|
// 数据填充;
|
||||||
|
const fillRowData = (e, index) => {
|
||||||
|
if (Array.isArray(e.content)) {
|
||||||
|
e.content.map((item) => {
|
||||||
|
return fillRowData(item, index);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
e.text = rowRenderTemplate(e.text || '', index);
|
||||||
|
}
|
||||||
|
console.log(e);
|
||||||
|
return e;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 表格处理
|
||||||
|
const tableTemplate = (table) => {
|
||||||
|
let data = JSON.parse(JSON.stringify(table));
|
||||||
|
let arr = [];
|
||||||
|
data.forEach((item) => {
|
||||||
|
let [bol, length] = hasCaretPattern(JSON.parse(JSON.stringify(item.content)));
|
||||||
|
if (bol) {
|
||||||
|
let obj = JSON.parse(JSON.stringify(item));
|
||||||
|
Array(length)
|
||||||
|
.fill(0)
|
||||||
|
.forEach((_, index) => {
|
||||||
|
arr.push(fillRowData(JSON.parse(JSON.stringify(obj)), index));
|
||||||
|
});
|
||||||
|
// arr.push(fillRowData(JSON.parse(JSON.stringify({ ...item, content: row })), requestData[key]));
|
||||||
|
} else {
|
||||||
|
arr.push(fillData(item));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return arr.filter((item) => item);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 根据变量赋值
|
||||||
|
const fillData = (e) => {
|
||||||
|
if (e.type === 'table') {
|
||||||
|
e.content = tableTemplate(e.content);
|
||||||
|
} else {
|
||||||
|
if (Array.isArray(e.content)) {
|
||||||
|
e.content.map((item) => {
|
||||||
|
return fillData(item);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
e.text = renderTemplate(e.text || '', templateData);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return e;
|
||||||
|
};
|
||||||
|
|
||||||
|
const insertText = (e) => {
|
||||||
|
const editor = editorRef.value;
|
||||||
|
editor.insertContent(
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text: e.varName
|
||||||
|
},
|
||||||
|
{
|
||||||
|
updateSelection: false
|
||||||
|
}
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
function extractPlaceholders(str) {
|
||||||
|
const regex = /[#\^]\{([^}]+)\}/g; // 匹配 #{...} 或 ^{...}
|
||||||
|
const result = [];
|
||||||
|
let match;
|
||||||
|
while ((match = regex.exec(str)) !== null) {
|
||||||
|
result.push(match[1]);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
const { data: assignData } = await templateAssign({ templateType: 1, contractId: route.query.contractId });
|
||||||
|
templateData = {};
|
||||||
|
assignData.forEach((item) => {
|
||||||
|
templateData[extractPlaceholders(item.varName)] = item.varValue;
|
||||||
|
});
|
||||||
|
// console.log(templateData);
|
||||||
|
getPrintTemplate(route.query.templateId).then((e) => {
|
||||||
|
template.value = e.data;
|
||||||
|
const editor = editorRef.value;
|
||||||
|
let docData = JSON.parse(e.data.templateData || '{}');
|
||||||
|
let data = fillData(docData);
|
||||||
|
// console.log(data);
|
||||||
|
// console.log(JSON.parse(e.data.templateData || '{}'));
|
||||||
|
// editor.setContent(JSON.parse(e.data.templateData || '{}'));
|
||||||
|
editor.setContent(data);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.title {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fieldList {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100vh - 50px - 34px - 40px);
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
.fieldItem {
|
||||||
|
width: 80%;
|
||||||
|
font-size: 12px;
|
||||||
|
padding-left: 15px;
|
||||||
|
color: #333;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #eee;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
.umo-footer {
|
||||||
|
position: sticky;
|
||||||
|
bottom: 0px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue