车辆管理,司机管理bug修复

This commit is contained in:
2023-08-25 14:12:01 +08:00
parent 073624641a
commit b714ab2dca
7 changed files with 79 additions and 13 deletions

View File

@ -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() {

View File

@ -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{