material.php 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772
  1. {extend name="public/container"}
  2. {block name='head_top'}
  3. <style>
  4. .layui-table {
  5. width: 100%!important;
  6. }
  7. .layui-form-item .special-label {
  8. width: 50px;
  9. float: left;
  10. height: 30px;
  11. line-height: 38px;
  12. margin-left: 10px;
  13. margin-top: 5px;
  14. border-radius: 5px;
  15. background-color: #0092DC;
  16. text-align: center;
  17. }
  18. .layui-form-item .special-label i {
  19. display: inline-block;
  20. width: 18px;
  21. height: 18px;
  22. font-size: 18px;
  23. color: #fff;
  24. }
  25. .layui-form-item .label-box {
  26. border: 1px solid;
  27. border-radius: 10px;
  28. position: relative;
  29. padding: 10px;
  30. height: 30px;
  31. color: #fff;
  32. background-color: #393D49;
  33. text-align: center;
  34. cursor: pointer;
  35. display: inline-block;
  36. line-height: 10px;
  37. }
  38. .layui-form-item .label-box p {
  39. line-height: inherit;
  40. }
  41. .edui-default .edui-for-image .edui-icon {
  42. background-position: -380px 0px;
  43. }
  44. .layui-form-radioed.layui-radio-disbaled>i {
  45. color: #0092DC !important;
  46. }
  47. .layui-disabled,
  48. .layui-disabled:hover {
  49. color: #333 !important;
  50. cursor: auto !important;
  51. }
  52. .layui-form-radioed.layui-disabled,
  53. .layui-form-radioed.layui-disabled:hover {
  54. color: #0092DC !important;
  55. }
  56. </style>
  57. <script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/ueditor/third-party/zeroclipboard/ZeroClipboard.js"></script>
  58. <script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/ueditor/ueditor.config.js"></script>
  59. <script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/ueditor/ueditor.all.min.js"></script>
  60. {/block}
  61. {block name="content"}
  62. <div v-cloak id="app" class="layui-fluid">
  63. <div class="layui-card">
  64. <div class="layui-card-body">
  65. <div class="layui-form">
  66. <div class="layui-tab layui-tab-brief" lay-filter="tab">
  67. <ul class="layui-tab-title">
  68. <li class="layui-this" lay-id="0">基本设置</li>
  69. <li lay-id="1">题库选择</li>
  70. <li v-show="type==2" lay-id="2">价格设置</li>
  71. </ul>
  72. <div class="layui-tab-content">
  73. <div class="layui-tab-item layui-show">
  74. <div class="layui-form-item">
  75. <label class="layui-form-label">{$type==1 ? '练习名称' : '考试名称'}:</label>
  76. <div class="layui-input-block">
  77. <input type="text" name="title" v-model.trim="formData.title" disabled class="layui-input">
  78. </div>
  79. </div>
  80. <div class="layui-form-item">
  81. <label class="layui-form-label">{$type==1 ? '练习分类' : '考试分类'}:</label>
  82. <div class="layui-input-block">
  83. <input type="text" name="tid" :value="formData.tid" disabled class="layui-input">
  84. </div>
  85. </div>
  86. <div class="layui-form-item" v-show="type==2">
  87. <label class="layui-form-label">考试封面:(710*400)</label>
  88. <div class="layui-input-block">
  89. <div class="upload-image-box" v-if="formData.image">
  90. <img :src="formData.image" alt="">
  91. </div>
  92. </div>
  93. </div>
  94. <div class="layui-form-item">
  95. <div class="layui-inline">
  96. <label class="layui-form-label">单选题数量:</label>
  97. <div class="layui-input-inline">
  98. <input type="text" name="single_number" v-model.trim="formData.single_number" disabled class="layui-input">
  99. </div>
  100. </div>
  101. <div class="layui-inline" >
  102. <label class="layui-form-label">题型排序/倒序:</label>
  103. <div class="layui-input-inline">
  104. <input type="text" name="single_sort" v-model.trim="formData.single_sort" disabled class="layui-input">
  105. </div>
  106. </div>
  107. <div class="layui-inline" v-show="type==2">
  108. <label class="layui-form-label">每题分数:</label>
  109. <div class="layui-input-inline">
  110. <input type="text" name="single_score" v-model.trim="formData.single_score" disabled class="layui-input">
  111. </div>
  112. </div>
  113. </div>
  114. <div class="layui-form-item">
  115. <div class="layui-inline">
  116. <label class="layui-form-label">多选题数量:</label>
  117. <div class="layui-input-inline">
  118. <input type="text" name="many_number" v-model.trim="formData.many_number" disabled class="layui-input">
  119. </div>
  120. </div>
  121. <div class="layui-inline" >
  122. <label class="layui-form-label">题型排序/倒序:</label>
  123. <div class="layui-input-inline">
  124. <input type="text" name="many_sort" v-model.trim="formData.many_sort" disabled class="layui-input">
  125. </div>
  126. </div>
  127. <div class="layui-inline" v-show="type==2">
  128. <label class="layui-form-label">每题分数:</label>
  129. <div class="layui-input-inline">
  130. <input type="text" name="many_score" v-model.trim="formData.many_score" disabled class="layui-input">
  131. </div>
  132. </div>
  133. </div>
  134. <div class="layui-form-item">
  135. <div class="layui-inline">
  136. <label class="layui-form-label">判断题数量:</label>
  137. <div class="layui-input-inline">
  138. <input type="text" name="judge_number" v-model.trim="formData.judge_number" disabled class="layui-input">
  139. </div>
  140. </div>
  141. <div class="layui-inline" >
  142. <label class="layui-form-label">题型排序/倒序:</label>
  143. <div class="layui-input-inline">
  144. <input type="text" name="judge_sort" v-model.trim="formData.judge_sort" disabled class="layui-input">
  145. </div>
  146. </div>
  147. <div class="layui-inline" v-show="type==2">
  148. <label class="layui-form-label">每题分数:</label>
  149. <div class="layui-input-inline">
  150. <input type="text" name="judge_score" v-model.trim="formData.judge_score" disabled class="layui-input">
  151. </div>
  152. </div>
  153. </div>
  154. <div class="layui-form-item">
  155. <div class="layui-inline">
  156. <label class="layui-form-label">试题总数:</label>
  157. <div class="layui-input-inline">
  158. <input type="text" name="item_number" :value="sum" disabled class="layui-input">
  159. </div>
  160. </div>
  161. <div class="layui-inline" v-show="type==2">
  162. <label class="layui-form-label">总分数:</label>
  163. <div class="layui-input-inline">
  164. <input type="text" name="total_score" :value="total" disabled class="layui-input">
  165. </div>
  166. </div>
  167. </div>
  168. <div class="layui-form-item">
  169. <div class="layui-inline" v-show="type==2">
  170. <label class="layui-form-label">时长/分:</label>
  171. <div class="layui-input-inline">
  172. <input type="text" name="txamination_time" :value="formData.txamination_time" disabled class="layui-input">
  173. </div>
  174. </div>
  175. <div class="layui-inline" v-show="type==2">
  176. <label class="layui-form-label">考试次数:</label>
  177. <div class="layui-input-inline">
  178. <input type="text" name="frequency" :value="formData.frequency" disabled class="layui-input">
  179. </div>
  180. </div>
  181. <div class="layui-inline">
  182. <label class="layui-form-label">虚拟答题人数:</label>
  183. <div class="layui-input-inline">
  184. <input type="text" name="fake_sales" :value="formData.fake_sales" disabled class="layui-input">
  185. </div>
  186. </div>
  187. </div>
  188. <div class="layui-form-item submit" v-show="type==2">
  189. <label class="layui-form-label">分数显示:</label>
  190. <div class="layui-input-block">
  191. <input type="radio" name="is_score" lay-filter="is_score" v-model="formData.is_score" value="1" title="显示" disabled>
  192. <input type="radio" name="is_score" lay-filter="is_score" v-model="formData.is_score" value="0" title="隐藏" disabled>
  193. </div>
  194. </div>
  195. <div class="layui-form-item">
  196. <label class="layui-form-label">试卷难度:</label>
  197. <div class="layui-input-block">
  198. <div id="rate"></div>
  199. </div>
  200. </div>
  201. <div v-for="(item, index) in grade" :key="index" class="layui-form-item" v-show="type==2">
  202. <label v-if="!index" class="layui-form-label">分数等级:</label>
  203. <div class="layui-input-block">
  204. <div class="layui-inline">
  205. <div class="layui-input-inline">
  206. <input type="text" name="fake_sales" :value="item.grade_name" disabled class="layui-input">
  207. </div>
  208. </div>
  209. <div class="layui-inline">
  210. <div class="layui-input-inline">
  211. <input type="text" name="fake_sales" :value="item.grade_standard" disabled class="layui-input">
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="layui-form-item submit">
  217. <label class="layui-form-label">组题方式:</label>
  218. <div class="layui-input-block">
  219. <input type="radio" name="is_group" lay-filter="is_group" v-model="formData.is_group" value="1" title="手动组题" disabled>
  220. <input type="radio" name="is_group" lay-filter="is_group" v-model="formData.is_group" value="2" title="随机组题" disabled>
  221. </div>
  222. </div>
  223. <div class="layui-form-item submit">
  224. <label class="layui-form-label">{$type==1 ? '练习状态' : '考试状态'}:</label>
  225. <div class="layui-input-block">
  226. <input type="radio" name="is_show" lay-filter="is_show" v-model="formData.is_show" value="1" title="显示" disabled>
  227. <input type="radio" name="is_show" lay-filter="is_show" v-model="formData.is_show" value="0" title="隐藏" disabled>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="layui-tab-item">
  232. <table class="layui-hide" id="List" lay-filter="List"></table>
  233. </div>
  234. <div class="layui-tab-item">
  235. <div class="layui-form-item">
  236. <label class="layui-form-label">付费方式:</label>
  237. <div class="layui-input-block">
  238. <input type="radio" name="pay_type" lay-filter="pay_type" v-model="formData.pay_type" value="1" title="付费" disabled>
  239. <input type="radio" name="pay_type" lay-filter="pay_type" v-model="formData.pay_type" value="0" title="免费" disabled>
  240. </div>
  241. </div>
  242. <div class="layui-form-item" v-show="formData.pay_type == 1">
  243. <label class="layui-form-label">购买金额:</label>
  244. <div class="layui-input-inline">
  245. <input type="text" name="money" :value="formData.money" disabled class="layui-input">
  246. </div>
  247. <!-- <div class="layui-form-item">
  248. <label class="layui-form-label" style="padding: 9px 0;">会员付费方式:</label>
  249. <div class="layui-input-block">
  250. <input type="radio" name="member_pay_type" lay-filter="member_pay_type" v-model="formData.member_pay_type" value="1" title="付费" disabled>
  251. <input type="radio" name="member_pay_type" lay-filter="member_pay_type" v-model="formData.member_pay_type" value="0" title="免费" disabled>
  252. </div>
  253. </div>
  254. <div class="layui-form-item" v-show="formData.member_pay_type == 1">
  255. <label class="layui-form-label" style="padding: 9px 0;">会员购买金额:</label>
  256. <div class="layui-input-inline">
  257. <input type="text" name="member_money" :value="formData.member_money" disabled class="layui-input">
  258. </div>
  259. </div> -->
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. <form class="layui-form" lay-filter="form" action="">
  266. <div class="layui-form-item">
  267. <label class="layui-form-label">审核状态:</label>
  268. <div class="layui-input-block">
  269. <input type="radio" name="status" value="1" title="通过" lay-filter="status">
  270. <input type="radio" name="status" value="-1" title="拒绝" lay-filter="status">
  271. </div>
  272. </div>
  273. <div v-if="status === -1" class="layui-form-item">
  274. <label class="layui-form-label">拒绝原因:</label>
  275. <div class="layui-input-block">
  276. <textarea name="fail_message" required lay-verify="required" placeholder="请输入拒绝原因" class="layui-textarea"></textarea>
  277. </div>
  278. </div>
  279. <div class="layui-form-item">
  280. <div class="layui-input-block">
  281. <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="*">提交</button>
  282. </div>
  283. </div>
  284. </form>
  285. </div>
  286. </div>
  287. </div>
  288. <script type="text/javascript" src="{__ADMIN_PATH}js/layuiList.js"></script>
  289. {/block}
  290. {block name='script'}
  291. <script>
  292. var type={$type},details=<?=isset($details) ? $details : []?>,grades=<?=isset($grade) ? $grade : []?>,
  293. single_tmp_list =<?= isset($single_tmp_list) ? $single_tmp_list : "{}"?>,
  294. many_tmp_list =<?= isset($many_tmp_list) ? $many_tmp_list : "{}"?>,
  295. judge_tmp_list =<?= isset($judge_tmp_list) ? $judge_tmp_list : "{}"?>;
  296. console.log(details);
  297. require(['vue','helper','zh-cn','request','plupload','aliyun-oss','OssUpload'], function (Vue,$h) {
  298. var form = layui.form,
  299. parentLayer = parent.layui.layer;
  300. new Vue({
  301. el: "#app",
  302. data: {
  303. cateList:[],
  304. questionsCateList:[],
  305. single_list:[],//用于子页父业选中素材传值的临时变量
  306. many_list:[],//用于子页父业选中素材传值的临时变量
  307. judge_list:[],//用于子页父业选中素材传值的临时变量
  308. formData:{
  309. singleIds:'',
  310. manyIds:'',
  311. judgeIds:'',
  312. title:details.title || '',
  313. image:details.image || '',
  314. tid: '',
  315. is_show: details.is_show || 1,
  316. item_number:Number(details.item_number) || 0,
  317. total_score:Number(details.total_score) || 0,
  318. single_number:Number(details.single_number) || 0,
  319. single_score:Number(details.single_score) || 0,
  320. many_number:Number(details.many_number) || 0,
  321. many_score:Number(details.many_score) || 0,
  322. judge_number:Number(details.judge_number) || 0,
  323. judge_score:Number(details.judge_score) || 0,
  324. single_sort:Number(details.single_sort) || 0,
  325. many_sort:Number(details.many_sort) || 0,
  326. judge_sort:Number(details.judge_sort) || 0,
  327. fake_sales:details.fake_sales || 0,
  328. difficulty:details.difficulty || 1,
  329. pay_type:details.pay_type || 0,
  330. money:details.money || 0,
  331. member_pay_type:details.member_pay_type || 0,
  332. member_money:details.member_money || 0,
  333. txamination_time:Number(details.txamination_time) || 0,
  334. single_tmp_list:single_tmp_list ? single_tmp_list : {},
  335. many_tmp_list:many_tmp_list ? many_tmp_list : {},
  336. judge_tmp_list:judge_tmp_list ? judge_tmp_list : {},
  337. is_score:details.is_score || 0,
  338. frequency:details.frequency || 0,
  339. sort:Number(details.sort) || 0,
  340. is_group:details.is_group || 1,
  341. cate_id:'',
  342. },
  343. type:type,
  344. grade: [
  345. {
  346. grade_name:'优秀',
  347. grade_standard: '91~100'
  348. },
  349. {
  350. grade_name:'良好',
  351. grade_standard: '81~90'
  352. },
  353. {
  354. grade_name:'合格',
  355. grade_standard: '61~80'
  356. },
  357. {
  358. grade_name:'不合格',
  359. grade_standard: '0~60'
  360. }
  361. ],
  362. difficultyHover: 0,
  363. status: 1
  364. },
  365. computed: {
  366. sum: function () {
  367. return this.formData.single_number + this.formData.many_number + this.formData.judge_number;
  368. },
  369. total: function () {
  370. return this.formData.single_number * this.formData.single_score + this.formData.many_number * this.formData.many_score + this.formData.judge_number * this.formData.judge_score;
  371. }
  372. },
  373. methods: {
  374. onRateClick: function (value) {
  375. this.formData.difficulty = value;
  376. },
  377. onRateMousemove: function (value) {
  378. this.difficultyHover = value;
  379. },
  380. onRateMouseleave: function () {
  381. this.difficultyHover = 0;
  382. },
  383. onAdd: function () {
  384. this.grade.push({
  385. grade_name: '',
  386. grade_standard: ''
  387. });
  388. },
  389. onDel: function () {
  390. this.grade.pop();
  391. },
  392. //查看图片
  393. look: function (pic) {
  394. parent.$eb.openImage(pic);
  395. },
  396. //鼠标移入事件
  397. enter: function (item) {
  398. if (item) {
  399. item.is_show = true;
  400. } else {
  401. this.mask = true;
  402. }
  403. },
  404. //鼠标移出事件
  405. leave: function (item) {
  406. if (item) {
  407. item.is_show = false;
  408. } else {
  409. this.mask = false;
  410. }
  411. },
  412. changeIMG: function (key, value, multiple) {
  413. if (multiple) {
  414. var that = this;
  415. value.map(function (v) {
  416. that.formData[key].push({pic: v, is_show: false});
  417. });
  418. this.$set(this.formData, key, this.formData[key]);
  419. } else {
  420. this.$set(this.formData, key, value);
  421. }
  422. },
  423. //上传图片
  424. upload: function (key, count) {
  425. ossUpload.createFrame('请选择图片', {fodder: key, max_count: count === undefined ? 0 : count},{w:800,h:550});
  426. },
  427. get_subject_list: function () {
  428. var that = this;
  429. layList.baseGet(layList.U({a: 'add_cate_list',p:{type:type}}), function (res) {
  430. var data = res.data;
  431. for (var i = data.length; i-- ;) {
  432. if (data[i].id == details.tid ) {
  433. that.formData.tid = data[i].title;
  434. break;
  435. }
  436. }
  437. });
  438. },
  439. questions_task:function (question_type) {
  440. var that=this;
  441. var url="{:Url('questions.test_paper/questions')}?question_type="+question_type+'&id='+id;
  442. layer.open({
  443. type: 2 //Page层类型
  444. ,area: ['80%', '90%']
  445. ,title: '关联试题'
  446. ,shade: 0.6 //遮罩透明度
  447. ,maxmin: true //允许全屏最小化
  448. ,anim: 1 //0-6的动画形式,-1不开启
  449. ,content: url,
  450. btn: '确定',
  451. btnAlign: 'c', //按钮居中
  452. closeBtn:1,
  453. yes: function(){
  454. layer.closeAll();
  455. var questions_tmp = $("#check_questions_tmp_"+question_type).val();
  456. if(question_type==1){
  457. that.single_list = JSON.parse(questions_tmp).slice(0, that.formData.single_number);
  458. var array=that.formData.single_tmp_list;
  459. that.formData.single_tmp_list=array.concat(JSON.parse(questions_tmp).slice(0, that.formData.single_number));
  460. that.show_single_list();
  461. }else if(question_type==2){
  462. that.many_list = JSON.parse(questions_tmp).slice(0, that.formData.many_number);
  463. var array=that.formData.many_tmp_list;
  464. that.formData.many_tmp_list = array.concat(JSON.parse(questions_tmp).slice(0, that.formData.many_number));
  465. that.show_many_list();
  466. }else{
  467. that.judge_list = JSON.parse(questions_tmp).slice(0, that.formData.judge_number);
  468. var array=that.formData.judge_tmp_list;
  469. that.formData.judge_tmp_list = array.concat(JSON.parse(questions_tmp).slice(0, that.formData.judge_number));
  470. that.show_judge_list();
  471. }
  472. }
  473. });
  474. },
  475. show_single_list:function () {
  476. var that = this;
  477. var table = layui.table,form = layui.form;
  478. table.render({
  479. elem: '#showQuestionsList_1'
  480. ,cols: [[
  481. {field: 'stem', title: '题干',align: 'center',width:200},
  482. {field: 'sort', title: '排序/倒序',edit:'sort',align: 'center',width:100},
  483. {field: 'right', title: '操作',align: 'center',width:100,templet:function(d){
  484. return '<div><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon">&#xe640;</i> 移除</a></div>';
  485. }}
  486. ]]
  487. ,data: (Object.keys(that.formData.single_tmp_list).length > 0) ? that.formData.single_tmp_list : []
  488. ,page: {
  489. theme: '#0092DC'
  490. }
  491. ,id: 'table_1'
  492. });
  493. table.on('tool(showQuestionsList_1)', function(obj){
  494. var data = obj.data;
  495. if(obj.event === 'del'){
  496. if (that.formData.single_tmp_list) {
  497. for(var i=0;i<that.formData.single_tmp_list.length;i++){
  498. if(that.formData.single_tmp_list[i].id==data.id){
  499. that.formData.single_tmp_list.splice(i,1);
  500. }
  501. }
  502. that.formData.single_tmp_list=that.formData.single_tmp_list;
  503. that.show_single_list();
  504. }
  505. }
  506. });
  507. table.on('edit(showQuestionsList_1)', function(obj){
  508. var id=obj.data.id,values=Number(obj.value);
  509. switch (obj.field) {
  510. case 'sort':
  511. if (that.formData.single_tmp_list) {
  512. $.each(that.formData.single_tmp_list, function(index, value){
  513. if(value.id == id){
  514. that.formData.single_tmp_list[index].sort = values;
  515. }
  516. })
  517. }
  518. break;
  519. }
  520. });
  521. //监听素材是否删除
  522. form.on('switch(delect)', function(obj){
  523. if (that.formData.single_tmp_list) {
  524. for(var i=0;i<that.formData.single_tmp_list.length;i++){
  525. if(that.formData.single_tmp_list[i].id==obj.value){
  526. that.formData.single_tmp_list.splice(i,1);
  527. }
  528. }
  529. that.formData.single_tmp_list=that.formData.single_tmp_list;
  530. that.show_single_list();
  531. }
  532. });
  533. },
  534. show_many_list:function () {
  535. var that = this;
  536. var table = layui.table,form = layui.form;
  537. table.render({
  538. elem: '#showQuestionsList_2'
  539. ,cols: [[
  540. {field: 'stem', title: '题干',align: 'center',width:200},
  541. {field: 'sort', title: '排序/倒序',edit:'sort',align: 'center',width:100},
  542. {field: 'right', title: '操作',align: 'center',width:100,templet:function(d){
  543. return '<div><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon">&#xe640;</i> 移除</a></div>';
  544. }}
  545. ]]
  546. ,data: (Object.keys(that.formData.many_tmp_list).length > 0) ? that.formData.many_tmp_list : []
  547. ,page: {
  548. theme: '#0092DC'
  549. }
  550. ,id: 'table_2'
  551. });
  552. table.on('tool(showQuestionsList_2)', function(obj){
  553. var data = obj.data;
  554. if(obj.event === 'del'){
  555. if (that.formData.many_tmp_list) {
  556. for(var i=0;i<that.formData.many_tmp_list.length;i++){
  557. if(that.formData.many_tmp_list[i].id==data.id){
  558. that.formData.many_tmp_list.splice(i,1);
  559. }
  560. }
  561. that.formData.many_tmp_list=that.formData.many_tmp_list;
  562. that.show_many_list();
  563. }
  564. }
  565. });
  566. table.on('edit(showQuestionsList_2)', function(obj){
  567. var id=obj.data.id,values=Number(obj.value);
  568. switch (obj.field) {
  569. case 'sort':
  570. if (that.formData.many_tmp_list) {
  571. $.each(that.formData.many_tmp_list, function(index, value){
  572. if(value.id == id){
  573. that.formData.many_tmp_list[index].sort = values;
  574. }
  575. })
  576. }
  577. break;
  578. }
  579. });
  580. //监听素材是否删除
  581. form.on('switch(delect)', function(obj){
  582. if (that.formData.many_tmp_list) {
  583. for(var i=0;i<that.formData.many_tmp_list.length;i++){
  584. if(that.formData.many_tmp_list[i].id==obj.value){
  585. that.formData.many_tmp_list.splice(i,1);
  586. }
  587. }
  588. that.formData.many_tmp_list=that.formData.many_tmp_list;
  589. that.show_many_list();
  590. }
  591. });
  592. },
  593. show_judge_list:function () {
  594. var that = this;
  595. var table = layui.table,form = layui.form;
  596. table.render({
  597. elem: '#showQuestionsList_3'
  598. ,cols: [[
  599. {field: 'stem', title: '题干',align: 'center',width:200},
  600. {field: 'sort', title: '排序/倒序',edit:'sort',align: 'center',width:100},
  601. {field: 'right', title: '操作',align: 'center',width:100,templet:function(d){
  602. return '<div><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon">&#xe640;</i> 移除</a></div>';
  603. }}
  604. ]]
  605. ,data: (Object.keys(that.formData.judge_tmp_list).length > 0) ? that.formData.judge_tmp_list : []
  606. ,page: {
  607. theme: '#0092DC'
  608. }
  609. ,id: 'table_3'
  610. });
  611. table.on('tool(showQuestionsList_3)', function(obj){
  612. var data = obj.data;
  613. if(obj.event === 'del'){
  614. if (that.formData.judge_tmp_list) {
  615. for(var i=0;i<that.formData.judge_tmp_list.length;i++){
  616. if(that.formData.judge_tmp_list[i].id==data.id){
  617. that.formData.judge_tmp_list.splice(i,1);
  618. }
  619. }
  620. that.formData.judge_tmp_list=that.formData.judge_tmp_list;
  621. that.show_judge_list();
  622. }
  623. }
  624. });
  625. table.on('edit(showQuestionsList_3)', function(obj){
  626. var id=obj.data.id,values=Number(obj.value);
  627. switch (obj.field) {
  628. case 'sort':
  629. if (that.formData.judge_tmp_list) {
  630. $.each(that.formData.judge_tmp_list, function(index, value){
  631. if(value.id == id){
  632. that.formData.judge_tmp_list[index].sort = values;
  633. }
  634. })
  635. }
  636. break;
  637. }
  638. });
  639. //监听素材是否删除
  640. form.on('switch(delect)', function(obj){
  641. if (that.formData.judge_tmp_list) {
  642. for(var i=0;i<that.formData.judge_tmp_list.length;i++){
  643. if(that.formData.judge_tmp_list[i].id==obj.value){
  644. that.formData.judge_tmp_list.splice(i,1);
  645. }
  646. }
  647. that.formData.judge_tmp_list=that.formData.judge_tmp_list;
  648. that.show_judge_list();
  649. }
  650. });
  651. },
  652. del:function (e) {
  653. },
  654. // 审核通过
  655. success: function () {
  656. layList.baseGet(layList.U({
  657. a: 'succ',
  658. p: {
  659. id: details.id
  660. }
  661. }), function (res) {
  662. layer.msg(res.msg, {
  663. icon: 1,
  664. time: 2000
  665. }, function () {
  666. parentLayer.close(parentLayer.getFrameIndex(window.name));
  667. });
  668. });
  669. },
  670. // 审核拒绝
  671. fail: function (message) {
  672. layList.basePost(layList.U({
  673. a: 'fail',
  674. p: {
  675. id: details.id
  676. }
  677. }), {
  678. message: message
  679. }, function (res) {
  680. layer.msg(res.msg, {
  681. icon: 1,
  682. time: 2000
  683. }, function () {
  684. parentLayer.close(parentLayer.getFrameIndex(window.name));
  685. });
  686. });
  687. },
  688. },
  689. mounted: function () {
  690. var that=this;
  691. window.changeIMG = that.changeIMG;
  692. that.get_subject_list();
  693. that.show_single_list();
  694. that.show_many_list();
  695. that.show_judge_list();
  696. if(grades && grades.length){
  697. that.grade=grades;
  698. }
  699. this.$nextTick(function () {
  700. layList.tableList({o:'List', done:function () {}},"{:Url('getTestPaperList')}?id=" + details.id + '&type=' + type,function (){
  701. return [
  702. {field: 'types', title: '题型',align: 'center',width:100},
  703. {field: 'title', title: '题干'},
  704. {field: 'score', title: '分数',align: 'center',width:100},
  705. {field: 'sort', title: '排序',align: 'center',width:100},
  706. ];
  707. });
  708. layList.form.render();
  709. layList.select('tid', function (obj) {
  710. that.formData.tid = obj.value;
  711. });
  712. layList.select('cate_id', function (obj) {
  713. that.formData.cate_id = obj.value;
  714. });
  715. layList.form.on('radio(pay_type)', function (data) {
  716. that.formData.pay_type = parseInt(data.value);
  717. if(that.formData.pay_type!=1){
  718. that.formData.money=0.00;
  719. }
  720. });
  721. layList.form.on('radio(member_pay_type)', function (data) {
  722. that.formData.member_pay_type = parseInt(data.value);
  723. if(that.formData.member_pay_type!=1){
  724. that.formData.member_money=0.00;
  725. }
  726. });
  727. layList.form.on('radio(is_score)', function (data) {
  728. that.formData.is_score = parseInt(data.value);
  729. });
  730. layList.form.on('radio(is_group)', function (data) {
  731. that.formData.is_group = parseInt(data.value);
  732. });
  733. layList.form.on('radio(is_show)', function (data) {
  734. that.formData.is_show = parseInt(data.value);
  735. });
  736. layList.form.on('radio(difficulty)', function (data) {
  737. that.formData.difficulty = parseInt(data.value);
  738. });
  739. // 难度
  740. layui.rate.render({
  741. elem: '#rate',
  742. value: that.formData.difficulty,
  743. readonly: true,
  744. choose: function (value) {
  745. that.formData.difficulty = value;
  746. }
  747. });
  748. form.val('form', {
  749. status: this.status
  750. });
  751. form.on('radio(status)', function (data) {
  752. that.status = Number(data.value);
  753. });
  754. form.on('submit(*)', function (data) {
  755. that.status === 1 ? that.success() : that.fail(data.field.fail_message);
  756. return false;
  757. });
  758. });
  759. }
  760. })
  761. })
  762. </script>
  763. {/block}