<template>
    <layout-form>
        <el-form :model="form" :loading="loading" :rules="rules" size='small' style="width:100%" label-width='120px' ref="form">
            <el-row>
                                    <Field label="模板ID" prop="templateId" v-model="form.templateId" placeholder="请输入模板ID"/>
                        <Field label="表单名称" prop="formName" v-model="form.formName" placeholder="请输入表单名称"/>
                        <el-col span="12">
                            <el-form-item label="表单内容">
                                <editor v-model="form.formContent" :min-height="192"/>
                            </el-form-item>
                        </el-col>
                        <Field label="备注" prop="remark" v-model="form.remark" placeholder="请输入备注"/>
            </el-row>
            <form-buttons @submit='submitForm'/>
        </el-form>
    </layout-form>
</template>

<script>
    import form from "@/assets/mixins/form";
    import Editor from '@/components/Editor';
    export default {
        mixins: [form],
        components: {
            Editor,
        },
        toString:[
        ],
        methods: {

        },
        data() {
            return {
                rules: {
                    formName: [
                        { trigger: "blur" },
                    ],
                    formContent: [
                        { trigger: "blur" },
                    ],
                    remark: [
                        { trigger: "blur" },
                    ],
                }
            };
        }
    };
</script>