npmapps 1.0.24 → 1.0.26

package/app/wujie-vue3-child/src/views/aiCoach/reportDetail/components/RoleInfo/index.module.scss

@@ -1,85 +0,0 @@
-// 陪练角色信息样式
-.roleInfo {
-    background: #fff;
-    padding: 20px 24px;
-    border-radius: 8px;
-    margin-top: 24px;
-}
-
-.sectionTitle {
-    font-size: 22px;
-    font-weight: 600;
-    color: #262626;
-    margin: 0 0 16px 0;
-    padding-bottom: 12px;
-}
-
-.roleCard {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    background-color: #F8F8F8;
-    padding: 20px;
-    border-radius: 12px;
-}
-
-.avatar {
-    width: 60px;
-    height: 60px;
-    border-radius: 8px;
-    overflow: hidden;
-    flex-shrink: 0;
-
-    img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-    }
-}
-
-.avatarPlaceholder {
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    font-size: 22px;
-    font-weight: 600;
-}
-
-.infoSection {
-    flex: 1;
-    background-color: #fff;
-    padding: 20px;
-    border-radius: 12px;
-    .infoItem {
-        margin-bottom: 12px;
-        display: flex;
-        align-items: center;
-        gap: 18px;
-    }
-}
-
-
-.name {
-    font-size: 16px;
-    font-weight: 600;
-    color: #262626;
-}
-
-.details {
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    color: #8c8c8c;
-}
-
-.detailItem {
-    display: inline-block;
-}
-
-.divider {
-    margin: 0 8px;
-}

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

@@ -1,39 +0,0 @@
-import { defineComponent } from 'vue'
-import styles from './index.module.scss'
-
-/**
- * 分数徽章组件
- * @description 显示练习得分和达标状态的六边形徽章
- */
-export default defineComponent({
-    name: 'ScoreBadge',
-
-    props: {
-        // 分数
-        score: {
-            type: Number,
-            required: true,
-        },
-        // 是否达标
-        isPassed: {
-            type: Boolean,
-            default: false,
-        },
-    },
-
-    setup(props) {
-        return () => {
-            const statusText = props.isPassed ? '已达标' : '未达标'
-            const badgeClass = props.isPassed ? styles.passed : styles.failed
-
-            return (
-                <div class={[styles.scoreBadge, badgeClass]}>
-                    <div class={styles.hexagon}>
-                        <div class={styles.score}>{props.score}</div>
-                        <div class={styles.status}>{statusText}</div>
-                    </div>
-                </div>
-            )
-        }
-    },
-})

package/app/wujie-vue3-child/src/views/aiCoach/reportDetail/components/ScoreBadge/index.module.scss

