npmapps 1.1.5 → 1.1.6

package/app/wujie-wk/wujie-vue3-child/src/views/aiCoach/departmentPersonnel/mockData.js

@@ -0,0 +1,301 @@
+/**
+ * 模拟部门数据
+ * @description 生成模拟的部门树形结构数据
+ */
+
+/**
+ * 部门树数据
+ * @type {Array<{id: string|number, label: string, children?: Array}>}
+ */
+export const mockDepartments = [
+    {
+        id: 1,
+        label: '总行人力资源部',
+        children: [
+            {
+                id: 11,
+                label: '招聘中心',
+                children: [
+                    { id: 111, label: '校园招聘组' },
+                    { id: 112, label: '社会招聘组' },
+                    { id: 113, label: '招聘运营组' },
+                ],
+            },
+            {
+                id: 12,
+                label: '培训中心',
+                children: [
+                    { id: 121, label: '管理培训组' },
+                    { id: 122, label: '业务培训组' },
+                    { id: 123, label: '新员工培训组' },
+                ],
+            },
+            {
+                id: 13,
+                label: '薪酬福利部',
+                children: [
+                    { id: 131, label: '薪酬管理组' },
+                    { id: 132, label: '福利管理组' },
+                ],
+            },
+        ],
+    },
+    {
+        id: 2,
+        label: '总行公司银行总部',
+        children: [
+            { id: 21, label: '公司业务一部' },
+            { id: 22, label: '公司业务二部' },
+            {
+                id: 23,
+                label: '机构业务部',
+                children: [
+                    { id: 231, label: '政府机构组' },
+                    { id: 232, label: '企业机构组' },
+                ],
+            },
+        ],
+    },
+    {
+        id: 3,
+        label: '总行零售银行总部',
+        children: [
+            {
+                id: 31,
+                label: '个人金融部',
+                children: [
+                    { id: 311, label: '储蓄业务组' },
+                    { id: 312, label: '理财业务组' },
+                    { id: 313, label: '信用卡业务组' },
+                ],
+            },
+            {
+                id: 32,
+                label: '私人银行部',
+                children: [
+                    { id: 321, label: '高净值客户组' },
+                    { id: 322, label: '财富管理组' },
+                ],
+            },
+        ],
+    },
+    { id: 4, label: '总行票据业务部' },
+    { id: 5, label: '总行资产托管部' },
+    {
+        id: 6,
+        label: '总行国际业务部',
+        children: [
+            { id: 61, label: '国际结算组' },
+            { id: 62, label: '外汇业务组' },
+            { id: 63, label: '跨境金融组' },
+        ],
+    },
+    {
+        id: 7,
+        label: '资金营运中心',
+        children: [
+            { id: 71, label: '货币市场组' },
+            { id: 72, label: '债券投资组' },
+            { id: 73, label: '衍生品交易组' },
+        ],
+    },
+    {
+        id: 8,
+        label: '总行零售公司部',
+        children: [
+            { id: 81, label: '小微企业部' },
+            { id: 82, label: '供应链金融部' },
+        ],
+    },
+    {
+        id: 9,
+        label: '数字科技部',
+        children: [
+            {
+                id: 91,
+                label: '研发中心',
+                children: [
+                    { id: 911, label: '前端开发组' },
+                    { id: 912, label: '后端开发组' },
+                    { id: 913, label: '移动端开发组' },
+                ],
+            },
+            {
+                id: 92,
+                label: '产品中心',
+                children: [
+                    { id: 921, label: '产品设计组' },
+                    { id: 922, label: '用户体验组' },
+                ],
+            },
+            { id: 93, label: '数据中心' },
+        ],
+    },
+    {
+        id: 10,
+        label: '风险管理部',
+        children: [
+            { id: 101, label: '信用风险组' },
+            { id: 102, label: '市场风险组' },
+            { id: 103, label: '操作风险组' },
+        ],
+    },
+]
+
+/**
+ * 模拟获取部门树数据的接口
+ * @param {number} delay - 延迟时间（毫秒），默认500ms
+ * @returns {Promise<Array>}
+ */
+export const fetchDepartments = (delay = 500) => {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve(mockDepartments)
+        }, delay)
+    })
+}
+
+/**
+ * 根据关键词搜索部门
+ * @param {string} keyword - 搜索关键词
+ * @param {Array} departments - 部门树数据
+ * @returns {Array} 过滤后的部门树
+ */
+export const searchDepartments = (keyword, departments = mockDepartments) => {
+    if (!keyword) return departments
+
+    const filterTree = (nodes) => {
+        return nodes.reduce((result, node) => {
+            const match = node.label.toLowerCase().includes(keyword.toLowerCase())
+            const children = node.children ? filterTree(node.children) : []
+
+            if (match || children.length > 0) {
+                result.push({
+                    ...node,
+                    children: children.length > 0 ? children : node.children,
+                })
+            }
+
+            return result
+        }, [])
+    }
+
+    return filterTree(departments)
+}
+
+/**
+ * 人员数据
+ * @type {Array<{id: string|number, name: string, departmentId: number, position: string, phone?: string, email?: string}>}
+ */
+export const mockPersonnel = [
+    // 总行人力资源部
+    { id: 1001, name: '张伟', departmentId: 1, position: '部门总经理', phone: '13800000001', email: 'zhangwei@bank.com' },
+    { id: 1002, name: '王芳', departmentId: 11, position: '招聘中心主任', phone: '13800000002', email: 'wangfang@bank.com' },
+    { id: 1003, name: '李明', departmentId: 111, position: '校招负责人', phone: '13800000003', email: 'liming@bank.com' },
+    { id: 1004, name: '刘洋', departmentId: 111, position: '校招专员', phone: '13800000004', email: 'liuyang@bank.com' },
+    { id: 1005, name: '陈静', departmentId: 112, position: '社招负责人', phone: '13800000005', email: 'chenjing@bank.com' },
+    { id: 1006, name: '杨帆', departmentId: 112, position: '社招专员', phone: '13800000006', email: 'yangfan@bank.com' },
+    { id: 1007, name: '赵雪', departmentId: 113, position: '运营负责人', phone: '13800000007', email: 'zhaoxue@bank.com' },
+    { id: 1008, name: '孙涛', departmentId: 12, position: '培训中心主任', phone: '13800000008', email: 'suntao@bank.com' },
+    { id: 1009, name: '周敏', departmentId: 121, position: '管培负责人', phone: '13800000009', email: 'zhoumin@bank.com' },
+    { id: 1010, name: '吴强', departmentId: 122, position: '业务培训师', phone: '13800000010', email: 'wuqiang@bank.com' },
+    { id: 1011, name: '郑丽', departmentId: 123, position: '新员工培训师', phone: '13800000011', email: 'zhengli@bank.com' },
+    { id: 1012, name: '钱磊', departmentId: 13, position: '薪酬福利部主任', phone: '13800000012', email: 'qianlei@bank.com' },
+    { id: 1013, name: '孙娜', departmentId: 131, position: '薪酬专员', phone: '13800000013', email: 'sunna@bank.com' },
+    { id: 1014, name: '李欢', departmentId: 132, position: '福利专员', phone: '13800000014', email: 'lihuan@bank.com' },
+
+    // 总行公司银行总部
+    { id: 2001, name: '黄建国', departmentId: 2, position: '公司银行总经理', phone: '13800000020', email: 'huangjianguo@bank.com' },
+    { id: 2002, name: '林志远', departmentId: 21, position: '业务经理', phone: '13800000021', email: 'linzhiyuan@bank.com' },
+    { id: 2003, name: '徐文静', departmentId: 22, position: '业务经理', phone: '13800000022', email: 'xuwenjing@bank.com' },
+    { id: 2004, name: '马云飞', departmentId: 23, position: '机构业务部主任', phone: '13800000023', email: 'mayunfei@bank.com' },
+    { id: 2005, name: '胡晓明', departmentId: 231, position: '政府客户经理', phone: '13800000024', email: 'huxiaoming@bank.com' },
+    { id: 2006, name: '唐诗雨', departmentId: 232, position: '企业客户经理', phone: '13800000025', email: 'tangshiyu@bank.com' },
+
+    // 总行零售银行总部
+    { id: 3001, name: '宋志强', departmentId: 3, position: '零售银行总经理', phone: '13800000030', email: 'songzhiqiang@bank.com' },
+    { id: 3002, name: '冯丽娟', departmentId: 31, position: '个人金融部主任', phone: '13800000031', email: 'fenglijuan@bank.com' },
+    { id: 3003, name: '董浩然', departmentId: 311, position: '储蓄业务主管', phone: '13800000032', email: 'donghaoran@bank.com' },
+    { id: 3004, name: '蒋美玲', departmentId: 312, position: '理财经理', phone: '13800000033', email: 'jiangmeiling@bank.com' },
+    { id: 3005, name: '韩俊杰', departmentId: 313, position: '信用卡经理', phone: '13800000034', email: 'hanjunjie@bank.com' },
+    { id: 3006, name: '曹雪梅', departmentId: 32, position: '私行部主任', phone: '13800000035', email: 'caoxuemei@bank.com' },
+    { id: 3007, name: '姚天翔', departmentId: 321, position: '高净值客户经理', phone: '13800000036', email: 'yaotianxiang@bank.com' },
+    { id: 3008, name: '谢婷婷', departmentId: 322, position: '财富顾问', phone: '13800000037', email: 'xietingting@bank.com' },
+
+    // 数字科技部
+    { id: 9001, name: '方建华', departmentId: 9, position: '科技部总经理', phone: '13800000090', email: 'fangjianhua@bank.com' },
+    { id: 9002, name: '沈俊', departmentId: 91, position: '研发中心主任', phone: '13800000091', email: 'shenjun@bank.com' },
+    { id: 9003, name: '邓宇', departmentId: 911, position: '前端架构师', phone: '13800000092', email: 'dengyu@bank.com' },
+    { id: 9004, name: '薛凯', departmentId: 911, position: '前端工程师', phone: '13800000093', email: 'xuekai@bank.com' },
+    { id: 9005, name: '雷鹏', departmentId: 911, position: '前端工程师', phone: '13800000094', email: 'leipeng@bank.com' },
+    { id: 9006, name: '贺新宇', departmentId: 912, position: 'Java架构师', phone: '13800000095', email: 'hexinyu@bank.com' },
+    { id: 9007, name: '潘嘉琪', departmentId: 912, position: 'Java工程师', phone: '13800000096', email: 'panjiaqi@bank.com' },
+    { id: 9008, name: '汪明哲', departmentId: 913, position: 'iOS工程师', phone: '13800000097', email: 'wangmingzhe@bank.com' },
+    { id: 9009, name: '任思琪', departmentId: 92, position: '产品中心主任', phone: '13800000098', email: 'rensiqi@bank.com' },
+    { id: 9010, name: '龚佳欣', departmentId: 921, position: '产品经理', phone: '13800000099', email: 'gongjiaxin@bank.com' },
+    { id: 9011, name: '傅晨曦', departmentId: 922, position: 'UI设计师', phone: '13800000100', email: 'fuchenxi@bank.com' },
+    { id: 9012, name: '程雨欣', departmentId: 93, position: '数据分析师', phone: '13800000101', email: 'chengyuxin@bank.com' },
+
+    // 风险管理部
+    { id: 10001, name: '卢志诚', departmentId: 10, position: '风控总监', phone: '13800000110', email: 'luzhicheng@bank.com' },
+    { id: 10002, name: '陆建平', departmentId: 101, position: '信用风险主管', phone: '13800000111', email: 'lujianping@bank.com' },
+    { id: 10003, name: '万文涛', departmentId: 102, position: '市场风险分析师', phone: '13800000112', email: 'wanwentao@bank.com' },
+    { id: 10004, name: '莫慧敏', departmentId: 103, position: '操作风险专员', phone: '13800000113', email: 'mohuimin@bank.com' },
+]
+
+/**
+ * 模拟获取人员列表的接口
+ * @param {number} delay - 延迟时间（毫秒），默认500ms
+ * @param {number|null} departmentId - 部门ID，为空时返回所有人员
+ * @returns {Promise<Array>}
+ */
+export const fetchPersonnel = (delay = 500, departmentId = null) => {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            if (departmentId === null) {
+                resolve(mockPersonnel)
+            } else {
+                // 递归获取部门及其所有子部门的ID
+                const getAllDepartmentIds = (deptId) => {
+                    const ids = [deptId]
+                    const findChildren = (depts) => {
+                        for (const dept of depts) {
+                            if (dept.id === deptId && dept.children) {
+                                dept.children.forEach(child => {
+                                    ids.push(child.id)
+                                    findChildren([child])
+                                })
+                            } else if (dept.children) {
+                                findChildren(dept.children)
+                            }
+                        }
+                    }
+                    findChildren(mockDepartments)
+                    return ids
+                }
+
+                const deptIds = getAllDepartmentIds(departmentId)
+                const filteredPersonnel = mockPersonnel.filter(p => deptIds.includes(p.departmentId))
+                resolve(filteredPersonnel)
+            }
+        }, delay)
+    })
+}
+
+/**
+ * 根据关键词搜索人员
+ * @param {string} keyword - 搜索关键词
+ * @param {Array} personnel - 人员列表数据
+ * @returns {Array} 过滤后的人员列表
+ */
+export const searchPersonnel = (keyword, personnel = mockPersonnel) => {
+    if (!keyword) return personnel
+
+    const lowerKeyword = keyword.toLowerCase()
+    return personnel.filter(person =>
+        person.name.toLowerCase().includes(lowerKeyword) ||
+        person.position.toLowerCase().includes(lowerKeyword) ||
+        (person.phone && person.phone.includes(keyword)) ||
+        (person.email && person.email.toLowerCase().includes(lowerKeyword))
+    )
+}

