2024-09-09 修改了大部分下拉组件为模糊筛选,减轻前端渲染压力
This commit is contained in:
59
src/views/SalesManagement/DeliveryNotice/index.vue
Normal file
59
src/views/SalesManagement/DeliveryNotice/index.vue
Normal file
@@ -0,0 +1,59 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card>
|
||||
<el-tabs v-model="activeName" type="border-card" @tab-click="Refresh">
|
||||
<el-tab-pane label="下单通知" name="1"><orderNotice ref="fresh1"/></el-tab-pane>
|
||||
<el-tab-pane label="付款通知" name="2"><paymentOrder ref="fresh2"/></el-tab-pane>
|
||||
<el-tab-pane label="发货通知" name="3"><DeliveryNotice ref="fresh3"/></el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import orderNotice from '@/views/SalesManagement/DeliveryNotice/orderNotice.vue'
|
||||
import paymentOrder from '@/views/SalesManagement/DeliveryNotice/paymentOrder.vue'
|
||||
import DeliveryNotice from '@/views/SalesManagement/DeliveryNotice/DeliveryNotice.vue'
|
||||
export default {
|
||||
components: {
|
||||
'orderNotice': orderNotice,
|
||||
'paymentOrder': paymentOrder,
|
||||
'DeliveryNotice': DeliveryNotice
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: '1',
|
||||
label: '`',
|
||||
isDisable: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
Refresh() {
|
||||
switch (this.activeName) {
|
||||
case '1': {
|
||||
this.label = '`'
|
||||
this.isDisable = true
|
||||
break
|
||||
}
|
||||
case '2': {
|
||||
this.label = '`'
|
||||
this.isDisable = true
|
||||
break
|
||||
}
|
||||
case '3': {
|
||||
this.label = '`'
|
||||
this.isDisable = true
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
/deep/ .el-card__body{
|
||||
padding: 0px!important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user