乐团建班.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>乐团建班</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  7. <meta name="apple-mobile-web-app-capable" content="yes"/>
  8. <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
  9. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  10. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  11. <link href="files/乐团建班/styles.css" type="text/css" rel="stylesheet"/>
  12. <script src="resources/scripts/jquery-1.7.1.min.js"></script>
  13. <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
  14. <script src="resources/scripts/prototypePre.js"></script>
  15. <script src="data/document.js"></script>
  16. <script src="resources/scripts/prototypePost.js"></script>
  17. <script src="files/乐团建班/data.js"></script>
  18. <script type="text/javascript">
  19. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  20. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  21. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  22. </script>
  23. </head>
  24. <body>
  25. <div id="base" class="">
  26. <!-- Unnamed (图片) -->
  27. <div id="u1444" class="ax_default _图片">
  28. <img id="u1444_img" class="img " src="images/乐团进行中/u1184.png"/>
  29. </div>
  30. <!-- Unnamed (组 合) -->
  31. <div id="u1445" class="ax_default" data-left="8" data-top="15" data-width="111" data-height="28">
  32. <!-- Unnamed (矩形) -->
  33. <div id="u1446" class="ax_default box_1">
  34. <img id="u1446_img" class="img " src="images/新建乐团/u3.png"/>
  35. </div>
  36. <!-- Unnamed (矩形) -->
  37. <div id="u1447" class="ax_default _二级标题">
  38. <div id="u1447_div" class=""></div>
  39. <div id="u1447_text" class="text ">
  40. <p><span>乐团建班</span></p>
  41. </div>
  42. </div>
  43. </div>
  44. <!-- Unnamed (矩形) -->
  45. <div id="u1448" class="ax_default label">
  46. <div id="u1448_div" class=""></div>
  47. <div id="u1448_text" class="text ">
  48. <p><span>一、前置条件</span></p>
  49. </div>
  50. </div>
  51. <!-- Unnamed (矩形) -->
  52. <div id="u1449" class="ax_default label">
  53. <div id="u1449_div" class=""></div>
  54. <div id="u1449_text" class="text ">
  55. <p><span>二、乐团建班- 操作流程</span></p>
  56. </div>
  57. </div>
  58. <!-- Unnamed (矩形) -->
  59. <div id="u1450" class="ax_default _文本段落">
  60. <div id="u1450_div" class=""></div>
  61. <div id="u1450_text" class="text ">
  62. <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【乐团建班】功能</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">总部数据管理员、分部经理、运营主管、乐团主管</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">四种角色有权限操作</span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">乐团通讯规则:</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">①进行中乐团班级创建并排课后,建立班级群及联系人关系</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">②同一乐团中,运营主管、乐团主管、乐队指导在乐团所有班级</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">③当一个老师在乐团内有多个身份时,按照:「运营主管&gt;乐团主管&gt;乐队指导&gt;指导老师」的顺序指定身份</span></p>
  63. </div>
  64. </div>
  65. <!-- Unnamed (椭圆形) -->
  66. <div id="u1451" class="ax_default marker">
  67. <img id="u1451_img" class="img " src="images/新建乐团/u23.png"/>
  68. <div id="u1451_text" class="text ">
  69. <p><span>2</span></p>
  70. </div>
  71. </div>
  72. <!-- Unnamed (椭圆形) -->
  73. <div id="u1452" class="ax_default marker">
  74. <img id="u1452_img" class="img " src="images/新建乐团/u23.png"/>
  75. <div id="u1452_text" class="text ">
  76. <p><span>1</span></p>
  77. </div>
  78. </div>
  79. <!-- Unnamed (组 合) -->
  80. <div id="u1453" class="ax_default" data-left="1173" data-top="322" data-width="392" data-height="67">
  81. <!-- Unnamed (椭圆形) -->
  82. <div id="u1454" class="ax_default marker">
  83. <img id="u1454_img" class="img " src="images/新建乐团/u9.png"/>
  84. <div id="u1454_text" class="text ">
  85. <p><span>1</span></p>
  86. </div>
  87. </div>
  88. <!-- Unnamed (矩形) -->
  89. <div id="u1455" class="ax_default label">
  90. <div id="u1455_div" class=""></div>
  91. <div id="u1455_text" class="text ">
  92. <p><span>【班级列表】</span></p>
  93. </div>
  94. </div>
  95. <!-- Unnamed (矩形) -->
  96. <div id="u1456" class="ax_default _文本段落">
  97. <div id="u1456_div" class=""></div>
  98. <div id="u1456_text" class="text ">
  99. <p><span>【进行中】乐团点击【详情】-【班级列表】开始建班</span></p>
  100. </div>
  101. </div>
  102. </div>
  103. <!-- Unnamed (组 合) -->
  104. <div id="u1457" class="ax_default" data-left="1173" data-top="407" data-width="392" data-height="133">
  105. <!-- Unnamed (椭圆形) -->
  106. <div id="u1458" class="ax_default marker">
  107. <img id="u1458_img" class="img " src="images/乐团预报名/u181.png"/>
  108. <div id="u1458_text" class="text ">
  109. <p><span>2</span></p>
  110. </div>
  111. </div>
  112. <!-- Unnamed (矩形) -->
  113. <div id="u1459" class="ax_default label">
  114. <div id="u1459_div" class=""></div>
  115. <div id="u1459_text" class="text ">
  116. <p><span>【新建临时/声部/合奏班】</span></p>
  117. </div>
  118. </div>
  119. <!-- Unnamed (矩形) -->
  120. <div id="u1460" class="ax_default _文本段落">
  121. <div id="u1460_div" class=""></div>
  122. <div id="u1460_text" class="text ">
  123. <p><span>1、点击【新建临时/声部/合奏班】弹出【选择班级】选择主教老师、助教老师(可多选)、输入班级名称和选择声部,选择声部可以单选或多选或一键全选</span></p><p><span>2、点击【确定】提示“提交成功”</span></p>
  124. </div>
  125. </div>
  126. </div>
  127. <!-- 声部筛选 (热区) -->
  128. <div id="u1461" class="ax_default" data-label="声部筛选">
  129. </div>
  130. <!-- 规则 (矩形) -->
  131. <div id="u1462" class="ax_default box_1 ax_default_hidden" data-label="规则" style="display:none; visibility: hidden">
  132. <div id="u1462_div" class=""></div>
  133. <div id="u1462_text" class="text ">
  134. <p style="font-size:12px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">临时/声部/合奏班规则:</span></p><p style="font-size:11px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">①每个学员只能在一个声部班或合奏班中,数量上有限制</span></p><p style="font-size:11px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">②如果这个学员不在任何声部班或合奏班中,则不能加入临时班</span></p>
  135. </div>
  136. </div>
  137. <!-- Unnamed (组 合) -->
  138. <div id="u1463" class="ax_default" data-left="1173" data-top="544" data-width="392" data-height="199">
  139. <!-- Unnamed (椭圆形) -->
  140. <div id="u1464" class="ax_default marker">
  141. <img id="u1464_img" class="img " src="images/乐团预报名/u181.png"/>
  142. <div id="u1464_text" class="text ">
  143. <p><span>3</span></p>
  144. </div>
  145. </div>
  146. <!-- Unnamed (矩形) -->
  147. <div id="u1465" class="ax_default label">
  148. <div id="u1465_div" class=""></div>
  149. <div id="u1465_text" class="text ">
  150. <p><span>【新建乐团网管课】</span></p>
  151. </div>
  152. </div>
  153. <!-- Unnamed (矩形) -->
  154. <div id="u1466" class="ax_default _文本段落">
  155. <div id="u1466_div" class=""></div>
  156. <div id="u1466_text" class="text ">
  157. <p><span>1、点击【新建乐团网管课】弹出新建班级弹窗,选择主教老师和声部筛选,在</span><span style="color:#FF0000;">【声部筛选】</span><span>中可选择多个声部,声部较多时可一键全选所有声部时进行删减声部标签进行筛选。</span></p><p><span>2、可勾选左侧乐团内学员或一键全选该乐团学员【导入】右侧该班级,若想撤回该操作则勾选右侧学员或一键选中右侧所有学员,点击【向左导入】则可把已选学员导回该乐团。</span></p><p><span>3、点击【确定】提示“提交成功”</span></p>
  158. </div>
  159. </div>
  160. </div>
  161. <!-- 声部筛选 (热区) -->
  162. <div id="u1467" class="ax_default" data-label="声部筛选">
  163. </div>
  164. <!-- 声部筛选规则 (矩形) -->
  165. <div id="u1468" class="ax_default box_1 ax_default_hidden" data-label="声部筛选规则" style="display:none; visibility: hidden">
  166. <div id="u1468_div" class=""></div>
  167. <div id="u1468_text" class="text ">
  168. <p style="font-size:12px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">声部筛选规则:</span></p><p style="font-size:11px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp; 该功能是声部筛选功能,未筛选时左侧学员默认展示所有声部学员,选择声部后左侧学员列表展示对应声部的学员</span></p>
  169. </div>
  170. </div>
  171. <!-- Unnamed (椭圆形) -->
  172. <div id="u1469" class="ax_default marker">
  173. <img id="u1469_img" class="img " src="images/新建乐团/u23.png"/>
  174. <div id="u1469_text" class="text ">
  175. <p><span>3</span></p>
  176. </div>
  177. </div>
  178. <!-- Unnamed (椭圆形) -->
  179. <div id="u1470" class="ax_default marker">
  180. <img id="u1470_img" class="img " src="images/新建乐团/u23.png"/>
  181. <div id="u1470_text" class="text ">
  182. <p><span>4</span></p>
  183. </div>
  184. </div>
  185. <!-- Unnamed (组 合) -->
  186. <div id="u1471" class="ax_default" data-left="1173" data-top="749" data-width="392" data-height="156">
  187. <!-- Unnamed (椭圆形) -->
  188. <div id="u1472" class="ax_default marker">
  189. <img id="u1472_img" class="img " src="images/乐团建班/u1472.png"/>
  190. <div id="u1472_text" class="text ">
  191. <p><span>4</span></p>
  192. </div>
  193. </div>
  194. <!-- Unnamed (矩形) -->
  195. <div id="u1473" class="ax_default label">
  196. <div id="u1473_div" class=""></div>
  197. <div id="u1473_text" class="text ">
  198. <p><span>【基础技能班】</span></p>
  199. </div>
  200. </div>
  201. <!-- Unnamed (矩形) -->
  202. <div id="u1474" class="ax_default _文本段落">
  203. <div id="u1474_div" class=""></div>
  204. <div id="u1474_text" class="text ">
  205. <p><span>1、点击【基础技能班】弹出【新增班级】填写班级名称、选择班级类型、选择主教老师和填写预计招生数</span></p><p><span>2、点击左下角“</span><span style="color:#FF0000;">线上基础技能班规则</span><span>”可查看规则,再点击任意处可关闭“线上基础技能班规则”</span></p><p><span>3、点击【确定】后提示“提交成功”</span></p>
  206. </div>
  207. </div>
  208. </div>
  209. <!-- 线上基础技能班规则 (矩形) -->
  210. <div id="u1475" class="ax_default box_1 ax_default_hidden" data-label="线上基础技能班规则" style="display:none; visibility: hidden">
  211. <div id="u1475_div" class=""></div>
  212. <div id="u1475_text" class="text ">
  213. <p style="font-size:12px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">线上基础技能班规则:</span></p><p style="font-size:11px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">①班级数量:</span></p><p style="font-size:11px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">可创建班级数量=各个声部学员数/6向上取整+乐团在读学员数/30向上取整,上低音号、长号学员数合并计算</span></p><p style="font-size:11px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">②班级人数:</span></p><p style="font-size:11px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">线上基础技能班人数上限为6人</span></p>
  214. </div>
  215. </div>
  216. <!-- 线上基础技能班 (热区) -->
  217. <div id="u1476" class="ax_default" data-label="线上基础技能班">
  218. </div>
  219. <!-- Unnamed (动态面板) -->
  220. <div id="u1477" class="ax_default">
  221. <div id="u1477_state0" class="panel_state" data-label="State1" style="">
  222. <div id="u1477_state0_content" class="panel_state_content">
  223. <!-- Unnamed (矩形) -->
  224. <div id="u1478" class="ax_default primary_button">
  225. <div id="u1478_div" class=""></div>
  226. <div id="u1478_text" class="text ">
  227. <p><span>乐团关闭→</span></p>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </body>
  235. </html>