main.html 110 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8;X-Content-Type-Options:nosniff;">
  6. <title>秒过学习</title>
  7. <link href="https://kylx365-1253256735.file.myqcloud.com/js/jquery.tagit.css" rel="stylesheet" type="text/css">
  8. <link href="https://kylx365-1253256735.file.myqcloud.com/js/tagit.ui-zendesk.css" rel="stylesheet" type="text/css">
  9. <link href="../js/katex.min.css" rel="stylesheet" type="text/css">
  10. <script src="https://kylx365-1253256735.file.myqcloud.com/js/jquery-1.10.2.min.js"></script>
  11. <script src="https://kylx365-1253256735.file.myqcloud.com/js//jquery.mousewheel.min.js"></script>
  12. <script src="https://kylx365-1253256735.file.myqcloud.com/js/jquery-ui.min.js"></script>
  13. <script src="https://kylx365-1253256735.file.myqcloud.com/js/tag-it.js" type="text/javascript" charset="utf-8"></script>
  14. <script src="https://kylx365-1253256735.file.myqcloud.com/js/vue.min.js"></script>
  15. <script src="https://kylx365-1253256735.file.myqcloud.com/js/jedate.min.js"></script>
  16. <script defer src="../js/katex.min.js"></script>
  17. <link rel="stylesheet" type="text/css" href="https://kylx365-1253256735.file.myqcloud.com/js/jedate.css"/>
  18. <link rel="stylesheet" href="./mg/common.css">
  19. <link rel="stylesheet" href="./mg/miaoguo.css">
  20. <script type="text/javascript">
  21. var serverurl1 = '[用户昵称]';
  22. var serverurl2 = '[保存题卡]';
  23. var serverurl4 = '[删除数据]';
  24. var serverurl5 = '[资料数据]';
  25. var serverurl6 = '[导出数据]';
  26. var serverurl7 = '[上传图片]';
  27. var serverurl8 = '[最新一条]';
  28. var serverurl9 = '[常用标签]';
  29. var serverurl10 = '[更新标签]';
  30. var serverurl11 = '[常用符号]';
  31. var serverurl12 = '[导出数据2]';
  32. var serverurl13 = '[修改卡类型]';
  33. var serverurl14 = '[导出批量数据]';
  34. var serverurl15 = '[是否测试账号]';
  35. var serverurl16 = '[列表数据]';
  36. var serverurl17 = '[删除列表数据]';
  37. var serverurl18 = '[用户头像]';
  38. var serverurl19 = '[卡单列表]';
  39. var serverurl20 = '[卡单更新]';
  40. var serverurl21 = '[星标更新]';
  41. var serverurl22 = '[卡单新增]';
  42. var serverurl23 = '[导出文件]';
  43. var serverurl24 = '[导入文件]';
  44. var serverurl25 = '[用户关联列表]';
  45. var serverurl26 = '[用户登出]';
  46. var serverurl27 = '[批量改成新题卡]';
  47. var serverurl28 = '[获得语文年级学期]';
  48. var serverurl29 = '[获得语文书的单元]';
  49. var serverurl30 = '[Excel导入]';
  50. var serverurl31 = '[LaTeX公式]';
  51. </script>
  52. <script src="./mg/common.js"></script>
  53. <script src="./mg/[JS版本]"></script>
  54. </head>
  55. <body class="container FlexRow">
  56. <div id="app1" class="main00 FlexColumn">
  57. <div class="ListTop FlexRow">
  58. <!--菜单-->
  59. <div class="ListTop3 FlexRow">
  60. <div class="title CursorPointer" v-on:click="refresh">秒过学习</div>
  61. <div class="ListTop4 FlexRow">
  62. <div id="btnNavigationAdd" class="btnNavigation btnSaveSelect CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="Add">
  63. 题卡管理
  64. </div>
  65. <div id="btnNavigationStudyPlan" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="StudyPlan">
  66. 调整到日常
  67. </div>
  68. <div id="btnNavigationStudyPlan_1" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="StudyPlan_1">
  69. 调整到紧急
  70. </div>
  71. <div id="btnNavigationStudyPlan2" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="StudyPlan2">
  72. 转入归档
  73. </div>
  74. <div id="btnNavigationCollect" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="Collect">
  75. 分配星标
  76. </div>
  77. <div id="btnNavigationFolder" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="Folder">
  78. 分配卡单
  79. </div>
  80. <div id="btnNavigationPrint" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="Print">
  81. 打印题卡
  82. </div>
  83. <div id="btnNavigationReset" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="Reset">
  84. 批量改成新题卡
  85. </div>
  86. <div id="btnNavigationDelete" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="Delete">
  87. 批量删除
  88. </div>
  89. <div id="btnNavigationExport" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="Export">
  90. 批量导出导入
  91. </div>
  92. <div id="btnNavigationUpdateLimitTime" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="UpdateLimitTime">
  93. 批量修改到期时间
  94. </div>
  95. <div id="btnNavigationExcelImport" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="ExcelImport">
  96. Excel批量建卡
  97. </div>
  98. <!--<div v-if="ShowButton=='XXvu46IcrJRBmabXI5YFog=='" id="btnNavigationPrintNewWord" class="btnNavigation CursorPointer FlexRow" v-on:click="changeToolSelect" data-title="PrintNewWord">-->
  99. <!--语文写字表打印-->
  100. <!--</div>-->
  101. <div class="btnNavigation CursorPointer FlexRow" v-on:click="downloadChrome">
  102. Chrome下载
  103. </div>
  104. </div>
  105. </div>
  106. <div class="CursorPointer FlexRow" v-on:click="showLogout">
  107. <!--<div v-if="ShowButton=='XXvu46IcrJRBmabXI5YFog=='" class="btn3 btn" v-on:click="exportData">导出</div>-->
  108. <img title="" class="Avatar" :src="AvatarUrl"/>
  109. <div class="NickName"> {{NickName}}</div>
  110. </div>
  111. <div class="UserInfo FlexColumn">
  112. <div class="ArrowUp"></div>
  113. <div class="btnLogout2 btnLogout FlexRow" v-on:click="goto" :data-url="value.UserID" v-for="(value, index) in UserFamily">
  114. <img :title="value.AvatarUrl" class="Avatar2" :src="value.AvatarUrl"/>
  115. <div>{{value.NickName}}</div>
  116. </div>
  117. <div class="btnLogout FlexRow" v-on:click="logout">
  118. <svg width="16" height="16" viewBox="0 0 24 24" data-new-api="PowerFill24" data-old-api="Logout" class="Zi Zi--Logout" fill="currentColor"><path d="M13.25 3.25a1.25 1.25 0 10-2.5 0V11a1.25 1.25 0 102.5 0V3.25zM4.84 13.372A7.276 7.276 0 017.735 6.36a1.25 1.25 0 00-1.472-2.02 9.776 9.776 0 00-.597 15.32 9.741 9.741 0 0012.666 0 9.776 9.776 0 00-.597-15.32 1.25 1.25 0 00-1.472 2.02 7.277 7.277 0 01.444 11.4 7.242 7.242 0 01-9.416 0 7.268 7.268 0 01-2.453-4.388z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
  119. <div style="margin-left: 10px;">登出</div>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="main0 FlexRow">
  124. <!--题卡分类选择-->
  125. <div class="menu main FlexColumn">
  126. <!--普通菜单-->
  127. <template v-if="!IsPrintNewWord">
  128. <div id="menuAll" class="btnSaveSelect menu11 menu1" v-on:click="getList" data-title="All">
  129. 全部题卡
  130. </div>
  131. <div id="menuCommon" class="menu11 menu1" v-on:click="getList" data-title="Common">
  132. 日常练习
  133. </div>
  134. <div id="menuUrgent" class="menu1" v-on:click="getList" data-title="Urgent">
  135. 紧急练习
  136. </div>
  137. <div id="menuEmpty" class="menu1" v-on:click="getList" data-title="Empty">
  138. 归档区
  139. </div>
  140. <div id="menuCollect" class="menu1" v-on:click="getList" data-title="Collect">
  141. 星标
  142. </div>
  143. <div class="FolderTitle FlexRow">
  144. <span class="FolderTitle1">卡单列表</span>
  145. <div class="menuFolderEdit FlexRow" v-on:click="showContainer" data-containertype=".container2" data-title="0" >
  146. <img title="" src="./mg/img/universalpic_add_black_30x30.png" class="examine_willwrite_gray_27x27" />
  147. </div>
  148. </div>
  149. <div :id="'menuFolder'+valueMain2.ID" class="menu1" v-for="(valueMain2, index2) in FolderList" v-on:click="getList" :data-title="'Folder'+valueMain2.ID" data-title2="all">
  150. {{ valueMain2.Name.substr(0,5) }}
  151. <div class="menuFolderEdit FlexRow" v-on:click="showContainer" data-containertype=".container2" :data-title="valueMain2.ID">
  152. <img title="" src="./mg/img/examine_willwrite_gray_27x27.png" class="examine_willwrite_gray_27x27" />
  153. </div>
  154. </div>
  155. <div id="menuFolderDataNone" class="menu11 menu1" v-on:click="getList" data-title="Folder-1" data-title2="all">
  156. 无卡单题卡
  157. </div>
  158. <div id="menuDeleteList" class="menu11 menu1" v-on:click="getDeleteList">
  159. 回收站
  160. </div>
  161. </template>
  162. <template v-if="IsPrintNewWord">
  163. <div class="FolderTitle FlexRow">
  164. <span class="FolderTitle1">年级和学期</span>
  165. </div>
  166. <div :id="'menuBook'+valueMain2.ID" class="menu1" v-for="(valueMain2, index2) in HanziBookList" v-on:click="getBookUnitWordList" :data-title="valueMain2.ID" data-ismenu="1">
  167. {{ valueMain2.Name }}
  168. </div>
  169. </template>
  170. </div>
  171. <!--第一部分-->
  172. <div class="main1 main FlexColumn">
  173. <div class="top1 FlexRow">
  174. <div class="search FlexRow" v-if="!IsPrintNewWord">
  175. <div class="Text3">共 {{ Count }} 张 <span v-if="IsRecycleBin==1">(在回收站里超过三个月的题卡会被自动清理)</span></div>
  176. <input title="searchinput" id="searchInput" class="searchinput" v-model="SearchInput" v-if="IsRecycleBin==0" />
  177. <div class="btn33 btn31 btn FlexRow" v-on:click="getList" :data-title="MenuSelect" data-type="search" v-if="IsRecycleBin==0">
  178. <img title="" src="https://kylx365-1253256735.file.myqcloud.com/web/universalpic_search_gray_30x30.png" class="universalpic_search_gray_30x30"/>
  179. </div>
  180. </div>
  181. <div class="right FlexRow" v-if="IsRecycleBin==0 && !IsPrintNewWord">
  182. <div class="Text1">排序</div>
  183. <select title="OrderType" class="divSort" name="OrderType" id="OrderType" v-on:change="getList" :data-title="MenuSelect" data-type="search">
  184. <option value="1">最近添加</option>
  185. <option value="2">最近更新</option>
  186. <option value="3">较早添加</option>
  187. <option value="4">练习较多</option>
  188. <option value="5">练习较少</option>
  189. <option value="6">最近练习</option>
  190. <option value="7">到期升序</option>
  191. <option value="8">到期倒序</option>
  192. </select>
  193. </div>
  194. <div class="search FlexRow" v-if="IsPrintNewWord">
  195. <div class="Text3">字表类别:</div>
  196. <template v-for="(valueMain3, index3) in BookTypeList">
  197. <input title="rdoPrintNewWord" type="radio" :id=" 'rdoPrintNewWord'+valueMain3.ID " name="rdoPrintNewWord" :checked="valueMain3.Selected" v-on:change="getBookUnitWordList" :data-title="valueMain3.ID" />{{valueMain3.Name}}
  198. </template>
  199. </div>
  200. </div>
  201. <div class="top2 top1 FlexRow" v-if="ToolSelect!='Add' && IsRecycleBin==0">
  202. <div class="top20 FlexRow">
  203. <div class="top22">已载入{{ListMain.length}}张</div>
  204. <div class="top23 FlexRow">
  205. <button id="checkMain_1" v-on:click="checkAll" class="btn6">全选</button>
  206. <button id="checkMain_0" v-on:click="checkAll" class="btn61 btn6">取消全选</button>
  207. <button id="checkMain_2" v-on:click="checkAll" class="btn6" v-if="!IsPrintNewWord">当前页全选</button>
  208. <button id="checkMain_3" v-on:click="checkAll" class="btn61 btn6" v-if="!IsPrintNewWord">当前页取消</button>
  209. </div>
  210. </div>
  211. <span class="checkboxWidth FlexRow" v-if="FolderName">
  212. <select id="filterCardType" v-on:change="getList" :data-title="'Folder'+FolderID">
  213. <option id="all">全部</option>
  214. <option id="0">日常</option>
  215. <option id="1">紧急</option>
  216. <option id="-1">归档</option>
  217. </select>
  218. </span>
  219. <span class="right FlexRow">
  220. <button class="btnMoveLeftRight" style="width:80px;" v-on:click="changeList" id="Main-Already" disabled="disabled">放到架子上</button>
  221. </span>
  222. </div>
  223. <div class="line2"></div>
  224. <div class="line2" v-if="ToolSelect!='Add' && IsRecycleBin==0"></div>
  225. <div class="List FlexColumn" id="mainlist">
  226. <img title="loading" src="https://kylx365-1253256735.file.myqcloud.com/web/timg.gif" class="timg" id="imgMain"/>
  227. <!--列表数据-->
  228. <template v-if="!IsPrintNewWord">
  229. <div class="ListMain FlexColumn">
  230. <div :id="'ACardMain' + index " :data-title=" valueMain.MiaoguoCardID " class="ListItem FlexRow"
  231. v-for="(valueMain, index) in ListMain" v-on:click="getItem">
  232. <div class="checkboxItem item001" v-if="ToolSelect!='Add' && IsRecycleBin==0">
  233. <input title="checkbox1" type="checkbox" :checked="valueMain.Selected"/>
  234. </div>
  235. <div class="item31" v-if="ToolSelect=='Add' || IsRecycleBin==1">
  236. {{index+1}}
  237. </div>
  238. <img title="" src="./mg/img/universalpic_examine_black_30x32.png" class="ShowInfoImg" v-if="ToolSelect!='Add' && IsRecycleBin==0" v-on:click.stop="ShowCardInfo($event)" :data-title=" valueMain.MiaoguoCardID " />
  239. <img title="" :src="valueMain.ImageUrlServer" class="item00" v-if="valueMain.ImageUrlServer"/>
  240. <div class="item01 FlexColumn">
  241. <div class="item1 FlexRow">
  242. <div class="item11">{{ valueMain.Title1 }}</div>
  243. <div class="item12 FlexRow">
  244. <div class="delete" v-on:click="deleteItem" :data-title=" valueMain.MiaoguoCardID " title="删除"
  245. v-if="IsRecycleBin==0 && ToolSelect=='Add' ">×</div>
  246. <img title="" src="./mg/img/universalpic_undo_gray_26x20.png" class="ReturnInfoImg" v-if="IsRecycleBin==1" :data-title=" valueMain.MiaoguoCardID " v-on:click="returnListItem" />
  247. </div>
  248. </div>
  249. <div class="item2 FlexRow">
  250. <div class="item21">{{ valueMain.Title2 }}</div>
  251. <div class="item12"></div>
  252. </div>
  253. <div class="item3 FlexRow">
  254. <div class="item30 FlexRow">
  255. <img v-if="valueMain.FolderName" src="./mg/img/universalpic_cardlist_gray_22x20.png" class="FolderIcon" />
  256. <div v-if="valueMain.FolderName" class="item311 item31">{{ valueMain.FolderName }}</div>
  257. </div>
  258. <div class="right FlexRow">
  259. <div class="item32 item31" v-if="valueMain.IsCollect==1">★</div>
  260. <div class="item31" v-if="valueMain.CardType==0 && IsRecycleBin==0">日常</div>
  261. <div class="item33 item31" v-if="valueMain.CardType==1 && IsRecycleBin==0">紧急</div>
  262. <div class="item34 item33 item31" v-if="valueMain.CardType==-1 && IsRecycleBin==0">归档</div>
  263. <div class="item31">{{ valueMain.CardCategory }}</div>
  264. <div class="item31" v-if="OrderType==0 || OrderType==2">{{ valueMain.CreateTimeStr }}</div>
  265. <div class="item31" v-if="OrderType==1">{{ valueMain.UpdateTimeStr }}</div>
  266. <div class="item31" v-if="OrderType==3 || OrderType==4">{{ valueMain.LearnNumber }}次</div>
  267. <div class="item31" v-if="OrderType==5">{{ valueMain.LastTimeStr }}</div>
  268. <div class="item31" v-if="OrderType==6 || OrderType==7">{{ valueMain.LimitTimeStr }}</div>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. <button id="btnMore" class="btnMore FlexRow" v-if="ListMain.length>0 && Count>ListMain.length"
  275. data-page="nextPage" :data-title="MenuSelect" data-type="search">下拉显示更多</button>
  276. </template>
  277. <!--写字表打印-->
  278. <template v-if="IsPrintNewWord">
  279. <div class="FlexRow" style="width:100%;">
  280. <div class="ListMain0 ListMain FlexColumn">
  281. <div :id="'ACardMain' + index " :data-title=" valueMain.ID " class="ListItem FlexRow"
  282. v-for="(valueMain, index) in BookUnitList" v-on:click="getItem">
  283. <div class="checkboxItem item001" v-if="ToolSelect!='Add' && IsRecycleBin==0">
  284. <input title="checkbox2" type="checkbox" :checked="valueMain.Selected"/>
  285. </div>
  286. <img :src="valueMain.ImageUrlServer" class="item00" v-if="valueMain.ImageUrlServer"/>
  287. <div class="item01 FlexColumn">
  288. <div class="item1 FlexRow">
  289. <div class="item11">{{ valueMain.Name }}</div>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. <div class="ListMain0 ListMain FlexColumn">
  295. </div>
  296. </div>
  297. </template>
  298. </div>
  299. </div>
  300. <!--第二三部分-->
  301. <div class="main2 main FlexColumn">
  302. <div class="main2Top FlexRow" v-if="IsRecycleBin==1">
  303. </div>
  304. <div class="main2Top FlexRow" v-if="ToolSelect=='Add' && IsRecycleBin==0">
  305. <div class="Text3">题卡
  306. <template v-if="CurrentID">编辑</template>
  307. <template v-if="!CurrentID">新增</template>
  308. </div>
  309. <div class="Text4">
  310. <template v-if="CurrentID">创建:{{CreateTime}} 更新:{{UpdateTime}}</template>
  311. </div>
  312. </div>
  313. <div class="main2Top FlexRow" v-if="ToolSelect!='Add' && IsRecycleBin==0">
  314. <div class="Text3">
  315. 题卡架子
  316. </div>
  317. <div>
  318. </div>
  319. </div>
  320. <div class="main20 FlexRow">
  321. <!--编辑题卡-->
  322. <div class="main21 main FlexColumn" v-if="ToolSelect=='Add' && IsRecycleBin==0">
  323. <div class="panelBtn FlexRow">
  324. <div class="btn2 btn" v-on:click="addInfomation">加资料</div>
  325. <div class="btn4 btn"><input title="fileUpload" id="fileUpload" type="file" value="" @change="referenceUpload">传图</div>
  326. <div class="btn2 btn" v-on:click="addLatex">加公式</div>
  327. <div class="btn" v-on:click="btnSymbolSelect" id="[读]" data-title="ctrl+alt+[">[读]</div>
  328. <div class="btn" v-on:click="btnSymbolSelect" id="[/读]" data-title="ctrl+alt+]">[/读]</div>
  329. <div class="btn" v-on:click="btnSymbolSelect" id="[线]" data-title="ctrl+shift+[">[线]</div>
  330. <div class="btn" v-on:click="btnSymbolSelect" id="[/线]" data-title="ctrl+shift+]">[/线]</div>
  331. <div class="btn" v-on:click="btnSymbolSelect" id="[光]" data-title="ctrl+alt+shift+[">[光]</div>
  332. <div class="btn" v-on:click="btnSymbolSelect" id="[/光]" data-title="ctrl+alt+shift+]">[/光]</div>
  333. <div class="btn" v-on:click="btnSymbolSelect" id="( )">( )</div>
  334. <div class="btn" v-on:click="btnSymbolSelect" id="_____">__</div>
  335. <div style="width:100%;"></div>
  336. <div class="btn btnSymbolMain" v-on:click="btnSymbolSelect" :id="contentItem"
  337. v-for="(contentItem,contentIndex) in SymbolMain">{{contentItem}}
  338. </div>
  339. <div class="btn btnSymbolList" v-on:click="btnSymbolSelect" :id="contentItem"
  340. v-for="(contentItem,contentIndex) in SymbolArray" style="display: none;">{{contentItem}}
  341. </div>
  342. <div class="btn21 btn" v-on:click="btnSymbolSelect" id="symboledit" v-if="SymbolShowAll==0">编辑</div>
  343. <div class="btn21 btn" v-on:click="btnSymbolSelect" id="more" v-if="SymbolShowAll==0">更多</div>
  344. <div class="btn21 btn" v-on:click="btnSymbolSelect" id="packup" v-if="SymbolShowAll==1">收起</div>
  345. </div>
  346. <div class="panelEdit FlexColumn">
  347. <div class="title1">第1段 写题目</div>
  348. <textarea title="Field1" id="Field1" name="Field1" class="textarea1 textarea" rows="3" cols="20"></textarea>
  349. <div class="title1">第2段 写答案</div>
  350. <textarea title="Field2" id="Field2" name="Field2" class="textarea2 textarea" rows="3" cols="20"></textarea>
  351. <div class="title1">第3段 其他</div>
  352. <textarea title="Field3" id="Field3" name="Field3" class="textarea3 textarea" rows="3" cols="20"></textarea>
  353. <div style="display: none;">
  354. <div class="title1">标签</div>
  355. <ul id="myTags"></ul>
  356. <input title="tags1" name="tags1" id="mySingleField" value="" style="display:none;"/>
  357. <div class="CommonTags FlexRow">
  358. <div class="CommonTagItem" v-for="(item, index) in CommonTags" v-on:click="selectTag"
  359. :data-title=" item ">{{item}}
  360. </div>
  361. <div class="CommonTagItemEdit">编辑</div>
  362. </div>
  363. </div>
  364. <div class="toolPanel4 toolPanel FlexRow">
  365. <div class="today1 FlexRow"><div class="today12">星标:</div><div><input title="IsCollect" id="IsCollect" type="checkbox" checked=""/></div></div>
  366. <div class="today1 FlexRow">
  367. <div class="today11">练习模式:</div><div><select title="selectCardType" id="selectCardType" v-on:change="checkUrgent" >
  368. <option id="0">日常练习模式</option>
  369. <option id="1">紧急练习模式</option>
  370. <option id="-1">归档题卡</option>
  371. </select></div>
  372. </div>
  373. <div class="today1 FlexRow" id="divLimitTime">
  374. <div class="today11">到期时间:</div><div><div class="inputLimitTime" id="LimitTime"></div></div>
  375. </div>
  376. </div>
  377. <div class="toolPanel3 toolPanel FlexRow">
  378. <div class="today1 FlexRow">
  379. <div class="today12">卡单:</div><div><select title="selectFolder" id="selectFolder" >
  380. <option value="0">无</option>
  381. <option :value="valueMain2.ID" v-for="(valueMain2, index2) in FolderList">{{ valueMain2.Name.substr(0,20) }}</option>
  382. </select></div>
  383. </div>
  384. </div>
  385. <div v-if="!CurrentID" class="divSave FlexRow">
  386. <button id="btnSaveCard" class="btnSave" v-on:click="saveCard">保存并添加下一张</button>
  387. </div>
  388. <div v-if="CurrentID" class="divSave FlexRow">
  389. <button class="btnSave2" v-on:click="getAdd">取消/关闭</button>
  390. <button class="btnSave3 btnSave2" v-on:click="saveCard">保存修改</button>
  391. </div>
  392. </div>
  393. </div>
  394. <!--选择待处理的题卡-->
  395. <div class="main21 FlexColumn" v-if="ToolSelect!='Add' && IsRecycleBin==0">
  396. <div class="top3 top1 FlexRow">
  397. <div class="Text3 FlexRow">
  398. 已选择题卡列表 {{ListAlready.length}} 张
  399. </div>
  400. <div class="right FlexRow">
  401. <button class="btnMoveLeftRight btnCanUseUp" v-on:click="moveOrder" data-title="up" disabled="disabled" v-if="ToolSelect=='Print' || ToolSelect=='UpdateLimitTime' ">↑</button>
  402. <button class="btnMoveLeftRight btnCanUseDown" v-on:click="moveOrder" data-title="down" disabled="disabled" v-if="ToolSelect=='Print' || ToolSelect=='UpdateLimitTime' ">↓</button>
  403. <button class="btnMoveLeftRight btnCanUse" v-on:click="deleteAlreadySelected" data-title="all" disabled="disabled">清空</button>
  404. </div>
  405. </div>
  406. <div class="List3 FlexColumn">
  407. <div class="ListMain FlexColumn">
  408. <div v-if="ListAlready.length==0" id="noneCardAlready" class="noneCard">这里是题卡架子,是批量操作的内容清单(类似购物车)。 <br />从左侧题卡目录中勾选题卡并点击“放到架子上”,然后从右侧选择需要执行的功能。也可以从架子上移除题卡。</div>
  409. <div :id="'ACardAlready' + index " :data-title=" valueMain.MiaoguoCardID " v-on:click="getItemAlready"
  410. class="ListItem1 ListItem FlexRow" v-for="(valueMain, index) in ListAlready" v-if="ListAlready.length>0">
  411. <div class="item31">
  412. {{index+1}}
  413. </div>
  414. <img title="" src="./mg/img/universalpic_examine_black_30x32.png" class="ShowInfoImg" v-if="ToolSelect!='Add' || IsRecycleBin==1" v-on:click.stop="ShowCardInfo($event)" :data-title=" valueMain.MiaoguoCardID " />
  415. <img title="" :src="valueMain.ImageUrlServer" class="item00" v-if="valueMain.ImageUrlServer"/>
  416. <div class="item01 FlexColumn">
  417. <div class="item1 FlexRow">
  418. <div class="item11">{{ valueMain.Title1 }}</div>
  419. </div>
  420. <div class="item2 FlexRow">
  421. <div class="item21">{{ valueMain.Title2 }}</div>
  422. </div>
  423. <div class="item3 FlexRow">
  424. <div class="item30 FlexRow">
  425. <img v-if="valueMain.FolderName" src="./mg/img/universalpic_cardlist_gray_22x20.png" class="FolderIcon" />
  426. <div v-if="valueMain.FolderName" class="item311 item31">{{ valueMain.FolderName }}</div>
  427. </div>
  428. <div class="right FlexRow">
  429. </div>
  430. </div>
  431. </div>
  432. <div class="itemLimitTime" v-if="ToolSelect=='UpdateLimitTime'">{{valueMain.LimitTime}}</div>
  433. <div class="btn7 btn" v-on:click="deleteAlreadySelected" :data-title=" valueMain.MiaoguoCardID ">移除</div>
  434. </div>
  435. </div>
  436. </div>
  437. </div>
  438. <div class="main21 FlexColumn" v-if="IsRecycleBin==1">
  439. </div>
  440. <!--显示题卡详细信息-->
  441. <div class="main22 main21 main FlexColumn" v-if="(ToolSelect=='Add' && IsShowCardInfo==0) || (ToolSelect!='Add' && IsShowCardInfo==1)">
  442. <div class="btnClose2 FlexRow" v-on:click="closeShowCardInfo" v-if="IsShowCardInfo==1">
  443. <img title="" src="https://kylx365-1253256735.file.myqcloud.com/web/universalpic_close_black_24x24.png" class="imgClose"/>
  444. </div>
  445. <div class="main211 main FlexColumn">
  446. <!--第一段-->
  447. <div class="panelField1 FlexColumn">
  448. <div class="editFieldNull"></div>
  449. <div class="panelField11 panelItem FlexRow">
  450. <div class="textProblem">题目</div>
  451. <div class="textReturn"></div>
  452. <template v-for="(item,index) in Field[1]">
  453. <div class="textReturn" v-if="index>0 && item.Type=='return'"></div>
  454. <div class="textBr" v-if="index>0 && item.Type=='br'" style="height:9px;"></div>
  455. <span class="textNormal" v-if="item.Type=='normal'">{{item.Content}}</span>
  456. <template v-if="item.Type=='line'" v-for="(contentItem,contentIndex) in item.Content">
  457. <span class="textSpan" v-if="contentItem.key=='normal'">{{contentItem.value}}</span>
  458. <span class="textLine" v-if="contentItem.key=='line'">{{contentItem.value}}</span>
  459. <span class="textHighlighter" v-if="contentItem.key=='highlighter'">{{contentItem.value}}</span>
  460. </template>
  461. <div class="panelSound FlexRow" v-if="item.Type=='sound'"><img class="universalpic_read_mark_black_20x20" src='https://kylx365-1253256735.file.myqcloud.com/web/universalpic_read_mark_black_20x20.png' /></div>
  462. <div class="textPinyin" v-if="item.Type=='sound'">{{item.Content}}</div>
  463. <div class="textBigword" v-if="item.Type=='bigword'" :style="'font-size:'+item.FontSize+'px;line-height:'+item.FontSize+'px;'">{{item.Content}}</div>
  464. <div class="panelRecorder FlexRow" v-if="item.Type=='recorder'">
  465. <audio :src="item.SoundMark" controls="controls"></audio>
  466. </div>
  467. <div class="imageContainer FlexColumn" v-if="item.Type=='image'">
  468. <img class="imageFree" :src='item.Content'/>
  469. </div>
  470. <div class="textLaTeXContainer FlexColumn" v-if="item.Type=='latex'">
  471. <div class="textLaTeXName" v-if="item.LatexName">{{item.LatexName}}</div>
  472. <div class="textLaTeX" :title="item.Content" :id=" 'divLatexContainer1_'+index " :style="'font-size:'+item.FontSize+'px;'"></div>
  473. <div style="height:10px;" v-if="item.LatexName"></div>
  474. </div>
  475. </template>
  476. </div>
  477. </div>
  478. <!-- 标签 -->
  479. <div class="panelTag FlexColumn" v-if=" Field[1] && Tags.length>0">
  480. <div class="panelTag1 FlexRow">
  481. <div class="tag" v-for="(item,index) in Tags">{{item}}</div>
  482. </div>
  483. </div>
  484. <div class="panelField20 FlexColumn">
  485. <!--第二段-->
  486. <div class="panelField2 panelField1 FlexColumn" v-if="HasField2">
  487. <div class="panelField21 panelField11 panelItem FlexRow">
  488. <text class='textDot'>·</text>
  489. <div class="textReturn"></div>
  490. <template v-for="(item,index) in Field[2]">
  491. <span class="textReturn" v-if="index>0 && item.Type=='return'"></span>
  492. <div class="textBr" v-if="index>0 && item.Type=='br'" style="height:9px;"></div>
  493. <span class="textNormal" v-if="item.Type=='normal'">{{item.Content}}</span>
  494. <template v-if="item.Type=='line'"
  495. v-for="(contentItem,contentIndex) in item.Content">
  496. <span class="textSpan" v-if="contentItem.key=='normal'">{{contentItem.value}}</span>
  497. <span class="textLine"
  498. v-if="contentItem.key=='line'">{{contentItem.value}}</span>
  499. <span class="textHighlighter" v-if="contentItem.key=='highlighter'">{{contentItem.value}}</span>
  500. </template>
  501. <div class="panelSound FlexRow" v-if="item.Type=='sound'"><img class="universalpic_read_mark_black_20x20" src='https://kylx365-1253256735.file.myqcloud.com/web/universalpic_read_mark_black_20x20.png' /></div>
  502. <div class="textPinyin" v-if="item.Type=='sound'">{{item.Content}}</div>
  503. <div class="textBigword" v-if="item.Type=='bigword'" :style="'font-size:'+item.FontSize+'px;line-height:'+item.FontSize+'px;'">{{item.Content}}</div>
  504. <div class="panelRecorder FlexRow" v-if="item.Type=='recorder'">
  505. <audio :src="item.SoundMark" controls="controls"></audio>
  506. </div>
  507. <div class="imageContainer FlexColumn" v-if="item.Type=='image'">
  508. <img class="imageFree" :src='item.Content'/>
  509. </div>
  510. <div class="textLaTeXContainer FlexColumn" v-if="item.Type=='latex'">
  511. <div class="textLaTeXName" v-if="item.LatexName">{{item.LatexName}}</div>
  512. <div class="textLaTeX" :title="item.Content" :id=" 'divLatexContainer2_'+index " :style="'font-size:'+item.FontSize+'px;'"></div>
  513. <div style="height:10px;" v-if="item.LatexName"></div>
  514. </div>
  515. </template>
  516. </div>
  517. </div>
  518. <!--第三段-->
  519. <div class="panelField2 panelField1 FlexColumn" v-if="HasField3">
  520. <div class="panelField21 panelField11 panelItem FlexRow">
  521. <text class='textDot'>·</text>
  522. <div class="textReturn"></div>
  523. <template v-for="(item,index) in Field[3]">
  524. <span class="textReturn" v-if="index>0 && item.Type=='return'"></span>
  525. <div class="textBr" v-if="index>0 && item.Type=='br'" style="height:9px;"></div>
  526. <span class="textNormal" v-if="item.Type=='normal'">{{item.Content}}</span>
  527. <template v-if="item.Type=='line'"
  528. v-for="(contentItem,contentIndex) in item.Content">
  529. <span class="" v-if="contentItem.key=='normal'">{{contentItem.value}}</span>
  530. <span class="textLine"
  531. v-if="contentItem.key=='line'">{{contentItem.value}}</span>
  532. <span class="textHighlighter" v-if="contentItem.key=='highlighter'">{{contentItem.value}}</span>
  533. </template>
  534. <div class="panelSound FlexRow" v-if="item.Type=='sound'"><img class="universalpic_read_mark_black_20x20" src='https://kylx365-1253256735.file.myqcloud.com/web/universalpic_read_mark_black_20x20.png' /></div>
  535. <div class="textPinyin" v-if="item.Type=='sound'">{{item.Content}}</div>
  536. <div class="textBigword" v-if="item.Type=='bigword'" :style="'font-size:'+item.FontSize+'px;line-height:'+item.FontSize+'px;'">{{item.Content}}</div>
  537. <div class="panelRecorder FlexRow" v-if="item.Type=='recorder'">
  538. <audio :src="item.SoundMark" controls="controls"></audio>
  539. </div>
  540. <div class="imageContainer FlexColumn" v-if="item.Type=='image'">
  541. <img class="imageFree" :src='item.Content'/>
  542. </div>
  543. <div class="textLaTeXContainer FlexColumn" v-if="item.Type=='latex'">
  544. <div class="textLaTeXName" v-if="item.LatexName">{{item.LatexName}}</div>
  545. <div class="textLaTeX" :title="item.Content" :id=" 'divLatexContainer3_'+index " :style="'font-size:'+item.FontSize+'px;'"></div>
  546. <div style="height:10px;" v-if="item.LatexName"></div>
  547. </div>
  548. </template>
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. <div style="width:100%;height:25px;"></div>
  554. </div>
  555. <!--批量处理指令-->
  556. <div class="main22 main21 FlexColumn" v-if="(ToolSelect!='Add' && IsRecycleBin==0 && IsShowCardInfo==0) || (ToolSelect=='Add' && IsRecycleBin==0 && IsShowCardInfo==1)">
  557. <div class="divSave FlexColumn" v-if="ToolSelect=='StudyPlan'">
  558. <div class="divPanel1 FlexRow">
  559. <div class="Number">·</div>
  560. <div class="Text1">转入日常练习模式</div>
  561. </div>
  562. <button class="btnCanUse" disabled="disabled" v-on:click="saveCardChangeStart" data-cardtype="0">转入日常练习</button>
  563. <div class="divPanel2 FlexRow">
  564. <div class="Text2">将"已选择题卡列表"中数据转到日常练习模式中。日常练习模式的题卡一般需要长期记忆,默认首选。</div>
  565. </div>
  566. </div>
  567. <div class="divSave FlexColumn" v-if="ToolSelect=='StudyPlan_1'">
  568. <div class="divPanel1 FlexRow">
  569. <div class="Number">·</div>
  570. <div class="Text1">转入紧急练习模式</div>
  571. </div>
  572. <button class="btnCanUse" disabled="disabled" v-on:click="saveCardChangeStart" data-cardtype="1">转入紧急练习</button>
  573. <div class="divPanel2 FlexRow">
  574. <div class="Text2">将"已选择题卡列表"中数据转到紧急练习模式中。紧急练习模式用于临时短期记忆,<span>容量不宜过多</span>。<br /><br />无论此前该题卡练习多少,所有成为紧急练习模式的题卡将会变成<span>新题卡</span>,从头学习。</div>
  575. </div>
  576. </div>
  577. <div class="divSave FlexColumn" v-if="ToolSelect=='StudyPlan2'">
  578. <div class="divPanel1 FlexRow">
  579. <div class="Number">·</div>
  580. <div class="Text1">转入归档区</div>
  581. </div>
  582. <button class="btnCanUse" disabled="disabled" v-on:click="saveCardChangeStart" data-cardtype="-1">转入归档区</button>
  583. <div class="divPanel2 FlexRow">
  584. <div class="Text2">将"已选择题卡列表"中数据转到归档区。归档区题卡<span>暂不练习</span>。</div>
  585. </div>
  586. </div>
  587. <div class="divSave FlexColumn" v-if="ToolSelect=='Collect'">
  588. <div class="divPanel1 FlexRow">
  589. <div class="Number">·</div>
  590. <div class="Text1">分配星标</div>
  591. </div>
  592. <div class="divPanel2 FlexRow">
  593. <div class="Text2">将"已选择题卡列表"中数据转到星标列表中。</div>
  594. </div>
  595. <button id="IsCollect_0" title="0" class="btnCanUse" v-on:click="UpdateCollectList">取消属于星标</button>
  596. <button id="IsCollect_1" title="1" class="btnCanUse" v-on:click="UpdateCollectList">转入星标</button>
  597. </div>
  598. <div class="divSave FlexColumn" v-if="ToolSelect=='Folder'">
  599. <div class="divPanel1 FlexRow">
  600. <div class="Number">·</div>
  601. <div class="Text1">分配卡单</div>
  602. </div>
  603. <div class="divPanel2 FlexRow">
  604. <div class="Text2">将"已选择题卡列表"中数据转到具体卡单中。</div>
  605. </div>
  606. <button id="FolderID_0" title="0" class="btnCanUse" v-if="FolderList.length>0" v-on:click="UpdateFolderList">取消属于任何卡单</button>
  607. <button :id="'FolderID_'+valueMain.ID" :data-title="valueMain.ID" class="btnCanUse FlexColumn"
  608. v-for="(valueMain, index) in FolderList" v-on:click="UpdateFolderList">
  609. <div class="">{{ valueMain.Name }} [{{valueMain.Total}}]</div>
  610. </button>
  611. <button disabled="disabled" class="btnCanUse" v-if="FolderList.length==0">暂无卡单</button>
  612. </div>
  613. <div class="divSave FlexColumn" v-if="ToolSelect=='Delete'">
  614. <div class="divPanel1 FlexRow">
  615. <div class="Number">·</div>
  616. <div class="Text1">批量删除</div>
  617. </div>
  618. <button class="btnCanUse" disabled="disabled" v-on:click="deleteSelect">删除</button>
  619. <div class="divPanel2 FlexRow">
  620. <div class="Text2">删除"已选择题卡列表"中数据。误删除的题卡可以到"回收站"中撤回。</div>
  621. </div>
  622. </div>
  623. <div class="divSave FlexColumn" v-if="ToolSelect=='Export'">
  624. <div class="divPanel1 FlexRow">
  625. <div class="Number">·</div>
  626. <div class="Text1">批量导出</div>
  627. </div>
  628. <input type="text" class="inputExport" maxlength="50" placeholder="请填写导出文件名!" />
  629. <button class="btnCanUse" disabled="disabled" v-on:click="exportFile">导出</button>
  630. <div class="divPanel1 FlexRow">
  631. <div class="Number">·</div>
  632. <div class="Text1">批量导入</div>
  633. </div>
  634. <input title="importFile" id="importFile" class="btnCanUse2" type="file" @change="importFile" />
  635. <div class="divPanel2 FlexColumn">
  636. <div class="Text6">
  637. 功能说明<br />
  638. 本功能处于测试阶段,可以使用,但有如下情况请预先了解:
  639. </div>
  640. <div class="Text2">
  641. <p>① 一次导出最多可选择30张题卡。</p>
  642. <p>② 导出时生成的电脑文件,请起一个方便自己认读的文件名,事后也可以修改文件名。</p>
  643. <p>③ 除了文件名以外,请不要擅自修改导出的电脑文件,以免破坏其内容。</p>
  644. <p>④ 导入电脑文件时,会自动生成一个名称与文件名一致的卡单,导入的题卡都归在这张卡单里。这是为了方便您查找、管理和批量删除,也可以把它们从卡单移除或移到其它卡单。</p>
  645. <p>⑤ 导入的题卡默认为归档题卡,不参与练习。使用前,请把需要练习的题卡调整为日常或紧急题卡。配合官网上的「调整日常紧急」功能,批量操作更便捷。</p>
  646. <p>⑥ 导入的题卡和您自有的题卡可能会重复,在正式使用前,请到新卡单里检查一下内容,以避免产生大量重复的题卡。</p>
  647. <p>⑦ 意见、建议欢迎私聊天乐。</p>
  648. </div>
  649. </div>
  650. </div>
  651. <div class="divSave FlexColumn" v-if="ToolSelect=='Reset'">
  652. <div class="divPanel1 FlexRow">
  653. <div class="Number">·</div>
  654. <div class="Text1">批量改成新题卡</div>
  655. </div>
  656. <button class="btnCanUse" disabled="disabled" v-on:click="resetSelect">改成新题卡</button>
  657. <div class="divPanel2 FlexRow">
  658. <div class="Text2">
  659. <p>将当前列表中的题卡改为新题卡状态,即忽略此前的记忆评价结果。</p>
  660. <p>本功能提供给家长将一些很重要但已经长期没有巩固复习的题卡重新开始复习的机会。</p>
  661. <p>修改后,不能恢复,请慎重修改。</p>
  662. </div>
  663. </div>
  664. </div>
  665. <div class="divSave FlexColumn" v-if="ToolSelect=='Print'">
  666. <div class="divPanel1 FlexRow">
  667. <div class="Number">·</div>
  668. <div class="Text1">批量题卡打印</div>
  669. </div>
  670. <button class="btnCanUse" disabled="disabled" id="btnExportQuestion" v-on:click="exportSelect()">打印问题</button>
  671. <button class="btnCanUse" disabled="disabled" id="btnExportQuestionSpace" v-on:click="exportSelect()">打印问题+预留右侧答题空间</button>
  672. <button class="btnCanUse" disabled="disabled" id="btnExportQuestionAnswer2" v-on:click="exportSelect()">打印问题+预留下部答题空间</button>
  673. <button class="btnCanUse" disabled="disabled" id="btnExportAnswer" v-on:click="exportSelect()">打印答案</button>
  674. <button class="btnCanUse" disabled="disabled" id="btnExportQuestionAnswer" v-on:click="exportSelect()">打印问题与答案</button>
  675. <div class="divPanel2 FlexRow">
  676. <div class="Text2">导出"已选择题卡列表"中数据。可分别针对题目或答案打印页面。<br /><br />本功能提供给家长,将不适合手机练习的题卡打印出来,让孩子在纸上练习。</div>
  677. </div>
  678. </div>
  679. <div class="divSave FlexColumn" v-if="ToolSelect=='UpdateLimitTime'">
  680. <div class="divPanel1 FlexRow">
  681. <div class="Number">·</div>
  682. <div class="Text1">批量修改到期时间</div>
  683. </div>
  684. <div class="toolPanel2 FlexColumn">
  685. <div class="today1 FlexRow">
  686. <div class="today11">起始日期:</div><div><div class="inputLimitTime" id="LimitTimeStart"></div></div>
  687. </div>
  688. <div class="today1 FlexRow">
  689. <div class="today11">设置间隔:</div><div><select title="selectIntervalType" id="selectIntervalType" v-on:change="changeLimitTime">
  690. <option value="无间隔" selected="selected">无间隔</option>
  691. <option value="一天几张">一天几张</option>
  692. <option value="几天一张">几天一张</option>
  693. </select></div>&nbsp;
  694. <div v-if="ShowLimitTimeType=='一天几张'">一天<select title="selectInterval1" id="selectInterval1" v-on:change="changeLimitTime">
  695. <option value="1" selected="selected">1张</option>
  696. <option value="2">2张</option>
  697. <option value="3">3张</option>
  698. <option value="4">4张</option>
  699. <option value="5">5张</option>
  700. <option value="6">6张</option>
  701. <option value="7">7张</option>
  702. <option value="8">8张</option>
  703. <option value="9">9张</option>
  704. <option value="10">10张</option>
  705. <option value="11">11张</option>
  706. <option value="12">12张</option>
  707. <option value="13">13张</option>
  708. <option value="14">14张</option>
  709. <option value="15">15张</option>
  710. <option value="16">16张</option>
  711. <option value="17">17张</option>
  712. <option value="18">18张</option>
  713. <option value="19">19张</option>
  714. <option value="20">20张</option>
  715. </select></div>
  716. &nbsp;
  717. <div v-if="ShowLimitTimeType=='几天一张'"><select title="selectInterval2" id="selectInterval2" v-on:change="changeLimitTime">
  718. <option value="2" selected="selected">2天</option>
  719. <option value="3">3天</option>
  720. <option value="4">4天</option>
  721. <option value="5">5天</option>
  722. <option value="6">6天</option>
  723. <option value="7">7天</option>
  724. <option value="8">8天</option>
  725. <option value="9">9天</option>
  726. <option value="10">10天</option>
  727. <option value="11">11天</option>
  728. <option value="12">12天</option>
  729. <option value="13">13天</option>
  730. <option value="14">14天</option>
  731. <option value="15">15天</option>
  732. <option value="16">16天</option>
  733. <option value="17">17天</option>
  734. <option value="18">18天</option>
  735. <option value="19">19天</option>
  736. <option value="20">20天</option>
  737. <option value="21">21天</option>
  738. <option value="22">22天</option>
  739. <option value="23">23天</option>
  740. <option value="24">24天</option>
  741. <option value="25">25天</option>
  742. <option value="26">26天</option>
  743. <option value="27">27天</option>
  744. <option value="28">28天</option>
  745. <option value="29">29天</option>
  746. <option value="30">30天</option>
  747. </select>1张</div>
  748. </div>
  749. <div class="today1 FlexRow">
  750. <div class="today11">日期顺序:</div><div><select title="selectCardLimitTimeOrderby" id="selectCardLimitTimeOrderby" v-on:change="changeLimitTime">
  751. <option value="asc">升序</option>
  752. <option value="desc">降序</option>
  753. </select></div>
  754. </div>
  755. <div class="today1 FlexRow">
  756. <div class="today11">练习模式:</div><div><select title="selectCardType1" id="selectCardType1">
  757. <option id="0">日常练习模式</option>
  758. <option id="1">紧急练习模式</option>
  759. </select></div>
  760. </div>
  761. </div>
  762. <button class="btnCanUse" disabled="disabled" v-on:click="setLimitTime">修改到期时间</button>
  763. <div class="divPanel2 FlexRow">
  764. <div class="Text2">将"已选择题卡列表"中题卡,按指定起始日期和指定间隔时间开始分配到期时间,来保证可以循序渐进练习题卡。<br /><br />选择的题卡"到期时间"会被按照指定规律修改,但该题卡当天是否能出现在任务中,还取决于当天的新旧题卡上限限制。<br /><br />本功能适合长期记忆内容较多较零碎的新知识。比如识字、写字、背英语单词、背古诗词等。<br /><br />其中"无间隔"适合近期急需记忆的内容,相当于"临时抱佛脚"。</div>
  765. </div>
  766. </div>
  767. <div class="divSave3 FlexRow">
  768. <button class="btnCanUse2" v-on:click="changeToolSelect" data-title="Add">取消/关闭</button>
  769. </div>
  770. </div>
  771. </div>
  772. </div>
  773. </div>
  774. <!--加资料-->
  775. <div id="panelInfomation" class="container2 container FlexColumn">
  776. <div class="main4 FlexColumn">
  777. <div class="btnClose FlexRow" v-on:click="closeInfomation">
  778. <img title="" src="https://kylx365-1253256735.file.myqcloud.com/web/universalpic_close_black_24x24.png" class="imgClose"/>
  779. </div>
  780. <div class="main40 FlexRow">
  781. <div class="Text1">资料搜索</div>
  782. <div class="search FlexRow">
  783. <input title="searchInformationInput" id="searchInformationInput" class="searchinput" v-model="SearchInformationInput"/>
  784. <div class="btn33 btn31 btn FlexRow" v-on:click="getInformationList">
  785. <img title="" src="https://kylx365-1253256735.file.myqcloud.com/web/universalpic_search_gray_30x30.png" class="universalpic_search_gray_30x30"/>
  786. </div>
  787. </div>
  788. </div>
  789. <div class="main41 FlexRow">
  790. <div class="main411 FlexColumn">
  791. <div class="List">
  792. <div class="ListMain FlexColumn">
  793. <div :id="'InformationCard' + index "
  794. :data-title=" valueMain.Key+'_'+valueMain.Type+'_'+valueMain.Author+'_'+valueMain.Url "
  795. class="InfoListItem ListItem FlexColumn"
  796. v-for="(valueMain, index) in ListInformation" v-on:click="getInformationItem">
  797. <div class="InfoListItem1 item1 FlexRow">
  798. <div class="item11">{{ valueMain.Key }}</div>
  799. <div class="item12" v-if="valueMain.TypeName">{{ valueMain.TypeName }}</div>
  800. </div>
  801. <div class="item2 FlexRow">
  802. <div class="item21">{{valueMain.Dynasty}} {{valueMain.Author}} {{ valueMain.Content}} {{ valueMain.Remark}}
  803. </div>
  804. </div>
  805. </div>
  806. </div>
  807. </div>
  808. </div>
  809. <div class="main411 FlexColumn">
  810. <div class="main4110 FlexColumn">
  811. <div class="main4111 FlexColumn">
  812. <!--中文内容-->
  813. <div style="width:100%;" v-if="InfomationResult.CHN">
  814. <!-- 搜索内容 -->
  815. <div style="width:100%;" v-if="InfomationResult.CHN.HanZi">
  816. <div class="panelTitle FlexRow">
  817. <div class="panelTitle1">搜索内容</div>
  818. <div></div>
  819. </div>
  820. <div class="panelItemFrame0 FlexRow">
  821. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  822. :id=" 'normal__CHN_HanZi' ">
  823. <div :id=" 'normal__CHN_HanZi_Select' " class="panelSelect0"></div>
  824. <div class="text1 text2">{{InfomationResult.CHN.HanZi}}</div>
  825. </div>
  826. </div>
  827. </div>
  828. <div class="panelRemark" v-if="InfomationResult.CHN.Book">
  829. 该内容出现在<br />
  830. <span v-for="(valueMain, index) in InfomationResult.CHN.Book">
  831. 《{{valueMain}}》<br />
  832. </span>
  833. </div>
  834. <!-- 拼音 -->
  835. <div style="width:100%;"
  836. v-if="InfomationResult.CHN.PinYin && InfomationResult.CHN.PinYin.length>0">
  837. <div class="panelTitle FlexRow">
  838. <div class="panelTitle1">拼音</div>
  839. </div>
  840. <div class="panelItemFrame0 FlexRow">
  841. <div class="panelItemFrame FlexRow"
  842. v-for="(valueMain, index) in InfomationResult.CHN.PinYin"
  843. v-on:click="getInputData" :id=" 'sound_拼音_CHN_PinYin_'+index ">
  844. <div :id=" 'sound_拼音_CHN_PinYin_'+index+'_Select' " class="panelSelect0"></div>
  845. <div class="text2 text1">{{valueMain.pinyin}}</div>
  846. </div>
  847. </div>
  848. <div class='lineFooter'></div>
  849. </div>
  850. <!-- 变调 -->
  851. <div style="width:100%;"
  852. v-if="InfomationResult.CHN.PinyinTone && (InfomationResult.CHN.PinYin && InfomationResult.CHN.PinYin.length>0 && InfomationResult.CHN.PinYin[0].pinyin!=InfomationResult.CHN.PinyinTone)">
  853. <div class="panelTitle FlexRow">
  854. <div class="panelTitle1">变调</div>
  855. </div>
  856. <div class="panelItemFrame0 FlexRow">
  857. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  858. :id=" 'sound_拼音_CHN_PinyinTone' ">
  859. <div :id=" 'sound_拼音_CHN_PinyinTone_Select' " class="panelSelect0"></div>
  860. <div class="text2 text1">{{InfomationResult.CHN.PinyinTone}}</div>
  861. </div>
  862. </div>
  863. <div class='lineFooter'></div>
  864. </div>
  865. <!-- 默写 -->
  866. <div style="width:100%;"
  867. v-if="InfomationResult.CHN.TianKong && InfomationResult.CHN.TianKong.length>0">
  868. <div class="panelTitle FlexRow">
  869. <div class="panelTitle1">单字默写</div>
  870. </div>
  871. <div class="panelItemFrame0 FlexRow">
  872. <div class="panelItemFrame FlexRow"
  873. v-for="(valueMain, index) in InfomationResult.CHN.TianKong"
  874. v-on:click="getInputData" :id=" 'sound_默写_CHN_TianKong_'+index ">
  875. <div :id=" 'sound_默写_CHN_TianKong_'+index+'_Select' "
  876. class="panelSelect0"></div>
  877. <div class="text1">{{valueMain}}</div>
  878. </div>
  879. </div>
  880. <div class='lineFooter'></div>
  881. </div>
  882. <!-- 楷书数组 -->
  883. <div style="width:100%;"
  884. v-if="InfomationResult.CHN.KaitiArr && InfomationResult.CHN.KaitiArr.length>0">
  885. <div class="panelTitle FlexRow">
  886. <div class="panelTitle1">静图</div>
  887. </div>
  888. <div class="panelItemFrame0 FlexRow">
  889. <div class="panelItemFrame FlexRow"
  890. v-for="(valueMain, index) in InfomationResult.CHN.KaitiArr" v-if="valueMain"
  891. v-on:click="getInputData" :id=" 'image_书写_CHN_KaitiArr_'+index ">
  892. <div :id=" 'image_书写_CHN_KaitiArr_'+index+'_Select' " class="panelSelect0"></div><img class="image1" :src="valueMain"/>
  893. </div>
  894. </div>
  895. <div class='lineFooter'></div>
  896. </div>
  897. <!-- 笔顺数组 -->
  898. <div style="width:100%;"
  899. v-if="InfomationResult.CHN.BiShunArr2 && InfomationResult.CHN.BiShunArr2.length>0">
  900. <div class="panelTitle FlexRow">
  901. <div class="panelTitle1">笔顺</div>
  902. </div>
  903. <div class="panelItemFrame0 FlexRow">
  904. <div class="panelItemFrame FlexRow"
  905. v-for="(valueMain, index) in InfomationResult.CHN.BiShunArr2" v-if="valueMain"
  906. v-on:click="getInputData" :id=" 'image_书写_CHN_BiShunArr2_'+index ">
  907. <div :id=" 'image_书写_CHN_BiShunArr2_'+index+'_Select' " class="panelSelect0"></div><img class="image1" :src="valueMain"/>
  908. </div>
  909. </div>
  910. <div class='lineFooter'></div>
  911. </div>
  912. <!-- 组词 -->
  913. <div style="width:100%;"
  914. v-if="InfomationResult.CHN.CombineWords && InfomationResult.CHN.CombineWords.length>0">
  915. <div class="panelTitle FlexRow">
  916. <div class="panelTitle1">组词</div>
  917. </div>
  918. <div class="panelItemFrame0 FlexRow">
  919. <div class="panelItemFrame FlexRow"
  920. v-for="(valueMain, index) in InfomationResult.CHN.CombineWords"
  921. v-on:click="getInputData" :id=" 'normal_组词_CHN_CombineWords_'+index ">
  922. <div :id=" 'normal_组词_CHN_CombineWords_'+index+'_Select' "
  923. class="panelSelect0"></div>
  924. <div class="text1">{{valueMain}}</div>
  925. </div>
  926. </div>
  927. <div class='lineFooter'></div>
  928. </div>
  929. <!-- 近义词 -->
  930. <div style="width:100%;"
  931. v-if="InfomationResult.CHN.Synonym && InfomationResult.CHN.Synonym.length>0">
  932. <div class="panelTitle FlexRow">
  933. <div class="panelTitle1">近义词</div>
  934. </div>
  935. <div class="panelItemFrame0 FlexRow">
  936. <div class="panelItemFrame FlexRow"
  937. v-for="(valueMain, index) in InfomationResult.CHN.Synonym"
  938. v-on:click="getInputData" :id=" 'normal_近义词_CHN_Synonym_'+index ">
  939. <div :id=" 'normal_近义词_CHN_Synonym_'+index+'_Select' "
  940. class="panelSelect0"></div>
  941. <div class="text1">{{valueMain}}</div>
  942. </div>
  943. </div>
  944. <div class='lineFooter'></div>
  945. </div>
  946. <!-- 反义词 -->
  947. <div style="width:100%;"
  948. v-if="InfomationResult.CHN.Antonym && InfomationResult.CHN.Antonym.length>0">
  949. <div class="panelTitle FlexRow">
  950. <div class="panelTitle1">反义词</div>
  951. </div>
  952. <div class="panelItemFrame0 FlexRow">
  953. <div class="panelItemFrame FlexRow"
  954. v-for="(valueMain, index) in InfomationResult.CHN.Antonym"
  955. v-on:click="getInputData" :id=" 'normal_反义词_CHN_Antonym_'+index ">
  956. <div :id=" 'normal_反义词_CHN_Antonym_'+index+'_Select' "
  957. class="panelSelect0"></div>
  958. <div class="text1">{{valueMain}}</div>
  959. </div>
  960. </div>
  961. <div class='lineFooter'></div>
  962. </div>
  963. <!-- 释义 -->
  964. <div style="width:100%;"
  965. v-if="InfomationResult.CHN.PinYin && InfomationResult.CHN.PinYin.length>0">
  966. <div class="panelTitle FlexRow">
  967. <div class="panelTitle1">中文释义</div>
  968. </div>
  969. <div class="panelItemFrame0 FlexRow">
  970. <div class="panelItemFrame FlexRow"
  971. v-for="(valueMain, index) in InfomationResult.CHN.PinYin"
  972. v-on:click="getInputData" :id=" 'normal_释义_CHN_PinYin_'+index ">
  973. <div :id=" 'normal_释义_CHN_PinYin_'+index+'_Select' " class="panelSelect0"></div>
  974. <div class="text1"><template v-if="InfomationResult.CHN.PinYin.length>1">[{{valueMain.pinyin}}]<br/></template>{{valueMain.explain}}
  975. </div>
  976. </div>
  977. </div>
  978. <div class='lineFooter'></div>
  979. </div>
  980. <!--部首-->
  981. <div style="width:100%;"
  982. v-if="InfomationResult.CHN.BuShou && InfomationResult.CHN.BuShou.length>0">
  983. <div class="panelTitle FlexRow">
  984. <div class="panelTitle1">部首</div>
  985. </div>
  986. <div class="panelItemFrame0 FlexRow">
  987. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  988. :id=" 'normal_部首_CHN_BuShou' ">
  989. <div :id=" 'normal_部首_CHN_BuShou_Select' " class="panelSelect0"></div>
  990. <div class="text1">{{InfomationResult.CHN.BuShou}}</div>
  991. </div>
  992. </div>
  993. <div class='lineFooter'></div>
  994. </div>
  995. <!-- 诗词标题 -->
  996. <div style="width:100%;"
  997. v-if="InfomationResult.CHN.ShiciTitle && InfomationResult.CHN.ShiciTitle.length>0">
  998. <div class="panelTitle FlexRow">
  999. <div class="panelTitle1">标题</div>
  1000. </div>
  1001. <div class="panelItemFrame0 FlexRow">
  1002. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1003. :id=" 'normal_标题_CHN_ShiciTitle' ">
  1004. <div :id=" 'normal_标题_CHN_ShiciTitle_Select' " class="panelSelect0"></div>
  1005. <div class="text1">{{InfomationResult.CHN.ShiciTitle}}</div>
  1006. </div>
  1007. </div>
  1008. <div class='lineFooter'></div>
  1009. </div>
  1010. <!-- 作者与朝代 -->
  1011. <div style="width:100%;"
  1012. v-if="InfomationResult.CHN.Author && InfomationResult.CHN.Author.length>0">
  1013. <div class="panelTitle FlexRow">
  1014. <div class="panelTitle1">作者</div>
  1015. </div>
  1016. <div class="panelItemFrame0 FlexRow">
  1017. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1018. :id=" 'normal_作者_CHN_Author' ">
  1019. <div :id=" 'normal_作者_CHN_Author_Select' " class="panelSelect0"></div>
  1020. <div class="text1">{{InfomationResult.CHN.Dynasty}} {{InfomationResult.CHN.Author}}</div>
  1021. </div>
  1022. </div>
  1023. <div class='lineFooter'></div>
  1024. </div>
  1025. <!-- 诗词原文 -->
  1026. <div style="width:100%;"
  1027. v-if="InfomationResult.CHN.PeomContent && InfomationResult.CHN.PeomContent.length>0">
  1028. <div class="panelTitle FlexRow">
  1029. <div class="panelTitle1">诗词</div>
  1030. </div>
  1031. <div class="panelItemFrame0 FlexRow">
  1032. <!-- 每段诗词原文较短 有多条记录-->
  1033. <template
  1034. v-if="!InfomationResult.CHN.PeomContentIsLong">
  1035. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1036. :id=" 'normal_诗词_CHN_PeomContent1' ">
  1037. <div :id=" 'normal_诗词_CHN_PeomContent1_Select' " class="panelSelect0"></div>
  1038. <div class="text1"><template v-for="(valueMain, index) in InfomationResult.CHN.PeomContent"><template v-if="index>0"><br/></template><template v-for="(valueMain2, index2) in valueMain">{{valueMain2}}</template></template>
  1039. </div>
  1040. </div>
  1041. </template>
  1042. <!--&lt;!&ndash; 每段诗词原文较短 有一条记录&ndash;&gt;-->
  1043. <!--<template-->
  1044. <!--v-if="!InfomationResult.CHN.PeomContentIsLong && InfomationResult.CHN.PeomContent.length==1">-->
  1045. <!--<div class="panelItemFrame FlexRow" v-on:click="getInputData"-->
  1046. <!--:id=" 'normal_诗词_CHN_PeomContent1' ">-->
  1047. <!--<div :id=" 'normal_诗词_CHN_PeomContent1_Select' " class="panelSelect0"></div>-->
  1048. <!--<div class="text1"><template v-for="(valueMain, index) in InfomationResult.CHN.PeomContent"><template v-if="valueMain">{{valueMain}}</template></template>-->
  1049. <!--</div>-->
  1050. <!--</div>-->
  1051. <!--</template>-->
  1052. <!-- 每段原文较长,且有多段 -->
  1053. <template
  1054. v-if="InfomationResult.CHN.PeomContentIsLong && InfomationResult.CHN.PeomContent.length>1">
  1055. <div class="panelItemFrame FlexRow"
  1056. v-for="(valueMain, index) in InfomationResult.CHN.PeomContent"
  1057. v-on:click="getInputData" :id=" 'normal_诗词_CHN_PeomContent2_'+index ">
  1058. <div :id=" 'normal_诗词_CHN_PeomContent2_'+index+'_Select' "
  1059. class="panelSelect0"></div>
  1060. <div class="text1"><template v-for="(valueMain2, index2) in valueMain">{{valueMain2}}</template></div>
  1061. </div>
  1062. </template>
  1063. <!-- 每句诗词原文较长,且有单段 -->
  1064. <template
  1065. v-if="InfomationResult.CHN.PeomContentIsLong && InfomationResult.CHN.PeomContent.length==1">
  1066. <div class="panelItemFrame FlexRow"
  1067. v-for="(valueMain, index) in InfomationResult.CHN.PeomContent[0]"
  1068. v-on:click="getInputData" :id=" 'normal_诗词_CHN_PeomContent3_'+index ">
  1069. <div :id=" 'normal_诗词_CHN_PeomContent3_'+index+'_Select' "
  1070. class="panelSelect0"></div>
  1071. <div class="text1">{{valueMain}}</div>
  1072. </div>
  1073. </template>
  1074. </div>
  1075. <div class='lineFooter'></div>
  1076. </div>
  1077. <!-- 诗词译文 -->
  1078. <div style="width:100%;"
  1079. v-if="InfomationResult.CHN.Translation && InfomationResult.CHN.Translation.length>0">
  1080. <div class="panelTitle FlexRow">
  1081. <div class="panelTitle1">译文</div>
  1082. </div>
  1083. <div class="panelItemFrame0 FlexRow">
  1084. <!-- 每段诗词原文较短 有多条记录-->
  1085. <template
  1086. v-if="!InfomationResult.CHN.PeomContentIsLong">
  1087. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1088. :id=" 'normal_译文_CHN_Translation1' ">
  1089. <div :id=" 'normal_译文_CHN_Translation1_Select' " class="panelSelect0"></div>
  1090. <div class="text1"><template v-for="(valueMain, index) in InfomationResult.CHN.Translation"><template v-if="index>0"><br/></template><template v-for="(valueMain2, index2) in valueMain">{{valueMain2}}</template></template></div>
  1091. </div>
  1092. </template>
  1093. <!--&lt;!&ndash; 每段诗词原文较短 有一条记录&ndash;&gt;-->
  1094. <!--<template-->
  1095. <!--v-if="!InfomationResult.CHN.PeomContentIsLong && InfomationResult.CHN.Translation.length==1">-->
  1096. <!--<div class="panelItemFrame FlexRow" v-on:click="getInputData"-->
  1097. <!--:id=" 'normal_译文_CHN_Translation1' ">-->
  1098. <!--<div :id=" 'normal_译文_CHN_Translation1_Select' " class="panelSelect0"></div>-->
  1099. <!--<div class="text1"><template v-for="(valueMain, index) in InfomationResult.CHN.Translation"><template v-if="valueMain">{{valueMain}}</template></template></div>-->
  1100. <!--</div>-->
  1101. <!--</template>-->
  1102. <!-- 每段原文较长,且有多段 -->
  1103. <template
  1104. v-if="InfomationResult.CHN.PeomContentIsLong && InfomationResult.CHN.Translation.length>1">
  1105. <div class="panelItemFrame FlexRow"
  1106. v-for="(valueMain, index) in InfomationResult.CHN.Translation"
  1107. v-on:click="getInputData" :id=" 'normal_译文_CHN_Translation2_'+index ">
  1108. <div :id=" 'normal_译文_CHN_Translation2_'+index+'_Select' "
  1109. class="panelSelect0"></div>
  1110. <div class="text1"><template v-for="(valueMain2, index2) in valueMain">{{valueMain2}}</template></div>
  1111. </div>
  1112. </template>
  1113. <!-- 每句诗词原文较长,且有单段 -->
  1114. <template
  1115. v-if="InfomationResult.CHN.PeomContentIsLong && InfomationResult.CHN.Translation.length==1">
  1116. <div class="panelItemFrame FlexRow"
  1117. v-for="(valueMain, index) in InfomationResult.CHN.Translation[0]"
  1118. v-on:click="getInputData" :id=" 'normal_译文_CHN_Translation3_'+index ">
  1119. <div :id=" 'normal_译文_CHN_Translation3_'+index+'_Select' "
  1120. class="panelSelect0"></div>
  1121. <div class="text1">{{valueMain}}</div>
  1122. </div>
  1123. </template>
  1124. </div>
  1125. <div class='lineFooter'></div>
  1126. </div>
  1127. </div>
  1128. <!-- 英文内容 -->
  1129. <div style="width:100%;" v-if="InfomationResult.ENG">
  1130. <!-- 搜索内容 -->
  1131. <div style="width:100%;"
  1132. v-if="InfomationResult.ENG.Word && !(InfomationResult.CHN && InfomationResult.CHN.HanZi)">
  1133. <div class="panelTitle FlexRow">
  1134. <div class="panelTitle1">搜索内容</div>
  1135. <div></div>
  1136. </div>
  1137. <div class="panelTitle3 FlexRow" v-if="InfomationResult.ENG.WordFrequency">
  1138. <div class="panelTitle4">该单词大约在 {{InfomationResult.ENG.WordFrequency.Max}} 词频范围内
  1139. </div>
  1140. </div>
  1141. <div class="panelItemFrame0 FlexRow">
  1142. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1143. :id=" 'normal__ENG_Word' ">
  1144. <div :id=" 'normal__ENG_Word_Select' " class="panelSelect0"></div>
  1145. <div class="text2 text1">{{InfomationResult.ENG.Word}}</div>
  1146. </div>
  1147. </div>
  1148. </div>
  1149. <!-- 音标 -->
  1150. <div style="width:100%;"
  1151. v-if="InfomationResult.ENG.Soundmark && (InfomationResult.ENG.Soundmark.Eng || InfomationResult.ENG.Soundmark.AmE)">
  1152. <div class="panelTitle FlexRow">
  1153. <div class="panelTitle1">音标</div>
  1154. </div>
  1155. <div class="panelTitle3 FlexRow">
  1156. <div class="panelTitle4">显示符号<input type="radio" name="rdoSoundmark" id="rdoSoundmark1" checked="checked" v-on:change="selectSoundmark" /> </div>
  1157. <div class="panelTitle4">隐藏符号<input type="radio" name="rdoSoundmark" id="rdoSoundmark2" v-on:change="selectSoundmark" /> </div>
  1158. </div>
  1159. <div class="panelItemFrame0 FlexRow">
  1160. <div class="panelItemFrame FlexRow" v-if="InfomationResult.ENG.Soundmark.Eng"
  1161. v-on:click="getInputData" :id=" 'soundmark_发音_ENG_Soundmark_Eng' ">
  1162. <div :id=" 'soundmark_发音_ENG_Soundmark_Eng_Select' " class="panelSelect0"></div>
  1163. <div id="txtSoundmark_发音_ENG_Soundmark_Eng_Select" class="text2 text1" :data-title="InfomationResult.ENG.Soundmark.EngSound">英{{InfomationResult.ENG.Soundmark.Eng}}</div>
  1164. </div>
  1165. <div class="panelItemFrame FlexRow" v-if="InfomationResult.ENG.Soundmark.AmE"
  1166. v-on:click="getInputData" :id=" 'soundmark_发音_ENG_Soundmark_AmE' ">
  1167. <div :id=" 'soundmark_发音_ENG_Soundmark_AmE_Select' " class="panelSelect0"></div>
  1168. <div id="txtSoundmark_发音_ENG_Soundmark_AmE_Select" class="text2 text1" :data-title="InfomationResult.ENG.Soundmark.AmESound">美{{InfomationResult.ENG.Soundmark.AmE}}</div>
  1169. </div>
  1170. </div>
  1171. <div class='lineFooter'></div>
  1172. </div>
  1173. <!-- 英英翻译 -->
  1174. <div style="width:100%;"
  1175. v-if="InfomationResult.ENG.ParaphraseEng && InfomationResult.ENG.ParaphraseEng.length>0">
  1176. <div class="panelTitle FlexRow">
  1177. <div class="panelTitle1">英英翻译</div>
  1178. </div>
  1179. <div class="panelItemFrame0 FlexRow">
  1180. <template v-if="InfomationResult.ENG.ParaphraseEng"
  1181. v-for="(valueMain, index) in InfomationResult.ENG.ParaphraseEng"><div class="panelItemFrame FlexRow"
  1182. v-for="(valueMain2, index2) in valueMain.ParaphraseList"
  1183. v-on:click="getInputData"
  1184. :id=" 'normal_翻译_ENG_ParaphraseEng_'+index+'_'+index2 "><div :id=" 'normal_翻译_ENG_ParaphraseEng_'+index+'_'+index2+'_Select' "
  1185. class="panelSelect0"></div><div class="text1">{{valueMain.PartOfSpeech}} {{valueMain2}}</div></div>
  1186. </template>
  1187. <div v-if="InfomationResult.ENG.ParaphraseEng && !InfomationResult.ENG.ParaphraseEng[0].ParaphraseList"
  1188. class="panelItemFrame FlexRow" v-on:click="getInputData"
  1189. :id=" 'normal_翻译_ENG_ParaphraseEng' "><div :id=" 'normal_翻译_ENG_ParaphraseEng_Select' " class="panelSelect0"></div><div class="text1">{{InfomationResult.ENG.ParaphraseEng}}</div></div>
  1190. </div>
  1191. <div class='lineFooter'></div>
  1192. </div>
  1193. <!-- 翻译 -->
  1194. <div style="width:100%;"
  1195. v-if="InfomationResult.ENG.Paraphrase && InfomationResult.ENG.Paraphrase.length>0">
  1196. <div class="panelTitle FlexRow">
  1197. <div class="panelTitle1">翻译</div>
  1198. </div>
  1199. <div class="panelItemFrame0 FlexRow">
  1200. <template v-if="InfomationResult.ENG.Paraphrase"
  1201. v-for="(valueMain, index) in InfomationResult.ENG.Paraphrase"><div class="panelItemFrame FlexRow"
  1202. v-for="(valueMain2, index2) in valueMain.ParaphraseList"
  1203. v-on:click="getInputData"
  1204. :id=" 'normal_翻译_ENG_Paraphrase_'+index+'_'+index2 "><div :id=" 'normal_翻译_ENG_Paraphrase_'+index+'_'+index2+'_Select' "
  1205. class="panelSelect0"></div><div class="text1">{{valueMain.PartOfSpeech}} {{valueMain2}}</div></div>
  1206. </template>
  1207. <div v-if="InfomationResult.ENG.Paraphrase && !InfomationResult.ENG.Paraphrase[0].ParaphraseList"
  1208. class="panelItemFrame FlexRow" v-on:click="getInputData"
  1209. :id=" 'normal_翻译_ENG_Paraphrase' "><div :id=" 'normal_翻译_ENG_Paraphrase_Select' " class="panelSelect0"></div><div class="text1">{{InfomationResult.ENG.Paraphrase}}</div></div>
  1210. </div>
  1211. <div class='lineFooter'></div>
  1212. </div>
  1213. <!--例句 -->
  1214. <div style="width:100%;"
  1215. v-if="InfomationResult.ENG.ExamplesSentences && InfomationResult.ENG.ExamplesSentences.length>0">
  1216. <div class="panelTitle FlexRow">
  1217. <div class="panelTitle1">例句</div>
  1218. </div>
  1219. <div class="panelItemFrame0 FlexRow">
  1220. <template v-if="InfomationResult.ENG.ExamplesSentences"
  1221. v-for="(valueMain, index) in InfomationResult.ENG.ExamplesSentences">
  1222. <div class="panelItemFrame2 FlexRow">
  1223. <div class="text3">第{{index+1}}句</div>
  1224. </div>
  1225. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1226. :id=" 'example__ENG_ExamplesSentences_'+index+'_0' ">
  1227. <div :id=" 'example__ENG_ExamplesSentences_'+index+'_0_Select' "
  1228. class="panelSelect0" :data-title="valueMain[0]"></div>
  1229. <div class="text1">
  1230. <template v-for="(contentItem,contentIndex) in valueMain[2]">
  1231. <span class=""
  1232. v-if="contentItem.key=='normal'">{{contentItem.value}}</span>
  1233. <span class="textLine" v-if="contentItem.key=='line'">{{contentItem.value}}</span>
  1234. </template>
  1235. </div>
  1236. </div>
  1237. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1238. :id=" 'normal__ENG_ExamplesSentences_'+index+'_1' ">
  1239. <div :id=" 'normal__ENG_ExamplesSentences_'+index+'_1_Select' "
  1240. class="panelSelect0"></div>
  1241. <div class="text1">{{valueMain[1]}}</div>
  1242. </div>
  1243. </template>
  1244. </div>
  1245. <div class='lineFooter'></div>
  1246. </div>
  1247. </div>
  1248. <!--公式内容-->
  1249. <div style="width:100%;" v-if="InfomationResult.LATEX">
  1250. <!-- 搜索内容 -->
  1251. <div style="width:100%;"
  1252. v-if="InfomationResult.LATEX.LatexName">
  1253. <div class="panelTitle FlexRow">
  1254. <div class="panelTitle1">搜索内容</div>
  1255. <div></div>
  1256. </div>
  1257. <div class="panelItemFrame0 FlexRow">
  1258. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1259. :id=" 'normal_'+InfomationResult.LATEX.Grade+'-'+InfomationResult.LATEX.Subject+'-公式_LATEX_LatexName' " >
  1260. <div :id=" 'normal_'+InfomationResult.LATEX.Grade+'-'+InfomationResult.LATEX.Subject+'-公式_LATEX_LatexName_Select' " class="panelSelect0"></div>
  1261. <div class="text2 text1">{{InfomationResult.LATEX.LatexName}}</div>
  1262. </div>
  1263. </div>
  1264. </div>
  1265. <!-- 公式类别 -->
  1266. <div style="width:100%;"
  1267. v-if="InfomationResult.LATEX.Category">
  1268. <div class="panelTitle FlexRow">
  1269. <div class="panelTitle1">类别</div>
  1270. <div></div>
  1271. </div>
  1272. <div class="panelItemFrame0 FlexRow">
  1273. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1274. :id=" 'normal__LATEX_Category' ">
  1275. <div :id=" 'normal__LATEX_Category_Select' " class="panelSelect0"></div>
  1276. <div class="text2 text1">{{InfomationResult.LATEX.Category}}</div>
  1277. </div>
  1278. </div>
  1279. </div>
  1280. <div class="panelRemark" v-if="InfomationResult.LATEX.Category">
  1281. 该内容属于《{{InfomationResult.LATEX.Subject}}·{{InfomationResult.LATEX.Grade}}·{{InfomationResult.LATEX.Category}}》
  1282. </div>
  1283. <!--公式内容-->
  1284. <div style="width:100%;"
  1285. v-if="InfomationResult.LATEX.LatexContent">
  1286. <div class="panelTitle FlexRow">
  1287. <div class="panelTitle1">公式内容</div>
  1288. <div></div>
  1289. </div>
  1290. <div class="panelItemFrame0 FlexRow">
  1291. <div class="panelItemFrame FlexRow" v-on:click="getInputData"
  1292. :id=" 'latex__LATEX_LatexContent'">
  1293. <div :id=" 'latex__LATEX_LatexContent_Select' " class="panelSelect0"></div>
  1294. <div class="latex" id="divLatex" title="" :latexname="InfomationResult.LATEX.LatexName" :fontsize="InfomationResult.LATEX.FontSize"></div>
  1295. </div>
  1296. </div>
  1297. </div>
  1298. <div class="panelRemark" v-if="InfomationResult.LATEX.LatexContent">
  1299. 由于公式的格式特殊,普通输入框无法直接显示。因此,系统会采用以下方式呈现:<br />
  1300. <span style="color:#5282FA;">[公式]</span><span>{{InfomationResult.LATEX.LatexContent1}}</span><span style="color:#5282FA;">[/公式]</span><br />
  1301. 以 [公式] 开始,以 [/公式] 结尾,中间内容使用 LaTeX 格式书写。LaTeX 是国际通用的数学公式书写标准,这种格式并非乱码,而是专业表达方式。
  1302. </div>
  1303. </div>
  1304. <div style="height:45px"></div>
  1305. </div>
  1306. </div>
  1307. <button class="btnInfomationAdd CursorPointer" id="btnInfomationAdd" v-on:click="addInformation">添加</button>
  1308. </div>
  1309. <div class="main411 FlexColumn">
  1310. </div>
  1311. </div>
  1312. </div>
  1313. </div>
  1314. <!--加公式-->
  1315. <div id="panelLatex" class="container2 container FlexColumn">
  1316. <div class="main4 FlexColumn">
  1317. <div class="btnClose FlexRow" v-on:click="closeLatex">
  1318. <img title="" src="https://kylx365-1253256735.file.myqcloud.com/web/universalpic_close_black_24x24.png" class="imgClose"/>
  1319. </div>
  1320. <div class="main40 FlexRow">
  1321. <div class="Text1" style="margin-left: 30px; font-size: 14px;">公式编辑器</div>
  1322. </div>
  1323. <div class="main41 FlexRow">
  1324. <div class="main411 FlexColumn">
  1325. <div class="mainLatexCategory">快捷输入</div>
  1326. <div class="mainLatex FlexRow">
  1327. <div class="mainLatex1 FlexColumn" v-for="(item, index) in LatexMenu" v-on:click="getLatexCategory" :data-index="index" :data-name="item.Name">
  1328. <div :class=" 'mainLatex110 '+'mainLatex11'+item.Selected ">{{item.Name}}</div>
  1329. </div>
  1330. </div>
  1331. <div class="mainLatex0 FlexColumn">
  1332. <template v-for="(item, index) in LatexList">
  1333. <template v-for="(item2, index2) in item.List" v-if=" item.Name==LatexSelected[0] ">
  1334. <div class="mainLatexList FlexColumn">
  1335. <template v-for="(item3, index3) in item2.List" v-if=" item2.Name==LatexSelected[1] ">
  1336. <div class="mainLatexCategory"><div class="mainLatexCategory1">{{item3.Name}}</div></div>
  1337. <div class="mainLatexItem FlexColumn" v-for="(item4, index4) in item3.List" v-on:click="btnSelectLatex" :data-latexname="item4.Name" :data-latexcontent="item4.LaTeX" :data-fontsize="item4.FontSize">
  1338. <div class="mainLatexItem1">{{item4.Name}}</div>
  1339. <div class="mainLatexItem2 textLaTeX2" :id=" 'divLatex'+item4.ID " :title="item4.LaTeX" :latexname="item4.Name" :fontsize="item4.FontSize" :style="'font-size:'+(item4.FontSize/2)+'px;'"></div>
  1340. </div>
  1341. </template>
  1342. </div>
  1343. </template>
  1344. </template>
  1345. </div>
  1346. </div>
  1347. <div class="main411 FlexColumn">
  1348. <div class="mainLatexCategory">公式编辑</div>
  1349. <div class="mainLatexBtnList FlexRow" >
  1350. <div class="btn mainLatexBtn" v-for="(item, index) in LatexBtnList" v-on:click="btnSelectLatex" :data-latexcontent="item.Content" :data-latexname="txtLatexName" :data-fontsize="txtLatexFontSize">{{item.Name}}</div>
  1351. </div>
  1352. <div class="mainLatex2 FlexRow">
  1353. <div class="mainLatex21 FlexRow"><div>公式标题</div></div>
  1354. <div class="mainLatex22"><input class="" id="txtLatexName" name="txtLatexName" v-model="txtLatexName" /> </div>
  1355. <div class="mainLatex21 FlexRow"><div>字号大小</div></div>
  1356. <div class="mainLatex22"><select class="mainLatex221" title="selectLatexFontSize" id="selectLatexFontSize" change="changeFontSize" v-model="txtLatexFontSize">
  1357. <option value="24">超小</option>
  1358. <option value="32">较小</option>
  1359. <option value="40">偏小</option>
  1360. <option value="48" selected="selected">正常</option>
  1361. <option value="56">偏大</option>
  1362. <option value="64">较大</option>
  1363. <option value="72">超大</option>
  1364. </select> </div>
  1365. </div>
  1366. <div class="mainLatex2 FlexColumn">
  1367. <div class="mainLatex21">公式内容</div>
  1368. <div class="mainLatex">
  1369. <textarea id="txtLatexContent" name="txtLatexContent" class="mainLatexTextarea" rows="10" v-model="txtLatexContent" v-on:keyup="onLatexKeyup"></textarea>
  1370. </div>
  1371. </div>
  1372. <div class="mainLatex3 FlexColumn">
  1373. <button class="btnSave" v-on:click="btnLatexOK">确定</button>
  1374. </div>
  1375. </div>
  1376. <div class="main411 FlexColumn">
  1377. <div class="mainLatexCategory">公式预览</div>
  1378. <div class="mainLatexItem FlexColumn" >
  1379. <div class="mainLatexItem1">{{txtLatexName}}</div>
  1380. <div class="mainLatexItem2 textLaTeX2" id="divLatex9999" :title="txtLatexContent" :style="'font-size:'+(txtLatexFontSize/2)+'px;'"></div>
  1381. </div>
  1382. </div>
  1383. </div>
  1384. </div>
  1385. </div>
  1386. <!--卡单管理-->
  1387. <div class="container2 container FlexColumn">
  1388. <div class="saveRemind0 FlexRow">
  1389. 卡单名称:<input title="txtFolderName" id="txtFolderName" type="text" maxlength="20" :value="FolderName"/>
  1390. </div>
  1391. <div class="saveRemind FlexRow">
  1392. <button class="btn5 btn" v-on:click="closeContainer" data-containertype=".container2">取消</button>
  1393. <button class="btn5 btn" v-on:click="deleteFolder" v-if="FolderID>0">删除</button>
  1394. <button class="btn5 btn" v-on:click="updateFolder" v-if="FolderID>0">修改</button>
  1395. <button class="btn5 btn" v-on:click="updateFolder" v-if="FolderID=='0'">新增</button>
  1396. </div>
  1397. </div>
  1398. <!--Excel导入管理-->
  1399. <div class="container3 container FlexColumn">
  1400. <div class="ExcelPanel FlexColumn">
  1401. <div class="btnClose3 FlexRow" v-on:click="closeContainer" data-containertype=".container3">
  1402. <img title="" src="https://kylx365-1253256735.file.myqcloud.com/web/universalpic_close_black_24x24.png" class="imgClose"/>
  1403. </div>
  1404. <div class="ExcelTitle">
  1405. Excel批量建卡
  1406. </div>
  1407. <div class="ExcelPanel1 FlexColumn">
  1408. <div class="ExcelPanel11">第一步:用Excel准备内容</div>
  1409. <span class="ExcelPanel13">请先用Excel把题卡内容编辑好。
  1410. Excel文件格式:一行一张题卡,一列题目,一列答案。
  1411. 可输入中英文字、标点符号。不支持富文本格式、网址、表情、图片、视频、声音等其它电脑文件。</span>
  1412. <div class="FlexRow">
  1413. <button class="excelBtn" v-on:click="downloadExcelExample">下载Excel模板</button>
  1414. <a class="excelBtn4 excelBtn3" target="_blank" href="/mg/ExcelTemplate.html">模板使用帮助</a>
  1415. </div>
  1416. </div>
  1417. <div class="excelLine"></div>
  1418. <div class="ExcelPanel1 FlexColumn">
  1419. <div class="ExcelPanel11">第二步:粘贴内容</div>
  1420. <span class="ExcelPanel13">请复制Excel的内容粘贴到下面文本框中。
  1421. 一批最多1000行(即1000张),请分批操作。
  1422. 任何修改请在Excel里做完编辑后再粘贴到文本框里,不要直接在文本框里修改。<span class="excelBtn3" v-on:click="emptyExcelTxt">清空输入框</span></span>
  1423. <textarea id="txtExcelContent" name="txtExcelContent" class="textarea4" cols="200" wrap="off" v-on:focus="excelTextareaFocus"></textarea>
  1424. </div>
  1425. <div class="excelLine"></div>
  1426. <div class="ExcelPanel1 FlexColumn">
  1427. <div class="ExcelPanel11">第三步:检查效果</div>
  1428. <span class="ExcelPanel13">点按下面按键,预览题卡效果是否正确(此步骤不可跳过)。
  1429. 如有错误,请在Excel里修改完后,再回到第二步粘贴。</span>
  1430. <button class="excelBtn" v-on:click="excelBuild">检验效果</button>
  1431. <div class="ExcelPanel12 FlexRow">
  1432. <div class="ExcelCard FlexColumn" v-for="(valueMain, index) in ExcelCards">
  1433. <div class="textProblem">题目</div>
  1434. <div class="ExcelCard1">{{valueMain.Question}}</div>
  1435. <div class="ExcelCard2 FlexColumn">
  1436. <span class="ExcelCard21">{{valueMain.Answer}}</span>
  1437. </div>
  1438. <div class="ExcelCardPage">{{index+1}}</div>
  1439. </div>
  1440. <div style="width:100%;height:20px;"></div>
  1441. </div>
  1442. </div>
  1443. <div class="excelLine"></div>
  1444. <div class="ExcelPanel1 FlexColumn">
  1445. <div class="ExcelPanel11">第四步:生成题卡</div>
  1446. <span class="ExcelPanel13">题卡默认归档,并自动生成一张新卡单。</span>
  1447. <button class="excelBtn" id="btnImportExcelData" disabled="disabled" v-on:click="importExcelData">生成题卡</button>
  1448. <img title="loading" src="https://kylx365-1253256735.file.myqcloud.com/web/timg.gif" class="timg" id="loading2"/>
  1449. </div>
  1450. <div class="excelLine"></div>
  1451. <div class="ExcelPanel1 FlexColumn">
  1452. <div class="ExcelPanel11">后续操作</div>
  1453. <span class="ExcelPanel13">要日常练习:使用「调整到日常」选卡单,批量改到日常。
  1454. 要紧急练习:使用「调整到紧急」选卡单,批量改到紧急。
  1455. 要删除:使用「批量删除」选卡单,批量删除这些题卡。
  1456. 要合并:使用「分配卡单」,批量把题卡移动到另一张卡单里。</span>
  1457. <button class="excelBtn2 excelBtn" v-on:click="closeContainer" data-containertype=".container3">返回首页</button>
  1458. </div>
  1459. </div>
  1460. </div>
  1461. </div>
  1462. <div id="remind" class="remind FlexRow">
  1463. <div id="remind1" class="remind1"></div>
  1464. </div>
  1465. </body>
  1466. </html>