go-fly/static/html/write.html

{{.Header}}
<body class="text-center">
<div id="app" style="width:100%">
    <template>
        <el-container  v-loading.fullscreen.lock="fullscreenLoading">
            <el-aside>
                <el-menu
                        :default-active="fid">
                    <el-menu-item :index="v" v-for="(f,v) in folders" v-bind:key="v"  v-on:click="openUrl('/list?fid='+v)">
                        <i class="el-icon-menu"></i>
                        <span slot="title"><{v}></span>
                    </el-menu-item>
                </el-menu>
            </el-aside>

            <el-main class="mainMain">
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm"  label-width="120px">
                    <el-form-item label="smtp地址" prop="smtp">
                        <el-input v-model="ruleForm.smtp" placeholder="smtp地址"></el-input>
                    </el-form-item>
                    <el-form-item label="主题" prop="subject">
                        <el-input v-model="ruleForm.subject"></el-input>
                    </el-form-item>
                    <el-form-item label="收件人" prop="email">
                        <el-input v-model="ruleForm.email"></el-input>
                    </el-form-item>
                    <el-form-item label="内容" prop="content">
                        <el-input type="textarea" v-model="ruleForm.content"></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="submitForm('ruleForm')">立即发送</el-button>
                        <el-button @click="resetForm('ruleForm')">取消</el-button>
                    </el-form-item>
                </el-form>
            </el-main>

        </el-container>
    </template>

</div>
</body>
<script>
    new Vue({
        el: '#app',
        delimiters:["<{","}>"],
        data: {
            fullscreenLoading:true,
            folders:[],
            fid:"",
            mailTotal:0,
            ruleForm: {
                smtp: '',
                email: '',
                subject: '',
                content: '',
            },
            rules: {
                smtp: [
                    { required: true, message: 'SMTP服务器如"smtp.sina.net:25"包含端口号', trigger: 'blur' },
                ],
                email: [
                    { required: true, message: '邮箱地址', trigger: 'blur' },
                ],
                subject: [
                    { required: true, message: '主题', trigger: 'blur' },
                ],
                content: [
                    { required: true, message: '内容', trigger: 'blur' },
                ],
            },
        },
        methods: {
            //获取邮件夹
            getFolders: function () {
                this.fullscreenLoading=true;
                let _this = this;
                $.get('/folders', function (rs) {
                    _this.folders=rs.result.folders;
                    _this.mailTotal=rs.result.total;
                    _this.fullscreenLoading=false;
                }).then(()=>{
                    _this.fullscreenLoading=false;
                });
            },
            //跳转
            openUrl(url){
                window.location.href=url;
            },
            //提交表单
            submitForm(formName){
                let _this=this;
                this.$refs[formName].validate((valid) => {
                    console.log(valid,formName,this.$refs[formName]);
                    if (valid) {
                    } else {
                        return false;
                    }
                });
            },
            //重置表单
            resetForm(formName) {
                this.loading=false;
                this.$refs[formName].resetFields();
            },
        },
        created: function () {
            this.getFolders();
        }
    })

</script>
</html>
新增写信页跳转 5 years ago			`{{.Header}}`
			`<body class="text-center">`
			`<div id="app" style="width:100%">`
			`<template>`
			`<el-container v-loading.fullscreen.lock="fullscreenLoading">`
			`<el-aside>`
			`<el-menu`
			`:default-active="fid">`
			`<el-menu-item :index="v" v-for="(f,v) in folders" v-bind:key="v" v-on:click="openUrl('/list?fid='+v)">`
			`<i class="el-icon-menu"></i>`
			`<span slot="title"><{v}></span>`
			`</el-menu-item>`
			`</el-menu>`
			`</el-aside>`

			`<el-main class="mainMain">`
修复发送验证表单不起作用问题 5 years ago			`<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">`
			`<el-form-item label="smtp地址" prop="smtp">`
			`<el-input v-model="ruleForm.smtp" placeholder="smtp地址"></el-input>`
优化模板部分代码 5 years ago			`</el-form-item>`
修复发送验证表单不起作用问题 5 years ago			`<el-form-item label="主题" prop="subject">`
			`<el-input v-model="ruleForm.subject"></el-input>`
优化模板部分代码 5 years ago			`</el-form-item>`
修复发送验证表单不起作用问题 5 years ago			`<el-form-item label="收件人" prop="email">`
			`<el-input v-model="ruleForm.email"></el-input>`
优化模板部分代码 5 years ago			`</el-form-item>`
修复发送验证表单不起作用问题 5 years ago			`<el-form-item label="内容" prop="content">`
			`<el-input type="textarea" v-model="ruleForm.content"></el-input>`
优化模板部分代码 5 years ago			`</el-form-item>`
			`<el-form-item>`
修复发送验证表单不起作用问题 5 years ago			`<el-button type="primary" @click="submitForm('ruleForm')">立即发送</el-button>`
			`<el-button @click="resetForm('ruleForm')">取消</el-button>`
优化模板部分代码 5 years ago			`</el-form-item>`
			`</el-form>`
新增写信页跳转 5 years ago			`</el-main>`

			`</el-container>`
			`</template>`

			`</div>`
			`</body>`
			`<script>`
			`new Vue({`
			`el: '#app',`
			`delimiters:["<{","}>"],`
			`data: {`
			`fullscreenLoading:true,`
			`folders:[],`
			`fid:"",`
优化模板部分代码 5 years ago			`mailTotal:0,`
修复发送验证表单不起作用问题 5 years ago			`ruleForm: {`
优化模板部分代码 5 years ago			`smtp: '',`
			`email: '',`
			`subject: '',`
			`content: '',`
			`},`
			`rules: {`
			`smtp: [`
			`{ required: true, message: 'SMTP服务器如"smtp.sina.net:25"包含端口号', trigger: 'blur' },`
			`],`
			`email: [`
			`{ required: true, message: '邮箱地址', trigger: 'blur' },`
			`],`
			`subject: [`
			`{ required: true, message: '主题', trigger: 'blur' },`
			`],`
			`content: [`
			`{ required: true, message: '内容', trigger: 'blur' },`
			`],`
			`},`
新增写信页跳转 5 years ago			`},`
			`methods: {`
			`//获取邮件夹`
优化模板部分代码 5 years ago			`getFolders: function () {`
新增写信页跳转 5 years ago			`this.fullscreenLoading=true;`
			`let _this = this;`
优化模板部分代码 5 years ago			`$.get('/folders', function (rs) {`
			`_this.folders=rs.result.folders;`
新增写信页跳转 5 years ago			`_this.mailTotal=rs.result.total;`
			`_this.fullscreenLoading=false;`
			`}).then(()=>{`
			`_this.fullscreenLoading=false;`
			`});`
			`},`
			`//跳转`
			`openUrl(url){`
			`window.location.href=url;`
			`},`
优化模板部分代码 5 years ago			`//提交表单`
			`submitForm(formName){`
			`let _this=this;`
			`this.$refs[formName].validate((valid) => {`
修复发送验证表单不起作用问题 5 years ago			`console.log(valid,formName,this.$refs[formName]);`
优化模板部分代码 5 years ago			`if (valid) {`
			`} else {`
			`return false;`
			`}`
			`});`
			`},`
			`//重置表单`
			`resetForm(formName) {`
			`this.loading=false;`
			`this.$refs[formName].resetFields();`
			`},`
新增写信页跳转 5 years ago			`},`
			`created: function () {`
			`this.getFolders();`
			`}`
			`})`

			`</script>`
			`</html>`