在添加等级页面增加添加等级方法

src/views/level/addLevel.vue

@@ -2,10 +2,10 @@
   <div>
     <h1 class="list-title">添加等级</h1>
     <el-form :model="addLevelRuleForm" ref="addLevelRuleForm" label-width="100px" class="demo-addLevelRuleForm">
-      <el-form-item label="等级名称" prop="age" :rules="[
+      <el-form-item label="等级名称" prop="levelname" :rules="[
         { required: true, message: '等级名称不能为空' }
       ]">
-        <el-input v-model.number="addLevelRuleForm.age" autocomplete="off"></el-input>
+        <el-input v-model="addLevelRuleForm.levelname" autocomplete="off"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm('addLevelRuleForm')">提交</el-button>
@@ -16,11 +16,13 @@
 </template>
 
 <script>
+import {addLevel} from '@/api/level'
+
 export default {
   data() {
     return {
       addLevelRuleForm: {
-        age: ''
+        levelname: ''
       }
     };
   },
@@ -28,7 +30,23 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          alert('submit!');
+          addLevel({
+            levelname: this.addLevelRuleForm.levelname
+          }).then(res => {
+            if (res.code == 101) {
+              this.$message({
+                message: res.message,
+                type: 'success'
+              })
+              this.$router.push({
+                path: '/level/levelList'
+              })
+            } else {
+              this.$message.error(res.message);
+            }
+          }).catch(err => {
+            this.$message.error(err.message);
+          })
         } else {
           console.log('error submit!!');
           return false;