工业工程、市政工程页面输入限制

src/api/rules.js

@@ -0,0 +1,28 @@
+/**
+ * 验证手机号，座机号
+ * @param {*} rule
+ * @param {*} value
+ * @param {*} callback
+ */
+export function validPhoneMobile(rule, value, callback){
+  if (value){
+    if (value === '') {
+      callback(new Error('请输入11位手机号'));
+    } else {
+      let regPone;
+      let mobile = /^1([3456789])\d{9}$/; //最新16手机正则
+      let tel = /^(0\d{2,3}-){0,1}\d{7,8}$/; //座机
+      if (value.charAt(0) == 0) {    // charAt查找第一个字符方法，用来判断输入的是座机还是手机号
+        regPone = tel;
+      } else {
+        regPone = mobile;
+      }
+      if (!regPone.test(value)) {
+        callback(new Error("请填写11位手机号或座机号(座机格式为 区号-座机号码)"))
+      }
+      callback();
+    }
+  }else {
+    callback();
+  }
+}

src/views/zdsz/engineeringIndustry/index.vue

@@ -9,7 +9,7 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
       <el-form-item label="工程名称" prop="enginName">
-        <el-input v-model="queryParams.enginName" placeholder="请输入建筑工程名称"></el-input>
+        <el-input v-model="queryParams.enginName" placeholder="请输入建筑工程名称" maxlength="20"></el-input>
       </el-form-item>
       <el-form-item label="工程分类" prop="enginClassification" v-if="engineeType">
         <el-select v-model="queryParams.enginClassification" placeholder="请选择工程分类">
@@ -118,34 +118,34 @@
     <el-dialog :title="title" :visible.sync="open" append-to-body customClass="appendElDialog">
       <el-form ref="form" :model="form" :rules="rules" label-width="110px">
         <el-form-item label="工程名称" prop="enginName">
-          <el-input v-model="form.enginName" placeholder="请填写工程名称"></el-input>
+          <el-input v-model="form.enginName" placeholder="请填写工程名称" maxlength="20"></el-input>
         </el-form-item>
         <el-form-item label="现场负责人" prop="sceneHead">
-          <el-input v-model="form.sceneHead" placeholder="请填写现场负责人"></el-input>
+          <el-input v-model="form.sceneHead" placeholder="请填写现场负责人" maxlength="20"></el-input>
         </el-form-item>
         <el-form-item label="设计负责人" prop="designHead">
-          <el-input v-model="form.designHead" placeholder="请填写现场负责人"></el-input>
+          <el-input v-model="form.designHead" placeholder="请填写现场负责人" maxlength="20"></el-input>
         </el-form-item>
         <el-form-item label="项目负责人" prop="projectHead">
-          <el-input v-model="form.projectHead" placeholder="请填写项目负责人"></el-input>
+          <el-input v-model="form.projectHead" placeholder="请填写项目负责人" maxlength="20"></el-input>
         </el-form-item>
         <el-form-item label="设计单位" prop="designUnit">
-          <el-input v-model="form.designUnit" placeholder="请填写设计单位"></el-input>
+          <el-input v-model="form.designUnit" placeholder="请填写设计单位" maxlength="50"></el-input>
         </el-form-item>
         <el-form-item label="监理负责人" prop="supervisionHead">
-          <el-input v-model="form.supervisionHead" placeholder="请填写监理负责人"></el-input>
+          <el-input v-model="form.supervisionHead" placeholder="请填写监理负责人" maxlength="20"></el-input>
         </el-form-item>
         <el-form-item label="设计联系方式" prop="designPhone">
-          <el-input v-model="form.designPhone" placeholder="请填写联系方式"></el-input>
+          <el-input v-model="form.designPhone" placeholder="请填写联系方式" maxlength="13"></el-input>
         </el-form-item>
         <el-form-item label="监理联系电话" prop="supervisionPhone">
-          <el-input v-model="form.supervisionPhone" placeholder="请填写联系方式"></el-input>
+          <el-input v-model="form.supervisionPhone" placeholder="请填写联系方式" maxlength="13"></el-input>
         </el-form-item>
         <el-form-item label="建筑单位" prop="constructUnit">
-          <el-input v-model="form.constructUnit" placeholder="请填写建筑单位"></el-input>
+          <el-input v-model="form.constructUnit" placeholder="请填写建筑单位" maxlength="50"></el-input>
         </el-form-item>
         <el-form-item label="监理单位" prop="supervisionUnit">
