区域排序

src/views/Area/Area.vue

@@ -101,6 +101,15 @@
           :edit-render="{ name: 'input', attrs: { type: 'text' } }"
         />
 
+        <vxe-column
+          header-align="center"
+          align="right"
+          field="sort"
+          width="120"
+          title="排序"
+          :edit-render="{ name: 'input', attrs: { type: 'number' } }"
+        />
+
         <vxe-column
           header-align="center"
           field="is_show"
@@ -251,6 +260,7 @@ export default {
         name: "",
 
         group: "",
+        sort: "",
         is_show:''
       },
       validRules: {},

src/views/Area/components/AddArea.vue

@@ -13,6 +13,9 @@
             <el-form-item label="分组" prop="group">
               <el-input v-model="form['group']" clearable placeholder="请填写分组" style="width: 100%"></el-input>
             </el-form-item>
+            <el-form-item label="排序" prop="sort">
+              <el-input-number v-model="form['sort']" :min="0" placeholder="请填写排序" style="width: 100%"></el-input-number>
+            </el-form-item>
             <el-form-item label="自主招生显示" prop="is_show">
               <el-select v-model="form['is_show']">
                 <el-option v-for="item in showList" :key="item.id" :label="item.value"
@@ -75,6 +78,7 @@
           name: "",
 
           group: "",
+          sort: 0,
           is_show: 1
         },
         rules: {},
@@ -134,6 +138,7 @@
           name: "",
 
           group: "",
+          sort: 0,
         };
         this.$refs["elForm"].resetFields();
       },
@@ -194,4 +199,4 @@
       display: flex;
     }
   }
-</style>
+</style>

src/views/Area/components/ShowArea.vue

@@ -25,6 +25,10 @@
           <el-descriptions-item label="分组">
             {{ form["group"] }}
           </el-descriptions-item>
+
+          <el-descriptions-item label="排序">
+            {{ form["sort"] }}
+          </el-descriptions-item>
         </el-descriptions>
       </section>
     </el-drawer>
@@ -51,6 +55,7 @@ export default {
         name: "",
 
         group: "",
+        sort: "",
       },
     };
   },