npmapps 1.0.21 → 1.0.23

package/app/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/{aiCoach → wujie-vue3-child/src/views/aiCoach}/dialogueSegment/index.jsx

@@ -95,6 +95,30 @@ export default defineComponent({
             },
         ])
         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({
@@ -113,12 +137,12 @@ export default defineComponent({
                         scripts={item.scripts}
                         footer={(props) => (
                             <div>
-                                <el-button type="text" size="small" onClick={() => {
+                                <el-button link size="small" type="primary" onClick={() => {
                                     addScript(item,props)
                                 }}>
                                     十添加话术
                                 </el-button>
-                                <el-button type="text" size="small">
+                                <el-button link size="small" type="primary">
                                     Ai生成话术
                                 </el-button>
                             </div>
@@ -140,10 +164,10 @@ export default defineComponent({
                             对话环节
                         </div>
                         <div class={[styles.operation]}>
-                            <el-button type="text" size="small">
+                            <el-button link size="small" type="primary">
                                 添加环节
                             </el-button>
-                            <el-button type="text" size="small">
+                            <el-button link size="small" type="primary">
                                 重新生成环节
                             </el-button>
                         </div>

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

@@ -0,0 +1,32 @@
+import { defineComponent, ref } from 'vue'
+import DialogueSegment from './dialogueSegment/index.jsx'
+import PracticeStatus from './practiceStatus/index.jsx'
+import ReportDetail from './reportDetail/index.jsx'
+import DepartmentPersonnel from './departmentPersonnel/index.jsx'
+
+export default defineComponent({
+    // 智能教练
+    name: 'AiCoach',
+
+    setup() {
+        const activeTab = ref('dialogue-segment')
+        return () => {
+            return <div style={{padding: '30px'}}>
+                <el-tabs v-model={activeTab.value} type="border-card">
+                    <el-tab-pane label="对话环节" name="dialogue-segment">
+                        <DialogueSegment />
+                    </el-tab-pane>
+                    <el-tab-pane label="练习情况" name="practice-status">
+                        <PracticeStatus />
+                    </el-tab-pane>
+                    <el-tab-pane label="报告详情" name="report-detail">
+                        <ReportDetail />
+                    </el-tab-pane>
+                    <el-tab-pane label="部门人员" name="department-personnel">
+                        <DepartmentPersonnel />
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+        }
+    },
+})

package/app/wujie-vue3-child/src/views/aiCoach/practiceStatus/components/ChartsPanel/index.jsx

@@ -0,0 +1,121 @@
+import { defineComponent, ref } from 'vue'
+import styles from './index.module.scss'
+import DonutChart from '../DonutChart'
+import RankBarChart from '../RankBarChart'
+import EchartsDonut from '../echarts/EchartsDonut.jsx'
+import EchartsRankBar from '../echarts/EchartsRankBar.jsx'
+
+/**
+ * 练习情况统计（3个面板）
+ * - 左：进度统计（环形图 + 图例）
+ * - 中：学员练习时长排名（条形排行）
+ * - 右：学员最高一次均分排名（条形排行）
+ */
+export default defineComponent({
+  name: 'PracticeStatusChartsPanel',
+  props: {
+    useEcharts: {
+      type: Boolean,
+      default: false,
+    },
+    progress: {
+      type: Array,
+      default: () => [],
+    },
+    durationRank: {
+      type: Array,
+      default: () => [],
+    },
+    scoreRank: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  setup(props) {
+    const hiddenLegend = ref([]) // 存储被隐藏的图例名称
+
+    const toggleLegend = (name) => {
+      if (!props.useEcharts) return // 只有 Echarts 模式下支持
+      if (hiddenLegend.value.includes(name)) {
+        hiddenLegend.value = hiddenLegend.value.filter((n) => n !== name)
+      } else {
+        hiddenLegend.value.push(name)
+      }
+    }
+
+    return () => (
+      <div>
+        <div class={styles.grid3}>
+          <div class={styles.panel}>
+            <div class={styles.panelHeader}>
+              <div class={styles.panelTitle}>进度统计</div>
+              <div class={styles.legend}>
+                {props.progress.map((it, idx) => {
+                  const isHidden = hiddenLegend.value.includes(it.name)
+                  return (
+                    <span
+                      class={[styles.legendItem, isHidden && props.useEcharts ? styles.legendHidden : '']}
+                      key={`${it.name}-${idx}`}
+                      onClick={() => toggleLegend(it.name)}
+                      style={{ cursor: props.useEcharts ? 'pointer' : 'default', opacity: isHidden && props.useEcharts ? 0.5 : 1 }}
+                    >
+                      <i class={styles.dot} style={{ background: it.color }} />
+                      <span>{it.name}</span>
+                    </span>
+                  )
+                })}
+              </div>
+            </div>
+            <div class={styles.pieWrap}>
+              {props.useEcharts ? (
+                <EchartsDonut series={props.progress} height={200} hiddenLegend={hiddenLegend.value} />
+              ) : (
+                <DonutChart series={props.progress} />
+              )}
+            </div>
+          </div>
+
+          <div class={styles.panel}>
+            <div class={styles.panelHeader}>
+              <div class={styles.panelTitle}>学员练习时长排名</div>
+            </div>
+            {props.useEcharts ? (
+              <EchartsRankBar
+                data={props.durationRank}
+                valueFormatter={(v) => `${v.toFixed(1)}`}
+                height={300}
+              />
+            ) : (
+              <RankBarChart
+                data={props.durationRank}
+                valueFormatter={(v) => `${v.toFixed(1)}`}
+                height={300}
+              />
+            )}
+          </div>
+
+          <div class={styles.panel}>
+            <div class={styles.panelHeader}>
+              <div class={styles.panelTitle}>学员最高一次均分排名</div>
+            </div>
+            {props.useEcharts ? (
+              <EchartsRankBar
+                data={props.scoreRank}
+                valueFormatter={(v) => `${v}`}
+                height={300}
+                max={100}
+              />
+            ) : (
+              <RankBarChart
+                data={props.scoreRank}
+                valueFormatter={(v) => `${v}`}
+                height={300}
+              />
+            )}
+          </div>
+        </div>
+      </div>
+    )
+  },
+})
+

package/app/wujie-vue3-child/src/views/aiCoach/practiceStatus/components/ChartsPanel/index.module.scss

@@ -0,0 +1,76 @@
+.grid3 {
+  display: grid;
+  grid-template-columns: 1.2fr 1fr 1fr;
+  gap: 10px;
+}
+
+.chartCard {
+  background: #fff;
+  border-radius: 8px;
+  padding: 16px;
+  border: 1px solid #ebeef5;
+}
+
+/* Alias for component usage */
+.panel {
+  composes: chartCard;
+}
+
+.chartHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+/* Alias for component usage */
+.panelHeader {
+  composes: chartHeader;
+}
+
+.chartTitle {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+}
+
+/* Alias for component usage */
+.panelTitle {
+  composes: chartTitle;
+}
+
+.chartLegend {
+  display: flex;
+  gap: 16px;
+}
+
+/* Alias for component usage */
+.legend {
+  composes: chartLegend;
+}
+
+.legendItem {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  color: #606266;
+  cursor: pointer;
+  transition: opacity 0.3s;
+}
+
+.legendHidden {
+  opacity: 0.5;
+}
+
+.dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 6px;
+}
+
+.pieWrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}