educode_sales 1.10.48 → 1.10.49

data/app/views/educode_sales/shixuns/new.html.erb

@@ -0,0 +1,251 @@
+<%= Gon::Base.render_data %>
+<style>
+    .inner_div {
+        display: flex;
+    }
+</style>
+<form class="layui-form" action="" style="width: 90%;margin-top: 20px" lay-filter='test'>
+  <div class="layui-form-item inner_div">
+    <div>
+      <label class="layui-form-label">任务类型:<span style="color: red"> *</span></label>
+      <div class="layui-input-block">
+        <%= select_tag "category", options_for_select(
+          [["管培", 1], ["全职", 2], ["专职", 3]]
+        ), { include_blank: true } %>
+      </div>
+    </div>
+    <div>
+      <label class="layui-form-label">项目类型:<span style="color: red"> *</span></label>
+      <div class="layui-input-block">
+        <%= select_tag "type", options_for_select(
+          [["实践项目", 1], ["非实践项目", 2]]
+        ), { include_blank: true } %>
+      </div>
+    </div>
+  </div>
+  <div class="layui-form-item inner_div">
+    <div>
+      <label class="layui-form-label">项目级别:<span style="color: red"> *</span></label>
+      <div class="layui-input-block">
+        <%= select_tag "level", options_for_select(
+          [ ["不明确", 1], ["重要紧急", 2], ["重要不紧急", 3],
+           ["不重要紧急", 4], ["不重要不紧急", 5]]
+        ), { include_blank: true } %>
+      </div>
+    </div>
+    <div>
+      <label class="layui-form-label">项目状态:<span style="color: red"> *</span></label>
+      <div class="layui-input-block">
+        <%= select_tag "status", options_for_select(
+          [["待建设", 1], ["已签协议", 2], ["建设中", 3],
+           ["审核中", 4], ["返修中", 5], ["已内部发布", 6], ["已公开发布", 7]]
+        ), { include_blank: true } %>
+      </div>
+    </div>
+  </div>
+
+  <div class="layui-form-item">
+    <label class="layui-form-label" style="width: 100px">项目关联链接:</label>
+    <div class="layui-input-block">
+      <input type="text" name="link" class="layui-input" style="width: 49%;">
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label" style="width: 100px">项目名称:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <input type="text" class="layui-input" name="name" style="width: 49%;">
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label" style="width: 90px">项目制作人:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <div id="producer_id" style="width: 50%;"></div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label" style="width: 90px">交付单位:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <div id="school_id" style="width: 50%;"></div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label" style="width: 100px">制作完成时间:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <input type="text" class="layui-input" name="time"
+             id="ID-laydate-demo" placeholder="yyyy-MM-dd"
+             style="width: 49%;">
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label">交付金额:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <input type="number" class="layui-input" name="money" style="width: 50%;" >
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label">课程组长:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <div id="manage_id" style="width: 50%;"></div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label">销售: </label>
+    <div class="layui-input-block">
+      <div id="staff_id" style="width: 50%;"></div>
+    </div>
+  </div>
+
+  <div class="layui-form-item">
+    <label class="layui-form-label"></label>
+    <div class="layui-input-block">
+      <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
+    </div>
+  </div>
+</form>
+<script>
+    layui.use(['form', 'layer', 'laytpl', 'xmSelect', 'table'], function () {
+        var form = layui.form,
+            layer = layui.layer,
+            table = layui.table,
+            laydate = layui.laydate,
+            xmSelect = layui.xmSelect,
+            $ = layui.$
+
+        laydate.render({
+            elem: '#ID-laydate-demo'
+        });
+        // 解决form表单中的select无法渲染的问题
+        form.render();
+        form.render('select', 'test')
+
+        var manage_id = xmSelect.render({
+            el: '#manage_id',
+            name: 'manage_id',
+            data: gon.manage,
+            filterable: true,
+            paging: true,
+            tips: '- -',
+            multiple: true
+        })
+        var staff_id = xmSelect.render({
+            el: '#staff_id',
+            name: 'staff_id',
+            data: gon.staffs,
+            filterable: true,
+            paging: true,
+            tips: '- -',
+            multiple: true
+        })
+
+        var school_id = xmSelect.render({
+            el: '#school_id',
+            name: "school_id",
+            remoteSearch: true,
+            autoRow: true,
+            delay: 1000,
+            tips: '- -',
+            radio: true,
+            searchTips: '支持名称搜索,请至少输入一个字符',
+            filterable: true,
+            remoteMethod: function (val, cb, show, pageIndex) {
+                if (!val) {
+                    return cb([]);
+                }
+                $.ajax('/api/schools/search', {
+                    method: 'get',
+                    data: {
+                        keyword: val
+                    },
+                    dataType: 'json',
+                    success: function (res) {
+                        console.log(res)
+                        var data = res.schools;
+                        data.forEach((item)=>{
+                            item.value = item.id
+                        })
+                        if (res.status === 0) {
+                            cb(data);
+                        }
+                    }
+                })
+            }
+        })
+        var producer_id = xmSelect.render({
+            el: '#producer_id',
+            name: 'producer_id',
+            data: gon.manage,
+            filterable: true,
+            paging: true,
+            tips: '- -',
+            multiple: true
+        })
+        function isNull(str){
+            return str === "" || str === null
+        }
+        form.on('submit(saveBtn)', function (data) {
+            var new_data = data.field
+            console.log(new_data)
+
+            if(isNull(new_data.category)){
+                layer.msg('任务类型未选择');
+                return false
+            }
+            if(isNull(new_data.level)){
+                layer.msg('项目级别未选择');
+                return false
+            }
+            if(isNull(new_data.manage_id)){
+                layer.msg('课程组长未选择');
+                return false
+            }
+            if(isNull(new_data.money)){
+                layer.msg('交付金额未选择');
+                return false
+            }
+            if(isNull(new_data.name)){
+                layer.msg('项目名称未选择');
+                return false
+            }
+            if(isNull(new_data.producer_id)){
+                layer.msg('项目制作人未选择');
+                return false
+            }
+            if(isNull(new_data.school_id)){
+                layer.msg('交付单位未选择');
+                return false
+            }
+            if(isNull(new_data.status)){
+                layer.msg('项目状态未选择');
+                return false
+            }
+            if(isNull(new_data.time)){
+                layer.msg('制作完成时间未选择');
+                return false
+            }
+            $.ajax('/missions/shixuns/', {
+                method: 'POST',
+                data: new_data,
+                dataType: 'json',
+                success: function (res) {
+                    console.log(res)
+                    if (res.success) {
+                        layer.closeAll();
+                        table.reload('shixuns_table', {
+                            done: function () {
+                            }
+                        });
+                    } else {
+                    }
+                },
+                error:function (res) {
+                }
+            })
+            return false;
+        });
+    });
+</script>
+<style>
+    .input_width {
+        width: 50%;
+    }
+</style>