上传
This commit is contained in:
@@ -10,10 +10,10 @@ VITE_BASE_URL='http://118.31.23.45:48080'
|
||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
||||
|
||||
# 接口前缀
|
||||
VITE_API_BASEPATH=/dev-api
|
||||
VITE_API_BASEPATH=/crm-api
|
||||
|
||||
# 接口地址
|
||||
VITE_API_URL=/admin-api
|
||||
|
||||
# 打包路径
|
||||
VITE_BASE_PATH=/
|
||||
VITE_BASE_PATH=/crm
|
||||
|
||||
4
.env.dev
4
.env.dev
@@ -10,13 +10,13 @@ VITE_BASE_URL='http://localhost:48080'
|
||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
||||
|
||||
# 接口前缀
|
||||
VITE_API_BASEPATH=/dev-api
|
||||
VITE_API_BASEPATH=/crm-api
|
||||
|
||||
# 接口地址
|
||||
VITE_API_URL=/admin-api
|
||||
|
||||
# 打包路径
|
||||
VITE_BASE_PATH=/
|
||||
VITE_BASE_PATH=/crm
|
||||
|
||||
# 是否删除debugger
|
||||
VITE_DROP_DEBUGGER=false
|
||||
|
||||
@@ -10,13 +10,13 @@ VITE_BASE_URL='http://118.31.23.45:48080'
|
||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
||||
|
||||
# 接口前缀
|
||||
VITE_API_BASEPATH=/dev-api
|
||||
VITE_API_BASEPATH=/crm-api
|
||||
|
||||
# 接口地址
|
||||
VITE_API_URL=/admin-api
|
||||
|
||||
# 打包路径
|
||||
VITE_BASE_PATH=/
|
||||
VITE_BASE_PATH=/crm
|
||||
|
||||
# 项目本地运行端口号, 与.vscode/launch.json配合
|
||||
VITE_PORT=80
|
||||
|
||||
8
.env.pro
8
.env.pro
@@ -4,13 +4,13 @@ VITE_NODE_ENV=production
|
||||
VITE_DEV=false
|
||||
|
||||
# 请求路径
|
||||
VITE_BASE_URL='http://localhost:48080'
|
||||
VITE_BASE_URL='/crm-api'
|
||||
|
||||
# 上传路径
|
||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
||||
VITE_UPLOAD_URL='/crm-api/admin-api/system/file/upload'
|
||||
|
||||
# 接口前缀
|
||||
VITE_API_BASEPATH=
|
||||
VITE_API_BASEPATH=/crm-api
|
||||
|
||||
# 接口地址
|
||||
VITE_API_URL=/admin-api
|
||||
@@ -25,7 +25,7 @@ VITE_DROP_CONSOLE=true
|
||||
VITE_SOURCEMAP=false
|
||||
|
||||
# 打包路径
|
||||
VITE_BASE_PATH=/
|
||||
VITE_BASE_PATH=/crm
|
||||
|
||||
# 输出路径
|
||||
VITE_OUT_DIR=dist-pro
|
||||
|
||||
@@ -10,7 +10,7 @@ VITE_BASE_URL='http://api-dashboard.yudao.iocoder.cn'
|
||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
||||
|
||||
# 接口前缀
|
||||
VITE_API_BASEPATH=
|
||||
VITE_API_BASEPATH=/crm-api
|
||||
|
||||
# 接口地址
|
||||
VITE_API_URL=/admin-api
|
||||
@@ -25,7 +25,7 @@ VITE_DROP_CONSOLE=true
|
||||
VITE_SOURCEMAP=false
|
||||
|
||||
# 打包路径
|
||||
VITE_BASE_PATH='http://static-vue3.yudao.iocoder.cn/'
|
||||
VITE_BASE_PATH='/crm'
|
||||
|
||||
# 输出路径
|
||||
VITE_OUT_DIR=dist-stage
|
||||
|
||||
@@ -10,7 +10,7 @@ VITE_BASE_URL='http://localhost:48080'
|
||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
||||
|
||||
# 接口前缀
|
||||
VITE_API_BASEPATH=
|
||||
VITE_API_BASEPATH=/crm-api
|
||||
|
||||
# 接口地址
|
||||
VITE_API_URL=/admin-api
|
||||
@@ -25,7 +25,7 @@ VITE_DROP_CONSOLE=true
|
||||
VITE_SOURCEMAP=false
|
||||
|
||||
# 打包路径
|
||||
VITE_BASE_PATH=/admin-ui-vue3/
|
||||
VITE_BASE_PATH=/crm
|
||||
|
||||
# 输出路径
|
||||
VITE_OUT_DIR=dist-dev
|
||||
|
||||
@@ -10,7 +10,7 @@ VITE_BASE_URL='http://localhost:48080'
|
||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
||||
|
||||
# 接口前缀
|
||||
VITE_API_BASEPATH=
|
||||
VITE_API_BASEPATH=/crm-api
|
||||
|
||||
# 接口地址
|
||||
VITE_API_URL=/admin-api
|
||||
@@ -25,7 +25,7 @@ VITE_DROP_CONSOLE=false
|
||||
VITE_SOURCEMAP=true
|
||||
|
||||
# 打包路径
|
||||
VITE_BASE_PATH=/
|
||||
VITE_BASE_PATH=/crm
|
||||
|
||||
# 输出路径
|
||||
VITE_OUT_DIR=dist-test
|
||||
|
||||
20
src/api/home/index.js
Normal file
20
src/api/home/index.js
Normal file
@@ -0,0 +1,20 @@
|
||||
import request from '@/config/axios'
|
||||
// 线索情况
|
||||
export const getUserClueCount = async (params) => {
|
||||
return await request.get({ url: '/admin-api/crm/home/get-user-count', params })
|
||||
}
|
||||
|
||||
// 成交率
|
||||
export const getClueSignSignRate = async (params) => {
|
||||
return await request.get({ url: '/admin-api/crm/home/get-sign-rate', params })
|
||||
}
|
||||
|
||||
// 成交率
|
||||
export const getClueSignSignRank = async (params) => {
|
||||
return await request.get({ url: '/admin-api/crm/home/get-sign-top10', params })
|
||||
}
|
||||
|
||||
// 成交率
|
||||
export const getClueFollowRank = async (params) => {
|
||||
return await request.get({ url: '/admin-api/crm/home/get-follow-top10', params })
|
||||
}
|
||||
@@ -255,7 +255,7 @@ const handleAuthorized = () => {
|
||||
isRelogin.show = false
|
||||
// 干掉token后再走一次路由让它过router.beforeEach的校验
|
||||
// window.location.href = window.location.href
|
||||
window.location.href = `/login?tenantId=${tenantId}&appId=${appId}`
|
||||
window.location.href = `/crm/login?tenantId=${tenantId}&appId=${appId}`
|
||||
})
|
||||
}
|
||||
return Promise.reject(t('sys.api.timeoutMessage'))
|
||||
|
||||
@@ -24,7 +24,7 @@ const getUnreadCount = async () => {
|
||||
// 跳转我的站内信
|
||||
const goMyList = () => {
|
||||
push({
|
||||
name: 'MyNotifyMessage'
|
||||
name: 'NotifyMessage'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@ import remainingRouter from './modules/remaining'
|
||||
|
||||
// 创建路由实例
|
||||
const router = createRouter({
|
||||
history: createWebHistory(), // createWebHashHistory URL带#,createWebHistory URL不带#
|
||||
history: createWebHistory(import.meta.env.VITE_BASE_PATH), // createWebHashHistory URL带#,createWebHistory URL不带#
|
||||
strict: true,
|
||||
routes: remainingRouter as RouteRecordRaw[],
|
||||
scrollBehavior: () => ({ left: 0, top: 0 })
|
||||
|
||||
@@ -94,8 +94,8 @@ const remainingRouter: AppRouteRecordRaw[] = [
|
||||
},
|
||||
{
|
||||
path: 'notify-message',
|
||||
component: () => import('@/views/system/notify/my/index.vue'),
|
||||
name: 'MyNotifyMessage',
|
||||
component: () => import('@/views/Profile/NotifyMessage.vue'),
|
||||
name: 'NotifyMessage',
|
||||
meta: {
|
||||
canTo: true,
|
||||
hidden: true,
|
||||
|
||||
@@ -86,7 +86,7 @@ defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
||||
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
if (!formRef) return
|
||||
if (!formRef.value) return
|
||||
const valid = await formRef.value.validate()
|
||||
if (!valid) return
|
||||
// 提交请求
|
||||
|
||||
@@ -141,7 +141,7 @@ defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
||||
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
if (!formRef) return
|
||||
if (!formRef.value) return
|
||||
const valid = await formRef.value.validate()
|
||||
if (!valid) return
|
||||
// 提交请求
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
<CountTo
|
||||
class="text-20px number-font"
|
||||
:start-val="0"
|
||||
:end-val="10"
|
||||
:end-val="clueInfo.todayFollowingNum"
|
||||
:duration="2600"
|
||||
/>
|
||||
</div>
|
||||
@@ -28,7 +28,7 @@
|
||||
<CountTo
|
||||
class="text-20px number-font"
|
||||
:start-val="0"
|
||||
:end-val="25"
|
||||
:end-val="clueInfo.todayFollowedNum"
|
||||
:duration="2600"
|
||||
/>
|
||||
</div>
|
||||
@@ -38,7 +38,7 @@
|
||||
<CountTo
|
||||
class="text-20px number-font"
|
||||
:start-val="0"
|
||||
:end-val="2"
|
||||
:end-val="clueInfo.todaySignedNum"
|
||||
:duration="2600"
|
||||
/>
|
||||
</div>
|
||||
@@ -48,7 +48,7 @@
|
||||
<CountTo
|
||||
class="text-20px number-font"
|
||||
:start-val="0"
|
||||
:end-val="235"
|
||||
:end-val="clueInfo.outFollowNum"
|
||||
:duration="2600"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,7 +58,7 @@
|
||||
<CountTo
|
||||
class="text-20px number-font"
|
||||
:start-val="0"
|
||||
:end-val="0"
|
||||
:end-val="clueInfo.unknownNum"
|
||||
:duration="2600"
|
||||
/>
|
||||
</div>
|
||||
@@ -99,9 +99,9 @@
|
||||
<template #header>
|
||||
<div class="flex justify-between items-center">
|
||||
<span>跟进榜Top10</span>
|
||||
<el-radio-group v-model="followDate" size="small">
|
||||
<el-radio label="day">本日</el-radio>
|
||||
<el-radio label="month">本月</el-radio>
|
||||
<el-radio-group v-model="followDate" size="small" @change="getFollowList">
|
||||
<el-radio :label="1">本日</el-radio>
|
||||
<el-radio :label="2">本月</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</template>
|
||||
@@ -114,8 +114,8 @@
|
||||
:key="index"
|
||||
>
|
||||
<span class="mr-10px">NO.{{ index + 1 }}</span>
|
||||
<span class="mr-10px">{{ item.name }}</span>
|
||||
<span>已跟进{{ item.count }}条线索</span>
|
||||
<span class="mr-10px">{{ item.username }}</span>
|
||||
<span>已跟进{{ item.followNum }}条线索</span>
|
||||
</li>
|
||||
<br />
|
||||
<!-- </TransitionGroup> -->
|
||||
@@ -129,11 +129,11 @@
|
||||
<div class="flex justify-between"> 本月成交榜Top10 </div>
|
||||
</template>
|
||||
<el-skeleton :loading="loading" animated>
|
||||
<el-table :data="followList" size="small">
|
||||
<el-table-column prop="sort" label="排名" width="50" />
|
||||
<el-table-column prop="name" label="姓名" width="70" />
|
||||
<el-table-column prop="count" label="成交数量" width="70" />
|
||||
<el-table-column prop="orgName" label="所属组织" />
|
||||
<el-table :data="signList" size="small">
|
||||
<el-table-column type="index" />
|
||||
<el-table-column prop="username" label="姓名" width="100" />
|
||||
<el-table-column prop="followNum" label="成交数量" width="70" />
|
||||
<el-table-column prop="deptName" label="所属组织" />
|
||||
</el-table>
|
||||
</el-skeleton>
|
||||
</el-card>
|
||||
@@ -146,7 +146,8 @@ import { set } from 'lodash-es'
|
||||
import { EChartsOption } from 'echarts'
|
||||
import { useUserStore } from '@/store/modules/user'
|
||||
import avatarImg from '@/assets/imgs/avatar.gif'
|
||||
import { pieOptions, lineOptions } from './echarts-data'
|
||||
import { lineOptions } from './echarts-data'
|
||||
import * as HomeApi from '@/api/home/index'
|
||||
|
||||
const { t } = useI18n()
|
||||
const userStore = useUserStore()
|
||||
@@ -154,59 +155,46 @@ const loading = ref(false)
|
||||
const avatar = userStore.getUser.avatar ? userStore.getUser.avatar : avatarImg
|
||||
const username = userStore.getUser.nickname
|
||||
|
||||
const followDate = ref('day')
|
||||
const followDate = ref(1)
|
||||
|
||||
// 成交线索来源
|
||||
const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
|
||||
const getSaleClueSource = async () => {
|
||||
const data = [
|
||||
{ value: 335, name: '宝典' },
|
||||
{ value: 310, name: '一点通' },
|
||||
{ value: 234, name: '抖音' },
|
||||
{ value: 135, name: '小红书' },
|
||||
{ value: 1548, name: '转介绍' }
|
||||
]
|
||||
set(
|
||||
pieOptionsData,
|
||||
'legend.data',
|
||||
data.map((v) => t(v.name))
|
||||
)
|
||||
pieOptionsData!.series![0].data = data.map((v) => {
|
||||
return {
|
||||
name: t(v.name),
|
||||
value: v.value
|
||||
}
|
||||
})
|
||||
}
|
||||
// const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
|
||||
// const getSaleClueSource = async () => {
|
||||
// const data = [
|
||||
// { value: 335, name: '宝典' },
|
||||
// { value: 310, name: '一点通' },
|
||||
// { value: 234, name: '抖音' },
|
||||
// { value: 135, name: '小红书' },
|
||||
// { value: 1548, name: '转介绍' }
|
||||
// ]
|
||||
// set(
|
||||
// pieOptionsData,
|
||||
// 'legend.data',
|
||||
// data.map((v) => t(v.name))
|
||||
// )
|
||||
// pieOptionsData!.series![0].data = data.map((v) => {
|
||||
// return {
|
||||
// name: t(v.name),
|
||||
// value: v.value
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
|
||||
// 成交率
|
||||
const lineOptionsData = reactive<EChartsOption>(lineOptions) as EChartsOption
|
||||
const getMonthlySaleRate = async () => {
|
||||
const data = [
|
||||
{ estimate: 100, actual: 120, name: 'analysis.january' },
|
||||
{ estimate: 120, actual: 82, name: 'analysis.february' },
|
||||
{ estimate: 161, actual: 91, name: 'analysis.march' },
|
||||
{ estimate: 134, actual: 154, name: 'analysis.april' },
|
||||
{ estimate: 105, actual: 162, name: 'analysis.may' },
|
||||
{ estimate: 160, actual: 140, name: 'analysis.june' },
|
||||
{ estimate: 165, actual: 145, name: 'analysis.july' },
|
||||
{ estimate: 114, actual: 250, name: 'analysis.august' },
|
||||
{ estimate: 163, actual: 134, name: 'analysis.september' },
|
||||
{ estimate: 185, actual: 56, name: 'analysis.october' },
|
||||
{ estimate: 118, actual: 99, name: 'analysis.november' },
|
||||
{ estimate: 123, actual: 123, name: 'analysis.december' }
|
||||
]
|
||||
const data = await HomeApi.getClueSignSignRate()
|
||||
set(
|
||||
lineOptionsData,
|
||||
'xAxis.data',
|
||||
data.map((v) => t(v.name))
|
||||
data.map((v) => t(v.month))
|
||||
)
|
||||
set(lineOptionsData, 'series', [
|
||||
{
|
||||
name: '个人成交率',
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
data: data.map((v) => v.estimate),
|
||||
data: data.map((v) => v.personalRate),
|
||||
animationDuration: 2800,
|
||||
animationEasing: 'cubicInOut'
|
||||
},
|
||||
@@ -215,33 +203,50 @@ const getMonthlySaleRate = async () => {
|
||||
smooth: true,
|
||||
type: 'line',
|
||||
itemStyle: {},
|
||||
data: data.map((v) => v.actual),
|
||||
data: data.map((v) => v.avgRate),
|
||||
animationDuration: 2800,
|
||||
animationEasing: 'quadraticOut'
|
||||
}
|
||||
])
|
||||
}
|
||||
|
||||
const followList = ref([
|
||||
{ sort: 1, name: '张三', count: 12, orgName: '销售1组' },
|
||||
{ sort: 2, name: '张三', count: 11, orgName: '销售3组' },
|
||||
{ sort: 3, name: '张三', count: 11, orgName: '销售1组' },
|
||||
{ sort: 4, name: '张三', count: 10, orgName: '销售1组' },
|
||||
{ sort: 5, name: '张三', count: 2, orgName: '销售2组' },
|
||||
{ sort: 6, name: '张三', count: 1, orgName: '销售1组' },
|
||||
{ sort: 2, name: '张三', count: 11, orgName: '销售3组' },
|
||||
{ sort: 3, name: '张三', count: 11, orgName: '销售1组' },
|
||||
{ sort: 4, name: '张三', count: 10, orgName: '销售1组' },
|
||||
{ sort: 5, name: '张三', count: 2, orgName: '销售2组' },
|
||||
{ sort: 6, name: '张三', count: 1, orgName: '销售1组' }
|
||||
])
|
||||
const followList = ref<any>([])
|
||||
|
||||
const clueInfo = ref({
|
||||
todayFollowingNum: 0,
|
||||
todayFollowedNum: 0,
|
||||
todaySignedNum: 0,
|
||||
outFollowNum: 0,
|
||||
unknownNum: 0
|
||||
})
|
||||
|
||||
function getClueInfo() {
|
||||
HomeApi.getUserClueCount().then((data) => {
|
||||
clueInfo.value = data
|
||||
})
|
||||
}
|
||||
|
||||
function getFollowList() {
|
||||
HomeApi.getClueFollowRank({ type: followDate.value }).then((data) => {
|
||||
followList.value = data
|
||||
})
|
||||
}
|
||||
|
||||
const signList = ref([])
|
||||
function getSignList() {
|
||||
HomeApi.getClueSignSignRank().then((data) => {
|
||||
signList.value = data
|
||||
})
|
||||
}
|
||||
|
||||
const getAllApi = async () => {
|
||||
await Promise.all([getSaleClueSource(), getMonthlySaleRate()])
|
||||
await Promise.all([getClueInfo(), getSignList(), getMonthlySaleRate(), getFollowList()])
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
getAllApi()
|
||||
onMounted(() => {
|
||||
getAllApi()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
7
src/views/Profile/NotifyMessage.vue
Normal file
7
src/views/Profile/NotifyMessage.vue
Normal file
@@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<div> 站内信 </div>
|
||||
</template>
|
||||
|
||||
<script setup name="NotifyMessage"></script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -40,11 +40,11 @@ export default ({ command, mode }) => {
|
||||
changeOrigin: true,
|
||||
rewrite: (path) => path.replace(new RegExp(`^/call-api`), '')
|
||||
},
|
||||
['/dev-api']: {
|
||||
['/crm-api']: {
|
||||
target: env.VITE_BASE_URL,
|
||||
ws: false,
|
||||
changeOrigin: true,
|
||||
rewrite: (path) => path.replace(new RegExp(`^/dev-api`), '')
|
||||
rewrite: (path) => path.replace(new RegExp(`^/crm-api`), '')
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user