feat: 接入商务用户资料和全局统计偏好
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
import service from '@/utils/request'
|
||||
|
||||
export const getUserPreference = () => service({ url: '/sw/user/preference', method: 'get' })
|
||||
export const updateUserPreference = (data) => service({ url: '/sw/user/preference', method: 'put', data })
|
||||
@@ -0,0 +1,61 @@
|
||||
<template>
|
||||
<el-popover placement="bottom-end" :width="250" trigger="click" @show="load">
|
||||
<template #reference>
|
||||
<icon-button icon="lucide:sliders-horizontal" label="统计口径" />
|
||||
</template>
|
||||
<div v-loading="loading" class="space-y-3">
|
||||
<div class="font-medium">全局统计口径</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<span>包含下级渠道</span>
|
||||
<el-switch :model-value="preference.includeSubPromote" :disabled="loading || !loaded" @change="save('includeSubPromote', $event)" />
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<span>身份证去重</span>
|
||||
<el-switch :model-value="preference.idcardDedup" :disabled="loading || !loaded" @change="save('idcardDedup', $event)" />
|
||||
</div>
|
||||
<p class="text-xs text-gray-500">用于商务数据查询,充值金额不受身份证去重影响。</p>
|
||||
</div>
|
||||
</el-popover>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import IconButton from '@/components/iconButton/index.vue'
|
||||
import { getUserPreference, updateUserPreference } from '@/api/business'
|
||||
import { emitter } from '@/utils/bus'
|
||||
|
||||
const preference = ref({ includeSubPromote: true, idcardDedup: true })
|
||||
const loading = ref(false)
|
||||
const loaded = ref(false)
|
||||
|
||||
const load = async () => {
|
||||
loading.value = true
|
||||
loaded.value = false
|
||||
try {
|
||||
const res = await getUserPreference()
|
||||
if (res.code === 0) {
|
||||
preference.value = res.data
|
||||
loaded.value = true
|
||||
}
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const save = async (key, value) => {
|
||||
if (loading.value || !loaded.value) return
|
||||
loading.value = true
|
||||
try {
|
||||
const next = { ...preference.value, [key]: value }
|
||||
const res = await updateUserPreference(next)
|
||||
if (res.code === 0) {
|
||||
preference.value = next
|
||||
ElMessage.success('统计口径已更新')
|
||||
emitter.emit('reload')
|
||||
}
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<!-- 工具按钮组:扁平图标,无独立描边/阴影,hover 时图标 morph 为文案(取代 tooltip)。 -->
|
||||
<div class="flex items-center gap-1 mx-3">
|
||||
<business-preference />
|
||||
<icon-button
|
||||
v-if="settings.header.search.visible"
|
||||
icon="lucide:search"
|
||||
@@ -41,6 +42,7 @@
|
||||
import { emitter } from '@/utils/bus.js'
|
||||
import CommandMenu from '@/components/commandMenu/index.vue'
|
||||
import IconButton from '@/components/iconButton/index.vue'
|
||||
import BusinessPreference from '@/components/businessPreference/index.vue'
|
||||
|
||||
const themeStore = useThemeStore()
|
||||
const { settings } = storeToRefs(themeStore)
|
||||
|
||||
Reference in New Issue
Block a user