-          <el-input v-model="form.supervisionUnit" placeholder="请填写监理单位"/>
+          <el-input v-model="form.supervisionUnit" placeholder="请填写监理单位" maxlength="50"/>
         </el-form-item>
 <!--        <el-form-item label="类型" prop="enginType">-->
 <!--          <el-select v-model="form.enginType" placeholder="请选择类型" style="width: 100%" disabled>-->
@@ -174,6 +174,8 @@
               type="textarea"
               placeholder="请输入内容"
               class="remark_input"
+              maxlength="200"
+              show-word-limit
             />
           </el-form-item>
         </el-row>
@@ -208,19 +210,19 @@
 <!--              </el-select>-->
 <!--            </el-form-item>-->
             <el-form-item label="施工地址" prop="constructAddre">
-              <el-input v-model="zEngineeringInfoBo.constructAddre" placeholder="请填写施工地址"></el-input>
+              <el-input v-model="zEngineeringInfoBo.constructAddre" placeholder="请填写施工地址" maxlength="50"></el-input>
             </el-form-item>
             <el-form-item label="施工人电话" prop="constructPhone">
-              <el-input v-model="zEngineeringInfoBo.constructPhone" placeholder="请填写施工人电话"></el-input>
+              <el-input v-model="zEngineeringInfoBo.constructPhone" placeholder="请填写施工人电话" maxlength="13"></el-input>
             </el-form-item>
             <el-form-item label="施工人" prop="constructUser">
-              <el-input v-model="zEngineeringInfoBo.constructUser" placeholder="请填写施工人"></el-input>
+              <el-input v-model="zEngineeringInfoBo.constructUser" placeholder="请填写施工人" maxlength="20"></el-input>
             </el-form-item>
             <el-form-item label="负责人" prop="headName">
-              <el-input v-model="zEngineeringInfoBo.headName" placeholder="请填写负责人"></el-input>
+              <el-input v-model="zEngineeringInfoBo.headName" placeholder="请填写负责人" maxlength="20"></el-input>
             </el-form-item>
             <el-form-item label="负责人电话" prop="headPhone">
-              <el-input v-model="zEngineeringInfoBo.headPhone" placeholder="请填写负责人电话"></el-input>
+              <el-input v-model="zEngineeringInfoBo.headPhone" placeholder="请填写负责人电话" maxlength="13"></el-input>
             </el-form-item>
             <el-form-item label="回填时间" prop="backfillTime">
               <el-date-picker
@@ -293,6 +295,7 @@ import {
   putEngineeEngineeIndustry
 } from '@/api/zdsz/engineeringIndustry'
 import EngineePipe from '@/components/EngineePipe'
+import { validPhoneMobile } from '@/api/rules'
 
 export default {
   name: "openrepair",
@@ -402,7 +405,8 @@ export default {
           {required: true, message: "工程类型不能为空", trigger: 'blur'}
         ],
         supervisionPhone: [
-          {required: true, message: "监理联系电话不能为空", trigger: 'blur'}
+          {required: true, message: "监理联系电话不能为空", trigger: 'blur'},
+          {validator: validPhoneMobile, trigger: 'blur'}
         ],
         constructUnit: [
           {required: true, message: "建筑单位不能为空", trigger: 'blur'}
@@ -417,7 +421,8 @@ export default {
           {required: true, message: "设计单位不能为空", trigger: 'blur'}
         ],
         designPhone: [
-          {required: true, message: "联系方式不能为空", trigger: 'blur'}
+          {required: true, message: "联系方式不能为空", trigger: 'blur'},
+          {validator: validPhoneMobile, trigger: 'blur'}
         ],
         supervisionHead: [
           {required: true, message: "监理负责人不能为空", trigger: 'blur'}
@@ -438,7 +443,8 @@ export default {
           {required: true, message: "施工地址不能为空", trigger: 'blur'}
         ],
         constructPhone: [
-          {required: true, message: "施工人电话不能为空", trigger: 'blur'}
+          {required: true, message: "施工人电话不能为空", trigger: 'blur'},
+          {validator: validPhoneMobile, trigger: 'blur'}
         ],
         constructUser: [
           {required: true, message: "施工人不能为空", trigger: 'blur'}
@@ -447,7 +453,8 @@ export default {
           {required: true, message: "负责人不能为空", trigger: 'blur'}
         ],
         headPhone: [
-          {required: true, message: "负责人电话不能为空", trigger: 'blur'}
+          {required: true, message: "负责人电话不能为空", trigger: 'blur'},
+          {validator: validPhoneMobile, trigger: 'blur'}
         ],
         zEngiineeringPhotoBoList: [
           {required: true, message: "图片不能为空", trigger: 'blur'}