questionedit.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763
  1. {extend name="public/layout" /} {block name="title"}商学院{/block} {block name="body"}
  2. {include file="public/head"/}
  3. <script src="/static/js/jquery.min.js"></script>
  4. <style type="text/css">
  5. html,
  6. body {
  7. display: block;
  8. width: 100%;
  9. background-color: #fff;
  10. }
  11. .layui-fluid {
  12. display: block;
  13. border-radius: 5px;
  14. background-color: #ffffff;
  15. padding: 15px 20px;
  16. }
  17. .layui-input-inline{line-height: 38px;}
  18. .layui-input-inline input{margin-right: 10px;}
  19. .input-indent-box-small{margin-left:10px;}
  20. .layui-tab {
  21. padding: 15px;
  22. height: 100%;
  23. }
  24. .layui-table-view .layui-table th,
  25. .layui-table-view .layui-table td {
  26. text-align: center;
  27. border-color: #B6CADE;
  28. }
  29. .layui-table thead tr,
  30. .layui-table-header {
  31. background-color: #D8E6F1;
  32. }
  33. .upload-img .area i {
  34. font-size: 50px;
  35. color: #009688;
  36. }
  37. .text-detail>span {
  38. font-size: 40px;
  39. }
  40. .imageDiv div {
  41. width: 100%;
  42. height: 100%;
  43. position: absolute;
  44. top: 0px;
  45. background-color: #e6e6e600;
  46. }
  47. .imageDiv div i {
  48. display: none;
  49. font-size: 31px;
  50. position: absolute;
  51. top: 37%;
  52. left: 40%;
  53. }
  54. .imageDiv div:hover {
  55. background-color: #e6e6e680;
  56. }
  57. .imageDiv div:hover i {
  58. display: block;
  59. cursor: pointer;
  60. }
  61. .layui-input-inline.input-longer-inline {
  62. width: 290px;
  63. }
  64. .layui-item-inline{
  65. width: 260px;
  66. display: inline;
  67. margin-bottom: 5px;
  68. }
  69. .submit-btn{
  70. text-align: right;
  71. }
  72. .select_items{
  73. display: block;
  74. float:left;
  75. margin-left:10px;
  76. }
  77. .layui-input-answer{
  78. width: 330px;
  79. }
  80. .option_all{
  81. clear: both;
  82. overflow: hidden;
  83. }
  84. .option_alld{
  85. clear: both;
  86. overflow: hidden;
  87. }
  88. .everyoptionbox{
  89. display: block;
  90. width: 100%;
  91. float: left;
  92. margin-bottom: 15px;
  93. }
  94. /*//多图上传*/
  95. .imageDiv {
  96. display: inline-block;
  97. width: 140px;
  98. height: 125px;
  99. -webkit-box-sizing: border-box;
  100. -moz-box-sizing: border-box;
  101. box-sizing: border-box;
  102. border: 1px dashed darkgray;
  103. background: #f8f8f8;
  104. position: relative;
  105. overflow: hidden;
  106. margin-left: 5px;
  107. }
  108. .addImages {
  109. display: inline-block;
  110. width: 140px;
  111. height: 125px;
  112. -webkit-box-sizing: border-box;
  113. -moz-box-sizing: border-box;
  114. box-sizing: border-box;
  115. border: 1px dashed darkgray;
  116. background: #f8f8f8;
  117. position: relative;
  118. overflow: hidden;
  119. }
  120. .text-detail {
  121. margin-top: 40px;
  122. text-align: center;
  123. }
  124. .text-detail>span {
  125. font-size: 40px;
  126. }
  127. .imageDiv div {
  128. width: 100%;
  129. height: 100%;
  130. position: absolute;
  131. top: 0px;
  132. background-color: #e6e6e600;
  133. }
  134. .imageDiv div i {
  135. display: none;
  136. font-size: 31px;
  137. position: absolute;
  138. top: 37%;
  139. left: 40%;
  140. }
  141. .imageDiv div:hover {
  142. background-color: #e6e6e680;
  143. }
  144. .imageDiv div:hover i {
  145. display: block;
  146. cursor: pointer;
  147. }
  148. .rotate180 {
  149. -webkit-transform: rotate(180deg);
  150. transform: rotate(180deg);
  151. }
  152. .layui-edge.rotate180 {
  153. margin-top: -9px;
  154. }
  155. .layui-input-inline.input-longer-inline {
  156. width: 290px;
  157. }
  158. .goback {
  159. float: right;
  160. }
  161. .goback a {
  162. color: #269efb;
  163. }
  164. .goback i {
  165. position: relative !important;
  166. }
  167. @media screen and (max-width: 450px){
  168. .layui-form-item{
  169. position: relative;
  170. }
  171. .layui-form-item .layui-input-inline {
  172. padding-right: 40px !important;
  173. }
  174. .adding {
  175. position: absolute;
  176. right: 10px;
  177. top: 0;
  178. }
  179. }
  180. input:disabled, input[disabled]{
  181. color: black;
  182. opacity: 1;
  183. -webkit-text-fill-color:black;
  184. -webkit-opacity:1;
  185. }
  186. .labels{
  187. display:block;
  188. float:left;
  189. height: 4%;
  190. }
  191. .picDiv{
  192. margin: 110px;
  193. }
  194. .layui-form-radio>i {
  195. font-size: 18px;
  196. }
  197. .layui-form-select dl{
  198. z-index: 999;
  199. }
  200. .lay-delete {
  201. position: absolute;
  202. right: 20px;
  203. color: red;
  204. cursor: pointer;
  205. }
  206. .layui-form-checkbox[lay-skin=primary] {
  207. position: relative;
  208. top: -8px;
  209. left: 15px;
  210. transform: scale(1.2);
  211. }
  212. .layui-form-radio {
  213. position: relative;
  214. top: -8px;
  215. left: 10px;
  216. transform: scale(1.2);
  217. }
  218. </style>
  219. <body>
  220. <div class="layui-fluid">
  221. <div class="layui-card">
  222. <div class="layui-card-body">
  223. <form class="layui-form" enctype="multipart/form-data" lay-filter="layuiadmin-question-form">
  224. <input type="hidden" name="qid" value="{$data.id}">
  225. <!-- <div class="layui-form-item">
  226. <label class="layui-form-label">选择题型:</label>
  227. <div class="layui-input-inline" style="width: 380px">
  228. <input type='button' class="layui-btn problem1 problem" id="type1" values="1" value="选择题">
  229. <input type="button" class="layui-btn layui-btn-primary problem2 problem" id="type2" values="2" value="判断题">
  230. <input type="button" class="layui-btn layui-btn-primary problem3 problem" id="type3" values="3" value="简答题">
  231. <input type="hidden" id="typename" name="type" value=1>
  232. </div>
  233. </div> -->
  234. <div class="layui-form-item">
  235. <label class="layui-form-label"><b style="color:red;">*</b>题面内容:</label>
  236. <div class="layui-input-block">
  237. <!-- <textarea name="ask" id="content" cols="30" rows="10" placeholder="请输入题干内容">{$data.ask}</textarea> -->
  238. <textarea id='content' name='ask' cols="30" rows="10" placeholder="请输入题干内容" style="height: 350px;">{$data.ask}</textarea>
  239. </div>
  240. </div>
  241. <div class="layui-form-item">
  242. <label for="type" class="layui-form-label"><b style="color:red;">*</b>选择分类:</label>
  243. <div class="layui-input-block">
  244. <div class="layui-input-inline" style="width:100%;max-width: 205px;margin-left: 0;">
  245. <!-- <input class="layui-input" name="cate" value="{$data.cate}" style="background:#f2f2f2" readonly> -->
  246. <select id="cate" name="cate" lay-verify="required" >
  247. <option value="">请选择分类</option>
  248. {volist name="cate" id="vo"}
  249. <option value="{$vo}" {if condition="$vo eq $data.cate"}selected{/if}>{$vo}</option>
  250. {/volist}
  251. </select>
  252. </div>
  253. <!-- <a id="addcate" href="javascript:void(0)"><i class="layui-icon layui-icon-add-circle-fine" style="font-size: 30px;"></i></a> -->
  254. </div>
  255. </div>
  256. <div class="layui-form-item img">
  257. <label class="layui-form-label labels">题面图片:</label>
  258. <div class="imgs">
  259. <div class="picDiv" style="margin:10px 10px 0px;margin-left:110px;">
  260. {volist name="data.vo_imgs" id="vo" }
  261. <div class="imageDiv">
  262. <img src="{$url}{$vo}?x-oss-process=image/resize,l_125" class="layui-upload-img" width="100%" height="100%">
  263. <div><i class="layui-icon layui-icon-delete"></i></div>
  264. <input type="hidden" name="article_image_exist[]" value="{$vo}" />
  265. </div>
  266. {/volist}
  267. <div class="addImages" id="evidence_imgs">
  268. <div class="text-detail">
  269. <span>+</span>
  270. <p>选择单、多图</p>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. <div class="layui-form-item">
  277. <label class="layui-form-label labels"></label>
  278. <div><i style="color: red;margin-right:5px;">*</i>建议上传图片宽高比例7:10,图片大小不超过1M</div>
  279. </div>
  280. {if condition='$data.type eq 0'}
  281. <!-- 选择题 -->
  282. <div class="con1 con{if condition='$data.type neq 0'} layui-hide{/if}">
  283. <div class="layui-form-item">
  284. <label for="type" class="layui-form-label"><b style="color:red;">*</b>选项名称:</label>
  285. <!-- <div class="layui-input-block"> -->
  286. <!-- <div class="layui-input-inline" style="width: 44%;"> -->
  287. <input class="layui-input" type="hidden" name="option_named" id="option_named" value="" placeholder="请输入" title="题面" autocomplete="off" >
  288. <!-- </div> -->
  289. <button type="button" class="layui-btn" id="quea_d">添加选项</button>
  290. <!-- </div> -->
  291. </div>
  292. <div class="layui-form-item">
  293. <label class="layui-form-label"></label>
  294. <div class="layui-input-block option_alld">
  295. {volist name="data.content" id="vo" key="index"}
  296. <div class="everyoptionbox">
  297. <div style="width: 100%;">
  298. <input style="width:13%;font-size:15px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary" readonly name="option0[]" value="{$vo.title}">
  299. <input type="radio" name="checkbox0" title="" lay-skin="primary" value="{$vo.title}" {if condition='$vo.ansower eq 1'}checked{/if}>
  300. <textarea id="danxuanTextarea{$index-1}" class="danxuanTextarea" name="answer0[{$index-1}]" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;">{$vo.content}</textarea>
  301. </div>
  302. </div>
  303. {/volist}
  304. </div>
  305. </div>
  306. </div>
  307. {elseif($data.type == 1)/}
  308. <!-- 选择题 -->
  309. <div class="con1 con{if condition='$data.type neq 1'} layui-hide{/if}">
  310. <div class="layui-form-item">
  311. <label for="type" class="layui-form-label"><b style="color:red;">*</b>选项名称:</label>
  312. <!-- <div class="layui-input-block"> -->
  313. <!-- <div class="layui-input-inline" style="width: 44%;"> -->
  314. <input class="layui-input" type="hidden" name="option_name" id="option_name" value="" placeholder="请输入" title="题面" autocomplete="off" >
  315. <!-- </div> -->
  316. <button type="button" class="layui-btn" id="quea">添加</button>
  317. <!-- </div> -->
  318. </div>
  319. <div class="layui-form-item">
  320. <label class="layui-form-label"></label>
  321. <div class="layui-input-block option_all">
  322. {volist name="data.content" id="vo" key="index"}
  323. <div class="everyoptionbox">
  324. <input style="width:13%;font-size:15px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary" readonly name="option1[]" value="{$vo.title}">
  325. <input type="checkbox" name="checkbox1[]" title="" lay-skin="primary" value="{$vo.title}" {if condition='$vo.ansower eq 1'}checked{/if}>
  326. <textarea id="duoxuanTextarea{$index-1}" class="duoxuanTextarea" name="answer1[{$index-1}]" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;">{$vo.content}</textarea>
  327. </div>
  328. {/volist}
  329. </div>
  330. </div>
  331. </div>
  332. {elseif($data.type == 2)/}
  333. <!-- 判断题 -->
  334. <div class="layui-form-item con2 con{if condition='$data.type neq 2'} layui-hide{/if}">
  335. <label class="layui-form-label"></label>
  336. <div class="layui-input-block">
  337. <input type="hidden" id="answer2" name="answer2" value="1" lay-verify="required">
  338. <input type="button" class="layui-btn {if condition='$data.answer neq 1'}layui-btn-primary{/if} panduan1 panduan" onclick="panduan(1)" value="正确">
  339. <input type="button" class="layui-btn {if condition='$data.answer neq 2'}layui-btn-primary{/if} panduan2 panduan" onclick="panduan(2)" value="错误">
  340. </div>
  341. </div>
  342. {elseif($data.type == 3)/}
  343. <!-- 简答题 -->
  344. <div class="layui-form-item con3 con{if condition='$data.type neq 3'} layui-hide{/if}">
  345. <label class="layui-form-label">参考答案:</label>
  346. <div class="layui-input-block">
  347. <textarea name="content3" cols="6" autocomplete="off" id="jiandan_answer" class="layui-textarea">{$data.content}</textarea>
  348. </div>
  349. </div>
  350. <div class="layui-form-item con3 con{if condition='$data.type neq 3'} layui-hide{/if}">
  351. <label class="layui-form-label"><b style="color:red;">*</b>答案关键词:</label>
  352. <div class="layui-input-block">
  353. <textarea name="answer3" cols="6" autocomplete="off" id="jiandan_answer" class="layui-textarea">{$data.answer}</textarea>
  354. </div>
  355. </div>
  356. {/if}
  357. <div class="layui-form-item submit-btn">
  358. <input class="layui-btn " type="button" lay-submit lay-filter="layuiadmin-question-submit" id="layuiadmin-anli-submit" value="确认提交">
  359. </div>
  360. </form>
  361. </div>
  362. </div>
  363. </div>
  364. </body>
  365. {/block}
  366. {block name="js"}
  367. <!-- 配置文件 -->
  368. <script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.config.js"></script>
  369. <!-- 编辑器源码文件 -->
  370. <script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.all.js"></script>
  371. <!-- 实例化编辑器 -->
  372. <script type="text/javascript">
  373. setEditorFunc('content');
  374. let danxuanArr = document.getElementsByClassName('danxuanTextarea');
  375. let duoxuanArr = document.getElementsByClassName('duoxuanTextarea');
  376. for(let i = 0; i < danxuanArr.length; i++) {
  377. setEditorFunc(`danxuanTextarea${i}`);
  378. }
  379. for(let i = 0; i < duoxuanArr.length; i++) {
  380. setEditorFunc(`duoxuanTextarea${i}`);
  381. }
  382. function setEditorFunc(element) {
  383. UE.getEditor(element,{
  384. toolbars: [
  385. [
  386. "fullscreen",
  387. "bold",
  388. "italic",
  389. "underline",
  390. "fontborder",
  391. "strikethrough",
  392. "superscript",
  393. "subscript",
  394. "removeformat",
  395. "formatmatch",
  396. "autotypeset",
  397. "blockquote",
  398. "pasteplain",
  399. "|",
  400. "forecolor",
  401. "backcolor",
  402. "insertorderedlist",
  403. "insertunorderedlist",
  404. "|",
  405. "rowspacingtop",
  406. "rowspacingbottom",
  407. "lineheight",
  408. "|",
  409. "paragraph",
  410. "fontfamily",
  411. "fontsize",
  412. "|",
  413. "directionalityltr",
  414. "directionalityrtl",
  415. "indent",
  416. "|",
  417. "justifyleft",
  418. "justifycenter",
  419. "justifyright",
  420. "justifyjustify",
  421. "|",
  422. "touppercase",
  423. "tolowercase",
  424. "simpleupload",
  425. "|",
  426. "imagenone",
  427. "imageleft",
  428. "imageright",
  429. "imagecenter",
  430. "|",
  431. "horizontal",
  432. "spechars",
  433. "preview",
  434. ]]
  435. });
  436. }
  437. </script>
  438. <script>
  439. layui.config({
  440. base: '__LAYUI__/' //静态资源所在路径
  441. ,
  442. urlbase: '/sys'
  443. }).extend({
  444. index: 'lib/index' //主入口模块
  445. }).use(['index', 'table', 'layedit', 'element', 'upload','form'], function() {
  446. var $ = layui.$,
  447. layedit = layui.layedit,
  448. form = layui.form,
  449. upload = layui.upload,
  450. files;
  451. //多图片上传
  452. upload.render({
  453. elem: '#evidence_imgs',
  454. accept: 'images',
  455. url: '/upload/',
  456. exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
  457. field: 'imgs',
  458. size: 5 * 1024,
  459. auto: false,
  460. multiple: true,
  461. choose: function(obj) {
  462. files = obj.pushFile();
  463. length = $('.imageDiv').length;
  464. obj.preview(function(index, file, result) {
  465. length++;
  466. if(length > 8) {
  467. if(length == 9) layer.msg('限制八张图片以下');
  468. delete files[index];
  469. } else {
  470. $('.picDiv').prepend('<div class="imageDiv" data-id="' + index + '"><img src="' + result + '" alt="' + file.name + '" class="layui-upload-img" width="100%" height="100%"><div><i class="layui-icon layui-icon-delete"></i></div></div>');
  471. }
  472. });
  473. }
  474. });
  475. $('.picDiv').on('click', 'i', function() {
  476. var that = this;
  477. layer.confirm('确定删除该图片么?',{title: ['信息', 'color:#333333;background-color:#D8E6F1;']}, function(index) {
  478. var imgDiv = $(that).closest('.imageDiv');
  479. if(id = imgDiv.data('id')) {
  480. delete files[id];
  481. }
  482. imgDiv.remove();
  483. layer.close(index);
  484. });
  485. });
  486. var active = {
  487. gettype: function(type) {
  488. var id = '.problem'+type;
  489. $('.problem').addClass('layui-btn-primary');
  490. $(id).removeClass('layui-btn-primary');
  491. $('#typename').val(type);
  492. $('.con').addClass('layui-hide');
  493. $('.con'+type).removeClass('layui-hide');
  494. if (type==1) {
  495. $('.everyoptionbox input').attr('lay-verify',"required");
  496. $('#jiandan_answer').attr('lay-verify',"");
  497. form.render('select');
  498. } else if (type==3) {
  499. $('.everyoptionbox input').attr('lay-verify',"");
  500. $('#jiandan_answer').attr('lay-verify',"");
  501. form.render('select');
  502. } else if(type==2){
  503. $('.everyoptionbox input').attr('lay-verify',"");
  504. $('#jiandan_answer').attr('lay-verify',"");
  505. form.render('select');
  506. }
  507. }
  508. };
  509. form.on('submit(layuiadmin-question-submit)', function(data) {
  510. var index = parent.layer.getFrameIndex(window.name);
  511. var formData = new FormData();
  512. let danxuan = false;
  513. let duoxuan = false;
  514. Object.keys(data.field).forEach(key => {
  515. if (key.indexOf('answer0') > -1 && !data.field[key]) {
  516. danxuan = true;
  517. }
  518. if (key.indexOf('answer1') > -1 && !data.field[key]) {
  519. duoxuan = true;
  520. }
  521. formData.append(key, data.field[key]);
  522. })
  523. if (danxuan && "{$data.type}" == '0') {
  524. layer.msg('请完善选项内容', {
  525. anim: 6
  526. });
  527. return false;
  528. }
  529. if (duoxuan && "{$data.type}" == '1') {
  530. layer.msg('请完善选项内容', {
  531. anim: 6
  532. });
  533. return false;
  534. }
  535. if (data.field.ask=='') {
  536. layer.msg('请填写题干内容', {
  537. anim: 6
  538. });
  539. return false;
  540. }
  541. formData.delete('imgs');
  542. if (typeof(files) == "undefined" || JSON.stringify(files)=="{}") {
  543. // layer.msg('请至少选择一张图片', {
  544. // anim: 6
  545. // });
  546. // return false;
  547. } else {
  548. for(i in files) {
  549. formData.append('imgs[]', files[i]);
  550. }
  551. }
  552. $.ajax({
  553. url: '{:url("exam/questionedit")}',
  554. type: 'post',
  555. data: formData,
  556. dataType: 'json',
  557. processData: false,
  558. contentType: false,
  559. success: function(res) {
  560. if(res.code === 0) {
  561. layer.msg(res.msg, {
  562. anim: 0
  563. ,time: 2000
  564. }, function() {
  565. parent.layui.table.reload('LAY-exam-question-list'); //重载表格
  566. window.location.reload();
  567. parent.layer.close(index); //再执行关闭
  568. });
  569. } else {
  570. layer.msg(res.msg, {
  571. anim: 6
  572. ,time: 2000
  573. });
  574. }
  575. }
  576. });
  577. return false;
  578. });
  579. $('#addcate').click(function () {
  580. layer.prompt({
  581. formType: 0,
  582. value: '',
  583. title: ['请输入类型', 'color:#333333;background-color:#D8E6F1;'],
  584. area: ['800px', '350px']
  585. }, function (value, index, elem) {
  586. $.ajax({
  587. url: '{:url("exam/addquestioncate")}',
  588. data: { cate: value },
  589. type: 'post',
  590. success: function (res) {
  591. $('#cate').append('<option value="' + res.data + '">' + value + '</option>');
  592. form.render('select');
  593. layer.close(index);
  594. }
  595. });
  596. });
  597. });
  598. // 单选
  599. $('#quea_d').click(function(){
  600. var value = $('#option_named').val();
  601. // if (value=='') {
  602. // layer.msg('请填写选项');
  603. // return false;
  604. // }
  605. var arr=$('.option_alld .layui-btn-primary');
  606. var val=arr[arr.length-1].value;
  607. var arr=['A','B','C','D','E','F','G','H'];
  608. let str="";
  609. let index = null;
  610. for(let i in arr){
  611. if(val==arr[i]){
  612. index = i*1+1;
  613. str=arr[i*1+1];
  614. break;
  615. }
  616. }
  617. if (str=='' || str==undefined) {
  618. layer.msg('最多添加8个选项');
  619. return false;
  620. }
  621. let word = Date.now();
  622. var option = '';
  623. option += '<div class="everyoptionbox">';
  624. option += '<i class="layui-icon layui-icon-delete lay-delete" data-word="'+str+'"></i>';
  625. option += '<input style="width:13%;font-size:15px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary" readonly name="option0[]" value="'+str+'"> ';
  626. option += '<input type="radio" name="checkbox0[]" title="" lay-skin="primary" value="'+str+'"> ';
  627. option += '<textarea id="danxuanTextarea'+word+'" class="danxuanTextarea" name="answer0['+index+']" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;">'+value+'</textarea>';
  628. option += '</div>';
  629. $('.option_alld').append(option);
  630. form.render();
  631. let timer = setTimeout(() => {
  632. clearTimeout(timer);
  633. setEditorFunc(`danxuanTextarea${word}`);
  634. $(".lay-delete").click(function() {
  635. $(this).parent().remove();
  636. })
  637. }, 500)
  638. });
  639. //多选增加选项
  640. $('#quea').click(function(){
  641. var value = $('#option_name').val();
  642. // if (value=='') {
  643. // layer.msg('请填写选项');
  644. // return false;
  645. // }
  646. var arr=$('.option_all .layui-btn-primary');
  647. var val=arr[arr.length-1].value;
  648. var arr=['A','B','C','D','E','F','G','H'];
  649. let str="";
  650. let index = null;
  651. for(let i in arr){
  652. if(val==arr[i]){
  653. index = i*1+1;
  654. str=arr[i*1+1];
  655. break;
  656. }
  657. }
  658. if (str=='' || str==undefined) {
  659. layer.msg('最多添加8个选项');
  660. return false;
  661. }
  662. let word = Date.now();
  663. var html = $('.option_all').html();
  664. var option = '';
  665. option += '<div class="everyoptionbox">';
  666. option += '<i class="layui-icon layui-icon-delete lay-delete" data-word="'+str+'"></i>';
  667. option += '<input style="width:13%;font-size:15px;margin-bottom: 10px;" type="text" class="layui-btn layui-btn-primary" readonly name="option1[]" value="'+str+'"> ';
  668. option += '<input type="checkbox" name="checkbox1[]" title="" lay-skin="primary" value="'+str+'"> ';
  669. option += '<textarea id="duoxuanTextarea'+word+'" class="duoxuanTextarea" name="answer1['+index+']" cols="50" rows="20" placeholder="请输入内容" required style="height: 350px;width: 99%;">'+value+'</textarea>';
  670. option += '</div>';
  671. $('.option_all').append(option);
  672. form.render();
  673. let timer = setTimeout(() => {
  674. clearTimeout(timer);
  675. setEditorFunc(`duoxuanTextarea${word}`);
  676. $(".lay-delete").click(function() {
  677. $(this).parent().remove();
  678. })
  679. }, 500)
  680. });
  681. //切换选择判断简答
  682. $('#type1').click(function(){
  683. var type = $('#type1').attr('values');
  684. $('#typename').val(type);
  685. active.gettype(type)
  686. });
  687. $('#type2').click(function(){
  688. var type = $('#type2').attr('values');
  689. $('#typename').val(type);
  690. active.gettype(type)
  691. });
  692. $('#type3').click(function(){
  693. var type = $('#type3').attr('values');
  694. $('#typename').val(type);
  695. active.gettype(type)
  696. });
  697. });
  698. function gettype(type){
  699. var id = '.problem'+type;
  700. $('.problem').addClass('layui-btn-primary');
  701. $(id).removeClass('layui-btn-primary');
  702. $('#typename').val(type);
  703. $('.con').addClass('layui-hide');
  704. $('.con'+type).removeClass('layui-hide');
  705. }
  706. function panduan(type){
  707. var id = '.panduan'+type;
  708. $('.panduan').addClass('layui-btn-primary');
  709. $(id).removeClass('layui-btn-primary');
  710. $('#answer2').val(type);
  711. }
  712. </script>
  713. {/block}