封装自定义验证方法-validate-methods.js

本文介绍了一系列针对 jQuery Validate 插件的自定义验证方法,包括整数、浮点数、字符串等多种数据类型的验证规则,以及电话号码、身份证号码等特定格式的验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/*****************************************************************
                  jQuery Validate扩展验证方法  (linjq)       
*****************************************************************/
$(function(){
    // 判断整数value是否等于0 
    jQuery.validator.addMethod("isIntEqZero", function(value, element) { 
         value=parseInt(value);      
         return this.optional(element) || value==0;       
    }, "整数必须为0"); 
      
    // 判断整数value是否大于0
    jQuery.validator.addMethod("isIntGtZero", function(value, element) { 
         value=parseInt(value);      
         return this.optional(element) || value>0;       
    }, "整数必须大于0"); 
      
    // 判断整数value是否大于或等于0
    jQuery.validator.addMethod("isIntGteZero", function(value, element) { 
         value=parseInt(value);      
         return this.optional(element) || value>=0;       
    }, "整数必须大于或等于0");   
    
    // 判断整数value是否不等于0 
    jQuery.validator.addMethod("isIntNEqZero", function(value, element) { 
         value=parseInt(value);      
         return this.optional(element) || value!=0;       
    }, "整数必须不等于0");  
    
    // 判断整数value是否小于0 
    jQuery.validator.addMethod("isIntLtZero", function(value, element) { 
         value=parseInt(value);      
         return this.optional(element) || value<0;       
    }, "整数必须小于0");  
    
    // 判断整数value是否小于或等于0 
    jQuery.validator.addMethod("isIntLteZero", function(value, element) { 
         value=parseInt(value);      
         return this.optional(element) || value<=0;       
    }, "整数必须小于或等于0");  
    
    // 判断浮点数value是否等于0 
    jQuery.validator.addMethod("isFloatEqZero", function(value, element) { 
         value=parseFloat(value);      
         return this.optional(element) || value==0;       
    }, "浮点数必须为0"); 
      
    // 判断浮点数value是否大于0
    jQuery.validator.addMethod("isFloatGtZero", function(value, element) { 
         value=parseFloat(value);      
         return this.optional(element) || value>0;       
    }, "浮点数必须大于0"); 
      
    // 判断浮点数value是否大于或等于0
    jQuery.validator.addMethod("isFloatGteZero", function(value, element) { 
         value=parseFloat(value);      
         return this.optional(element) || value>=0;       
    }, "浮点数必须大于或等于0");   
    
    // 判断浮点数value是否不等于0 
    jQuery.validator.addMethod("isFloatNEqZero", function(value, element) { 
         value=parseFloat(value);      
         return this.optional(element) || value!=0;       
    }, "浮点数必须不等于0");  
    
    // 判断浮点数value是否小于0 
    jQuery.validator.addMethod("isFloatLtZero", function(value, element) { 
         value=parseFloat(value);      
         return this.optional(element) || value<0;       
    }, "浮点数必须小于0");  
    
    // 判断浮点数value是否小于或等于0 
    jQuery.validator.addMethod("isFloatLteZero", function(value, element) { 
         value=parseFloat(value);      
         return this.optional(element) || value<=0;       
    }, "浮点数必须小于或等于0");  
    
    // 判断浮点型  
    jQuery.validator.addMethod("isFloat", function(value, element) {       
         return this.optional(element) || /^[-\+]?\d+(\.\d+)?$/.test(value);       
    }, "只能包含数字、小数点等字符"); 
     
    // 匹配integer
    jQuery.validator.addMethod("isInteger", function(value, element) {       
         return this.optional(element) || (/^[-\+]?\d+$/.test(value) && parseInt(value)>=0);       
    }, "匹配integer");  
     
    // 判断数值类型,包括整数和浮点数
    jQuery.validator.addMethod("isNumber", function(value, element) {       
         return this.optional(element) || /^[-\+]?\d+$/.test(value) 
         || /^[-\+]?\d+(\.\d+)?$/.test(value);       
    }, "匹配数值类型,包括整数和浮点数");  
    
    // 只能输入[0-9]数字
    jQuery.validator.addMethod("isDigits", function(value, element) {       
         return this.optional(element) || /^\d+$/.test(value);       
    }, "只能输入0-9数字");  
    
    // 判断中文字符 
    jQuery.validator.addMethod("isChinese", function(value, element) {       
         return this.optional(element) || /^[\u0391-\uFFE5]+$/.test(value);       
    }, "只能包含中文字符。");   
 
    // 判断英文字符 
    jQuery.validator.addMethod("isEnglish", function(value, element) {       
         return this.optional(element) || /^[A-Za-z]+$/.test(value);       
    }, "只能包含英文字符。");   
 
     // 手机号码验证    
    jQuery.validator.addMethod("isMobile", function(value, element) {    
      var length = value.length;    
      return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));    
    }, "请正确填写您的手机号码。");

    // 电话号码验证    
    jQuery.validator.addMethod("isPhone", function(value, element) {    
      var tel = /^(\d{3,4}-?)?\d{7,9}$/g;    
      return this.optional(element) || (tel.test(value));    
    }, "请正确填写您的电话号码。");

    // 联系电话(手机/电话皆可)验证   
    jQuery.validator.addMethod("isTel", function(value,element) {   
        var length = value.length;   
        var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;   
        var tel = /^(\d{3,4}-?)?\d{7,9}$/g;       
        return this.optional(element) || tel.test(value) || (length==11 && mobile.test(value));   
    }, "请正确填写您的联系方式"); 
 
     // 匹配qq      
    jQuery.validator.addMethod("isQq", function(value, element) {       
         return this.optional(element) || /^[1-9]\d{4,12}$/;       
    }, "匹配QQ");   
 
     // 邮政编码验证    
    jQuery.validator.addMethod("isZipCode", function(value, element) {    
      var zip = /^[0-9]{6}$/;    
      return this.optional(element) || (zip.test(value));    
    }, "请正确填写您的邮政编码。");  
    
    // 匹配密码,以字母开头,长度在6-12之间,只能包含字符、数字和下划线。      
    jQuery.validator.addMethod("isPwd", function(value, element) {       
         return this.optional(element) || /^[a-zA-Z]\\w{6,12}$/.test(value);       
    }, "以字母开头,长度在6-12之间,只能包含字符、数字和下划线。");  
    
    // 身份证号码验证
    jQuery.validator.addMethod("isIdCardNo", function(value, element) { 
      //var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/;   
      return this.optional(element) || isIdCardNo(value);    
    }, "请输入正确的身份证号码。"); 

    // IP地址验证   
    jQuery.validator.addMethod("ip", function(value, element) {    
      return this.optional(element) || /^(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.)(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.){2}([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))$/.test(value);    
    }, "请填写正确的IP地址。");
   
    // 字符验证,只能包含中文、英文、数字、下划线等字符。    
    jQuery.validator.addMethod("stringCheck", function(value, element) {       
         return this.optional(element) || /^[a-zA-Z0-9\u4e00-\u9fa5-_]+$/.test(value);       
    }, "只能包含中文、英文、数字、下划线等字符");   
   
    // 匹配english  
    jQuery.validator.addMethod("isEnglish", function(value, element) {       
         return this.optional(element) || /^[A-Za-z]+$/.test(value);       
    }, "匹配english");   
    
    // 匹配汉字  
    jQuery.validator.addMethod("isChinese", function(value, element) {       
         return this.optional(element) || /^[\u4e00-\u9fa5]+$/.test(value);       
    }, "匹配汉字");   
    
    // 匹配中文(包括汉字和字符) 
    jQuery.validator.addMethod("isChineseChar", function(value, element) {       
         return this.optional(element) || /^[\u0391-\uFFE5]+$/.test(value);       
    }, "匹配中文(包括汉字和字符) "); 
      
    // 判断是否为合法字符(a-zA-Z0-9-_)
    jQuery.validator.addMethod("isRightfulString", function(value, element) {       
         return this.optional(element) || /^[A-Za-z0-9_-]+$/.test(value);       
    }, "判断是否为合法字符(a-zA-Z0-9-_)");   
    
    // 判断是否包含中英文特殊字符,除英文"-_"字符外
    jQuery.validator.addMethod("isContainsSpecialChar", function(value, element) {  
         var reg = RegExp(/[(\ )(\`)(\~)(\!)(\@)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\+)(\=)(\|)(\{)(\})(\')(\:)(\;)(\')(',)(\[)(\])(\.)(\<)(\>)(\/)(\?)(\~)(\!)(\@)(\#)(\¥)(\%)(\…)(\&)(\*)(\()(\))(\—)(\+)(\|)(\{)(\})(\【)(\】)(\‘)(\;)(\:)(\”)(\“)(\’)(\。)(\,)(\、)(\?)]+/);   
         return this.optional(element) || !reg.test(value);       
    }, "含有中英文特殊字符");   
   

    //身份证号码的验证规则
    function isIdCardNo(num){ 
        //if (isNaN(num)) {alert("输入的不是数字!"); return false;} 
       var len = num.length, re; 
       if (len == 15) 
       re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); 
       else if (len == 18) 
       re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); 
       else {
            //alert("输入的数字位数不对。"); 
            return false;
        } 
       var a = num.match(re); 
       if (a != null) 
       { 
       if (len==15) 
       { 
       var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); 
       var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; 
       } 
       else 
       { 
       var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); 
       var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; 
       } 
       if (!B) {
            //alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); 
            return false;
        } 
       } 
       if(!re.test(num)){
            //alert("身份证最后一位只能是数字和字母。");
            return false;
        }
       return true; 
    } 

});

//车牌号校验
function isPlateNo(plateNo){
    var re = /^[\u4e00-\u9fa5]{1}[A-Z]{1}[A-Z_0-9]{5}$/;
    if(re.test(plateNo)){
        return true;
    }
    return false;
}

<el-form :rules="formRules" :model="pageModel.form" label-width="120px" size="small" class="el-form-container "> <el-form-item label="姓名" prop="policeName" class="content"> <el-input v-model.trim="pageModel.form.policeName" :disabled="pageModel.pageInfo.formConfig.type == '2' " @compositionstart="isComposing = true" @compositionend="handleCompositionEnd" /> </el-form-item> <el-form-item label="性别" prop="sex" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-select v-model="pageModel.form.sex" placeholder="请选择" style="width: 100%" :disabled="pageModel.pageInfo.formConfig.type == '2' "> <el-option v-for="(item, index) in pageModel.pageInfo .sexType" :key="index" :label="item.dictLabel" :value="item.dictValue"> </el-option> </el-select> </el-form-item> <el-form-item label="身份证号" prop="idCard" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.idCard" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="所属单位" prop="deptId" class="content"> <el-cascader :options="pageModel.listDept" v-model="pageModel.form.deptId" :props="{ children: 'children', label: 'deptName', value: 'deptId', checkStrictly: true, }" style="width: 100%" @change="changeHandel" :disabled="pageModel.pageInfo.formConfig.type == '2' " clearable /> </el-form-item> <el-form-item label="警号" prop="policeCode" class="content"> <el-input v-model="pageModel.form.policeCode" :disabled="pageModel.pageInfo.formConfig.type == '2' " onkeyup="this.value=this.value.replace(/[^\w_]/g,'')" /> </el-form-item> <el-form-item label="警种" prop="policeType" class="content"> <el-input v-model="pageModel.form.policeType" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="接入方式" prop="pattern" class="content"> <el-select v-model="pageModel.form.pattern" placeholder="请选择" style="width: 100%" :disabled="pageModel.pageInfo.formConfig.type == '2' "> <el-option v-for="(item, index) in pageModel.pageInfo .type" :key="index" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item label="单位信息" prop="shortName" class="content"> <el-input v-model="pageModel.form.shortName" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="职务" prop="post" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.post" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="手机号" prop="phone" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.phone" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="邮箱" prop="email" class="content" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.email" :disabled="pageModel.pageInfo.formConfig.type == '2' " /> </el-form-item> <el-form-item label="头像" prop="userPic" class="content flex-container" v-if="pageModel.pageInfo.environmentShow === true"> <img class="tx" v-if="pageModel.pageInfo.formConfig.type == '2'" :src="pageModel.form.userPic" alt="" /> <el-upload class="upload-demo" action="" v-else v-model="pageModel.form.userPic" :http-request="uploadActionHandle" :before-upload="beforeAvatarUpload" :before-remove="beforeDeleteImage" :on-remove="deleteImageHandel" :file-list="pageModel.pageInfo.imageList" list-type="picture"> <el-button size="small" type="primary">点击上传 </el-button> </el-upload> </el-form-item> <el-form-item label="备注" prop="remark" class="content flex-container" v-if="pageModel.pageInfo.environmentShow === true"> <el-input v-model="pageModel.form.remark" :disabled="pageModel.pageInfo.formConfig.type == '2' " type="textarea" :rows="3" /> </el-form-item>/** createBy: muyufei time: 2023-10-16 10:20:03 des: 提交form校验规则 */ export const formRules = { policeName: [ {required: true, message: '姓名不能为空', trigger: 'blur'} ], policeCode: [ {required: true, message: '警号不能为空', trigger: 'blur'} ], deptId: [ {required: true, message: '所属单位不能为空', trigger: 'change'} ] }
最新发布
07-29
<template> <el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" v-dialogDrag :visible.sync="visible"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="110px" style="margin-top: -0.275rem;background-color: #fff;border: 0px solid #DCDFE6;"> <el-form-item label="电池编号" prop="hwid"> <el-input :disabled="true" v-model="dataForm.hwid" placeholder="电池编号"></el-input> </el-form-item> <el-form-item label="电芯类型" prop="batteryCellId"> <!-- <el-input v-model="dataForm.batteryCellId" placeholder="电芯类型id"></el-input> --> <el-select v-model="dataForm.batteryCellId" placeholder="选择电芯类型"> <el-option v-for="item in batteryCellIds" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> </el-form-item> <el-form-item label="电池类型" prop="batteryKind"> <el-select v-model="dataForm.batteryKind" placeholder="选择电池类型"> <el-option v-for="item in batteryKinds" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </el-form-item> <el-form-item label="电芯封装" prop="batteryCellPackageId"> <!-- <el-input v-model="dataForm.batteryCellPackageId" placeholder="电芯封装id"></el-input> --> <el-select v-model="dataForm.batteryCellPackageId" placeholder="选择电芯封装"> <el-option v-for="item in batteryCellPackageIds" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> </el-form-item> <el-form-item label="电池串数" prop="batteryBunchs"> <el-input v-model="dataForm.batteryBunchs" placeholder="电池串数"></el-input> </el-form-item> <el-form-item label="电池并数" prop="batteryUnions"> <el-input v-model="dataForm.batteryUnions" placeholder="电池并数"></el-input> </el-form-item> <el-form-item label="单体电压(V)" prop="singleBatteryVoltage"> <el-input v-model="dataForm.singleBatteryVoltage" placeholder="单体电压"></el-input> </el-form-item> <el-form-item label="额定总压(V)" prop="ratedTotalPressure"> <el-input v-model="dataForm.ratedTotalPressure" placeholder="额定总压"></el-input> </el-form-item> <el-form-item label="额定电流(A)" prop="ratedCurrent"> <el-input v-model="dataForm.ratedCurrent" placeholder="额定电流"></el-input> </el-form-item> <el-form-item label="额定容量(Ah)" prop="ratedCapacity"> <el-input v-model="dataForm.ratedCapacity" placeholder="额定容量"></el-input> </el-form-item> <el-form-item label="额定能量(kWh)" prop="ratedEnergy"> <el-input v-model="dataForm.ratedEnergy" placeholder="额定能量"></el-input> </el-form-item> <el-form-item label="电池箱数" prop="batteryQuantity"> <el-input v-model="dataForm.batteryQuantity" placeholder="电池箱数"></el-input> </el-form-item> <el-form-item label="电池厂商" prop="batteryFirm"> <el-input v-model="dataForm.batteryFirm" placeholder="电池厂商"></el-input> </el-form-item> <el-form-item label="激活日期" prop="activationDate"> <!-- <el-input v-model="dataForm.activationDate" placeholder="激活日期"></el-input> --> <el-date-picker v-model="dataForm.activationDate" type="date" :disabled="true" placeholder="选择日期"> </el-date-picker> </el-form-item> <el-form-item label="BMS编号" prop="bmsNum"> <el-input v-model="dataForm.bmsNum" placeholder="BMS编号"></el-input> </el-form-item> <el-form-item label="电芯编码" prop="batteryCellNum"> <el-input v-model="dataForm.batteryCellNum" placeholder="电芯编码"></el-input> </el-form-item> <el-form-item label="标称容量(Ah)" prop="nominalCapacity"> <el-input v-model="dataForm.nominalCapacity" placeholder="标称容量"></el-input> </el-form-item> <el-form-item label="系统状态" prop="sysStatus"> <!-- <el-input v-model="dataForm.sysStatus" placeholder="系统状态:1 充电,2 放电,3 搁置,4空载"></el-input> --> <el-select v-model="dataForm.sysStatus" placeholder="系统状态"> <el-option v-for="item in sysStatuses" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> </el-form-item> <el-form-item label="警报状态" prop="alarmStatus"> <!-- <el-input v-model="dataForm.alarmStatus" placeholder="警报状态:0:正常,1:报警"></el-input> --> <el-select v-model="dataForm.alarmStatus" placeholder="报警状态"> <el-option v-for="item in alarmStatuses" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> </el-form-item> <el-form-item label="所属项目" prop="projectId"> <!-- <el-input v-model="dataForm.projectId" placeholder="所属项目"></el-input> --> <el-select v-model="dataForm.projectId" placeholder="所属项目"> <el-option v-for="item in projectIds" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> </el-form-item> <el-form-item label="城市" prop="cityId" style="display: flex;flex-direction: row;"> <!-- <el-input v-model="dataForm.cityId" placeholder=""></el-input> --> <div style="margin-left: -110px;"> <el-select v-model="dataForm.proviceId" placeholder="省份" @change="handleChange"> <el-option v-for="item in provices" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> <el-select v-model="dataForm.cityId" placeholder="城市" @change="handleChange2"> <el-option v-for="item in cities" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> <el-select v-model="dataForm.districtId" placeholder="区县"> <el-option v-for="item in districts" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> </div> </el-form-item> <el-form-item label="软件版本" prop="softVersion"> <el-input v-model="dataForm.softVersion" placeholder="软件版本"></el-input> </el-form-item> <el-form-item label="硬件版本" prop="hardwareVersion"> <el-input v-model="dataForm.hardwareVersion" placeholder="硬件版本"></el-input> </el-form-item> <el-form-item label="动力类型" prop="powerTypeId"> <!-- <el-input v-model="dataForm.powerTypeId" placeholder="动力类型"></el-input> --> <el-select v-model="dataForm.powerTypeId" placeholder="选择动力类型"> <el-option v-for="item in powerTypeIds" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" > </el-option> </el-select> </el-form-item> <el-form-item label="二维码" prop="qrCode"> <el-input v-model="dataForm.qrCode" placeholder="二维码"></el-input> </el-form-item> <el-form-item label="SCID" prop="scid"> <el-input v-model="dataForm.scid" placeholder="SCID"></el-input> </el-form-item> <el-form-item label="PLMN" prop="plmn"> <el-input v-model="dataForm.plmn" placeholder="PLMN"></el-input> </el-form-item> <el-form-item label="LAC" prop="lac"> <el-input v-model="dataForm.lac" placeholder="LAC"></el-input> </el-form-item> <el-form-item label="CID" prop="cid"> <el-input v-model="dataForm.cid" placeholder="CID"></el-input> </el-form-item> <el-form-item label="IMEI" prop="imei"> <el-input v-model="dataForm.imei" placeholder="IMEI"></el-input> </el-form-item> <el-form-item label="ICCID" prop="iccid"> <el-input v-model="dataForm.iccid" placeholder="ICCID"></el-input> </el-form-item> <el-form-item label="CCID" prop="ccid"> <el-input v-model="dataForm.ccid" placeholder="CCID"></el-input> </el-form-item> </el-form> <span slot="footer" class="dialog-footer"> <el-button @click="visible = false">取消</el-button> <el-button type="primary" @click="dataFormSubmit()">确定</el-button> </span> </el-dialog> </template> <script> export default { data () { return { visible: false, dataForm: { id: 0, hwid: '', batteryCellId: [], batteryKind: [], batteryCellPackageId: [], batteryBunchs: '', batteryUnions: '', singleBatteryVoltage: '', ratedTotalPressure: '', ratedCurrent: '', ratedCapacity: '', ratedEnergy: '', batteryQuantity: '', batteryFirm: '', activationDate: '', bmsNum: '', batteryCellNum: '', batteryChassisNum: '', nominalCapacity: '', sysStatus: '', alarmStatus: '', projectId: '', cityId: '', softVersion: '', hardwareVersion: '', powerTypeId: '', qrCode: '', scid: '', plmn: '', lac: '', cid: '', imei: '', iccid: '', ccid: '', // sysStatus: [], // cityId: [], districtId:[], proviceId:[], // tempproviceId: '', // softVersion: '', // alarmStatus: [], // projectId: [], // powerTypeId: [] }, dataRule: { hwid: [ { required: true, message: '电池编号不能为空', trigger: 'blur' } ], batteryCellId: [ { required: true, message: '电芯类型id不能为空', trigger: 'blur' } ], batteryKind: [ { required: true, message: '电池类型id不能为空', trigger: 'blur' } ], batteryCellPackageId: [ { required: true, message: '电芯封装id不能为空', trigger: 'blur' } ], batteryBunchs: [ { required: true, message: '电池串数不能为空', trigger: 'blur' } ], batteryUnions: [ { required: true, message: '电池并数不能为空', trigger: 'blur' } ], singleBatteryVoltage: [ { required: true, message: '单体电压不能为空', trigger: 'blur' } ], ratedTotalPressure: [ { required: true, message: '额定总压不能为空', trigger: 'blur' } ], ratedCurrent: [ { required: true, message: '额定电流不能为空', trigger: 'blur' } ], ratedCapacity: [ { required: true, message: '额定容量不能为空', trigger: 'blur' } ], ratedEnergy: [ { required: true, message: '额定能量不能为空', trigger: 'blur' } ], batteryQuantity: [ { required: true, message: '电池箱数不能为空', trigger: 'blur' } ], batteryFirm: [ { required: true, message: '电池厂商不能为空', trigger: 'blur' } ], activationDate: [ { required: true, message: '激活日期不能为空', trigger: 'blur' } ], bmsNum: [ { required: true, message: 'BMS编号不能为空', trigger: 'blur' } ], batteryCellNum: [ { required: true, message: '电芯编码不能为空', trigger: 'blur' } ], // batteryChassisNum: [ // { required: true, message: '底盘编号不能为空', trigger: 'blur' } // ], nominalCapacity: [ { required: true, message: '标称容量不能为空', trigger: 'blur' } ], capacity: [ { required: true, message: '容量不能为空', trigger: 'blur' } ], // createTime: [ // { required: true, message: '不能为空', trigger: 'blur' } // ], // updateTime: [ // { required: true, message: '更新时间不能为空', trigger: 'blur' } // ] sysStatus: [ { required: true, message: '系统状态不能为空', trigger: 'blur' } ], // alarmStatus: [ // { required: true, message: '警报状态不能为空', trigger: 'blur' } // ], // projectId: [ // { required: true, message: '所属项目不能为空', trigger: 'blur' } // ], // cityId: [ // { required: true, message: '城市不能为空', trigger: 'blur' } // ], softVersion: [ { required: true, message: '软件版本不能为空', trigger: 'blur' } ], // hardwareVersion: [ // { required: true, message: '硬件版本不能为空', trigger: 'blur' } // ], powerTypeId: [ { required: true, message: '动力类型不能为空', trigger: 'blur' } ], // qrCode: [ // { required: true, message: '二维码不能为空', trigger: 'blur' } // ], // scid: [ // { required: true, message: 'scid不能为空', trigger: 'blur' } // ], // plmn: [ // { required: true, message: 'plmn不能为空', trigger: 'blur' } // ], // lac: [ // { required: true, message: 'lac不能为空', trigger: 'blur' } // ], // cid: [ // { required: true, message: 'cid不能为空', trigger: 'blur' } // ], // imei: [ // { required: true, message: 'imei不能为空', trigger: 'blur' } // ], // iccid: [ // { required: true, message: 'iccid不能为空', trigger: 'blur' } // ], // ccid: [ // { required: true, message: 'ccid不能为空', trigger: 'blur' } // ] }, batteryCellIds: [], batteryKinds:[{ value: 0, label: '运营' },{ value: 1, label: '售后' },{ value: 2, label: '内测' },{ value: 3, label: '报废' }], batteryCellPackageIds: [], provices: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶', disabled: true }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value:'', cities: [], districts: [], sysStatuses: [], powerTypeIds: [], projectIds:[], customIds:[], alarmStatuses:[] } }, methods: { init (id) { this.dataForm.id = id || 0 this.visible = true this.$nextTick(() => { this.$refs['dataForm'].resetFields() if (this.dataForm.id) { this.$http({ url: this.$http.adornUrl(`/battery/bmsbatteryinfo/info/${this.dataForm.id}`), method: 'get', params: this.$http.adornParams() }).then(({data}) => { if (data && data.code === 0) { this.provices = data.data.provices this.cities = data.data.cities this.districts = data.data.districts this.sysStatuses = data.data.sysStatuses this.powerTypeIds = data.data.powers this.alarmStatuses = data.data.alarmStatuses this.projectIds = data.data.projectIds this.batteryCellIds = data.data.batteryCellIds this.batteryCellPackageIds = data.data.batteryCellPackageIds const socitem = data.data.bmsBatteryInfo // this.dataForm.batteryNum = data.bmsBatteryInfo.batteryNum this.dataForm.hwid = socitem.hwid this.dataForm.batteryCellId = socitem.batteryCellId this.dataForm.batteryKind = socitem.batteryKind this.dataForm.batteryCellPackageId = socitem.batteryCellPackageId this.dataForm.batteryBunchs = socitem.batteryBunchs this.dataForm.batteryUnions = socitem.batteryUnions this.dataForm.singleBatteryVoltage = socitem.singleBatteryVoltage this.dataForm.ratedTotalPressure = socitem.ratedTotalPressure this.dataForm.ratedCurrent = socitem.ratedCurrent this.dataForm.ratedCapacity = socitem.ratedCapacity this.dataForm.ratedEnergy = socitem.ratedEnergy this.dataForm.batteryQuantity = socitem.batteryQuantity this.dataForm.batteryFirm = socitem.batteryFirm this.dataForm.activationDate = socitem.activationDate this.dataForm.bmsNum = socitem.bmsNum this.dataForm.batteryCellNum = socitem.batteryCellNum // this.dataForm.batteryChassisNum = socitem.batteryChassisNum this.dataForm.nominalCapacity = socitem.nominalCapacity // this.dataForm.capacity = socitem.capacity this.dataForm.sysStatus = socitem.sysStatus this.dataForm.alarmStatus = socitem.alarmStatus this.dataForm.projectId = socitem.projectId this.dataForm.cityId = socitem.cityId this.dataForm.districtId = socitem.districtId this.dataForm.proviceId = socitem.proviceId this.dataForm.softVersion = socitem.softVersion this.dataForm.hardwareVersion = socitem.hardwareVersion this.dataForm.powerTypeId = socitem.powerTypeId this.dataForm.qrCode = socitem.qrCode this.dataForm.scid = socitem.scid this.dataForm.plmn = socitem.plmn this.dataForm.lac = socitem.lac this.dataForm.cid = socitem.cid this.dataForm.imei = socitem.imei this.dataForm.iccid = socitem.iccid this.dataForm.ccid = socitem.ccid this.dataForm.createTime = socitem.createTime this.dataForm.updateTime = socitem.updateTime } }) }else{ this.$http({ url: this.$http.adornUrl(`/battery/bmsbatteryinfo/getmenus`), method: 'get', params: this.$http.adornParams() }).then(({data}) => { if (data && data.code === 0) { this.provices = data.data.provices // this.cities = data.data.cities // this.districts = data.data.districts this.sysStatuses = data.data.sysStatuses this.powerTypeIds = data.data.powers this.alarmStatuses = data.data.alarmStatuses this.projectIds = data.data.projectIds this.batteryCellIds = data.data.batteryCellIds this.batteryCellPackageIds = data.data.batteryCellPackageIds } }) } }) }, mouseblur() { // alert("鼠标失去焦点,检查HWID是否重复"); }, handleChange(value) { // alert("鼠标"+value); this.dataForm.cityId = '' this.dataForm.districtId = '' this.getCities(value, 2) }, handleChange2(value) { // alert("鼠标===="+value); this.dataForm.districtId = '' this.getCities(value, 3) }, getCities(pid, level) { this.$http({ url: this.$http.adornUrl('/battery/bmsdistrictarea/getCitiesByPid'), method: 'get', params: this.$http.adornParams({ 'level': level, 'pid': pid }) }).then(({data}) => { if (data && data.code === 0) { if(level==1){ this.provices = data.data } if(level==2){ this.cities = data.data } if(level==3){ this.districts = data.data } } else { this.provices = [] this.cities = [] this.districts = [] } }) }, // 表单提交 dataFormSubmit () { this.$refs['dataForm'].validate((valid) => { if (valid) { this.$http({ url: this.$http.adornUrl(`/battery/bmsbatteryinfo/${!this.dataForm.id ? 'save' : 'update'}`), method: 'post', data: this.$http.adornData({ 'id': this.dataForm.id || undefined, 'hwid': this.dataForm.hwid, 'batteryCellId': this.dataForm.batteryCellId, 'batteryKind': this.dataForm.batteryKind, 'batteryCellPackageId': this.dataForm.batteryCellPackageId, 'batteryBunchs': this.dataForm.batteryBunchs, 'batteryUnions': this.dataForm.batteryUnions, 'singleBatteryVoltage': this.dataForm.singleBatteryVoltage, 'ratedTotalPressure': this.dataForm.ratedTotalPressure, 'ratedCurrent': this.dataForm.ratedCurrent, 'ratedCapacity': this.dataForm.ratedCapacity, 'ratedEnergy': this.dataForm.ratedEnergy, 'batteryQuantity': this.dataForm.batteryQuantity, 'batteryFirm': this.dataForm.batteryFirm, // 'activationDate': this.dataForm.activationDate, 'activateDateFormat': this.dataForm.activationDate, 'bmsNum': this.dataForm.bmsNum, 'batteryCellNum': this.dataForm.batteryCellNum, // 'batteryChassisNum': this.dataForm.batteryChassisNum, 'nominalCapacity': this.dataForm.nominalCapacity, // 'capacity': this.dataForm.capacity, 'sysStatus': this.dataForm.sysStatus, 'alarmStatus': this.dataForm.alarmStatus, 'projectId': this.dataForm.projectId, 'cityId': this.dataForm.cityId, 'districtId': this.dataForm.districtId, 'proviceId': this.dataForm.proviceId, 'softVersion': this.dataForm.softVersion, 'hardwareVersion': this.dataForm.hardwareVersion, 'powerTypeId': this.dataForm.powerTypeId, 'qrCode': this.dataForm.qrCode, 'scid': this.dataForm.scid, 'plmn': this.dataForm.plmn, 'lac': this.dataForm.lac, 'cid': this.dataForm.cid, 'imei': this.dataForm.imei, 'iccid': this.dataForm.iccid, 'ccid': this.dataForm.ccid, 'createTime': this.dataForm.createTime, 'updateTime': this.dataForm.updateTime }) }).then(({data}) => { if (data && data.code === 0) { this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { this.visible = false this.$emit('refreshDataList') } }) } else { this.$message.error(data.msg) } }) } }) } } } </script> 优化此页面结构和ui,横向分模块展示
07-23
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值