zq
2 months ago
10 changed files with 1014 additions and 365 deletions
@ -0,0 +1,87 @@ |
|||
<template> |
|||
<div class="mainTextPage main-content12"> |
|||
<h3 class="pageTitle">目录</h3> |
|||
<div class="flex-between flex-common" id="mainTextTitle"> |
|||
<ClientForm ref="oneLevelRef" title="一级标题" :init-data="initFormData" :titlePosFlag="false" |
|||
:fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> |
|||
<ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> |
|||
</div> |
|||
<div class="flex-between flex-common mt12" id=""> |
|||
<ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')" |
|||
@submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import ClientForm from '@/components/clientSet/clientForm.vue'; |
|||
export default { |
|||
components: { |
|||
ClientForm, |
|||
}, |
|||
data() { |
|||
return { |
|||
initFormData: { |
|||
fontSize: '12', |
|||
align: 1, |
|||
indentation: '1' |
|||
}, |
|||
}; |
|||
}, |
|||
methods: { |
|||
// 外部重置方法 |
|||
handleCancelEvent(formData, refName) { |
|||
console.log('外部重置方法:', formData); |
|||
// 根据 refName 执行不同的重置逻辑 |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
console.log('执行一级标题重置逻辑'); |
|||
// 这里可以调用对应的 ref 方法 |
|||
this.$refs[refName + 'Ref']?.someMethod(); |
|||
break; |
|||
case 'twoLevel': |
|||
console.log('执行二级标题重置逻辑'); |
|||
break; |
|||
case 'threeLevel': |
|||
console.log('执行三级标题重置逻辑'); |
|||
break; |
|||
default: |
|||
console.log('默认重置逻辑'); |
|||
} |
|||
}, |
|||
|
|||
// 外部提交方法 |
|||
handleSubmitEvent(formData, refName) { |
|||
console.log('外部提交方法:', formData); |
|||
// 根据 refName 调用不同的 API |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
this.submitOneLevel(formData); |
|||
break; |
|||
case 'twoLevel': |
|||
this.submitTwoLevel(formData); |
|||
break; |
|||
} |
|||
}, |
|||
submitOneLevel(data) { |
|||
// 调用一级标题的 API |
|||
console.log('提交一级标题数据:', data); |
|||
}, |
|||
|
|||
submitTwoLevel(data) { |
|||
// 调用二级标题的 API |
|||
console.log('提交二级标题数据:', data); |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
<style> |
|||
.flex-common { |
|||
align-items: flex-start; |
|||
padding: 24px 32px; |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,81 @@ |
|||
<template> |
|||
<div class="mainTextPage main-content12"> |
|||
<h3 class="pageTitle">页眉页码</h3> |
|||
<div class="flex-between flex-common" id="mainTextTitle"> |
|||
<ClientForm ref="oneLevelRef" title="页眉" :init-data="initFormData" :titlePosFlag="false" |
|||
:fontDetailflag="false" :showIndentation="false" :fontWeightflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> |
|||
<ClientForm ref="twoLevelRef" title="页码" :titlePosFlag="false" :fontDetailflag="false" :lineSpaceShow="false" :showIndentation="false" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import ClientForm from '@/components/clientSet/clientForm.vue'; |
|||
export default { |
|||
components: { |
|||
ClientForm, |
|||
}, |
|||
data() { |
|||
return { |
|||
initFormData: { |
|||
fontSize: '12', |
|||
align: 1, |
|||
indentation: '1' |
|||
}, |
|||
}; |
|||
}, |
|||
methods: { |
|||
// 外部重置方法 |
|||
handleCancelEvent(formData, refName) { |
|||
console.log('外部重置方法:', formData); |
|||
// 根据 refName 执行不同的重置逻辑 |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
console.log('执行一级标题重置逻辑'); |
|||
// 这里可以调用对应的 ref 方法 |
|||
this.$refs[refName + 'Ref']?.someMethod(); |
|||
break; |
|||
case 'twoLevel': |
|||
console.log('执行二级标题重置逻辑'); |
|||
break; |
|||
case 'threeLevel': |
|||
console.log('执行三级标题重置逻辑'); |
|||
break; |
|||
default: |
|||
console.log('默认重置逻辑'); |
|||
} |
|||
}, |
|||
|
|||
// 外部提交方法 |
|||
handleSubmitEvent(formData, refName) { |
|||
console.log('外部提交方法:', formData); |
|||
// 根据 refName 调用不同的 API |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
this.submitOneLevel(formData); |
|||
break; |
|||
case 'twoLevel': |
|||
this.submitTwoLevel(formData); |
|||
break; |
|||
} |
|||
}, |
|||
submitOneLevel(data) { |
|||
// 调用一级标题的 API |
|||
console.log('提交一级标题数据:', data); |
|||
}, |
|||
|
|||
submitTwoLevel(data) { |
|||
// 调用二级标题的 API |
|||
console.log('提交二级标题数据:', data); |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
<style> |
|||
.flex-common { |
|||
align-items: flex-start; |
|||
padding: 24px 32px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,78 @@ |
|||
<template> |
|||
<div class="mainTextPage main-content12"> |
|||
<h3 class="pageTitle">参考文献</h3> |
|||
<div class="flex-between flex-common" id="mainTextTitle"> |
|||
<ClientForm ref="oneLevelRef" title="参考文献标题" :init-data="initFormData" :titlePosFlag="false" |
|||
:fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> |
|||
<ClientForm ref="twoLevelRef" title="参考文献正文" :titlePosFlag="false" :fontDetailflag="true" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import ClientForm from '@/components/clientSet/clientForm.vue'; |
|||
export default { |
|||
components: { |
|||
ClientForm, |
|||
}, |
|||
data() { |
|||
return { |
|||
initFormData: { |
|||
fontSize: '12', |
|||
align: 1, |
|||
indentation: '1' |
|||
}, |
|||
}; |
|||
}, |
|||
methods: { |
|||
// 外部重置方法 |
|||
handleCancelEvent(formData, refName) { |
|||
console.log('外部重置方法:', formData); |
|||
// 根据 refName 执行不同的重置逻辑 |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
console.log('执行一级标题重置逻辑'); |
|||
// 这里可以调用对应的 ref 方法 |
|||
this.$refs[refName + 'Ref']?.someMethod(); |
|||
break; |
|||
case 'twoLevel': |
|||
console.log('执行二级标题重置逻辑'); |
|||
break; |
|||
default: |
|||
console.log('默认重置逻辑'); |
|||
} |
|||
}, |
|||
|
|||
// 外部提交方法 |
|||
handleSubmitEvent(formData, refName) { |
|||
console.log('外部提交方法:', formData); |
|||
// 根据 refName 调用不同的 API |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
this.submitOneLevel(formData); |
|||
break; |
|||
case 'twoLevel': |
|||
this.submitTwoLevel(formData); |
|||
break; |
|||
} |
|||
}, |
|||
submitOneLevel(data) { |
|||
// 调用一级标题的 API |
|||
console.log('提交一级标题数据:', data); |
|||
}, |
|||
|
|||
submitTwoLevel(data) { |
|||
// 调用二级标题的 API |
|||
console.log('提交二级标题数据:', data); |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
<style> |
|||
.flex-common { |
|||
align-items: flex-start; |
|||
padding: 24px 32px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,106 @@ |
|||
<template> |
|||
<div class="mainTextPage main-content12"> |
|||
<h3 class="pageTitle">摘要</h3> |
|||
<div class="flex-between flex-common" id="summaryTitle"> |
|||
<ClientForm ref="oneLevelRef" title="中文摘要标题" :init-data="initFormData" :titlePosFlag="false" |
|||
:fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> |
|||
<ClientForm ref="twoLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> |
|||
</div> |
|||
<div class="flex-between flex-common mt12" id="summaryContent"> |
|||
<ClientForm ref="threeLevelRef" title="中文摘要标题" :titlePosFlag="false" :fontDetailflag="false" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')" |
|||
@submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" /> |
|||
<ClientForm ref="threeLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')" |
|||
@submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" /> |
|||
</div> |
|||
<div class="flex-between flex-common mt12" id="summaryKeyWords"> |
|||
<ClientForm ref="mainRef" title="中文关键词" :titlePosFlag="false" :fontDetailflag="false" :ch_keywords="true" :showIndentation="false" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')" |
|||
@submit="(data) => handleSubmitEvent(data, 'mainRef')" /> |
|||
<ClientForm ref="mainRef" title="英文关键词" :titlePosFlag="false" :fontDetailflag="false" :eng_keywords="true" :showIndentation="false" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')" |
|||
@submit="(data) => handleSubmitEvent(data, 'mainRef')" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import ClientForm from '@/components/clientSet/clientForm.vue'; |
|||
export default { |
|||
components: { |
|||
ClientForm, |
|||
}, |
|||
data() { |
|||
return { |
|||
initFormData: { |
|||
fontSize: '12', |
|||
align: 1, |
|||
indentation: '0' |
|||
}, |
|||
}; |
|||
}, |
|||
methods: { |
|||
// 外部重置方法 |
|||
handleCancelEvent(formData, refName) { |
|||
console.log('外部重置方法:', formData); |
|||
// 根据 refName 执行不同的重置逻辑 |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
console.log('执行一级标题重置逻辑'); |
|||
// 这里可以调用对应的 ref 方法 |
|||
this.$refs[refName + 'Ref']?.someMethod(); |
|||
break; |
|||
case 'twoLevel': |
|||
console.log('执行二级标题重置逻辑'); |
|||
break; |
|||
case 'threeLevel': |
|||
console.log('执行三级标题重置逻辑'); |
|||
break; |
|||
case 'main': |
|||
console.log('执行正文内容重置逻辑'); |
|||
break; |
|||
case 'table': |
|||
console.log('执行表格标题重置逻辑'); |
|||
break; |
|||
case 'images': |
|||
console.log('执行图片标题重置逻辑'); |
|||
break; |
|||
default: |
|||
console.log('默认重置逻辑'); |
|||
} |
|||
}, |
|||
|
|||
// 外部提交方法 |
|||
handleSubmitEvent(formData, refName) { |
|||
console.log('外部提交方法:', formData); |
|||
// 根据 refName 调用不同的 API |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
this.submitOneLevel(formData); |
|||
break; |
|||
case 'twoLevel': |
|||
this.submitTwoLevel(formData); |
|||
break; |
|||
} |
|||
}, |
|||
submitOneLevel(data) { |
|||
// 调用一级标题的 API |
|||
console.log('提交一级标题数据:', data); |
|||
}, |
|||
|
|||
submitTwoLevel(data) { |
|||
// 调用二级标题的 API |
|||
console.log('提交二级标题数据:', data); |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
<style> |
|||
.flex-common { |
|||
align-items: flex-start; |
|||
padding: 24px 32px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,80 @@ |
|||
<template> |
|||
<div class="mainTextPage main-content12"> |
|||
<h3 class="pageTitle">启用开关</h3> |
|||
<div class="flex-between flex-common" id="mainTextTitle"> |
|||
<el-form> |
|||
<div class="left-pay-list "> |
|||
<div class="left-pay-item flex-between"> |
|||
<div class="column"> |
|||
<span>模板启用</span> |
|||
<p>中国人民大学-硕士-通用</p> |
|||
</div> |
|||
<GuipSwitch v-model="is_use_templete" :active-value="1" :inactive-value="0" activeText="开启" inactiveText="关闭" @change="updatePayAutoRefund"></GuipSwitch> |
|||
</div> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import GuipSwitch from '@/components/GuipSwitch.vue'; |
|||
export default { |
|||
components: { |
|||
GuipSwitch |
|||
}, |
|||
data() { |
|||
return { |
|||
is_use_templete:1 |
|||
}; |
|||
}, |
|||
methods: { |
|||
updatePayAutoRefund() { |
|||
this.$http('POST', '/agentnew/ajax_setting_auto_refund', { |
|||
status: this.is_use_templete, |
|||
}).then(response => { |
|||
this.$nextTick(() => { |
|||
if (response.status) { |
|||
this.$Message.success(response.info); |
|||
} else { |
|||
this.$Message.error(response.info); |
|||
} |
|||
}) |
|||
}).catch(error => { |
|||
console.error(error, 'error') |
|||
}) |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.flex-common { |
|||
align-items: flex-start; |
|||
padding: 24px 32px; |
|||
} |
|||
.left-pay-list { |
|||
width: 438px; |
|||
border-radius: 4px; |
|||
opacity: 1; |
|||
|
|||
.left-pay-item { |
|||
padding: 24px; |
|||
color: #23242B; |
|||
background: #FAFAFA; |
|||
p { |
|||
text-align: left; |
|||
margin-top: 9px; |
|||
/* caption/caption_regular */ |
|||
font-size: 12px; |
|||
font-weight: normal; |
|||
line-height: 13px; |
|||
letter-spacing: 0.08em; |
|||
color: #626573; |
|||
} |
|||
|
|||
.el-form-item { |
|||
margin-bottom: 0; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,79 @@ |
|||
<template> |
|||
<!-- 致谢页面、参考文献页面应该能公用、后续根据实际情况克以直接合并页面--> |
|||
<div class="mainTextPage main-content12"> |
|||
<h3 class="pageTitle">致谢</h3> |
|||
<div class="flex-between flex-common" id="mainTextTitle"> |
|||
<ClientForm ref="oneLevelRef" title="致谢标题" :init-data="initFormData" :titlePosFlag="false" |
|||
:fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> |
|||
<ClientForm ref="twoLevelRef" title="致谢正文" desc="自动继承正文数据，可修改" :titlePosFlag="false" :fontDetailflag="true" |
|||
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" |
|||
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import ClientForm from '@/components/clientSet/clientForm.vue'; |
|||
export default { |
|||
components: { |
|||
ClientForm, |
|||
}, |
|||
data() { |
|||
return { |
|||
initFormData: { |
|||
fontSize: '12', |
|||
align: 1, |
|||
indentation: '0' |
|||
}, |
|||
}; |
|||
}, |
|||
methods: { |
|||
// 外部重置方法 |
|||
handleCancelEvent(formData, refName) { |
|||
console.log('外部重置方法:', formData); |
|||
// 根据 refName 执行不同的重置逻辑 |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
console.log('执行一级标题重置逻辑'); |
|||
// 这里可以调用对应的 ref 方法 |
|||
this.$refs[refName + 'Ref']?.someMethod(); |
|||
break; |
|||
case 'twoLevel': |
|||
console.log('执行二级标题重置逻辑'); |
|||
break; |
|||
default: |
|||
console.log('默认重置逻辑'); |
|||
} |
|||
}, |
|||
|
|||
// 外部提交方法 |
|||
handleSubmitEvent(formData, refName) { |
|||
console.log('外部提交方法:', formData); |
|||
// 根据 refName 调用不同的 API |
|||
switch (refName) { |
|||
case 'oneLevel': |
|||
this.submitOneLevel(formData); |
|||
break; |
|||
case 'twoLevel': |
|||
this.submitTwoLevel(formData); |
|||
break; |
|||
} |
|||
}, |
|||
submitOneLevel(data) { |
|||
// 调用一级标题的 API |
|||
console.log('提交一级标题数据:', data); |
|||
}, |
|||
|
|||
submitTwoLevel(data) { |
|||
// 调用二级标题的 API |
|||
console.log('提交二级标题数据:', data); |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
<style> |
|||
.flex-common { |
|||
align-items: flex-start; |
|||
padding: 24px 32px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue