工作177:表单重置项目处理
生活随笔
收集整理的這篇文章主要介紹了
工作177:表单重置项目处理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<template><!--新建賬號對話框--><el-dialog title="新建賬號" :visible.sync="dialogFormVisible" @close="close"><el-form ref="form" :model="form" size="medium" :label-width="formLabelWidth"><el-form-item prop="name" label="賬號名稱" :label-width="formLabelWidth"><el-input v-model="form.name" autocomplete="off"></el-input><!-- <el-button @click="resetLoginFrom">重置</el-button>--></el-form-item><el-form-item label="所屬平臺" :label-width="formLabelWidth"><el-input v-model="form.platform" autocomplete="off"></el-input></el-form-item><el-form-item label="內容類型" :label-width="formLabelWidth"><el-input v-model="form.content_type" autocomplete="off"></el-input><!--<el-select v-model="form.content_type" placeholder="請選擇內容類型"><el-option v-for="item in content_type" :label="item.text" :value="item.value"></el-option></el-select>--></el-form-item><el-form-item label="所屬部門" :label-width="formLabelWidth"><select-form @change="DepartmentList" v-model="form.department_id" /></el-form-item><el-form-item prop="business_module" label="所屬欄目" :label-width="formLabelWidth"><!--注意用戶的返回值--><el-select v-model="form.business_module" placeholder="請選擇所屬欄目" multiple><el-option @click="resetLoginFrom" v-for="label in business_module" :label="label" :value="label"></el-option></el-select></el-form-item><el-form-item prop="column" label="所屬單元" :label-width="formLabelWidth"><!--注意用戶的返回值--><el-select @click="resetLoginFrom" v-model="form.column" placeholder="請選擇所屬欄目" multiple><el-option v-for="label in column" :label="label" :value="label"></el-option></el-select></el-form-item><el-form-item label="發布類型" :label-width="formLabelWidth"><el-select v-model="form.resource_type" placeholder="請選擇發布類型"><el-option label="頭條" value="1"></el-option><el-option label="次頭條" value="0"></el-option></el-select></el-form-item><el-form-item label="刊例價" :label-width="formLabelWidth"><el-input v-model="form.price" autocomplete="off"></el-input></el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button @click="cancel">取 消</el-button><el-button type="primary" @click="submit">確 定</el-button></div></el-dialog>
</template><script>
import { AddEditDialogMixin } from "@/component/dialog/AddEditDialogMixin";
import SelectForm from "@/component/select/SelectFrom";
import {getAction} from "@/api";
export default {//注冊組件components: { SelectForm},name: "create",mixins: [AddEditDialogMixin],data() {return {formLabelWidth: "140px",url: {add: "/account",edit: "/account",query: "/account"},business_module:[],column: []};},/* created() {this.list();/!* this.account_content_type();*!/},*/computed: {fullTitle() {return this.title + "賬號";}},methods: {/*封裝網絡請求 該數據為所屬單元和所屬項目*/DepartmentList(val) {this.resetLoginFrom()/* this.$refs.form.resetFields()*/getAction("/department/attribute/"+val).then(res => {//回顯數據this.business_module=res.data.business_module;this.column=res.data.column;});},resetLoginFrom(){this.$refs.form.resetFields()}/* account_content_type(){getAction('/dict/list', {dict_code: 'content_type'}).then(res => {this.content_type = res.data})}*/}
};
</script><style></style>
表單重置
總結
以上是生活随笔為你收集整理的工作177:表单重置项目处理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微分方程的数值解法与程序实现 pdf_数
- 下一篇: 工作108:swiper使用