xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-10-03 18:56:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

addressInput bug fixed

Browse Source
This commit is contained in:
Vion 2022-01-20 12:49:07 +08:00
parent b284755a09
commit 5973aab916
1 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
rc-busness/components/addressInput.vue
View File

@ -41,6 +41,7 @@ export default {
props:["defaultValues"], props:["defaultValues"],
data(){ data(){
return{ return{
animationTimer:undefined,
displayValue:"", displayValue:"",
returnValue:"", returnValue:"",
returnValueArr:[], returnValueArr:[],
@ -158,7 +159,7 @@ export default {
if(obj.id.indexOf(provinceId)<0) if(obj.id.indexOf(provinceId)<0)
{ {
console.log('500 : error via checking validatePickedValues'); console.log('500 : error via checking validatePickedValues');
_self.returnValueArr[index]={}; _self.returnValueArr.splice(index,1);
} }
else else
{ {
@ -172,7 +173,7 @@ export default {
if(areaId && obj.id.indexOf(areaId)<0) if(areaId && obj.id.indexOf(areaId)<0)
{ {
console.log('501 : error via checking validatePickedValues'); console.log('501 : error via checking validatePickedValues');
_self.returnValueArr[index]={}; _self.returnValueArr.splice(index,1);
} }
else{ else{
validatedIndex=index; validatedIndex=index;
@ -230,9 +231,15 @@ export default {
//TODO show warning here //TODO show warning here
let errorEle=document.querySelector(".ts-area-picker-values"); let errorEle=document.querySelector(".ts-area-picker-values");
errorEle.classList.add("error"); errorEle.classList.add("error");
setTimeout(function(){ let _self = this;
if(!this.animationTimer)
{
this.animationTimer = setTimeout(function(){
errorEle.classList.remove("error"); errorEle.classList.remove("error");
clearTimeout(_self.animationTimer);
_self.animationTimer=undefined;
},2000); },2000);
}
tabIndex=lastValidatedTabIndex+1; tabIndex=lastValidatedTabIndex+1;
} }
this.curDisplayingColIndex=tabIndex; this.curDisplayingColIndex=tabIndex;
@ -304,6 +311,23 @@ export default {
.ts-area-picker-values{ .ts-area-picker-values{
width:100%; width:100%;
height:100%; height:100%;
&.error{
position:relative;
width:100%;
height:78%;
&:after{
content: " ";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
animation-name: flash-error;
animation-iteration-count: 2;
animation-duration: .5s;
animation-direction: forwards;
}
}
ul{ ul{
padding:1rem 2.5rem 2rem 2.5rem; padding:1rem 2.5rem 2rem 2.5rem;
margin:0; margin:0;
@ -396,10 +420,12 @@ export default {
@keyframes flash-error @keyframes flash-error
{ {
from { from {
opacity:.6; opacity:0;
background-color:#fff;
} }
to { to {
opacity:.3; opacity:.3;
background-color:#E2001A;
} }
} }
</style> </style>