save_task.php 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <div class="layui-fluid">
  4. <div class="layui-row layui-col-space15" id="app">
  5. <div class="layui-col-md12">
  6. <div class="layui-card">
  7. <div class="layui-card-body">
  8. <form class="layui-form" action="">
  9. <div class="layui-form-item">
  10. <label class="layui-form-label">一级分类:</label>
  11. <div class="layui-input-block">
  12. <select name="grade_id" lay-filter="grade_id">
  13. <option value="">全部</option>
  14. {volist name='grade_list' id='item'}
  15. <option value="{$item.id}">{$item.name}</option>
  16. {/volist}
  17. </select>
  18. </div>
  19. </div>
  20. <div class="layui-form-item">
  21. <label class="layui-form-label">二级分类:</label>
  22. <div class="layui-input-block">
  23. <select name="subject_id" lay-filter="subject_id">
  24. <option value="">全部-</option>
  25. <option :value="item.id" v-for="item in subjectList">{{ item.name }}</option>
  26. </select>
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">选择专题:</label>
  31. <div class="layui-input-block">
  32. <select name="special_id" lay-filter="special_id">
  33. <option value="">请选择专题</option>
  34. <option :value="item.id" v-for="item in specialList">{{ item.title }}</option>
  35. </select>
  36. </div>
  37. </div>
  38. <div class="layui-form-item">
  39. <div class="layui-input-block">
  40. <button class="layui-btn" lay-submit="search" lay-filter="search">确认选择</button>
  41. </div>
  42. </div>
  43. </form>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  50. {/block}
  51. {block name='script'}
  52. <script type="text/javascript">
  53. var live_id=<?=$live_id?>;
  54. require(['vue'],function(Vue) {
  55. new Vue({
  56. el: "#app",
  57. data: {
  58. grade_id:0,
  59. subject_id:0,
  60. subjectList:[],
  61. specialList:[],
  62. },
  63. watch:{
  64. grade_id:function () {
  65. this.getSubjectList();
  66. },
  67. subject_id:function () {
  68. this.getSpecialList();
  69. }
  70. },
  71. methods:{
  72. getSubjectList:function () {
  73. var that = this;
  74. layList.baseGet(layList.U({a:'get_subject_list',q:{grade_id:that.grade_id}}),function (res) {
  75. that.$set(that,'subjectList',res.data);
  76. that.$nextTick(function () {
  77. layList.form.render('select');
  78. })
  79. });
  80. },
  81. getSpecialList:function () {
  82. var that = this;
  83. layList.baseGet(layList.U({a:'get_special_list',q:{subject_id:that.subject_id}}),function (res) {
  84. that.$set(that,'specialList',res.data);
  85. that.$nextTick(function () {
  86. layList.form.render('select');
  87. })
  88. });
  89. }
  90. },
  91. mounted:function () {
  92. var that = this;
  93. layList.form.render();
  94. //查询
  95. layList.search('search',function(where){
  96. if(where.special_id)
  97. window.location.href=layList.U({a:'save_task',q:{special_id:where.special_id,live_id:live_id}});
  98. else
  99. layList.msg('请选择专题');
  100. });
  101. layList.select('grade_id',function (obj) {
  102. that.grade_id = obj.value;
  103. });
  104. layList.select('subject_id',function (obj) {
  105. that.subject_id = obj.value;
  106. });
  107. }
  108. })
  109. })
  110. </script>
  111. {/block}