1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
| <style lang="less">
| </style>
| <template>
| <div>
| <Card>
| <p slot="title">添加</p>
| <Form ref="form" :model="form" :label-width="90" :rules="formValidate">
| <FormItem label="名称" prop="name">
| <Input v-model="form.name" style="width: 400px" />
| </FormItem>
| <FormItem class="br">
| <Button
| @click="handleSubmit"
| :loading="submitLoading"
| type="primary"
| >提交并保存</Button>
| <Button @click="handleReset">重置</Button>
| </FormItem>
| </Form>
| </Card>
| </div>
| </template>
|
| <script>
| export default {
| name: "add",
| data() {
| return {
| loading: true, // 表单加载状态
| submitLoading: false, // 表单提交状态
| form: {
| id: "",
| name: ""
| },
| // 表单验证规则
| formValidate: {
| name: [{ required: true, message: "不能为空", trigger: "change" }]
| },
| backRoute: ""
| };
| },
| methods: {
| init() {
| this.backRoute = this.$route.query.backRoute;
| },
| handleReset() {
| this.$refs.form.resetFields();
| },
| handleSubmit() {
| this.$refs.form.validate(valid => {
| if (valid) {
| // this.postRequest("请求路径", this.form).then(res => {
| // this.submitLoading = false;
| // if (res.success) {
| // this.$Message.success("添加成功");
| // this.closeCurrentPage();
| // }
| // });
| // 模拟成功
| this.submitLoading = false;
| this.$Message.success("添加成功");
| this.closeCurrentPage();
| }
| });
| },
| // 关闭当前页面
| closeCurrentPage() {
| this.$store.commit("removeTag", "add");
| localStorage.pageOpenedList = JSON.stringify(
| this.$store.state.app.pageOpenedList
| );
| this.$router.push({
| name: this.backRoute
| });
| }
| },
| watch: {
| $route(to, from) {
| if (to.name == "add") {
| this.handleReset();
| }
| }
| },
| mounted() {
| this.init();
| }
| };
| </script>
|
|
