chore: 修改群组RFM标签

src/api/rfm.ts

@@ -14,3 +14,8 @@ export function getEventAttrList(params: { type: number }) {
 export function getMemberAttrRange(params: { member_meta_id: string }) {
   return httpRequest.get('/api/lab/v1/experiment/tag/bda-num-member-attr-range', { params })
 }
+
+// 获取RFM标签的结果集
+export function getRfmRes() {
+  return httpRequest.get('/api/lab/v1/experiment/group/bda-rfm-res')
+}

src/components/rule/LabelRule.vue

@@ -2,11 +2,13 @@
 import type { TagRule } from '@/types'
 import { PriceTag, Plus, CloseBold } from '@element-plus/icons-vue'
 import { useTag } from '@/composables/useAllData'
+import { useRfmRes } from '@/composables/useRFMData'
 
 // const tagRule = ref(inject('tagRule') as TagRule)
 const tagRule = defineModel<TagRule>({ default: { current_logic_operate: 'and', items: [] } })
 
 const { tagList } = useTag()
+const { rfmResList } = useRfmRes()
 
 // 获取逻辑运算符名称
 function getLogicalName(value: 'and' | 'or') {
@@ -19,14 +21,23 @@ function toggleOperate(rule: TagRule) {
 }
 
 // 添加条件
-function handleAdd(items: string[]) {
-  items.push('')
+function handleAdd(items: any[]) {
+  items.push({ tag_id: '' })
 }
 
 // 删除
-function handleRemove(items: string[], index: number) {
+function handleRemove(items: any[], index: number) {
   items.splice(index, 1)
 }
+
+function showRfm(id: string) {
+  return tagList.value.find(item => item.id === id)?.label == '4'
+}
+
+function handleRfmChange(rfmKey: string, item: any) {
+  const found = rfmResList.value.find(item => item.frm_key === rfmKey)
+  item.rfm_value = found?.frm_value
+}
 </script>
 
 <template>
@@ -44,9 +55,16 @@ function handleRemove(items: string[], index: number) {
           <div>
             标签 等于
             <el-form-item>
-              <el-select v-model="tagRule.items[index]" style="width: 400px">
+              <el-select v-model="item.tag_id" style="width: 400px">
                 <el-option v-for="option in tagList" :key="option.id" :label="option.name" :value="option.id"></el-option>
               </el-select>
+              <el-select
+                v-model="item.rfm_key"
+                @change="value => handleRfmChange(value, item)"
+                v-if="showRfm(item.tag_id)"
+                style="width: 200px; margin-left: 10px">
+                <el-option v-for="item in rfmResList" :key="item.frm_key" :label="item.frm_value" :value="item.frm_key"></el-option>
+              </el-select>
             </el-form-item>
           </div>
           <el-button text :icon="CloseBold" @click="handleRemove(tagRule.items, index)"></el-button>

src/composables/useAllData.ts

@@ -24,6 +24,7 @@ interface MetaEventType {
 export interface TagType {
   id: string
   name: string
+  label: string
 }
 
 // 连接类型

src/composables/useRFMData.ts

-import { getMemberAttrList, getEventAttrList, getMemberAttrRange } from '@/api/rfm'
+import { getMemberAttrList, getEventAttrList, getMemberAttrRange, getRfmRes } from '@/api/rfm'
 
 // 用户属性类型
 export interface AttrType {
@@ -49,3 +49,21 @@ export function useUserAttrRange() {
   }
   return { fetchUserAttrRange, userAttrRange }
 }
+
+// RFM标签的结果集
+interface RfmRes {
+  frm_key: string
+  frm_value: number
+}
+const rfmResList = ref<RfmRes[]>([])
+export function useRfmRes() {
+  async function fetchRfmResList() {
+    await getRfmRes().then((res: any) => {
+      rfmResList.value = res.data.items
+    })
+  }
+  onMounted(() => {
+    fetchRfmResList()
+  })
+  return { fetchRfmResList, rfmResList }
+}

src/modules/group/components/FormDialog.vue

@@ -49,8 +49,12 @@ function fetchInfo() {
     const [user_attr_rule = { current_logic_operate: 'and', items: [] }] = detail.user_attr_rule || []
     const [event_attr_rule = { current_logic_operate: 'and', items: [] }] = detail.event_attr_rule || []
     const [tag_rule = { current_logic_operate: 'and', items: [] }] =
-      detail.tag_rule?.map((item: any) => {
-        return { ...item, items: item.items.map((item: any) => item.id) }
+      detail.tag_rule?.map((tagItem: any) => {
+        const items = tagItem.items.map((item: any, index: number) => {
+          const rfm = tagItem.rfm_tag_map[index] || {}
+          return { tag_id: item.id, ...rfm }
+        })
+        return { ...tagItem, items }
       }) || []
     const attrRuleItems = user_attr_rule.items.map((item: any) => {
       item.value = ['in', 'not in'].includes(item.operate) ? item.value.split(',') : item.value
@@ -86,6 +90,16 @@ async function handleCreate() {
     const params = pick(form, ['name', 'status'])
     await createStaticGroup(params)
   } else if (props.data.type === '2') {
+    const tagRule = form.tag_rule.items.reduce(
+      (result: any, item: any, index: number) => {
+        result.items.push(item.tag_id)
+        if (item.rfm_key) {
+          result.rfm_tag_map[index] = item
+        }
+        return result
+      },
+      { items: [], rfm_tag_map: {} }
+    )
     // 动态群组
     const params = pick(
       {
@@ -93,7 +107,7 @@ async function handleCreate() {
         update_rule: JSON.stringify(form.update_rule),
         user_attr_rule: JSON.stringify([form.user_attr_rule]),
         event_attr_rule: JSON.stringify([form.event_attr_rule]),
-        tag_rule: JSON.stringify([form.tag_rule])
+        tag_rule: JSON.stringify([{ ...form.tag_rule, ...tagRule }])
       },
       ['name', 'status', 'update_status', 'update_rule', 'user_attr_rule', 'event_attr_rule', 'tag_rule', 'user_action_rule']
     )
@@ -130,6 +144,16 @@ async function handleUpdate() {
       item.value = Array.isArray(item.value) ? item.value.join(',') : item.value
       return item
     })
+    const tagRule = form.tag_rule.items.reduce(
+      (result: any, item: any, index: number) => {
+        result.items.push(item.tag_id)
+        if (item.rfm_key) {
+          result.rfm_tag_map[index] = item
+        }
+        return result
+      },
+      { items: [], rfm_tag_map: {} }
+    )
     // 动态群组
     const params = pick(
       {
@@ -137,7 +161,7 @@ async function handleUpdate() {
         update_rule: JSON.stringify(form.update_rule),
         user_attr_rule: JSON.stringify([{ ...form.user_attr_rule, items: attrRuleItems }]),
         event_attr_rule: JSON.stringify([{ ...form.event_attr_rule, items: eventRuleItems }]),
-        tag_rule: JSON.stringify([form.tag_rule]),
+        tag_rule: JSON.stringify([{ ...form.tag_rule, ...tagRule }]),
         user_action_rule: JSON.stringify(form.user_action_rule)
       },
       ['id', 'name', 'status', 'update_status', 'update_rule', 'user_attr_rule', 'event_attr_rule', 'tag_rule', 'user_action_rule']

src/types.ts

@@ -108,7 +108,7 @@ export interface EventRuleItem {
 // 标签规则
 export interface TagRule {
   current_logic_operate: 'and' | 'or'
-  items: string[]
+  items: any[]
 }
 
 // 用户行为规则