@@ -1,44 +0,0 @@
-// 分数徽章样式
-.scoreBadge {
-    position: relative;
-    width: 120px;
-    height: 138px;
-}
-
-.hexagon {
-    position: relative;
-    width: 120px;
-    height: 138px;
-    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
-    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
-}
-
-.score {
-    font-size: 48px;
-    font-weight: bold;
-    color: #fff;
-    line-height: 1;
-}
-
-.status {
-    font-size: 14px;
-    color: #fff;
-    margin-top: 4px;
-}
-
-// 已达标状态
-.passed .hexagon {
-    background: linear-gradient(135deg, #52c41a 0%, #73d13d 100%);
-    box-shadow: 0 4px 12px rgba(82, 196, 26, 0.3);
-}
-
-// 未达标状态
-.failed .hexagon {
-    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
-    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
-}

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

@@ -1,83 +0,0 @@
-import { defineComponent } from 'vue'
-import styles from './index.module.scss'
-
-/**
- * 子维度项组件
- * @description 显示评分维度下的子维度详情（如语言组织的易于理解、逻辑性等）
- */
-export default defineComponent({
-    name: 'SubDimensionItem',
-
-    props: {
-        // 维度名称
-        name: {
-            type: String,
-            required: true,
-        },
-        // 得分
-        score: {
-            type: Number,
-            required: true,
-        },
-        // 总分
-        total: {
-            type: Number,
-            required: true,
-        },
-        // 评价内容
-        comment: {
-            type: String,
-            default: '',
-        },
-    },
-
-    setup(props) {
-        // 计算进度百分比
-        const percentage = (props.score / props.total) * 100
-
-        // 根据分数百分比确定进度条颜色类型
-        const getProgressColorClass = () => {
-            if (percentage >= 60) {
-                return styles.progressFillHigh // 大于等于60：绿色
-            } else if (percentage >= 30) {
-                return styles.progressFillMedium // 30-60：黄色
-            } else {
-                return styles.progressFillLow // 低于30：红色
-            }
-        }
-
-        return () => {
-            return (
-                <div class={styles.subDimensionItem}>
-                    {/* 维度标题和分数 */}
-                    <div class={styles.header}>
-                        <span class={styles.name}>{props.name}</span>
-                        <span class={styles.score}>{props.score}分</span>
-                    </div>
-
-                    {/* 进度条 */}
-                    <div class={styles.progressBar}>
-                        <div class={styles.progressTrack}>
-                            <div
-                                class={getProgressColorClass()}
-                                style={{ width: `${percentage}%` }}
-                            ></div>
-                        </div>
-                        <div class={styles.progressLabels}>
-                            <span>0</span>
-                            <span>{props.total}</span>
-                        </div>
-                    </div>
-
-                    {/* 评价内容 */}
-                    {props.comment && (
-                        <div class={styles.comment}>
-                            <span class={styles.commentIcon}>👍</span>
-                            <span class={styles.commentText}>{props.comment}</span>
-                        </div>
-                    )}
-                </div>
-            )
-        }
-    },
-})

package/app/wujie-vue3-child/src/views/aiCoach/reportDetail/components/SubDimensionItem/index.module.scss

@@ -1,101 +0,0 @@
-// 子维度项样式
-.subDimensionItem {
-    background: #fafafa;
-    padding: 16px 20px;
-    border-radius: 8px;
-    margin-bottom: 16px;
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-}
-
-.header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 12px;
-}
-
-.name {
-    font-size: 14px;
-    font-weight: 600;
-    color: #52c41a;
-}
-
-.score {
-    font-size: 14px;
-    font-weight: 600;
-    color: #52c41a;
-    background: #f6ffed;
-    padding: 3px 14px;
-    border-radius: 12px;
-}
-
-// 进度条
-.progressBar {
-    margin-bottom: 12px;
-}
-
-.progressTrack {
-    width: 100%;
-    height: 8px;
-    background: #e8e8e8;
-    border-radius: 4px;
-    overflow: hidden;
-    margin-bottom: 6px;
-}
-
-// 进度条填充 - 低分（红色）
-.progressFillLow {
-    height: 100%;
-    background: linear-gradient(90deg, #f5222d 0%, #ff4d4f 100%);
-    border-radius: 4px;
-    transition: width 0.3s ease;
-}
-
-// 进度条填充 - 中等（黄色/橙色）
-.progressFillMedium {
-    height: 100%;
-    background: linear-gradient(90deg, #fa8c16 0%, #ffa940 100%);
-    border-radius: 4px;
-    transition: width 0.3s ease;
-}
-
-// 进度条填充 - 高分（绿色）
-.progressFillHigh {
-    height: 100%;
-    background: linear-gradient(90deg, #52c41a 0%, #73d13d 100%);
-    border-radius: 4px;
-    transition: width 0.3s ease;
-}
-
-.progressLabels {
-    display: flex;
-    justify-content: space-between;
-    font-size: 12px;
-    color: #8c8c8c;
-}
-
-// 评价内容
-.comment {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
-    padding: 12px 14px;
-    background: #fff;
-    border-radius: 6px;
-    border-left: 3px solid #52c41a;
-}
-
-.commentIcon {
-    font-size: 16px;
-    flex-shrink: 0;
-}
-
-.commentText {
-    flex: 1;
-    font-size: 13px;
-    color: #595959;
-    line-height: 1.7;
-}

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

@@ -1,50 +0,0 @@
-import { defineComponent, ref } from 'vue'
-import styles from './index.module.scss'
-import ReportHeader from './components/ReportHeader/index.jsx'
-import CoachReport from './components/CoachReport/index.jsx'
-import DialogueRecord from './components/DialogueRecord/index.jsx'
-
-/**
- * 报告详情页面
- * @description 显示练习报告的完整详情，包括总览和各维度的详细评分
- */
-export default defineComponent({
-    name: 'ReportDetail',
-
-    setup() {
-        // 报告头部数据
-        const headerData = ref({
-            title: '银行理财推荐',
-            isQuit: true, // 是否中途退出
-            practiceTime: '2025-08-20 12:12',
-            rounds: 2,
-            duration: "23'23\"",
-            score: 55,
-            isPassed: false, // 是否达标
-        })
-
-        // 当前激活的标签页
-        const activeTab = ref('coachReport')
-
-        return () => {
-            return (
-                <div class={styles.reportDetail}>
-                    {/* 报告头部 */}
-                    <ReportHeader {...headerData.value} />
-
-                    {/* 标签页 */}
-                    <div class={styles.tabsContainer}>
-                        <el-tabs v-model={activeTab.value} class={styles.tabs}>
-                            <el-tab-pane label="陪练报告" name="coachReport">
-                                <CoachReport />
-                            </el-tab-pane>
-                            <el-tab-pane label="对话记录" name="dialogueRecord">
-                                <DialogueRecord />
-                            </el-tab-pane>
-                        </el-tabs>
-                    </div>
-                </div>
-            )
-        }
-    },
-})

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

@@ -1,25 +0,0 @@
-// 报告详情页面样式
-.reportDetail {
-    padding: 20px;
-    background: #fff;
-    min-height: 100vh;
-}
-
-// 标签页容器
-.tabsContainer {
-    margin-top: 24px;
-}
-
-.tabs {
-    :global {
-        .el-tabs__header {
-            margin-bottom: 24px;
-        }
-
-        .el-tabs__item {
-            font-size: 16px;
-            font-weight: 500;
-        }
-    }
-}
-

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

@@ -1,196 +0,0 @@
-import { defineComponent, ref, computed, watch, onUnmounted, nextTick } from 'vue'
-import styles from './index.module.scss'
-import { Expand, DeleteFilled } from '@element-plus/icons-vue'
-import InputColumn from './inputColumn/index.jsx'
-import Sortable from 'sortablejs'
-export default defineComponent({
-    // 脚本表格组件
-    name: 'ScriptTable',
-    props: {
-        scripts: {
-            type: Object,
-            default: () => { },
-        },
-    },
-    setup(props, { emit, attrs, slots }) {
-        console.log(props.scripts);
-        const labelEmu = {
-            qaScripts: '问答脚本',
-            proactiveScript: '主动脚本',
-        }
-        const type = ref('all')
-        const activeName = ref('qaScripts')
-
-        const tabs = computed(() => {
-            const lsit = []
-            for (const key in props.scripts) {
-                lsit.push({
-                    label: labelEmu[key],
-                    value: props.scripts[key],
-                    key: key,
-                })
-            }
-            return lsit
-        })
-
-        watch(() => props.scripts, (newVal, oldVal) => {
-            console.log(newVal, oldVal, 'scripts变化');
-
-        }, {
-            deep: true,
-        })
-
-        const tableRef = ref(null)
-        let sortable = null
-        watch(() => tableRef.value, async (newVal, oldVal) => {
-            if (newVal) {
-                await nextTick()
-                const tbody = tableRef.value?.$el.querySelector('.el-table__body-wrapper tbody')
-                if (!tbody) return
-                sortable?.destroy()
-                sortable = Sortable.create(tbody, {
-                    animation: 150,
-                    handle: '.drag-cell',          // 只有手柄能拖
-                    onEnd: evt => {
-                        const { oldIndex, newIndex } = evt
-                        if (oldIndex === undefined || newIndex === undefined) return
-                        const [removed] = props.scripts[activeName.value].splice(oldIndex, 1)
-                        props.scripts[activeName.value].splice(newIndex, 0, removed)
-                    },
-                })
-            }
-        })
-        onUnmounted(() => sortable?.destroy())
-        return () => (
-            <div class={styles.scriptTable}>
-                {/* <el-button type="primary" size="small" onClick={() => {
-                    console.log(props.scripts[activeName.value]);
-                }}>测试 </el-button> */}
-                <div class={[styles.header]}>
-                    <div class={[styles.tabs]}>
-                        {
-                            tabs.value.map((item) => (
-                                <div
-                                    class={[styles.tab, { [styles.active]: item.key === activeName.value }]}
-                                    key={item.key}
-                                    onClick={() => activeName.value = item.key}
-                                >
-                                    {item.label} {item.value.length}
-                                </div>
-                            ))
-                        }
-                    </div>
-                    <div class={[styles.right]}>
-                        <span>学员需练习</span>
-                        <el-select size="small" v-model={type.value} style={{ width: '60px', marginLeft: '10px', marginRight: '10px' }}>
-                            {
-                                {
-                                    default: () => (
-                                        <>
-                                            <el-option label="全部" value="all" />
-                                            <el-option label="部分" value="partial" />
-                                        </>
-                                    ),
-                                }
-                            }
-                        </el-select>
-                        <span>话术</span>
-                    </div>
-                </div>
-                <div>
-                    <el-table
-                        ref={tableRef}
-                        data={props.scripts[activeName.value]}
-                        style={{ width: '100%' }}
-                        border
-                        size="small"
-                        row-key="id"
-                        headerCellStyle={{
-                            background: '#F8F8F8',
-                            color: '#303133',
-                            fontWeight: 'bold',
-                        }}
-                    >
-                        {{
-                            default: (scope) => (
-                                <>
-                                {
-                                    attrs.isDraggable &&
-                                
-                                    <el-table-column prop="order" label="排序" width="50px">
-                                        {{
-                                            default: (scope) => (
-                                                <div class="drag-cell" style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-                                                    <el-icon style={{ cursor: 'grab' }} class={'drag-icon'} size={20}><Expand /></el-icon>
-                                                </div>
-                                            )
-                                        }}
-                                    </el-table-column>
-                                    }
-                                     <el-table-column prop="problemDesc" label="问题描述">
-                                        {{
-                                            default: (scope) => (
-                                                <InputColumn scope={scope} tableColumn={{
-                                                    prop: 'problemDesc',
-                                                    label: '问题描述',
-                                                }} />
-                                            )
-                                        }}
-                                    </el-table-column>
-                                     <el-table-column prop="standardScript" label="标准话术">
-                                        {{
-                                            default: (scope) => (
-                                                <InputColumn scope={scope} tableColumn={{
-                                                    prop: 'standardScript',
-                                                    label: '标准话术',
-                                                }} />
-                                            )
-                                        }}
-                                    </el-table-column>
-                                     <el-table-column prop="keyword" label="关键词">
-                                        {{
-                                            default: (scope) => (
-                                                <InputColumn scope={scope} tableColumn={{
-                                                    prop: 'keyword',
-                                                    label: '关键词',
-                                                    placeholder: '请输入请输入请输入关键词，多个关键词用逗号分隔',
-                                                    tag: true,
-                                                    split: ',',
-                                                    noAiGenerate: true,
-                                                }} />
-                                            )
-                                        }}
-                                    </el-table-column>
-                                    <el-table-column prop="aiScript" label="操作" width="50px">
-                                        {{
-                                            default: (scope) => (
-                                              <el-icon style={{ cursor: 'pointer' }} ><DeleteFilled /></el-icon>
-                                            )
-                                        }}
-                                    </el-table-column>
-                                    {/* <InputColumn tableColumn={{
-                                        prop: 'standardScript',
-                                        label: '标准话术',
-                                    }} />
-                                    <InputColumn tableColumn={{
-                                        prop: 'keyword',
-                                        label: '关键词',
-                                    }} /> */}
-                                </>
-                            ),
-                        }}
-                    </el-table>
-                </div>
-                <div>
-                    {
-                        attrs.footer && attrs.footer({
-                            labelEmu,
-                            activeName: activeName.value,
-                            type: type.value,
-                        })
-                    }
-                </div>
-            </div>
-        )
-    }
-})

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

@@ -1,41 +0,0 @@
-.scriptTable{
-    .header{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background-color: #F8F8F8;
-        border: 1px solid #EBEEF5;
-        border-bottom: none;
-        padding: 10px;
-        .tabs{
-            display: flex;
-            justify-content: flex-start;
-            align-items: center;
-        }
-        .tab{
-            padding: 5px 10px;
-            cursor: pointer;
-        }
-        .tab.active{
-            color: #FC6506;
-            font-weight: bold;
-            position: relative;
-            &::after{
-                content: '';
-                position: absolute;
-                bottom: -10px;
-                left: 0;
-                display: block;
-                transform: translateX(50%);
-                width: 50%;
-                height: 2px;
-                background-color: #FC6506;
-            }
-        }
-        .right{
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-        }
-    }
-}