From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/crm/statistics/rank/index.vue | 163 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 163 insertions(+), 0 deletions(-)
diff --git a/src/views/crm/statistics/rank/index.vue b/src/views/crm/statistics/rank/index.vue
new file mode 100644
index 0000000..98340cc
--- /dev/null
+++ b/src/views/crm/statistics/rank/index.vue
@@ -0,0 +1,163 @@
+<!-- BI 鎺掕鐗� -->
+<template>
+ <ContentWrap>
+ <!-- 鎼滅储宸ヤ綔鏍� -->
+ <el-form
+ class="-mb-15px"
+ :model="queryParams"
+ ref="queryFormRef"
+ :inline="true"
+ label-width="68px"
+ >
+ <el-form-item label="鏃堕棿鑼冨洿" prop="orderDate">
+ <el-date-picker
+ v-model="queryParams.times"
+ :shortcuts="defaultShortcuts"
+ class="!w-240px"
+ end-placeholder="缁撴潫鏃ユ湡"
+ start-placeholder="寮�濮嬫棩鏈�"
+ type="daterange"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+ />
+ </el-form-item>
+ <el-form-item label="褰掑睘閮ㄩ棬" prop="deptId">
+ <el-tree-select
+ v-model="queryParams.deptId"
+ :data="deptList"
+ :props="defaultProps"
+ check-strictly
+ node-key="id"
+ placeholder="璇烽�夋嫨褰掑睘閮ㄩ棬"
+ class="!w-240px"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 鎼滅储</el-button>
+ <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </ContentWrap>
+
+ <!-- 鎺掕鏁版嵁 -->
+ <el-col>
+ <el-tabs v-model="activeTab">
+ <!-- 鍚堝悓閲戦鎺掕 -->
+ <el-tab-pane label="鍚堝悓閲戦鎺掕" name="contractPriceRank" lazy>
+ <ContractPriceRank :query-params="queryParams" ref="contractPriceRankRef" />
+ </el-tab-pane>
+ <!-- 鍥炴閲戦鎺掕 -->
+ <el-tab-pane label="鍥炴閲戦鎺掕" name="receivablePriceRank" lazy>
+ <ReceivablePriceRank :query-params="queryParams" ref="receivablePriceRankRef" />
+ </el-tab-pane>
+ <!-- 绛剧害鍚堝悓鎺掕 -->
+ <el-tab-pane label="绛剧害鍚堝悓鎺掕" name="contractCountRank" lazy>
+ <ContractCountRank :query-params="queryParams" ref="contractCountRankRef" />
+ </el-tab-pane>
+ <!-- 浜у搧閿�閲忔帓琛� -->
+ <el-tab-pane label="浜у搧閿�閲忔帓琛�" name="productSalesRank" lazy>
+ <ProductSalesRank :query-params="queryParams" ref="productSalesRankRef" />
+ </el-tab-pane>
+ <!-- 鏂板瀹㈡埛鏁版帓琛� -->
+ <el-tab-pane label="鏂板瀹㈡埛鏁版帓琛�" name="customerCountRank" lazy>
+ <CustomerCountRank :query-params="queryParams" ref="customerCountRankRef" />
+ </el-tab-pane>
+ <!-- 鏂板鑱旂郴浜烘暟鎺掕 -->
+ <el-tab-pane label="鏂板鑱旂郴浜烘暟鎺掕" name="contactCountRank" lazy>
+ <ContactCountRank :query-params="queryParams" ref="contactCountRankRef" />
+ </el-tab-pane>
+ <!-- 璺熻繘娆℃暟鎺掕 -->
+ <el-tab-pane label="璺熻繘娆℃暟鎺掕" name="followCountRank" lazy>
+ <FollowCountRank :query-params="queryParams" ref="followCountRankRef" />
+ </el-tab-pane>
+ <!-- 璺熻繘瀹㈡埛鏁版帓琛� -->
+ <el-tab-pane label="璺熻繘瀹㈡埛鏁版帓琛�" name="followCustomerCountRank" lazy>
+ <FollowCustomerCountRank :query-params="queryParams" ref="followCustomerCountRankRef" />
+ </el-tab-pane>
+ </el-tabs>
+ </el-col>
+</template>
+<script lang="ts" setup>
+import ContractPriceRank from './components/ContractPriceRank.vue'
+import ReceivablePriceRank from './components/ReceivablePriceRank.vue'
+import ContractCountRank from './components/ContractCountRank.vue'
+import ProductSalesRank from './components/ProductSalesRank.vue'
+import CustomerCountRank from './components/CustomerCountRank.vue'
+import ContactCountRank from './components/ContactCountRank.vue'
+import FollowCountRank from './components/FollowCountRank.vue'
+import FollowCustomerCountRank from './components/FollowCustomerCountRank.vue'
+import { defaultProps, handleTree } from '@/utils/tree'
+import * as DeptApi from '@/api/system/dept'
+import { beginOfDay, defaultShortcuts, endOfDay, formatDate } from '@/utils/formatTime'
+import { useUserStore } from '@/store/modules/user'
+
+defineOptions({ name: 'CrmStatisticsRank' })
+
+const queryParams = reactive({
+ deptId: useUserStore().getUser.deptId,
+ times: [
+ // 榛樿鏄剧ず鏈�杩戜竴鍛ㄧ殑鏁版嵁
+ formatDate(beginOfDay(new Date(new Date().getTime() - 3600 * 1000 * 24 * 7))),
+ formatDate(endOfDay(new Date(new Date().getTime() - 3600 * 1000 * 24)))
+ ]
+})
+
+const queryFormRef = ref() // 鎼滅储鐨勮〃鍗�
+const deptList = ref<Tree[]>([]) // 鏍戝舰缁撴瀯
+const activeTab = ref('contractPriceRank')
+const contractPriceRankRef = ref() // ContractPriceRank 缁勪欢鐨勫紩鐢�
+const receivablePriceRankRef = ref() // ReceivablePriceRank 缁勪欢鐨勫紩鐢�
+const contractCountRankRef = ref() // ContractCountRank 缁勪欢鐨勫紩鐢�
+const productSalesRankRef = ref() // ProductSalesRank 缁勪欢鐨勫紩鐢�
+const customerCountRankRef = ref() // CustomerCountRank 缁勪欢鐨勫紩鐢�
+const contactCountRankRef = ref() // ContactCountRank 缁勪欢鐨勫紩鐢�
+const followCountRankRef = ref() // FollowCountRank 缁勪欢鐨勫紩鐢�
+const followCustomerCountRankRef = ref() // FollowCustomerCountRank 缁勪欢鐨勫紩鐢�
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+ switch (activeTab.value) {
+ case 'contractPriceRank': // 鍚堝悓閲戦鎺掕
+ contractPriceRankRef.value?.loadData?.()
+ break
+ case 'receivablePriceRank': // 鍥炴閲戦鎺掕
+ receivablePriceRankRef.value?.loadData?.()
+ break
+ case 'contractCountRank': // 绛剧害鍚堝悓鎺掕
+ contractCountRankRef.value?.loadData?.()
+ break
+ case 'productSalesRank': // 浜у搧閿�閲忔帓琛�
+ productSalesRankRef.value?.loadData?.()
+ break
+ case 'customerCountRank': // 鏂板瀹㈡埛鏁版帓琛�
+ customerCountRankRef.value?.loadData?.()
+ break
+ case 'contactCountRank': // 鏂板鑱旂郴浜烘暟鎺掕
+ contactCountRankRef.value?.loadData?.()
+ break
+ case 'followCountRank': // 璺熻繘娆℃暟鎺掕
+ followCountRankRef.value?.loadData?.()
+ break
+ case 'followCustomerCountRank': // 璺熻繘瀹㈡埛鏁版帓琛�
+ followCustomerCountRankRef.value?.loadData?.()
+ break
+ }
+}
+
+// 褰� activeTab 鏀瑰彉鏃讹紝鍒锋柊褰撳墠娲诲姩鐨� tab
+watch(activeTab, () => {
+ handleQuery()
+})
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+const resetQuery = () => {
+ queryFormRef.value.resetFields()
+ handleQuery()
+}
+
+// 鍔犺浇閮ㄩ棬鏍�
+onMounted(async () => {
+ deptList.value = handleTree(await DeptApi.getSimpleDeptList())
+})
+</script>
+<style lang="scss" scoped></style>
--
Gitblit v1.8.0