车辆管理,司机管理bug修复
This commit is contained in:
@ -5,6 +5,7 @@
|
||||
:label="label"
|
||||
:placeholder="placeholder"
|
||||
required
|
||||
:disabled="disabled"
|
||||
@input="$emit('input', $event)"
|
||||
@blur="$emit('blurIn')"
|
||||
input-align="right"
|
||||
@ -24,11 +25,15 @@ export default {
|
||||
type:String,
|
||||
default: ''
|
||||
},
|
||||
value: [String, Number]
|
||||
value: [String, Number],
|
||||
disabled:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
}
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
name:''
|
||||
name:'',
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="btn">
|
||||
<button :class="title1 == '取消' ? 'cancel' : 'submit'" @click="noMultipleClicks(cancelClick)">{{ title1 }}</button>
|
||||
<button class="submit" @click="noMultipleClicks(submitClick)">{{ title2}}</button>
|
||||
<button :class=" { 'loading1': loading1, 'cancel' : title1 == '取消', 'submit' : title1 != '取消' } " @click="noMultipleClicks( title1 == '提交' ? submitClick1 :cancelClick )">{{ title1 }}</button>
|
||||
<button class="submit" @click="noMultipleClicks(submitClick)" :class="{'loading': loading}">{{ title2}}</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -12,7 +12,9 @@ export default {
|
||||
mixins:[myMixins],
|
||||
data(){
|
||||
return{
|
||||
noClick:true
|
||||
noClick:true,
|
||||
loading: false,
|
||||
loading1: false
|
||||
}
|
||||
},
|
||||
props:{
|
||||
@ -30,7 +32,32 @@ export default {
|
||||
this.$emit('cancelClick')
|
||||
},
|
||||
submitClick(){
|
||||
this.$emit('submitClick')
|
||||
// 设置 loading 状态
|
||||
this.loading = true;
|
||||
|
||||
// 模拟异步请求
|
||||
setTimeout(() => {
|
||||
// 处理请求结果
|
||||
// ...
|
||||
this.$emit('submitClick')
|
||||
// 重置 loading 状态
|
||||
this.loading = false;
|
||||
}, 2000);
|
||||
|
||||
},
|
||||
submitClick1(){
|
||||
// 设置 loading1状态
|
||||
this.loading1 = true;
|
||||
|
||||
// 模拟异步请求
|
||||
setTimeout(() => {
|
||||
// 处理请求结果
|
||||
// ...
|
||||
this.$emit('submitClick1')
|
||||
// 重置 loading1 状态
|
||||
this.loading1 = false;
|
||||
}, 2000);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -39,6 +66,32 @@ export default {
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/mixin.scss";
|
||||
@import "@/styles/common.scss";
|
||||
.loading,.loading1 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.loading::after,.loading1::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 2px solid #000;
|
||||
border-top-color: transparent;
|
||||
border-radius: 50%;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: translate(-50%, -50%) rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: translate(-50%, -50%) rotate(360deg);
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
@include flexColBet;
|
||||
button{
|
||||
|
Reference in New Issue
Block a user