验证

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

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
       <el-form-item label="避难场所名称" prop="name">
         <el-input
           v-model="queryParams.name"
@@ -120,22 +120,22 @@
     <el-dialog :title="title" :visible.sync="open" width="650px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
         <el-form-item label="避难场所名称" prop="name">
-          <el-input v-model="form.name" placeholder="请输入避难场所名称"/>
+          <el-input v-model="form.name" placeholder="请输入避难场所名称" maxlength="20"/>
         </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="range">
-          <el-input v-model="form.range" placeholder="请输入避难场所范围"/>
+          <el-input v-model="form.range" placeholder="请输入避难场所范围" maxlength="100"/>
         </el-form-item>
         <el-form-item label="避难场所现状描述" prop="state">
-          <el-input v-model="form.state" placeholder="请输入避难场所现状描述"/>
+          <el-input v-model="form.state" placeholder="请输入避难场所现状描述" maxlength="20"/>
         </el-form-item>
         <el-form-item label="占地面积(m²)" prop="area">
-          <el-input v-model="form.area" placeholder="请输入占地面积"/>
+          <el-input v-model="form.area" placeholder="请输入占地面积" maxlength="20"/>
         </el-form-item>
         <el-form-item label="可转移安置人数(万人)" prop="transferPerson">
-          <el-input v-model="form.transferPerson" placeholder="请输入可转移安置人数"/>
+          <el-input v-model="form.transferPerson" placeholder="请输入可转移安置人数" maxlength="20"/>
         </el-form-item>
         <el-form-item label="经度" prop="longitude">
           <el-input v-model="form.longitude" placeholder="请输入经度"/>
@@ -144,7 +144,7 @@
           <el-input v-model="form.latitude" placeholder="请输入纬度"/>
         </el-form-item>
         <el-form-item label="建设内容" prop="constructionContent">
-          <el-input v-model="form.constructionContent" type="textarea" placeholder="请输入内容"/>
+          <el-input v-model="form.constructionContent" type="textarea"  :rows="4" placeholder="请输入内容" maxlength="500"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -157,6 +157,7 @@
 
 <script>
 import {addShelter, delShelter, updateShelter,getShelter, listShelter} from "@/api/system/shelter";
