problem-english-employee.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>内部问题反馈统计</title>
  7. <style>
  8. body {
  9. font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  10. background-color: #f5f7fa;
  11. padding: 20px;
  12. color: #333;
  13. }
  14. h1 {
  15. text-align: center;
  16. color: #2c3e50;
  17. margin-bottom: 30px;
  18. }
  19. .cards-container {
  20. display: flex;
  21. flex-wrap: wrap;
  22. gap: 20px;
  23. justify-content: center;
  24. }
  25. .card {
  26. background-color: white;
  27. border-radius: 10px;
  28. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  29. width: 350px;
  30. padding: 20px;
  31. display: flex;
  32. flex-direction: column;
  33. }
  34. .card-header {
  35. display: flex;
  36. align-items: center;
  37. margin-bottom: 15px;
  38. padding-bottom: 15px;
  39. border-bottom: 1px solid #eee;
  40. }
  41. .avatar {
  42. width: 50px;
  43. height: 50px;
  44. border-radius: 50%;
  45. background-color: #e0e0e0;
  46. display: flex;
  47. align-items: center;
  48. justify-content: center;
  49. margin-right: 15px;
  50. font-weight: bold;
  51. color: #555;
  52. }
  53. .user-info {
  54. flex: 1;
  55. }
  56. .name {
  57. font-weight: 600;
  58. margin: 0;
  59. color: #2c3e50;
  60. }
  61. .position {
  62. margin: 3px 0 0;
  63. font-size: 0.9em;
  64. color: #7f8c8d;
  65. }
  66. .feedback {
  67. flex: 1;
  68. font-size: 0.95em;
  69. line-height: 1.5;
  70. color: #34495e;
  71. }
  72. .tag {
  73. display: inline-block;
  74. padding: 3px 8px;
  75. border-radius: 15px;
  76. font-size: 0.8em;
  77. margin-top: 15px;
  78. align-self: flex-start;
  79. }
  80. .sales { background-color: #e3f2fd; color: #1976d2; }
  81. .research { background-color: #e8f5e9; color: #388e3c; }
  82. .teacher { background-color: #fff3e0; color: #f57c00; }
  83. .management { background-color: #f3e5f5; color: #8e24aa; }
  84. </style>
  85. </head>
  86. <body>
  87. <h1>内部问题反馈统计</h1>
  88. <div class="cards-container">
  89. <!-- 销售团队反馈 -->
  90. <div class="card">
  91. <div class="card-header">
  92. <div class="avatar">卢</div>
  93. <div class="user-info">
  94. <h3 class="name">Lucas</h3>
  95. <p class="position">城市经理 · 任职2年</p>
  96. </div>
  97. </div>
  98. <div class="feedback">
  99. "家长续费率连续3个季度下滑!竞品推出了AI口语陪练+阅读训练套餐,我们还在卖单一单词课程。签单时客户总问'能不能保证提分''有没有配套阅读课',我们只能承诺'后续会上线'。最近两个月已有5个金牌销售被竞品挖走..."
  100. </div>
  101. <span class="tag sales">销售团队</span>
  102. </div>
  103. <!-- 教研团队反馈 -->
  104. <div class="card">
  105. <div class="card-header">
  106. <div class="avatar">王</div>
  107. <div class="user-info">
  108. <h3 class="name">Dr. Wang</h3>
  109. <p class="position">教研总监 · 任职5年</p>
  110. </div>
  111. </div>
  112. <div class="feedback">
  113. "我们80%时间在制作标准化课件,但新课标改革后各地教材差异越来越大。上周杭州分校投诉课件中'smart'的例句还是'智能手机',而当地教材已更新为'AIoT设备'。没有技术团队支持,我们连动态更新词库都做不到!"
  114. </div>
  115. <span class="tag research">教研团队</span>
  116. </div>
  117. <!-- 教师团队反馈 -->
  118. <div class="card">
  119. <div class="card-header">
  120. <div class="avatar">张</div>
  121. <div class="user-info">
  122. <h3 class="name">张老师</h3>
  123. <p class="position">明星教师 · 任职3年</p>
  124. </div>
  125. </div>
  126. <div class="feedback">
  127. "我每天带8节直播课+批改200份语音作业,系统却还在用Excel排课!上周给学生做定制化复习清单,需要人工对比10份数据报表。现在腰部教师月流失率30%,公司宁愿高薪挖新人也不升级教学系统。"
  128. </div>
  129. <span class="tag teacher">教师团队</span>
  130. </div>
  131. <!-- 管理层反馈 -->
  132. <div class="card">
  133. <div class="card-header">
  134. <div class="avatar">葛</div>
  135. <div class="user-info">
  136. <h3 class="name">Grace</h3>
  137. <p class="position">COO · 任职6年</p>
  138. </div>
  139. </div>
  140. <div class="feedback">
  141. "投资人都在追问第二增长曲线,但我们连核心业务的数字化都没完成!技术部开发智能组卷功能需要6个月,而竞品通过GPT-4三天就上线类似功能。现在不是业务扩张的问题,是生存危机!"
  142. </div>
  143. <span class="tag management">管理层</span>
  144. </div>
  145. <!-- 其他反馈卡片 -->
  146. <div class="card">
  147. <div class="card-header">
  148. <div class="avatar">苏</div>
  149. <div class="user-info">
  150. <h3 class="name">Sophia</h3>
  151. <p class="position">课程顾问 · 任职1年</p>
  152. </div>
  153. </div>
  154. <div class="feedback">
  155. "试听课环节流失率高达65%!家长反馈试听课和正课内容完全一样,只是换了老师。我们知道课程模式老旧,但教研部给的标准化话术根本打动不了现在精明的家长。"
  156. </div>
  157. <span class="tag sales">销售团队</span>
  158. </div>
  159. <div class="card">
  160. <div class="card-header">
  161. <div class="avatar">艾</div>
  162. <div class="user-info">
  163. <h3 class="name">Emily</h3>
  164. <p class="position">课程设计师 · 任职8个月</p>
  165. </div>
  166. </div>
  167. <div class="feedback">
  168. "教师培训手册三个月没更新了!新老师连词根词缀教学法都不熟悉,有老师把'hang-hanged-hanged(绞刑)'和'hang-hung-hung(悬挂)'教混了,家长直接要求退费..."
  169. </div>
  170. <span class="tag research">教研团队</span>
  171. </div>
  172. </div>
  173. </body>
  174. </html>