package/app/wujie-wk/wujie-vue3-child/src/views/aiCoach/dialogueSegment/index.jsx

@@ -0,0 +1,182 @@
+
+import { defineComponent, ref, watch } from 'vue'
+import styles from './index.module.scss'
+import CollapseExpand from '../collapseExpand/index.jsx'
+import ScriptTable from '../scriptTable/index.jsx'
+
+export default defineComponent({
+    // 对话环节
+    name: 'DialogueSegment',
+
+    setup() {
+        const collapseList = ref([
+            {
+                id: '1',
+                title: '环节1：需求表达',
+                goal: '目标：顾客直接向导购表明自己想购买一台高品质跑步机',
+                scripts: {
+                    qaScripts: [
+                        {
+                            order: 1,
+                            problemDesc: '1',
+                            standardScript: '',
+                            keyword: '',
+                            id: '1',
+                        },
+                        {
+                            order: 2,
+                            problemDesc: '2',
+                            standardScript: '',
+                            keyword: '',
+                            id: '2',
+                        }
+                    ],
+                    proactiveScript: [
+                        {
+                            order: 1,
+                            problemDesc: '',
+                            standardScript: '',
+                            keyword: '',
+                            id: '1',
+                        }
+                    ]
+                }
+               
+            },
+            {
+                id: '2',
+                title: '环节2：产品介绍',
+                goal: '目标：导购根据顾客需求，详细介绍不同款式跑步机的特点、性能和价格',
+                scripts: {
+                    qaScripts: [
+                        {
+                            order: 1,
+                            problemDesc: '',
+                            standardScript: '',
+                            keyword: '',
+                            id: '1',
+                        }
+                    ],
+                    proactiveScript: [
+                        {
+                            order: 1,
+                            problemDesc: '',
+                            standardScript: '',
+                            keyword: '',
+                            id: '1',
+                        }
+                    ]
+                }
+            },
+            {
+                id: '3',
+                title: '环节3：价格确认',
+                goal: '目标：顾客确认购买价格，确认无误后，引导顾客完成支付',
+                scripts: {
+                    qaScripts: [
+                        {
+                            order: 1,
+                            problemDesc: '',
+                            standardScript: '',
+                            keyword: '',
+                            id: '1',
+                        }
+                    ],
+                    proactiveScript: [
+                        {
+                            order: 1,
+                            problemDesc: '',
+                            standardScript: '',
+                            keyword: '',
+                            id: '1',
+                        }
+                    ]
+                }
+            },
+        ])
+        const activeNames = ref(['1'])
+        const rules = ref({
+            qaScripts: {
+                problemDesc: [
+                    { required: true, message: '请输入问题描述',label:'问题描述'},
+                ],
+                standardScript: [
+                    { required: true, message: '请输入标准话术',label:'标准话术'},
+                ],
+                keyword: [
+                    { required: true, message: '请输入关键词',label:'关键词'},
+                ],
+            },
+            proactiveScript: {
+                problemDesc: [
+                    { required: true, message: '请输入问题描述',label:'问题描述'},
+                ],
+                standardScript: [
+                    { required: true, message: '请输入标准话术',label:'标准话术'},
+                ],
+                keyword: [
+                    { required: true, message: '请输入关键词',label:'关键词'},
+                ],
+            }
+        })
+        const addScript = (item,props) => {
+            console.log(item,props,'添加话术');
+            item.scripts[props.activeName].push({
+                order: item.scripts[props.activeName].length + 1,
+                problemDesc: '',
+                standardScript: '',
+                keyword: '',
+                id: Date.now().toString(),
+            })
+        }
+        collapseList.value.forEach((item) => {
+            item.item = () => (
+                <div class={[styles.scriptTableContainer]}>
+                    <ScriptTable
+                        isDraggable={true}
+                        scripts={item.scripts}
+                        footer={(props) => (
+                            <div>
+                                <el-button link size="small" type="primary" onClick={() => {
+                                    addScript(item,props)
+                                }}>
+                                    十添加话术
+                                </el-button>
+                                <el-button link size="small" type="primary">
+                                    Ai生成话术
+                                </el-button>
+                            </div>
+                        )}
+                    ></ScriptTable>
+                  
+                </div>
+            )
+        })
+
+        watch(() => collapseList.value, (newVal, oldVal) => {
+            console.log(newVal, oldVal)
+        })
+        return () => {
+            return <div class={[styles.dialogueSegment]}>
+                <div class={[styles.card]}>
+                    <div class={[styles.cardHeader]}>
+                        <div class={[styles.title]}>
+                            对话环节
+                        </div>
+                        <div class={[styles.operation]}>
+                            <el-button link size="small" type="primary">
+                                添加环节
+                            </el-button>
+                            <el-button link size="small" type="primary">
+                                重新生成环节
+                            </el-button>
+                        </div>
+                    </div>
+                    <div class={[styles.cardBody]}>
+                        <CollapseExpand v-model:collapseList={collapseList.value} v-model={activeNames.value} />
+                    </div>
+                </div>
+            </div>
+        }
+    },
+})

package/app/wujie-wk/wujie-vue3-child/src/views/aiCoach/dialogueSegment/index.module.scss

@@ -0,0 +1,28 @@
+.dialogueSegment {
+    width: 800px;
+   .card {
+    border-radius: 8px;
+    border: 1px solid #E5E5E5;
+    .cardHeader {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        background-color: #F8F8F8;
+        padding: 12px 20px;
+    }
+    .title {
+        font-size: 16px;
+        font-weight: 500;
+    }
+    .operation {
+        font-size: 14px;
+        font-weight: 400;
+    }
+    .cardBody {
+        padding: 20px;
+    }
+    .scriptTableContainer {
+      padding: 10px 10px 0;
+    }
+   }
+}