大区

src/views/system/area/index.vue

@@ -87,6 +87,12 @@
         <el-form-item label="序数" prop="ordinal">
           <el-input v-model="areaForm.ordinal" placeholder="请输入序数"></el-input>
         </el-form-item>
+        <el-form-item label="运维角色" prop="ordinal">
+          <el-select v-model="value" placeholder="请选择">
+            <el-option v-for="item in signalLevelList" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel">取 消</el-button>
@@ -102,6 +108,13 @@ export default {
   name: 'AreaList',
   data () {
     return {
+      value:'',
+      signalLevelList: [
+        { label: '一级', value: '1' },
+        { label: '二级', value: '2' },
+        { label: '三级', value: '3' },
+        { label: '四级', value: '4' }
+      ],
       ids: [],
       // 总条数
       total: 0,
@@ -182,6 +195,12 @@ export default {
       this.reset();
       this.areaOpen = true;
       this.title = "添加大区";
+      this.getUser()
+    },
+
+    // 获取大区角色
+    getUser(){
+      console.log(111);
     },
 
     // 修改大区
@@ -193,6 +212,8 @@ export default {
 
     // 提交
     submitForm () {
+      this.$refs.areaForm.validate(valid=>{
+      if (!valid) return this.msgError('请输入必填项信息')
       save(this.areaForm).then(res => {
         if (200 == res.code) {
           this.areaOpen = false;
@@ -201,6 +222,7 @@ export default {
           this.msgError(res.msg);
         }
       })
+    })
     },
 
     async view (row) {
@@ -263,7 +285,7 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss" scoped>
 .el-checkbox {
   width: 50px;
 }