zhc077
4 weeks ago
parent
2dcdf50e55
commit
a7d810230b
3 changed files with 101 additions and 12 deletions
@ -0,0 +1,97 @@ |
||||
<template> |
||||
<div class="p-4"> |
||||
<div class="p-4 bg-white"> |
||||
<BasicForm @register="register" @submit="handleSubmit" /> |
||||
</div> |
||||
</div> |
||||
<div type="primary" class="button-container"> |
||||
<a-button type="primary" @click="goBack">返回</a-button> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
export default { |
||||
title: '富文本 | Markdown', |
||||
name: 'MarkdownDemo', |
||||
}; |
||||
</script> |
||||
|
||||
<script lang="ts" setup> |
||||
import { FormSchema, useForm, BasicForm } from '/@/components/Form'; |
||||
import { useMessage } from '/@/hooks/web/useMessage'; |
||||
import { defineComponent, onMounted, ref } from 'vue'; |
||||
import { useRouter } from 'vue-router'; |
||||
|
||||
const { back } = useRouter(); |
||||
const { createMessage, createSuccessModal } = useMessage(); |
||||
|
||||
const schemas: FormSchema[] = [ |
||||
{ |
||||
field: 'tinymce', |
||||
component: 'JEditor', |
||||
// component: 'InputTextArea', |
||||
// componentProps: { |
||||
// // placeholder: '请输入公司地址', |
||||
// rows: 12, |
||||
// }, |
||||
// label: '富文本', |
||||
// defaultValue: 'dd', |
||||
dynamicDisabled: true, |
||||
}, |
||||
]; |
||||
|
||||
const [register, { setProps, validate, setFieldsValue }] = useForm({ |
||||
labelWidth: 120, |
||||
schemas: schemas, |
||||
actionColOptions: { |
||||
span: 24, |
||||
}, |
||||
compact: true, |
||||
showResetButton: false, |
||||
showSubmitButton: false, |
||||
showAdvancedButton: false, |
||||
disabled: false, |
||||
}); |
||||
|
||||
function handleSubmit(values) { |
||||
console.log(values); |
||||
} |
||||
|
||||
function setDis(flag) { |
||||
setProps({ disabled: !!flag }); |
||||
} |
||||
|
||||
async function getValues() { |
||||
try { |
||||
const values = await validate(); |
||||
console.log(values); |
||||
createSuccessModal({ |
||||
title: '校验通过', |
||||
content: `${JSON.stringify(values)}`, |
||||
}); |
||||
} catch (error) { |
||||
createMessage.warning('检验不通过'); |
||||
} |
||||
} |
||||
|
||||
function setValues() { |
||||
setFieldsValue({ |
||||
tinymce: "<p style=\"text-align: center;\"><strong>填报说明</strong></p>\n<p>一、项目类别是指项目所属计划（专项、基金等）。申请项目经费的单位应符合《河南省省级创新研发专项资金管理办法》（豫财科〔2022〕46号）以及项目申报指南有关条件和要求。</p>\n<p>二、项目名称和项目承担单位名称，应填写正式全称。承担单位名称与单位法人营业执照、单位开户名称及单位公章应当一致。预算数据以“万元”为单位，精确到小数点后两位。各类标准或单价以“元”为单位，精确到个位。预算书中不同地方出现的相通设备、材料等实物信息应当填写规范和统一的名称。“科研团队”的内涵和基本条件按省科技厅规定执行。</p>\n<p>三、“单位基本情况表”中，单位技术研究资质包括：工程技术研究中心、重点实验室、高新技术企业、企业技术中心、工程研究中心、产品质量监督检验中心、创新型试点企业、创新型科技团队、省知识产权优势企业等，填写申报项目相关领域的研究资质。同类资质只填列最高一个级别。</p>\n<p>企业类型按照《中小企业划型标准规定》(工信部联企业[2011]300号)填报。</p>\n<p>四、项目绩效目标指项目完成后的达到的产出和效果，包括研究、开发及转化的技术指标，经济、社会、环境效益等预期效果，目标应具体可考核。项目绩效目标应当与项目申报书中的相关内容保持一致。跨年度实施的项目应当编列年度工作计划和目标。</p>\n<p>五、“项目经费预算表”中，项目经费是指在项目组织实施过程中与研究开发活动直接相关的费用，包括直接费用和间接费用。具体经费开支范围按照《河南省省级创新研发专项资金管理办法》（豫财科〔2022〕46号）相关内容执行。</p>\n<p>支出预算表中“已完成”是指从项目开始实施至项目申报时已完成的支出情况。项目尚未实施的可不填。</p>\n<p>财政拨款需要拨付到项目合作单位的以及需分年度支付的，应填报“省财政拨款分单位、年度预算表”。项目牵头单位实行统一核算，合作单位经费支出实行报帐的可以不填。</p>\n<p>六、经费支出说明：</p>\n<p>1、对照《河南省省级创新研发专项资金管理办法》（豫财科〔2022〕46号）中“经费开支范围”和本申报书中“项目经费预算表”，逐项详细说明。主要包括支出的具体内容、用途以及数量、单价等计算依据。</p>\n<p>2、根据项目经费预算支出情况，对定额以上的设备设施费、材料费、测试化验加工费、国际合作与交流经费，需填写“经费支出分项预算明细表”。</p>\n<p>七、网报预算申报书时，应同时上传单位证照（事业单位上传法人证书，企业单位上传营业执照）、单位技术研究资质认定文件（扫描件）、企业上年度财务审计报告（扫描件）、资金证明材料等有关附件。</p>", |
||||
}); |
||||
} |
||||
function goBack(){ |
||||
back(); |
||||
}; |
||||
|
||||
|
||||
onMounted(() => { |
||||
setValues(); |
||||
}); |
||||
|
||||
</script> |
||||
|
||||
<style scoped> |
||||
.button-container { |
||||
text-align: center; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue