123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>内部问题反馈统计</title>
- <style>
- body {
- font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
- background-color: #f5f7fa;
- padding: 20px;
- color: #333;
- }
-
- h1 {
- text-align: center;
- color: #2c3e50;
- margin-bottom: 30px;
- }
-
- .cards-container {
- display: flex;
- flex-wrap: wrap;
- gap: 20px;
- justify-content: center;
- }
-
- .card {
- background-color: white;
- border-radius: 10px;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- width: 350px;
- padding: 20px;
- display: flex;
- flex-direction: column;
- }
-
- .card-header {
- display: flex;
- align-items: center;
- margin-bottom: 15px;
- padding-bottom: 15px;
- border-bottom: 1px solid #eee;
- }
-
- .avatar {
- width: 50px;
- height: 50px;
- border-radius: 50%;
- background-color: #e0e0e0;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 15px;
- font-weight: bold;
- color: #555;
- }
-
- .user-info {
- flex: 1;
- }
-
- .name {
- font-weight: 600;
- margin: 0;
- color: #2c3e50;
- }
-
- .position {
- margin: 3px 0 0;
- font-size: 0.9em;
- color: #7f8c8d;
- }
-
- .feedback {
- flex: 1;
- font-size: 0.95em;
- line-height: 1.5;
- color: #34495e;
- }
-
- .tag {
- display: inline-block;
- padding: 3px 8px;
- border-radius: 15px;
- font-size: 0.8em;
- margin-top: 15px;
- align-self: flex-start;
- }
-
- .sales { background-color: #e3f2fd; color: #1976d2; }
- .research { background-color: #e8f5e9; color: #388e3c; }
- .teacher { background-color: #fff3e0; color: #f57c00; }
- .management { background-color: #f3e5f5; color: #8e24aa; }
- </style>
- </head>
- <body>
- <h1>内部问题反馈统计</h1>
-
- <div class="cards-container">
- <!-- 销售团队反馈 -->
- <div class="card">
- <div class="card-header">
- <div class="avatar">卢</div>
- <div class="user-info">
- <h3 class="name">Lucas</h3>
- <p class="position">城市经理 · 任职2年</p>
- </div>
- </div>
- <div class="feedback">
- "家长续费率连续3个季度下滑!竞品推出了AI口语陪练+阅读训练套餐,我们还在卖单一单词课程。签单时客户总问'能不能保证提分''有没有配套阅读课',我们只能承诺'后续会上线'。最近两个月已有5个金牌销售被竞品挖走..."
- </div>
- <span class="tag sales">销售团队</span>
- </div>
-
- <!-- 教研团队反馈 -->
- <div class="card">
- <div class="card-header">
- <div class="avatar">王</div>
- <div class="user-info">
- <h3 class="name">Dr. Wang</h3>
- <p class="position">教研总监 · 任职5年</p>
- </div>
- </div>
- <div class="feedback">
- "我们80%时间在制作标准化课件,但新课标改革后各地教材差异越来越大。上周杭州分校投诉课件中'smart'的例句还是'智能手机',而当地教材已更新为'AIoT设备'。没有技术团队支持,我们连动态更新词库都做不到!"
- </div>
- <span class="tag research">教研团队</span>
- </div>
-
- <!-- 教师团队反馈 -->
- <div class="card">
- <div class="card-header">
- <div class="avatar">张</div>
- <div class="user-info">
- <h3 class="name">张老师</h3>
- <p class="position">明星教师 · 任职3年</p>
- </div>
- </div>
- <div class="feedback">
- "我每天带8节直播课+批改200份语音作业,系统却还在用Excel排课!上周给学生做定制化复习清单,需要人工对比10份数据报表。现在腰部教师月流失率30%,公司宁愿高薪挖新人也不升级教学系统。"
- </div>
- <span class="tag teacher">教师团队</span>
- </div>
-
- <!-- 管理层反馈 -->
- <div class="card">
- <div class="card-header">
- <div class="avatar">葛</div>
- <div class="user-info">
- <h3 class="name">Grace</h3>
- <p class="position">COO · 任职6年</p>
- </div>
- </div>
- <div class="feedback">
- "投资人都在追问第二增长曲线,但我们连核心业务的数字化都没完成!技术部开发智能组卷功能需要6个月,而竞品通过GPT-4三天就上线类似功能。现在不是业务扩张的问题,是生存危机!"
- </div>
- <span class="tag management">管理层</span>
- </div>
-
- <!-- 其他反馈卡片 -->
- <div class="card">
- <div class="card-header">
- <div class="avatar">苏</div>
- <div class="user-info">
- <h3 class="name">Sophia</h3>
- <p class="position">课程顾问 · 任职1年</p>
- </div>
- </div>
- <div class="feedback">
- "试听课环节流失率高达65%!家长反馈试听课和正课内容完全一样,只是换了老师。我们知道课程模式老旧,但教研部给的标准化话术根本打动不了现在精明的家长。"
- </div>
- <span class="tag sales">销售团队</span>
- </div>
-
- <div class="card">
- <div class="card-header">
- <div class="avatar">艾</div>
- <div class="user-info">
- <h3 class="name">Emily</h3>
- <p class="position">课程设计师 · 任职8个月</p>
- </div>
- </div>
- <div class="feedback">
- "教师培训手册三个月没更新了!新老师连词根词缀教学法都不熟悉,有老师把'hang-hanged-hanged(绞刑)'和'hang-hung-hung(悬挂)'教混了,家长直接要求退费..."
- </div>
- <span class="tag research">教研团队</span>
- </div>
- </div>
- </body>
- </html>
|