中英文切换

This commit is contained in:
2023-11-23 17:41:41 +08:00
parent b5e59c6fb3
commit f0902782e6
10 changed files with 105 additions and 263 deletions

View File

@@ -1,159 +0,0 @@
<template>
<section v-if="active" class="pick-bottom">
<van-picker
show-toolbar
:title="title"
:columns="columns"
:default-index="defaultIndex"
@cancel="onCancel"
@confirm="onConfirm"
/>
<transition name="fade">
<div class="overlay" @click="onCancel"></div>
</transition>
</section>
</template>
<script>
import { Picker } from 'vant'
import {deviceQuery, workprocedureQuery, instStatusQuery} from '@config/getData1'
export default {
name: 'Picker',
components: {
[Picker.name]: Picker
},
props: {
active: Boolean,
title: String,
api: String,
selectItem: Object,
pickerArr: Array
// defaultIndex: {
// type: Number,
// default: 0
// }
},
computed: {
defaultIndex () {
return this.columns.findIndex(item => {
return item.id === this.selectItem.id
})
}
},
data () {
return {
columns: []
}
},
created () {
if (!this.api && this.pickerArr.length > 0) {
this.columns = this.pickerArr
}
switch (this.api) {
case 'deviceQuery':
this._deviceQuery()
break
case 'workprocedureQuery':
this._workprocedureQuery()
break
case 'instStatusQuery':
this._instStatusQuery()
break
case 'layerArr':
this._layerArr()
break
case 'seatArr':
this._seatArr()
break
}
},
methods: {
async _deviceQuery () {
let res = await deviceQuery()
if (res.code === '1') {
this.columns = res.result
} else {
this.Dialog(res.desc)
}
},
// _deviceQuery () {
// this.columns = [{id: '01', text: '缓存线1'}, {id: '02', text: '缓存线2'}, {id: '03', text: '缓存线3'}]
// },
async _workprocedureQuery () {
let res = await workprocedureQuery()
if (res.code === '1') {
this.columns = res.result
} else {
this.Dialog(res.desc)
}
},
// _workprocedureQuery () {
// this.columns = [{id: '1', text: '工序1'}, {id: '2', text: '工序2'}, {id: '3', text: '工序3'}]
// },
async _instStatusQuery () {
let res = await instStatusQuery()
if (res.code === '1') {
this.columns = res.result
} else {
this.Dialog(res.desc)
}
},
// _instStatusQuery () {
// this.columns = [{id: '1', text: '状态1'}, {id: '2', text: '状态2'}, {id: '3', text: '状态3'}]
// },
_layerArr () {
this.columns = [{id: '1', text: '1'}, {id: '2', text: '2'}, {id: '3', text: '3'}]
},
_seatArr () {
this.columns = [{id: '1', text: '1'}, {id: '2', text: '2'}, {id: '3', text: '3'}, {id: '4', text: '4'}, {id: '5', text: '5'}, {id: '6', text: '6'}, {id: '7', text: '7'}, {id: '8', text: '8'}, {id: '9', text: '9'}, {id: '10', text: '10'}]
},
onConfirm (value, index) {
this.$emit('onConfirmCallback', value)
// this.columns.defaultIndex = index
},
onCancel () {
this.$emit('onCancelCallback')
}
}
}
</script>
<style lang="stylus" scoped>
.pick-bottom >>> .van-ellipsis
font-size 14px
.pick-bottom
position fixed
width 100%
bottom 0
z-index 2018
.van-picker
z-index 2018
.overlay
position fixed
top 0
left 0
width 100%
height 100%
background-color rgba(0, 0, 0, 0.7)
z-index 2012
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fade-enter-active
animation 0.3s fade-in
.fade-leave-active
animation 0.3s fade-out
</style>