区域

src/views/OperatorView.vue

@@ -16,6 +16,7 @@
         <ElTableColumn prop="country" label="国家" />
         <ElTableColumn prop="areaCode" label="区号" />
         <ElTableColumn prop="remark" label="备注" />
+        <ElTableColumn prop="area" label="区域" />
         <ElTableColumn label="开关" align="center" width="100">
             <template #default="{ row }">
                 <ElSwitch v-model="row.enabled" @change="toggleSwitch($event, row)" />
@@ -42,6 +43,9 @@
         <ElFormItem prop="areaCode" label="区号">
             <ElInput v-model="model.areaCode" placeholder="请输入区号" />
         </ElFormItem>
+        <ElFormItem prop="area" label="区域">
+            <ElInput v-model="model.area" placeholder="请输入区域" />
+        </ElFormItem>
         <ElFormItem prop="remark" label="备注">
             <ElInput v-model="model.remark" placeholder="请输入备注" />
         </ElFormItem>
@@ -100,7 +104,7 @@ const timeFormatter = useTimeFormatter()
 const table = ref(null)
 const model = ref({})
 const rules = {
-    country: [{ required: true, message: '请输入国家码', trigger: 'blur' }], 
+    country: [{ required: true, message: '请输入国家码', trigger: 'blur' }],
     areaCode: [{ required: true, message: '请输入区号', trigger: 'blur' }]
 }
 const platformList = [
@@ -158,6 +162,7 @@ function delMatcher(index) {
     .el-select {
         width: 100px;
     }
+
     .el-form-item {
         margin-right: 0;
     }