Skip to content

C
clique-web
Commit 2b9146dc by huaying
Options

fix: 积分通用和抵现校验定位

parent 630358bc
Showing with 88 additions and 70 deletions
src/utils/validate.js
...@@ -40,3 +40,20 @@ export function validateEmail(email) { ...@@ -40,3 +40,20 @@ export function validateEmail(email) {
const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email); return re.test(email);
} }
/** 表单校验滚动到第一个错误项
* @param {Object} that vue实例
* this.scrollToError(this);
*/
export const scrollToError = (that, className = 'is-error') => {
that.$nextTick(_ => {
const isError = document.getElementsByClassName(className);
isError[0].scrollIntoView({
// 滚动到指定节点
// 值有start,center,end，nearest，当前显示在视图区域中间
block: 'center',
// 值有auto、instant,smooth，缓动动画（当前是慢速的）
behavior: 'smooth'
});
});
};
src/view/companyGroup/membershipSystem/addIntegralSytem.vue
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="人群定向：" v-if="ruleForm.useCrowd == 2" prop class="padding-0"> <el-form-item label="人群定向：" v-if="ruleForm.useCrowd == 2" prop class="padding-0 selectCount">
<el-button @click="showPeople">已设置{{ selectCount }}项筛选</el-button> <el-button @click="showPeople">已设置{{ selectCount }}项筛选</el-button>
</el-form-item> </el-form-item>
<el-form-item label="适用条件：" class="padding-0"> <el-form-item label="适用条件：" class="padding-0">
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
<!-- 商品品牌 --> <!-- 商品品牌 -->
<el-select <el-select
size="small" size="small"
class="fl w240" class="fl w240 valueWx"
@change="selectGoodsStoreWx" @change="selectGoodsStoreWx"
v-if="item.channelRelationProType == 2" v-if="item.channelRelationProType == 2"
v-model="valueWx" v-model="valueWx"
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
></el-option> ></el-option>
</el-select> </el-select>
<!-- 商品品类 --> <!-- 商品品类 -->
<div v-if="item.channelRelationProType == 3" class="fl goods-cate"> <div v-if="item.channelRelationProType == 3" class="fl goods-cate cateDataWx">
<goodsCate <goodsCate
ref="selectGoodsCate" ref="selectGoodsCate"
:selectCateType="selectCateTypeWx" :selectCateType="selectCateTypeWx"
...@@ -105,16 +105,16 @@ ...@@ -105,16 +105,16 @@
</div> </div>
<el-button <el-button
style="width:202px" style="width:202px"
class="fl" class="fl goodsListWx"
v-if="item.channelRelationProType == 4" v-if="item.channelRelationProType == 4"
@click="showGoodsDialog('wx')" @click="showGoodsDialog('wx')"
>已选{{ goodsListWx.length }}件商品</el-button> >已选{{ goodsListWx.length }}件商品</el-button>
</el-form-item> </el-form-item>
<el-form-item label="折扣控制：" prop="region" class="margin-20"> <el-form-item label="折扣控制：" prop="region" class="margin-20">
<div class="radio-cell"> <div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEvent2">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventn(2)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20 padding-bottom-20"> <div class="radio-cell margin-20 padding-bottom-20 zk0">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number <el-input-number
placeholder="请输入" placeholder="请输入"
...@@ -164,9 +164,9 @@ ...@@ -164,9 +164,9 @@
</el-form-item> </el-form-item>
<el-form-item label="折扣控制：" prop="region" class="input-margin-b margin-20 padding-bottom-20"> <el-form-item label="折扣控制：" prop="region" class="input-margin-b margin-20 padding-bottom-20">
<div class="radio-cell"> <div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEvent1">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventn(1)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20 zk1">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number placeholder="请输入" v-model="item.integralUseDiscountControlLower" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number placeholder="请输入" v-model="item.integralUseDiscountControlLower" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label> <label>至</label>
...@@ -184,7 +184,7 @@ ...@@ -184,7 +184,7 @@
<div> <div>
<el-radio v-model="ruleForm.integralUseStatus" label="0" @change="radioEvent()">不支持抵现</el-radio> <el-radio v-model="ruleForm.integralUseStatus" label="0" @change="radioEvent()">不支持抵现</el-radio>
</div> </div>
<div class="margin-20"> <div class="margin-20 integralUse">
<el-radio v-model="ruleForm.integralUseStatus" label="1">每使用</el-radio> <el-radio v-model="ruleForm.integralUseStatus" label="1">每使用</el-radio>
<el-input-number <el-input-number
placeholder="请输入" placeholder="请输入"
...@@ -292,7 +292,7 @@ import strLength from '@/common/js/strlen'; ...@@ -292,7 +292,7 @@ import strLength from '@/common/js/strlen';
import { getRequest, postRequest, postJson } from '@/api/api'; import { getRequest, postRequest, postJson } from '@/api/api';
import { log } from '@/utils/index.js'; import { log } from '@/utils/index.js';
import wmMixins from './strategy.js'; import wmMixins from './strategy.js';
import { scrollToError } from '@/utils/validate';
const timeStramp = { const timeStramp = {
year: new Date().getFullYear(), year: new Date().getFullYear(),
month: new Date().getMonth(), month: new Date().getMonth(),
...@@ -304,6 +304,7 @@ export default { ...@@ -304,6 +304,7 @@ export default {
mixins: [wmMixins], mixins: [wmMixins],
data() { data() {
return { return {
scrollToError,
repProjectName: 'gic-clique', repProjectName: 'gic-clique',
navpath: [ navpath: [
{ {
...@@ -484,15 +485,9 @@ export default { ...@@ -484,15 +485,9 @@ export default {
// this.selectReplayStyle() // this.selectReplayStyle()
}, },
methods: { methods: {
radioEvent2() { radioEventn(n) {
// console.log(this.ruleForm.channelType, 78787); this.ruleForm.channelList[n].integralUseDiscountControlLower = undefined;
this.ruleForm.channelList[0].integralUseDiscountControlLower = undefined; this.ruleForm.channelList[n].integralUseDiscountControlUpper = undefined;
this.ruleForm.channelList[0].integralUseDiscountControlUpper = undefined;
},
radioEvent1() {
// console.log(this.ruleForm.channelType, 78787);
this.ruleForm.channelList[1].integralUseDiscountControlLower = undefined;
this.ruleForm.channelList[1].integralUseDiscountControlUpper = undefined;
}, },
radioEvent() { radioEvent() {
this.ruleForm.integralUse.fee = undefined; this.ruleForm.integralUse.fee = undefined;
...@@ -513,19 +508,23 @@ export default { ...@@ -513,19 +508,23 @@ export default {
if (!!data.channelList[i].openStatus && data.channelList[i].integralUseDiscountControl == 2) { if (!!data.channelList[i].openStatus && data.channelList[i].integralUseDiscountControl == 2) {
if (!data.channelList[i].integralUseDiscountControlUpper || !data.channelList[i].integralUseDiscountControlLower) { if (!data.channelList[i].integralUseDiscountControlUpper || !data.channelList[i].integralUseDiscountControlLower) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '请填写折扣'; obj.text = '请填写折扣';
} }
if (parseInt(data.channelList[i].integralUseDiscountControlUpper) > 10 || parseInt(data.channelList[i].integralUseDiscountControlLower) > 10 || Number(data.channelList[i].integralUseDiscountControlUpper) <= Number(data.channelList[i].integralUseDiscountControlLower)) { if (parseInt(data.channelList[i].integralUseDiscountControlUpper) > 10 || parseInt(data.channelList[i].integralUseDiscountControlLower) > 10 || Number(data.channelList[i].integralUseDiscountControlUpper) <= Number(data.channelList[i].integralUseDiscountControlLower)) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '折扣格式有误'; obj.text = '折扣格式有误';
} }
} }
if (data.channelList[i].channelType == 1 && !data.channelList[i].enterpriseRelationIdArr.length) { if (data.channelList[i].channelType == 1 && !data.channelList[i].enterpriseRelationIdArr.length) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '请选择商户'; obj.text = '请选择商户';
} }
if (data.channelList[i].channelType == 9 && !data.channelList[i].enterpriseRelationIdArr.length) { if (data.channelList[i].channelType == 9 && !data.channelList[i].enterpriseRelationIdArr.length) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '请选择商户'; obj.text = '请选择商户';
} }
if (data.channelList[i].channelType == 3) { if (data.channelList[i].channelType == 3) {
...@@ -589,15 +588,18 @@ export default { ...@@ -589,15 +588,18 @@ export default {
// } // }
let flag = !data.integralUse.fee || String(data.integralUse.integral) == ''; let flag = !data.integralUse.fee || String(data.integralUse.integral) == '';
if (data.integralUseStatus == 1 && flag) { if (data.integralUseStatus == 1 && flag) {
this.scrollToError(this, 'integralUse');
that.$message.error('请填写抵现规则'); that.$message.error('请填写抵现规则');
return; return;
} }
if (data.integralUseStatus == 1) { if (data.integralUseStatus == 1) {
if (!Number(data.integralUse.fee)) { if (!Number(data.integralUse.fee)) {
this.scrollToError(this, 'integralUse');
showMsg.showmsg('抵现规则中的抵现金额不能为0', 'error'); showMsg.showmsg('抵现规则中的抵现金额不能为0', 'error');
return; return;
} }
if (!Number(data.integralUse.integral)) { if (!Number(data.integralUse.integral)) {
this.scrollToError(this, 'integralUse');
showMsg.showmsg('抵现规则中的使用积分不能为0', 'error'); showMsg.showmsg('抵现规则中的使用积分不能为0', 'error');
return; return;
} }
...@@ -649,16 +651,19 @@ export default { ...@@ -649,16 +651,19 @@ export default {
// 微信商城 // 微信商城
// 适用商品 // 适用商品
if (item.channelRelationProType == 2 && this.valueWx.length < 1) { if (item.channelRelationProType == 2 && this.valueWx.length < 1) {
this.scrollToError(this, 'valueWx');
// 商品品牌 // 商品品牌
showMsg.showmsg('请选择商品品牌', 'error'); showMsg.showmsg('请选择商品品牌', 'error');
return (saveBool = false); return (saveBool = false);
} }
if (item.channelRelationProType == 3 && this.cateDataWx.length < 1) { if (item.channelRelationProType == 3 && this.cateDataWx.length < 1) {
this.scrollToError(this, 'cateDataWx');
// 商品品类 // 商品品类
showMsg.showmsg('请选择商品品类', 'error'); showMsg.showmsg('请选择商品品类', 'error');
return (saveBool = false); return (saveBool = false);
} }
if (item.channelRelationProType == 4 && this.goodsListWx.length < 1) { if (item.channelRelationProType == 4 && this.goodsListWx.length < 1) {
this.scrollToError(this, 'goodsListWx');
// 单件商品 // 单件商品
showMsg.showmsg('请选择单件商品', 'error'); showMsg.showmsg('请选择单件商品', 'error');
return (saveBool = false); return (saveBool = false);
...@@ -667,6 +672,7 @@ export default { ...@@ -667,6 +672,7 @@ export default {
}); });
// 自定义人群 // 自定义人群
if (data.useCrowd == 2 && this.selectCount < 1) { if (data.useCrowd == 2 && this.selectCount < 1) {
this.scrollToError(this, 'selectCount');
showMsg.showmsg('请选择人群定向', 'error'); showMsg.showmsg('请选择人群定向', 'error');
return; return;
} }
...@@ -699,15 +705,8 @@ export default { ...@@ -699,15 +705,8 @@ export default {
} }
}) })
} else { } else {
log('error submit!!'); this.scrollToError(this);
setTimeout(() => { showMsg.showmsg('表单信息未填写完整','error')
var isError = document.getElementsByClassName("is-error");
if (isError[0].querySelector('input')) {
isError[0].querySelector('input').focus();
} else if (isError[0].querySelector('textarea')) {
isError[0].querySelector('textarea').focus();
}
}, 1)
return false; return false;
} }
}); });
......
src/view/companyGroup/membershipSystem/editIntegralSytem.vue
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
<el-select <el-select
:disabled="opendisabled1" :disabled="opendisabled1"
size="small" size="small"
class="fl w240" class="fl w240 valueWx"
@change="selectGoodsStoreWx" @change="selectGoodsStoreWx"
v-if="item.channelRelationProType == 2" v-if="item.channelRelationProType == 2"
v-model="valueWx" v-model="valueWx"
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
</el-select> </el-select>
<!-- 商品品类 --> <!-- 商品品类 -->
<div v-if="item.channelRelationProType == 3" class="fl goods-cate"> <div v-if="item.channelRelationProType == 3" class="fl goods-cate cateDataWx">
<goodsCate <goodsCate
:disabled="opendisabled1" :disabled="opendisabled1"
ref="selectGoodsCate" ref="selectGoodsCate"
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
<el-button <el-button
:disabled="opendisabled1" :disabled="opendisabled1"
style="width:202px" style="width:202px"
class="fl" class="fl goodsListWx"
v-if="item.channelRelationProType == 4" v-if="item.channelRelationProType == 4"
@click="showGoodsDialog('wx')" @click="showGoodsDialog('wx')"
>已选{{ goodsListWx.length }}件商品</el-button> >已选{{ goodsListWx.length }}件商品</el-button>
...@@ -122,10 +122,10 @@ ...@@ -122,10 +122,10 @@
<el-form-item label="折扣控制:" prop="region" class="margin-20"> <el-form-item label="折扣控制:" prop="region" class="margin-20">
<div class="radio-cell"> <div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEvent2()">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventn(2)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20 padding-bottom-20"> <div class="radio-cell margin-20 padding-bottom-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk0" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<!-- <el-input @focus="inputFocus(item,'integralUseDiscountControlLower')" @change="formatInputChange($event)" v-model="item.integralUseDiscountControlLower"></el-input> --> <!-- <el-input @focus="inputFocus(item,'integralUseDiscountControlLower')" @change="formatInputChange($event)" v-model="item.integralUseDiscountControlLower"></el-input> -->
<el-input-number <el-input-number
v-model="item.integralUseDiscountControlLower" v-model="item.integralUseDiscountControlLower"
...@@ -177,10 +177,10 @@ ...@@ -177,10 +177,10 @@
</el-form-item> </el-form-item>
<el-form-item label="折扣控制:" prop="region" class="input-margin-b margin-20 padding-bottom-20"> <el-form-item label="折扣控制:" prop="region" class="input-margin-b margin-20 padding-bottom-20">
<div class="radio-cell"> <div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEvent1()">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventn(1)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk1" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label> <label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
<div> <div>
<el-radio v-model="ruleForm.integralUseStatus" label="0" @change="radioEvent()">不支持抵现</el-radio> <el-radio v-model="ruleForm.integralUseStatus" label="0" @change="radioEvent()">不支持抵现</el-radio>
</div> </div>
<div class="margin-20"> <div class="margin-20 integralUse">
<el-radio v-model="ruleForm.integralUseStatus" label="1">每使用</el-radio> <el-radio v-model="ruleForm.integralUseStatus" label="1">每使用</el-radio>
<!-- <el-input @keyup.native="formatInputNum($event)" v-model="ruleForm.integralUse.integral"></el-input> --> <!-- <el-input @keyup.native="formatInputNum($event)" v-model="ruleForm.integralUse.integral"></el-input> -->
<el-input-number v-model="ruleForm.integralUse.integral" placeholder="请输入" :controls="false" step-strictly></el-input-number> <el-input-number v-model="ruleForm.integralUse.integral" placeholder="请输入" :controls="false" step-strictly></el-input-number>
...@@ -276,7 +276,7 @@ import strLength from '@/common/js/strlen'; ...@@ -276,7 +276,7 @@ import strLength from '@/common/js/strlen';
import { getRequest, postRequest, postJson } from '@/api/api'; import { getRequest, postRequest, postJson } from '@/api/api';
import { log } from '@/utils/index.js'; import { log } from '@/utils/index.js';
import wmMixins from './strategy.js'; import wmMixins from './strategy.js';
import { scrollToError } from '@/utils/validate';
const timeStramp = { const timeStramp = {
year: new Date().getFullYear(), year: new Date().getFullYear(),
month: new Date().getMonth(), month: new Date().getMonth(),
...@@ -288,6 +288,7 @@ export default { ...@@ -288,6 +288,7 @@ export default {
mixins: [wmMixins], mixins: [wmMixins],
data() { data() {
return { return {
scrollToError,
opendisabled3: false, opendisabled3: false,
opendisabled1: false, opendisabled1: false,
opendisabled9: false, opendisabled9: false,
...@@ -483,15 +484,9 @@ export default { ...@@ -483,15 +484,9 @@ export default {
that.getLoginInfo(); that.getLoginInfo();
}, },
methods: { methods: {
radioEvent2() { radioEventn(n) {
// console.log(this.ruleForm.channelType, 78787); this.ruleForm.channelList[n].integralUseDiscountControlLower = undefined;
this.ruleForm.channelList[0].integralUseDiscountControlLower = undefined; this.ruleForm.channelList[n].integralUseDiscountControlUpper = undefined;
this.ruleForm.channelList[0].integralUseDiscountControlUpper = undefined;
},
radioEvent1() {
// console.log(this.ruleForm.channelType, 78787);
this.ruleForm.channelList[1].integralUseDiscountControlLower = undefined;
this.ruleForm.channelList[1].integralUseDiscountControlUpper = undefined;
}, },
radioEvent() { radioEvent() {
this.ruleForm.integralUse.fee = undefined; this.ruleForm.integralUse.fee = undefined;
...@@ -512,19 +507,23 @@ export default { ...@@ -512,19 +507,23 @@ export default {
if (data.channelList[i].integralUseDiscountControl == 2) { if (data.channelList[i].integralUseDiscountControl == 2) {
if (!data.channelList[i].integralUseDiscountControlUpper || !data.channelList[i].integralUseDiscountControlLower) { if (!data.channelList[i].integralUseDiscountControlUpper || !data.channelList[i].integralUseDiscountControlLower) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '请填写折扣'; obj.text = '请填写折扣';
} }
if (parseInt(data.channelList[i].integralUseDiscountControlUpper) > 10 || parseInt(data.channelList[i].integralUseDiscountControlLower) > 10 || Number(data.channelList[i].integralUseDiscountControlUpper) <= Number(data.channelList[i].integralUseDiscountControlLower)) { if (parseInt(data.channelList[i].integralUseDiscountControlUpper) > 10 || parseInt(data.channelList[i].integralUseDiscountControlLower) > 10 || Number(data.channelList[i].integralUseDiscountControlUpper) <= Number(data.channelList[i].integralUseDiscountControlLower)) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '折扣格式有误'; obj.text = '折扣格式有误';
} }
} }
if (data.channelList[i].channelType == 1 && !data.channelList[i].enterpriseRelationIdArr.length) { if (data.channelList[i].channelType == 1 && !data.channelList[i].enterpriseRelationIdArr.length) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '请选择商户'; obj.text = '请选择商户';
} }
if (data.channelList[i].channelType == 9 && !data.channelList[i].enterpriseRelationIdArr.length) { if (data.channelList[i].channelType == 9 && !data.channelList[i].enterpriseRelationIdArr.length) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '请选择商户'; obj.text = '请选择商户';
} }
if (data.channelList[i].channelType == 9 && this.isJinHua) { if (data.channelList[i].channelType == 9 && this.isJinHua) {
...@@ -575,15 +574,18 @@ export default { ...@@ -575,15 +574,18 @@ export default {
// } // }
let flag = !data.integralUse.fee || String(data.integralUse.integral) == ''; let flag = !data.integralUse.fee || String(data.integralUse.integral) == '';
if (data.integralUseStatus == 1 && flag) { if (data.integralUseStatus == 1 && flag) {
this.scrollToError(this, 'integralUse');
that.$message.error('请填写抵现规则'); that.$message.error('请填写抵现规则');
return; return;
} }
if (data.integralUseStatus == 1) { if (data.integralUseStatus == 1) {
if (!Number(data.integralUse.fee)) { if (!Number(data.integralUse.fee)) {
this.scrollToError(this, 'integralUse');
showMsg.showmsg('抵现规则中的抵现金额不能为0', 'error'); showMsg.showmsg('抵现规则中的抵现金额不能为0', 'error');
return; return;
} }
if (!Number(data.integralUse.integral)) { if (!Number(data.integralUse.integral)) {
this.scrollToError(this, 'integralUse');
showMsg.showmsg('抵现规则中的使用积分不能为0', 'error'); showMsg.showmsg('抵现规则中的使用积分不能为0', 'error');
return; return;
} }
...@@ -635,16 +637,19 @@ export default { ...@@ -635,16 +637,19 @@ export default {
// 微信商城 // 微信商城
// 适用商品 // 适用商品
if (item.channelRelationProType == 2 && this.valueWx.length < 1) { if (item.channelRelationProType == 2 && this.valueWx.length < 1) {
this.scrollToError(this, 'valueWx');
// 商品品牌 // 商品品牌
showMsg.showmsg('请选择商品品牌', 'error'); showMsg.showmsg('请选择商品品牌', 'error');
return (saveBool = false); return (saveBool = false);
} }
if (item.channelRelationProType == 3 && this.cateDataWx.length < 1) { if (item.channelRelationProType == 3 && this.cateDataWx.length < 1) {
this.scrollToError(this, 'cateDataWx');
// 商品品类 // 商品品类
showMsg.showmsg('请选择商品品类', 'error'); showMsg.showmsg('请选择商品品类', 'error');
return (saveBool = false); return (saveBool = false);
} }
if (item.channelRelationProType == 4 && this.goodsListWx.length < 1) { if (item.channelRelationProType == 4 && this.goodsListWx.length < 1) {
this.scrollToError(this, 'goodsListWx');
// 单件商品 // 单件商品
showMsg.showmsg('请选择单件商品', 'error'); showMsg.showmsg('请选择单件商品', 'error');
return (saveBool = false); return (saveBool = false);
...@@ -653,6 +658,7 @@ export default { ...@@ -653,6 +658,7 @@ export default {
}); });
// 自定义人群 // 自定义人群
if (data.useCrowd == 2 && this.selectCount < 1) { if (data.useCrowd == 2 && this.selectCount < 1) {
this.scrollToError(this, 'selectCount');
showMsg.showmsg('请选择人群定向', 'error'); showMsg.showmsg('请选择人群定向', 'error');
return; return;
} }
...@@ -687,15 +693,8 @@ export default { ...@@ -687,15 +693,8 @@ export default {
} }
}) })
} else { } else {
log('error submit!!'); this.scrollToError(this);
setTimeout(() => { showMsg.showmsg('表单信息未填写完整','error')
var isError = document.getElementsByClassName("is-error");
if (isError[0].querySelector('input')) {
isError[0].querySelector('input').focus();
} else if (isError[0].querySelector('textarea')) {
isError[0].querySelector('textarea').focus();
}
}, 1)
return false; return false;
} }
}); });
......
src/view/companyGroup/membershipSystem/editPointSystem.vue
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(0)">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(0)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk0" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<!-- <el-input v-model="item.integralUseDiscountControlLower" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> --> <!-- <el-input v-model="item.integralUseDiscountControlLower" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> -->
<el-input-number <el-input-number
v-model="item.integralUseDiscountControlLower" v-model="item.integralUseDiscountControlLower"
...@@ -204,7 +204,7 @@ ...@@ -204,7 +204,7 @@
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(1)">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(1)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk1" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<!-- <el-input v-model="item.integralUseDiscountControlLower" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> --> <!-- <el-input v-model="item.integralUseDiscountControlLower" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> -->
<el-input-number <el-input-number
v-model="item.integralUseDiscountControlLower" v-model="item.integralUseDiscountControlLower"
...@@ -307,7 +307,7 @@ ...@@ -307,7 +307,7 @@
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(2)">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(2)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk2" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label> <label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
...@@ -334,7 +334,7 @@ ...@@ -334,7 +334,7 @@
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(3)">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(3)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk3" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label> <label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
...@@ -361,7 +361,7 @@ ...@@ -361,7 +361,7 @@
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(4)">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(4)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk4" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label> <label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
...@@ -388,7 +388,7 @@ ...@@ -388,7 +388,7 @@
<el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(5)">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1" @change="radioEventN(5)">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio class="zk5" v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlLower" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label> <label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlUpper" placeholder="请输入" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
...@@ -611,6 +611,7 @@ import { postRequest, postJson } from '@/api/api'; ...@@ -611,6 +611,7 @@ import { postRequest, postJson } from '@/api/api';
import strLength from '@/common/js/strlen'; import strLength from '@/common/js/strlen';
import { log } from '@/utils/index.js'; import { log } from '@/utils/index.js';
import wmMixins from './strategy.js'; import wmMixins from './strategy.js';
import { scrollToError } from '@/utils/validate';
const timeStramp = { const timeStramp = {
year: new Date().getFullYear(), year: new Date().getFullYear(),
...@@ -648,6 +649,7 @@ export default { ...@@ -648,6 +649,7 @@ export default {
return arr; return arr;
} }
return { return {
scrollToError,
opendisabled3: false, opendisabled3: false,
opendisabled1: false, opendisabled1: false,
opendisabled9: false, opendisabled9: false,
...@@ -987,10 +989,12 @@ export default { ...@@ -987,10 +989,12 @@ export default {
if (data.channelList[i].integralUseDiscountControl == 2) { if (data.channelList[i].integralUseDiscountControl == 2) {
if (!data.channelList[i].integralUseDiscountControlUpper || !data.channelList[i].integralUseDiscountControlLower) { if (!data.channelList[i].integralUseDiscountControlUpper || !data.channelList[i].integralUseDiscountControlLower) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '请填写折扣'; obj.text = '请填写折扣';
} }
if (parseInt(data.channelList[i].integralUseDiscountControlUpper) > 10 || parseInt(data.channelList[i].integralUseDiscountControlLower) > 10 || Number(data.channelList[i].integralUseDiscountControlUpper) <= Number(data.channelList[i].integralUseDiscountControlLower)) { if (parseInt(data.channelList[i].integralUseDiscountControlUpper) > 10 || parseInt(data.channelList[i].integralUseDiscountControlLower) > 10 || Number(data.channelList[i].integralUseDiscountControlUpper) <= Number(data.channelList[i].integralUseDiscountControlLower)) {
obj.flag = false; obj.flag = false;
this.scrollToError(this, `zk${i}`);
obj.text = '折扣格式有误'; obj.text = '折扣格式有误';
} }
} }
...@@ -1049,15 +1053,18 @@ export default { ...@@ -1049,15 +1053,18 @@ export default {
} }
let flag = !data.integralGet.fee || String(data.integralGet.integral) == ''; let flag = !data.integralGet.fee || String(data.integralGet.integral) == '';
if (data.integralGetStatus == 1 && flag) { if (data.integralGetStatus == 1 && flag) {
this.scrollToError(this, 'integralGet');
showMsg.showmsg('请填写获取规则', 'error'); showMsg.showmsg('请填写获取规则', 'error');
return; return;
} }
if (data.integralGetStatus == 1) { if (data.integralGetStatus == 1) {
if (!Number(data.integralGet.fee)) { if (!Number(data.integralGet.fee)) {
this.scrollToError(this, 'integralGet');
showMsg.showmsg('获取规则中的消费金额不能为0', 'error'); showMsg.showmsg('获取规则中的消费金额不能为0', 'error');
return; return;
} }
if (!Number(data.integralGet.integral)) { if (!Number(data.integralGet.integral)) {
this.scrollToError(this, 'integralGet');
showMsg.showmsg('获取规则中的获取积分不能为0', 'error'); showMsg.showmsg('获取规则中的获取积分不能为0', 'error');
return; return;
} }
...@@ -1068,12 +1075,15 @@ export default { ...@@ -1068,12 +1075,15 @@ export default {
} }
if (data.userGeneralIntegralExpireRule == 0) { if (data.userGeneralIntegralExpireRule == 0) {
if(data.integralExpireType ==3 && (this.mouthM == '' || this.mouthD == -1)) { if(data.integralExpireType ==3 && (this.mouthM == '' || this.mouthD == -1)) {
this.scrollToError(this, 'mouthM');
showMsg.showmsg('请选择按月失效规则','error') showMsg.showmsg('请选择按月失效规则','error')
return; return;
}else if(data.integralExpireType ==2 && (this.yearY == '' || this.yearM == '' || this.yearD == -1 )) { }else if(data.integralExpireType ==2 && (this.yearY == '' || this.yearM == '' || this.yearD == -1 )) {
this.scrollToError(this, 'yearY');
showMsg.showmsg('请选择按年失效规则','error') showMsg.showmsg('请选择按年失效规则','error')
return; return;
} else if (data.integralExpireType ==0 && !Number(data.integralGetEffectiveDays)) { } else if (data.integralExpireType ==0 && !Number(data.integralGetEffectiveDays)) {
this.scrollToError(this, 'integralGetEffectiveDays');
showMsg.showmsg('请填写积分有效期','error') showMsg.showmsg('请填写积分有效期','error')
return; return;
} }
...@@ -1158,15 +1168,8 @@ export default { ...@@ -1158,15 +1168,8 @@ export default {
} }
}); });
} else { } else {
log('error submit!!'); this.scrollToError(this);
setTimeout(() => { showMsg.showmsg('表单信息未填写完整','error')
var isError = document.getElementsByClassName("is-error");
if (isError[0].querySelector('input')) {
isError[0].querySelector('input').focus();
} else if (isError[0].querySelector('textarea')) {
isError[0].querySelector('textarea').focus();
}
}, 1)
return false; return false;
} }
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment