CRM里面的客户、线索管理适配手机端

This commit is contained in:
2026-03-12 17:31:23 +08:00
parent 0432e2430a
commit 41d7bd6c86
13 changed files with 1802 additions and 983 deletions

View File

@@ -1,22 +1,36 @@
<template>
<doc-alert title="【客户】客户管理、公海客户" url="https://doc.iocoder.cn/crm/customer/" />
<doc-alert title="【通用】数据权限" url="https://doc.iocoder.cn/crm/permission/" />
<!-- 列表 -->
<ContentWrap>
<el-tabs>
<el-tab-pane label="拥有客户数限制">
<CustomerLimitConfigList :confType="LimitConfType.CUSTOMER_QUANTITY_LIMIT" />
</el-tab-pane>
<el-tab-pane label="锁定客户数限制">
<CustomerLimitConfigList :confType="LimitConfType.CUSTOMER_LOCK_LIMIT" />
</el-tab-pane>
</el-tabs>
</ContentWrap>
<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>