!364 wip: CRM-待办事项

Merge pull request !364 from dhb52/crm-msg

Author: YunaiV

src/api/crm/message/index.ts

@@ -0,0 +1,39 @@
+import request from '@/config/axios'
+
+export interface CustomerVO {
+  id?: number
+  name: string
+  industryId: number
+  level: number
+  source: number
+  followUpStatus?: boolean
+  lockStatus?: boolean
+  dealStatus?: boolean
+  mobile: string
+  telephone: string
+  website: string
+  qq: string
+  wechat: string
+  email: string
+  description: string
+  remark: string
+  ownerUserId?: number
+  ownerUserName?: string
+  ownerUserDept?: string
+  roUserIds?: string
+  rwUserIds?: string
+  areaId?: number
+  areaName?: string
+  detailAddress: string
+  contactLastTime?: Date
+  contactNextTime: Date
+  createTime?: Date
+  updateTime?: Date
+  creator?: string
+  creatorName?: string
+}
+
+// 查询客户列表
+export const getTodayCustomerPage = async (params) => {
+  return await request.get({ url: `/crm/message/todayCustomer`, params })
+}

src/router/modules/remaining.ts

@@ -528,6 +528,16 @@ const remainingRouter: AppRouteRecordRaw[] = [
           activeMenu: '/crm/product'
         },
         component: () => import('@/views/crm/product/detail/index.vue')
+      },
+      {
+        path: 'message',
+        name: 'CrmMessage',
+        meta: {
+          title: '待办事项',
+          noCache: true,
+          hidden: true
+        },
+        component: () => import('@/views/crm/message/index.vue')
       }
     ]
   }

src/views/crm/message/index.vue

@@ -0,0 +1,134 @@
+<template>
+  <el-row :gutter="20">
+    <el-col :span="4" class="min-w-[200px]">
+      <div class="side-item-list">
+        <div
+          v-for="(item, index) in leftSides"
+          :key="index"
+          :class="leftType == item.infoType ? 'side-item-select' : 'side-item-default'"
+          class="side-item"
+          @click="sideClick(item)"
+        >
+          {{ item.name }}
+          <el-badge v-if="item.msgCount > 0" :max="99" :value="item.msgCount" />
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="20" :xs="24">
+      <TodayCustomer v-if="leftType === 'todayCustomer'" />
+      <FollowLeads v-if="leftType === 'followLeads'" />
+    </el-col>
+  </el-row>
+</template>
+
+<script lang="ts" setup>
+import TodayCustomer from './tables/TodayCustomer.vue'
+import FollowLeads from './tables/FollowLeads.vue'
+
+const leftType = ref('todayCustomer')
+const leftSides = ref([
+  {
+    name: '今日需联系客户',
+    infoType: 'todayCustomer',
+    msgCount: 1,
+    tips: '下次跟进时间为今日的客户'
+  },
+  {
+    name: '分配给我的线索',
+    infoType: 'followLeads',
+    msgCount: 0,
+    tips: '转移之后未跟进的线索'
+  },
+  {
+    name: '分配给我的客户',
+    infoType: 'followCustomer',
+    msgCount: 0,
+    tips: '转移、领取、分配之后未跟进的客户，默认显示自己负责的客户'
+  },
+  {
+    name: '待进入公海的客户',
+    infoType: 'putInPoolRemind',
+    msgCount: 0,
+    tips: ''
+  },
+  {
+    name: '待审核合同',
+    infoType: 'checkContract',
+    msgCount: 0,
+    tips: ''
+  },
+  {
+    name: '待审核回款',
+    crmType: 'receivables',
+    infoType: 'checkReceivables',
+    msgCount: 0,
+    tips: ''
+  },
+  {
+    name: '待回款提醒',
+    infoType: 'remindReceivablesPlan',
+    msgCount: 4,
+    tips: ''
+  },
+  {
+    name: '即将到期的合同',
+    infoType: 'endContract',
+    msgCount: 20,
+    tips: '根据“合同到期时间”及设置的“提前提醒天数”提醒'
+  }
+])
+
+/**
+ * 侧边点击
+ */
+const sideClick = (item) => {
+  leftType.value = item.infoType
+}
+</script>
+
+<style lang="scss" scoped>
+.side-item-list {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  font-size: 14px;
+  background-color: white;
+  border: 1px solid #e6e6e6;
+  border-radius: 5px;
+
+  .side-item {
+    position: relative;
+    height: 50px;
+    padding: 0 20px;
+    line-height: 50px;
+    cursor: pointer;
+
+    i {
+      color: #999;
+    }
+  }
+}
+
+.side-item-default {
+  color: #333;
+  border-right: 2px solid transparent;
+}
+
+.side-item-select {
+  color: #409eff;
+  background-color: #ecf5ff;
+  border-right: 2px solid var(--el-color-primary);
+}
+
+.el-badge :deep(.el-badge__content) {
+  top: 0;
+  border: none;
+}
+
+.el-badge {
+  position: absolute;
+  top: 0;
+  right: 15px;
+}
+</style>

src/views/crm/message/tables/FollowLeads.vue

@@ -0,0 +1,14 @@
+<!-- 分配给我的线索 -->
+<template>
+  <div>
+    TODO: 分配给我的线索
+  </div>
+</template>
+
+<script setup lang="ts" name="FollowLeads">
+
+</script>
+
+<style scoped>
+
+</style>