<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="customerId" v-model="form.customerId" placeholder="请输入用户ID"/>
                        <Field label="产品" prop="productId" v-model="form.productId" placeholder="请输入产品"/>
                        <Field label="Topic类，类目命名只能包含字母、数字和下划线（" prop="topic" v-model="form.topic" placeholder="请输入Topic类，类目命名只能包含字母、数字和下划线（_），每级类目不能为空。"/>
                        <Field label="描述" prop="productTopicRemark" v-model="form.productTopicRemark" placeholder="请输入描述"/>
            </el-row>

            <form-buttons @submit='submitForm'/>
        </el-form>
    </layout-form>
</template>

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

        },
        data() {
            return {
                rules: {
                    topic: [
                        {required: true, trigger: "blur" },
                    ],
                    productTopicRemark: [
                        { trigger: "blur" },
                    ],
                }
            };
        }
    };
</script>