活动配置修改

@@ -3,7 +3,7 @@
         <div class="demo-split">
                 <Split v-model="split">
                     <div slot="left" class="split-pane">
-                        <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="120">
+                        <Form ref="formValidate" :model="formValidate" :label-width="120">
                             <FormItem label="奖品名称" prop="name">
                                 <Input v-model="formValidate.name" placeholder="奖品名称"></Input>
                             </FormItem>
@@ -30,11 +30,13 @@
                                 <span ref="gotPrizeBg">+添加中奖背景图</span>
                             </FormItem>
                         </Form>
-                        <Button type="primary">添加</Button>
+                        <div class="add-btn"><Button type="primary">添加</Button></div>
                     </div>
                     <div slot="right" class="split-pane right">
                         <Table :columns="columns1" :data="data1"></Table>
-                        <Button type="error">保存所有商品</Button>
+                        <div class="save">
+                            <Button type="error" class="save-all">保存所有商品</Button>
+                        </div>
                     </div>
                 </Split>
             </div>
@@ -116,35 +118,6 @@
                     date: '',
                     time: '',
                     desc: ''
-                },
-                ruleValidate: {
-                    name: [
-                        { required: true, message: 'The name cannot be empty', trigger: 'blur' }
-                    ],
-                    mail: [
-                        { required: true, message: 'Mailbox cannot be empty', trigger: 'blur' },
-                        { type: 'email', message: 'Incorrect email format', trigger: 'blur' }
-                    ],
-                    city: [
-                        { required: true, message: 'Please select the city', trigger: 'change' }
-                    ],
-                    gender: [
-                        { required: true, message: 'Please select gender', trigger: 'change' }
-                    ],
-                    interest: [
-                        { required: true, type: 'array', min: 1, message: 'Choose at least one hobby', trigger: 'change' },
-                        { type: 'array', max: 2, message: 'Choose two hobbies at best', trigger: 'change' }
-                    ],
-                    date: [
-                        { required: true, type: 'date', message: 'Please select the date', trigger: 'change' }
-                    ],
-                    time: [
-                        { required: true, type: 'string', message: 'Please select time', trigger: 'change' }
-                    ],
-                    desc: [
-                        { required: true, message: 'Please enter a personal introduction', trigger: 'blur' },
-                        { type: 'string', min: 20, message: 'Introduce no less than 20 words', trigger: 'blur' }
-                    ]
                 }
             }
         },
@@ -166,6 +139,14 @@
             padding-left: 20px;
         }
     }
+    .add-btn {
+        text-align: center;
+        margin: 0 auto;
+    }
+    .save {
+        text-align: center;
+        padding-top: 20px;
+    }
 </style>
 
 

@@ -41,12 +41,12 @@
             </Form>
         </TabPane>
         <TabPane label="奖品配置">
-            <prize-item v-for="item in prizes" :key="item"></prize-item>
+            <add-prize v-for="item in prizes" :key="item"></add-prize>
         </TabPane>
     </Tabs>
 </template>
 <script>
-    import PrizeItem from './components/prize-item';
+    import AddPrize from './components/add-prize';
 
     export default {
         data () {
@@ -82,7 +82,7 @@
             }
         },
         components: {
-            PrizeItem
+            AddPrize
         },
         mounted() {
         }