feat: 接入商务用户资料和全局统计偏好

web/src/components/businessPreference/index.vue

@@ -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>