37 lines
986 B
Vue
37 lines
986 B
Vue
<template>
|
|
<div class="mobile-page">
|
|
<!-- Tab 切换 -->
|
|
<div class="mobile-page__tabs">
|
|
<el-tabs v-model="activeTab">
|
|
<el-tab-pane label="拥有客户数限制" name="quantity">
|
|
<CustomerLimitConfigList :confType="LimitConfType.CUSTOMER_QUANTITY_LIMIT" />
|
|
</el-tab-pane>
|
|
<el-tab-pane label="锁定客户数限制" name="lock">
|
|
<CustomerLimitConfigList :confType="LimitConfType.CUSTOMER_LOCK_LIMIT" />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import CustomerLimitConfigList from './CustomerLimitConfigList.vue'
|
|
import { LimitConfType } from '@/api/crm/customer/limitConfig'
|
|
|
|
defineOptions({ name: 'CrmCustomerLimitConfig' })
|
|
|
|
const activeTab = ref('quantity')
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.mobile-page {
|
|
padding: 12px;
|
|
background: #f5f7fa;
|
|
min-height: 100vh;
|
|
}
|
|
.mobile-page__tabs {
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
padding: 0 12px;
|
|
}
|
|
</style>
|