验证

zhsq_qk-ui/src/views/system/camera/index.vue

@@ -129,10 +129,10 @@
     />
 
     <!-- 添加或修改摄像头对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="摄像头名称" prop="cameraName">
-          <el-input v-model="form.cameraName" placeholder="请输入摄像头名称"/>
+          <el-input v-model="form.cameraName" placeholder="请输入摄像头名称" maxlength="20"/>
         </el-form-item>
         <el-form-item label="归属派出所" prop="policeName">
           <el-select v-model="form.policeName" filterable placeholder="请选择项目名称" @change="onChange">
@@ -145,7 +145,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="点位具体位置" prop="address">
-          <el-input v-model="form.address" placeholder="请输入点位具体位置"/>
+          <el-input v-model="form.address" placeholder="请输入点位具体位置" maxlength="20"/>
         </el-form-item>
         <el-form-item label="经度" prop="longitude">
           <el-input v-model="form.longitude" placeholder="请输入经度"/>
@@ -185,6 +185,7 @@
 <script>
 import {getCamera, listCamera,addCamera, delCamera, updateCamera} from "@/api/system/camera";
 import {listAllPolice} from "@/api/system/station";
+import {checkLat, checkLon} from "@/api/system/rules";
 
 export default {
   name: "Camera",
@@ -223,7 +224,19 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {}
+      rules: {
+        longitude: [
+          { required: true, message: "经度不能为空", trigger: "change" },
+          {validator: checkLon, trigger: 'blur'}
+        ],
+        cameraName: [
+          { required: true, message: "摄像头名称不能为空", trigger: "change" },
+        ],
+        latitude: [
+          { required: true, message: "纬度不能为空", trigger: "change" },
+          {validator: checkLat, trigger: 'blur'}
+        ],
+      }
     };
   },
   created() {

zhsq_qk-ui/src/views/system/station/index.vue

@@ -111,10 +111,10 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="派出所名称" prop="policeName">
-          <el-input v-model="form.policeName" placeholder="请输入派出所名称"/>
+          <el-input v-model="form.policeName" placeholder="请输入派出所名称" maxlength="20"/>
         </el-form-item>
         <el-form-item label="地址" prop="position">
-          <el-input v-model="form.position" placeholder="请输入地址"/>
+          <el-input v-model="form.position" placeholder="请输入地址" maxlength="20"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -128,6 +128,7 @@
 <script>
 import {getStation, listStation,addStation,updateStation,delStation} from "@/api/system/station";
 import {addCamera, delCamera, updateCamera} from "@/api/system/camera";
+import {checkLon} from "@/api/system/rules";
 
 export default {
   name: "Station",
@@ -162,7 +163,11 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {}
+      rules: {
+        policeName: [
+          { required: true, message: "派出所名称不能为空", trigger: "change" },
+        ],
+      }
     };
   },
   created() {