界面修改

This commit is contained in:
“wanyongkang”
2023-09-08 15:03:14 +08:00
parent a4b0f2e5c5
commit caa077f9ae
22 changed files with 238 additions and 183 deletions

View File

@@ -149,10 +149,19 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Account" value="" v-model="OneBuyModel.Account" v-on:blur="checkOneAccount" />
<p class="jinggao" v-if="!OneChecker.AccountOk">4至10位字母或数字或组合</p>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<p class="jinggao" v-if="!OneChecker.AccountOk">4至10位字母或数字或组合</p>
} else {
<p class="jinggao" v-if="!OneChecker.AccountOk">7至10位字母或数字或组合</p>
}
</div>
<div class="col-lg-4 text-left warnText">
<sapn class="grayText">4至10位字母或数字或组合</sapn>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<sapn class="grayText">4至10位字母或数字或组合</sapn>
} else {
<sapn class="grayText">7至10位字母或数字或组合</sapn>
}
</div>
</div>
<div class="row">
@@ -161,10 +170,10 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Pwd" v-model="OneBuyModel.Pwd" v-on:blur="checkOnePwd" />
<p class="jinggao" v-if="!OneChecker.PwdOk">2至10位字母或数字或组合</p>
<p class="jinggao" v-if="!OneChecker.PwdOk">1至10位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left">
<span class="grayText">2至10位字母或数字或组合</span>
<span class="grayText">1至10位字母或数字或组合</span>
</div>
</div>
@if (Model.Package.IsTest == 0) {
@@ -178,8 +187,8 @@
<div class="item cursor" v-on:click="OneBuyModel.ConnectCount>1&&OneBuyModel.ConnectCount--">
-
</div>
<div class="item">
<input type="text" style="width:100%;height:21px;border:0" v-model="OneBuyModel.ConnectCount" />
<div class="item" style="min-width: 80px;">
<input type="text" style="width:100%;height:21px;border:0;text-align:center;" v-model="OneBuyModel.ConnectCount" />
</div>
<div class="item cursor" v-on:click="OneBuyModel.ConnectCount++">
+
@@ -286,10 +295,18 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Account" value="" v-on:input="changeAccountCount()" v-model="MoreBuyModel.Account" />
<p class="jinggao" v-if="!MoreChecker.AccountOk">3至8位字母或数字或组合</p>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<p class="jinggao" v-if="!OneChecker.AccountOk">3至8位字母或数字或组合</p>
} else {
<p class="jinggao" v-if="!OneChecker.AccountOk">6至8位字母或数字或组合</p>
}
</div>
<div class="col-lg-4 text-left warnText">
<sapn class="grayText">2至8位字母或数字或组合</sapn>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<sapn class="grayText">3至8位字母或数字或组合</sapn>
} else {
<sapn class="grayText">6至8位字母或数字或组合</sapn>
}
</div>
</div>
<div class="row">
@@ -329,10 +346,10 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Pwd" id="" value="" v-model="MoreBuyModel.Pwd" />
<p class="jinggao" v-if="!MoreChecker.PwdOk">2至10位字母或数字或组合</p>
<p class="jinggao" v-if="!MoreChecker.PwdOk">1至10位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left">
<span>2至10位字母或数字或组合</span>
<span style="color:#ccc">1至10位字母或数字或组合</span>
</div>
</div>
<div class="row">
@@ -345,8 +362,8 @@
<div class="item" @@click="MoreBuyModel.ConnectCount>1&&MoreBuyModel.ConnectCount--">
-
</div>
<div class="item">
<input type="text" style="width:100%;height:21px;border:0" v-model="MoreBuyModel.ConnectCount" />
<div class="item" style="min-width: 80px;">
<input type="text" style="width:100%;height:21px;border:0;text-align:center;" v-model="MoreBuyModel.ConnectCount" />
</div>
<div class="item" @@click="MoreBuyModel.ConnectCount++">
+
@@ -751,7 +768,7 @@
this.OneChecker.AccountOk = true;
return true;
}
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 3 || !this.hasNumAndChar(this.OneBuyModel.Account)) {
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 4 || !this.hasNumAndChar(this.OneBuyModel.Account)) {
this.OneChecker.AccountOk = false;
return false;
}
@@ -759,7 +776,7 @@
return true;
},
checkOnePwd() {
if (this.OneBuyModel.Pwd.length < 2 || this.OneBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.OneBuyModel.Pwd)) {
if (this.OneBuyModel.Pwd.length < 1 || this.OneBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.OneBuyModel.Pwd)) {
this.OneChecker.PwdOk = false;
return false;
}
@@ -785,7 +802,7 @@
return true;
},
checkMorePwd() {
if (this.MoreBuyModel.Pwd.length < 2 || this.MoreBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.MoreBuyModel.Pwd)) {
if (this.MoreBuyModel.Pwd.length < 1 || this.MoreBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.MoreBuyModel.Pwd)) {
this.MoreChecker.PwdOk = false;
return false;
}
@@ -793,7 +810,6 @@
return true;
},
onePay: function () {
$(".pay-botton").hide();
this.OneBuyModel.ConnectCount = parseInt(this.OneBuyModel.ConnectCount)
if (!this.isNum(this.OneBuyModel.ConnectCount)) return;
if (!this.checkOneAccount() || !this.checkOnePwd()) return;
@@ -834,7 +850,6 @@
});
},
morePay: function () {
$(".pay-botton").hide();
this.MoreBuyModel.ConnectCount = parseInt(this.MoreBuyModel.ConnectCount)
if (!this.isNum(this.MoreBuyModel.ConnectCount)) return;
if (!this.checkMoreAccount() || !this.checkMorePwd() || this.MoreBuyModel.MaxPostfix>500) return;