|
@@ -33,11 +33,7 @@
|
|
|
contenteditable="true"
|
|
contenteditable="true"
|
|
|
@input="handleTemplateInput"
|
|
@input="handleTemplateInput"
|
|
|
@copy="handleCopy"
|
|
@copy="handleCopy"
|
|
|
- placeholder="请在这里输入您的写作要求...">总结主题:<span class="editable-highlight" contenteditable="true"></span>
|
|
|
|
|
-总结时间:<span class="editable-highlight" contenteditable="true"></span>
|
|
|
|
|
-主要内容:<span class="editable-highlight" contenteditable="true"></span>
|
|
|
|
|
-
|
|
|
|
|
-请帮我生成一份正式的总结报告,要求格式规范、语言严谨,具体参考以上内容,按照标准工作总结格式生成全文,包含"工作总结、问题不足、未来计划"三部分的完整报告。</div>
|
|
|
|
|
|
|
+ placeholder="请在这里输入您的写作要求..."></div>
|
|
|
|
|
|
|
|
<div class="input-actions">
|
|
<div class="input-actions">
|
|
|
<div class="left-actions">
|
|
<div class="left-actions">
|
|
@@ -341,22 +337,22 @@ const useTemplate = (templateName) => {
|
|
|
|
|
|
|
|
switch (templateName) {
|
|
switch (templateName) {
|
|
|
case '公告模板':
|
|
case '公告模板':
|
|
|
- content = "公告主题:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n发文单位:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n核心内容:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n\n请帮我生成一份正式的公告,要求格式规范、语言严谨,具体参考以上内容,按照标准公告格式生成全文,包括标题、正文、落款等所有要素。"
|
|
|
|
|
|
|
+ content = "<span class=\"editable-highlight\" contenteditable=\"true\">公告主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">发文单位:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">核心内容:</span>\n\n请帮我生成一份正式的公告,要求格式规范、语言严谨,具体参考以上内容,按照标准公告格式生成全文,包括标题、正文、落款等所有要素。"
|
|
|
break
|
|
break
|
|
|
case '通知模板':
|
|
case '通知模板':
|
|
|
- content = "通知主题:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n通知对象:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n具体事项:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n\n请帮我生成一份正式的通知,要求格式规范、语言严谨,具体参考以上内容,按照标准公文格式生成完整通知,包括文号、标题、正文、落款等所有要素。"
|
|
|
|
|
|
|
+ content = "<span class=\"editable-highlight\" contenteditable=\"true\">通知主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">通知对象:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">具体事项:</span>\n\n请帮我生成一份正式的通知,要求格式规范、语言严谨,具体参考以上内容,按照标准公文格式生成完整通知,包括文号、标题、正文、落款等所有要素。"
|
|
|
break
|
|
break
|
|
|
case '工作汇报模板':
|
|
case '工作汇报模板':
|
|
|
- content = "总结主题:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n总结时间:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n主要内容:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n\n请帮我生成一份正式的总结报告,要求格式规范、语言严谨,具体参考以上内容,按照标准工作总结格式生成全文,包含\"工作总结、问题不足、未来计划\"三部分的完整报告。"
|
|
|
|
|
|
|
+ content = "<span class=\"editable-highlight\" contenteditable=\"true\">总结主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">总结时间:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">主要内容:</span>\n\n请帮我生成一份正式的总结报告,要求格式规范、语言严谨,具体参考以上内容,按照标准工作总结格式生成全文,包含\"工作总结、问题不足、未来计划\"三部分的完整报告。"
|
|
|
break
|
|
break
|
|
|
case '会议纪要模版':
|
|
case '会议纪要模版':
|
|
|
- content = "会议主题:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n会议时间:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n主要议题:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n\n请帮我生成一份正式的会议纪要,要求格式规范、语言严谨,具体参考以上内容,按照标准会议纪要格式生成全文,包含标题、导语、议定事项和落款。"
|
|
|
|
|
|
|
+ content = "<span class=\"editable-highlight\" contenteditable=\"true\">会议主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">会议时间:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">主要议题:</span>\n\n请帮我生成一份正式的会议纪要,要求格式规范、语言严谨,具体参考以上内容,按照标准会议纪要格式生成全文,包含标题、导语、议定事项和落款。"
|
|
|
break
|
|
break
|
|
|
case '决定模版':
|
|
case '决定模版':
|
|
|
- content = "决定主题:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n决定依据:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n决定内容:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n\n请帮我生成一份正式的决定,要求格式规范、语言严谨,具体参考以上内容,按照标准决定公文格式生成完整文件。"
|
|
|
|
|
|
|
+ content = "<span class=\"editable-highlight\" contenteditable=\"true\">决定主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">决定依据:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">决定内容:</span>\n\n请帮我生成一份正式的决定,要求格式规范、语言严谨,具体参考以上内容,按照标准决定公文格式生成完整文件。"
|
|
|
break
|
|
break
|
|
|
default:
|
|
default:
|
|
|
- content = "文档主题:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n主要内容:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n具体要求:<span class=\"editable-highlight\" contenteditable=\"true\"></span>\n\n请帮我生成一份正式的文档,要求格式规范、语言严谨,具体参考以上内容。"
|
|
|
|
|
|
|
+ content = "<span class=\"editable-highlight\" contenteditable=\"true\">文档主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">主要内容:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">具体要求:</span>\n\n请帮我生成一份正式的文档,要求格式规范、语言严谨,具体参考以上内容。"
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 设置模板内容到输入框
|
|
// 设置模板内容到输入框
|
|
@@ -895,11 +891,7 @@ const createNewTask = () => {
|
|
|
ai_conversation_id.value = 0
|
|
ai_conversation_id.value = 0
|
|
|
|
|
|
|
|
// 重置到默认模板内容
|
|
// 重置到默认模板内容
|
|
|
- const defaultTemplate = `总结主题:<span class="editable-highlight" contenteditable="true"></span>
|
|
|
|
|
-总结时间:<span class="editable-highlight" contenteditable="true"></span>
|
|
|
|
|
-主要内容:<span class="editable-highlight" contenteditable="true"></span>
|
|
|
|
|
-
|
|
|
|
|
-请帮我生成一份正式的总结报告,要求格式规范、语言严谨,具体参考以上内容,按照标准工作总结格式生成全文,包含"工作总结、问题不足、未来计划"三部分的完整报告。`
|
|
|
|
|
|
|
+ const defaultTemplate = "<span class=\"editable-highlight\" contenteditable=\"true\">总结主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">总结时间:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">主要内容:</span>\n\n请帮我生成一份正式的总结报告,要求格式规范、语言严谨,具体参考以上内容,按照标准工作总结格式生成全文,包含\"工作总结、问题不足、未来计划\"三部分的完整报告。"
|
|
|
|
|
|
|
|
// 重新设置输入框内容
|
|
// 重新设置输入框内容
|
|
|
const inputElement = document.querySelector('.template-input-container')
|
|
const inputElement = document.querySelector('.template-input-container')
|
|
@@ -1078,15 +1070,17 @@ const deleteHistoryItem = async (historyItem, index) => {
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
console.log('Mobile AI Writing Page Loaded')
|
|
console.log('Mobile AI Writing Page Loaded')
|
|
|
- // 初始化输入框的默认文本到响应式状态,确保 hasInputContent 初始即正确
|
|
|
|
|
|
|
+ // 初始化输入框的默认模板内容
|
|
|
nextTick(() => {
|
|
nextTick(() => {
|
|
|
const inputElement = document.querySelector('.template-input-container')
|
|
const inputElement = document.querySelector('.template-input-container')
|
|
|
if (inputElement) {
|
|
if (inputElement) {
|
|
|
- const text = (inputElement.textContent || '').trim()
|
|
|
|
|
- if (text) {
|
|
|
|
|
- templateContent.value = text
|
|
|
|
|
- }
|
|
|
|
|
- // 挂载后为默认模板中的高亮占位元素补齐样式
|
|
|
|
|
|
|
+ // 设置默认模板内容(工作汇报模板)
|
|
|
|
|
+ const defaultTemplate = "<span class=\"editable-highlight\" contenteditable=\"true\">总结主题:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">总结时间:</span>\n<span class=\"editable-highlight\" contenteditable=\"true\">主要内容:</span>\n\n请帮我生成一份正式的总结报告,要求格式规范、语言严谨,具体参考以上内容,按照标准工作总结格式生成全文,包含\"工作总结、问题不足、未来计划\"三部分的完整报告。"
|
|
|
|
|
+
|
|
|
|
|
+ inputElement.innerHTML = defaultTemplate
|
|
|
|
|
+ templateContent.value = defaultTemplate.replace(/<[^>]*>/g, '')
|
|
|
|
|
+
|
|
|
|
|
+ // 为高亮元素添加样式和交互功能
|
|
|
const highlights = inputElement.querySelectorAll('.editable-highlight')
|
|
const highlights = inputElement.querySelectorAll('.editable-highlight')
|
|
|
highlights.forEach(highlight => {
|
|
highlights.forEach(highlight => {
|
|
|
highlight.style.backgroundColor = '#3E7BFA10'
|
|
highlight.style.backgroundColor = '#3E7BFA10'
|
|
@@ -1098,10 +1092,13 @@ onMounted(() => {
|
|
|
highlight.style.border = '1px solid transparent'
|
|
highlight.style.border = '1px solid transparent'
|
|
|
highlight.style.display = 'inline-block'
|
|
highlight.style.display = 'inline-block'
|
|
|
highlight.style.minWidth = '20px'
|
|
highlight.style.minWidth = '20px'
|
|
|
|
|
+ highlight.style.margin = '6px 8px 6px 0'
|
|
|
|
|
+
|
|
|
highlight.addEventListener('click', () => {
|
|
highlight.addEventListener('click', () => {
|
|
|
highlight.contentEditable = 'true'
|
|
highlight.contentEditable = 'true'
|
|
|
highlight.focus()
|
|
highlight.focus()
|
|
|
})
|
|
})
|
|
|
|
|
+
|
|
|
highlight.addEventListener('blur', () => {
|
|
highlight.addEventListener('blur', () => {
|
|
|
highlight.contentEditable = 'false'
|
|
highlight.contentEditable = 'false'
|
|
|
})
|
|
})
|