+import {checkLon, checkLat,} from "@/api/system/rules";
 
 export default {
   name: "Shelter",
@@ -198,7 +199,19 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {}
+      rules: {
+        name: [
+          { required: true, message: "名称不能为空", trigger: "change" },
+        ],
+        longitude: [
+          { required: true, message: "经度不能为空", trigger: "change" },
+          {validator: checkLon, trigger: 'blur'}
+        ],
+        latitude: [
+          { required: true, message: "纬度不能为空", trigger: "change" },
+          {validator: checkLat, trigger: 'blur'}
+        ],
+      }
     };
   },
   created() {

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

@@ -92,7 +92,7 @@
     <el-table v-loading="loading" :data="suppliesList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center"/>
       <el-table-column label="品种" align="center" prop="varieties"/>
-      <el-table-column label="价值" align="center" prop="cost"/>
+      <el-table-column label="价值(万元)" align="center" prop="cost"/>
       <el-table-column label="经度" align="center" prop="longitude"/>
       <el-table-column label="纬度" align="center" prop="latitude"/>
       <el-table-column  key="deptName" :show-overflow-tooltip="true" align="center" label="归属部门"
@@ -131,13 +131,13 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="品种" prop="varieties">
-          <el-input v-model="form.varieties" placeholder="请输入品种"/>
+          <el-input v-model="form.varieties" placeholder="请输入品种" maxlength="20"/>
         </el-form-item>
-        <el-form-item label="价值" prop="cost">
-          <el-input v-model="form.cost" placeholder="请输入价值"/>
+        <el-form-item label="价值(万元)" prop="cost">
+          <el-input v-model="form.cost" placeholder="请输入价值" maxlength="20"/>
         </el-form-item>
         <el-form-item label="经度" prop="longitude">
-          <el-input v-model="form.longitude" placeholder="请输入经度"/>
+          <el-input v-model="form.longitude" placeholder="请输入经度" />
         </el-form-item>
         <el-form-item label="纬度" prop="latitude">
           <el-input v-model="form.latitude" placeholder="请输入纬度"/>
@@ -146,7 +146,7 @@
           <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门"/>
         </el-form-item>
         <el-form-item label="备注" prop="remarks">
-          <el-input v-model="form.remarks" type="textarea" :rows="4" placeholder="请输入内容"/>
+          <el-input v-model="form.remarks" type="textarea" :rows="4" placeholder="请输入内容" maxlength="500"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -163,6 +163,7 @@ import {addSupplies, delSupplies, updateSupplies,getSupplies, listSupplies} from
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import {deptTreeSelect} from "@/api/system/user";
 import Treeselect from "@riophae/vue-treeselect";
+import {checkLon, checkLat} from "@/api/system/rules";
 
 export default {
   name: "Supplies",
@@ -205,7 +206,19 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {}
+      rules: {
+        varieties: [
+          { required: true, message: "品种不能为空", trigger: "change" },
+        ],
+        longitude: [
+          { required: true, message: "经度不能为空", trigger: "change" },
+          {validator: checkLon, trigger: 'blur'}
+        ],
+        latitude: [
+          { required: true, message: "纬度不能为空", trigger: "change" },
+          {validator: checkLat, trigger: 'blur'}
+        ],
+      }
     };
   },
   created() {

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

@@ -118,28 +118,28 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="姓名" prop="name">
-          <el-input v-model="form.name" placeholder="请输入姓名"/>
+          <el-input v-model="form.name" placeholder="请输入姓名" maxlength="20"/>
         </el-form-item>
         <el-form-item label="账号" prop="userName">
-          <el-input v-model="form.userName" placeholder="请输入账号"/>
+          <el-input v-model="form.userName" placeholder="请输入账号" maxlength="20"/>
         </el-form-item>
         <el-form-item label="归属部门" prop="deptId">
           <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门"/>
         </el-form-item>
         <el-form-item label="职务" prop="post">
-          <el-input v-model="form.post" placeholder="请输入职务"/>
+          <el-input v-model="form.post" placeholder="请输入职务" maxlength="20"/>
         </el-form-item>
         <el-form-item label="单位" prop="company">
-          <el-input v-model="form.company" placeholder="请输入单位"/>
+          <el-input v-model="form.company" placeholder="请输入单位" maxlength="20"/>
         </el-form-item>
         <el-form-item label="救援队" prop="emergencyRescue">
-          <el-input v-model="form.emergencyRescue" placeholder="请输入救援队"/>
+          <el-input v-model="form.emergencyRescue" placeholder="请输入救援队" maxlength="20"/>
         </el-form-item>
         <el-form-item label="手机号" prop="phone">
           <el-input v-model="form.phone" placeholder="请输入手机号"/>
         </el-form-item>
         <el-form-item label="防汛抗旱" prop="effect">
-          <el-input v-model="form.effect" placeholder="请输入防汛抗旱"/>
+          <el-input v-model="form.effect" placeholder="请输入防汛抗旱" maxlength="20"/>
         </el-form-item>
         <el-form-item label="经度" prop="longitude">
           <el-input v-model="form.longitude" placeholder="请输入经度"/>
@@ -162,6 +162,7 @@ import {addTeam, delTeam, updateTeam,getTeam, listTeam} from "@/api/system/team"
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import {deptTreeSelect} from "@/api/system/user";
 import Treeselect from "@riophae/vue-treeselect";
+import {checkLat, checkLon,validPhoneMobile} from "@/api/system/rules";
 
 export default {
   name: "Team",
@@ -213,7 +214,23 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {}
+      rules: {
+        name: [
+          { required: true, message: "姓名不能为空", trigger: "change" },
+        ],
+        longitude: [
+          { required: true, message: "经度不能为空", trigger: "change" },
+          {validator: checkLon, trigger: 'blur'}
+        ],
+        latitude: [
+          { required: true, message: "纬度不能为空", trigger: "change" },
+          {validator: checkLat, trigger: 'blur'}
+        ],
+        phone: [
+          { required: true, message: "手机号不能为空", trigger: "change" },
+          {validator: validPhoneMobile, trigger: 'blur'}
+        ],
+      }
     };
   },
   created() {