educode_sales 1.10.48 → 1.10.49

data/app/views/educode_sales/business_courses/edit.html.erb

@@ -0,0 +1,148 @@
+<%= Gon::Base.render_data %>
+<form class="layui-form" action="" style="width: 90%;margin-top: 20px" lay-filter='test'>
+  <input style="display: none" value="<%=@item.id %>" name="id">
+  <div class="layui-form-item">
+    <label class="layui-form-label">商机名称:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <input type="text" name="name"
+             lay-verify="required" disabled
+             value="<%= @item.name %>" class="layui-input"
+             style="width: 50%">
+    </div>
+  </div>
+  <div class="layui-form-item" >
+    <label class="layui-form-label"  style="width: 90px">实践课程名称:</label>
+    <div class="layui-input-block"  >
+      <div id="subject_ids" style="width: 50%;"></div>
+    </div>
+  </div>
+
+  <div class="layui-form-item">
+    <label class="layui-form-label">交付状态:<span style="color: red"> *</span></label>
+    <div class="layui-input-block">
+      <div class="layui-col-md6" >
+        <%= select_tag "status", options_for_select(
+          [ ["待建设", "constructed"], ["已签协议", "signed"], ["建设中", "construction"],
+           ["已完成", "completed"], ["已交付", "delivered"], ["已验收", "accepted"]],
+          selected:@item.status
+        )%>
+      </div>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <label class="layui-form-label">课程经理:</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">
+      <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,
+            xmSelect = layui.xmSelect,
+            $ = layui.$
+
+
+        // 解决form表单中的select无法渲染的问题
+        form.render();
+        form.render('select' ,'test')
+        //科目ids
+        var subject_ids = xmSelect.render({
+            el: '#subject_ids',
+            name: "subject_ids",
+            remoteSearch: true,
+            autoRow: true,
+            delay: 1000,
+            tips: '- -',
+            searchTips: '支持名称搜索,请至少输入一个字符',
+            paging: true,
+            pageRemote: true,
+            filterable: true,
+            remoteMethod: function (val, cb, show, pageIndex) {
+                if (!val) {
+                    return cb([]);
+                }
+                $.ajax('/missions/business_courses/subjects', {
+                    method: 'get',
+                    data: {
+                        q: val,
+                        page: pageIndex
+                    },
+                    dataType: 'json',
+                    success: function (res) {
+                        console.log(res)
+                        var data = res.data;
+                        if (res.code == 0) {
+                            cb(res.data, res.count);
+                        } else {
+                            layer.msg(res.msg, {time: 2000, icon: 2, shade: 0.01});
+                        }
+                    }
+                })
+            }
+        })
+        //加载 如果商机已有实践课程
+        <% unless @subjects.blank? %>
+        var select_subject_ids = JSON.parse('<%=raw @subjects.to_json %>')
+        select_subject_ids.forEach((item)=>{
+            item.selected = true
+        })
+        subject_ids.update({
+            data:select_subject_ids
+        })
+        <% end %>
+        var manage_id = xmSelect.render({
+            el: '#manage_id',
+            name:'manage_id',
+            data: gon.staffs,
+            filterable: true,
+            paging: true,
+            tips: '- -',
+            multiple: true
+        })
+        <% if @value_list.present? %>
+        manage_id.setValue(<%=@value_list %>)
+        <% end %>
+
+        form.on('submit(saveBtn)', function (data) {
+            var business = data.field
+            $.ajax('/missions/business_courses/'+business.id, {
+                method: 'PATCH',
+                data: {
+                    business:business
+                },
+                dataType: 'json',
+                success: function (res) {
+                    var data = res.data;
+                    if (res.success) {
+                        layer.closeAll();
+                        table.reload('table', {
+                            done: function () {
+                            }
+                        });
+                    } else {
+                        layer.msg(res.msg);
+                    }
+                }
+            })
+
+
+
+            return false;
+        });
+    });
+</script>
+<style>
+  .input_width{
+      width: 50%;
+  }
+</style>

data/app/views/educode_sales/business_courses/index.html.erb

@@ -0,0 +1,312 @@
+<!-- 商机交付课程静态页面-->
+
+<div class="min-height-table">
+  <div style="margin: 10px 10px 10px 10px">
+    <form class="layui-form layui-form-pane" lay-filter="search_bussiness_courses">
+      <div class="layui-inline show_item_contract">
+        <label class="layui-form-label">交付状态</label>
+        <div class="layui-input-inline">
+          <%= select_tag "state", options_for_select(
+            [["全部", 0], ["待建设", 1], ["已签协议", 2], ["建设中", 3],
+             ["已完成", 4], ["已交付", 5], ["已验收", 6]],selected:0
+          ), { include_blank: true } %>
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label">商机名称</label>
+        <div class="layui-input-inline">
+          <input type="text" class="layui-input" name="name" >
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label">交付时间</label>
+        <div class="layui-input-inline">
+          <input type="text" class="layui-input" name="time" id="ID-laydate-demo" placeholder="yyyy-MM-dd">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <button type="reset" class="layui-btn layui-btn-primary" lay-submit lay-filter="reset_business_search">重置
+        </button>
+        <button type="submit" id="search_bt" class="layui-btn layui-btn-primary" lay-submit lay-filter="search_bussiness_courses">搜索
+        </button>
+      </div>
+    </form>
+  </div>
+
+  <div id="contact_table_wraper">
+    <table class="layui-hide" id="table" lay-filter="contact_table"></table>
+  </div>
+
+</div>
+<script type="text/html" id="currentTableBar">
+  <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>
+</script>
+
+<script type="text/html" id="bussinessBar">
+  <div class="layui-btn-container">
+    <span class="table-label">交付课程列表</span>
+    <button class="layui-btn  layui-btn-sm  pull-right" lay-event="add_courses">
+      添加交付课程
+    </button>
+    <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm  pull-right project_list-btn" lay-event="list">
+      导出数据
+    </button>
+  </div>
+</script>
+<script type="text/html" id="show_phone_number">
+  <span type="text" id="{{= d.p_sale_staff1 + d.id}}"
+        onmouseover="show('手机号：13711111111'+'{{= d.id}}','{{=d.p_sale_staff1 + d.id}}')"
+        onmouseleave="close_tips()">
+    {{= d.subject_manages }}
+  </span>
+</script>
+
+<!-- constructed:待建设， signed: 已签协议，construction: 建设中，completed: 已完成，delivered: 已交付, accepted: 已验收-->
+<script type="text/html" id="show_state">
+  {{# if(d.state === 'constructed'){ }}
+  <span style="color: rgb(173,177,184)">待建设</span>
+  {{# } else if(d.state === 'signed'){ }}
+  <span style="color: rgb(240,158,33)">已签协议</span>
+  {{# } else if(d.state === 'construction'){ }}
+  <span style="color: rgb(40,161,227)">建设中</span>
+  {{# } else if(d.state === 'completed'){ }}
+  <span style="color: rgb(40,95,220)">已完成</span>
+  {{# } else if(d.state === 'delivered'){ }}
+  <span style="color: rgb(0,177,135)">已交付</span>
+  {{# } else if(d.state === 'accepted'){ }}
+  <span style="color: rgb(0,177,135)">已验收</span>
+  {{# } }}
+</script>
+
+<script type="text/html" id="show_list_subjects">
+  <a lay-event="show_list_subjects" style="color: deepskyblue">{{= d.subject_progress }}</a>
+</script>
+<script type="text/html" id="show_list_shixuns">
+  <a lay-event="show_list_shixuns" style="color: deepskyblue">{{= d.shixun_progress }}</a>
+</script>
+<script>
+    function show(msg, id) {
+        layer.tips('' + msg, '#' + id, {tips: [1, 'black']});
+    }
+
+    function close_tips() {
+        layer.closeAll('tips');
+    }
+
+
+    layui.use(['form', 'table', 'miniPage', 'element', 'laydate', 'dropdown',"jquery"], function () {
+        var laydate = layui.laydate,
+            form = layui.form,
+            table = layui.table,
+            $ = layui.$,
+            miniPage = layui.miniPage
+
+
+
+        laydate.render({
+            elem: '#ID-laydate-demo',
+            range: true
+        });
+
+        var cols_table = [
+            [
+                {
+                    field: 'id',
+                    minWidth: 60,
+                    title: '序号',
+                    type: 'numbers',
+                    fixed:'left',
+                    align: 'center'
+                },
+                {
+                    field: 'name',
+                    title: '商机名称',
+                    align: 'center',
+                    minWidth: 100
+                },
+                {
+                    field: 'school',
+                    title: '交付单位',
+                    align: 'center',
+                    minWidth: 100
+
+                },
+                {
+                    field: 'subject_progress',
+                    title: '实践课程数（已完成数）',
+                    templet: '#show_list_subjects',
+                    minWidth: 200,
+                    align: 'center'
+                },
+                {
+                    field: 'shixun_progress',
+                    title: '实践项目总数（已完成数）',
+                    templet: '#show_list_shixuns',
+                    minWidth: 200,
+                    align: 'center'
+                },
+                {
+                    field: 'time',
+                    title: '交付时间',
+                    align: 'center'
+                },
+                {
+                    field: 'state',
+                    title: '交付状态',
+                    templet: '#show_state',
+                    align: 'center'
+                },
+                {
+                    field: 'staff_name',
+                    title: '销售',
+                    minWidth: 100,
+                    align: 'center'
+                },
+                {
+                    field: 'subject_manages',
+                    title: '课程经理',
+                    align: 'center',
+                    minWidth: 100,
+                    templet: '#show_phone_number'
+                },
+                {
+                    title: '操作',
+                    width: 50,
+                    toolbar: '#currentTableBar',
+                    align: "center",
+                    fixed: 'right'
+                }
+            ]
+        ]
+
+        table.render({
+            elem: '#table',
+            where: {q: form.val()},
+            url: '/missions/business_courses',
+            // data: temp_data,
+            cellMinWidth: 80,
+            toolbar: '#bussinessBar',
+            defaultToolbar: [],
+            cols: cols_table,
+            limit: 10,
+            limits: [10, 15, 20, 30, 40, 50, 60, 70, 80, 90],
+            page: true
+        })
+        var sort = {}, search = {};
+        // 监听搜索操作
+        form.on('submit(search_bussiness_courses)', function (data) {
+            search = data.field
+            console.log(search)
+            table.reload('table', {
+                page: {
+                    curr: 1
+                },
+                where: {q: search, sort: sort}
+            }, 'data');
+            return false;
+        });
+
+        // 重置
+        form.on('submit(reset_business_search)', function (data) {
+            table.reload('table', {
+                page: {
+                    curr: 1
+                },
+                where: {q: {}}
+            }, 'data');
+            $(".layui-form").reset();
+            form.render()
+            return false;
+        });
+        table.on('tool(contact_table)', function (obj) {
+            var data = obj.data;
+            // 编辑按钮监听
+            if (obj.event === 'edit') {
+
+                var content = miniPage.getHrefContent('/missions/business_courses/' + data.id + '/edit');
+                var openWH = miniPage.getOpenWidthHeight();
+
+                var edit = layer.open({
+                    title: '编辑商机交付课程',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content
+                });
+                $(window).on("resize", function () {
+                });
+                return false;
+            } else if (obj.event === 'show_list_subjects') {
+                localStorage.setItem("business_delvier_subject_id",data.id)
+
+                var content = miniPage.getHrefContent('/missions/business_courses/list_subjects?id='+data.id );
+                var openWH = miniPage.getOpenWidthHeight();
+                list_courses = layer.open({
+                    title: data.name + '-实践课程列表',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                });
+                $(window).on("resize", function () {
+                });
+                return false;
+            } else if (obj.event === 'show_list_shixuns') {
+                localStorage.setItem("business_delvier_subject_id",data.id)
+                var content = miniPage.getHrefContent('/missions/business_courses/list_shixuns?id='+data.id);
+                var openWH = miniPage.getOpenWidthHeight();
+                list_projects = layer.open({
+                    title: data.name + '-实践项目列表',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                });
+                $(window).on("resize", function () {
+                });
+                return false;
+            }
+
+        });
+
+
+        table.on('toolbar(contact_table)', function (obj) {
+            // 新增按钮监听
+            if (obj.event === 'add_courses') {
+                var content = miniPage.getHrefContent('/missions/business_courses/new');
+                var openWH = miniPage.getOpenWidthHeight();
+                console.log(openWH)
+                add_courses = layer.open({
+                    title: '添加商机交付课程',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                });
+                $(window).on("resize", function () {
+                });
+                return false;
+            }
+        });
+
+    });
+</script>
+
+<style>
+    .layui-table-tool-temp {
+        padding-right: 0px;
+    !important;
+    }
+</style>

data/app/views/educode_sales/business_courses/index.json.jbuilder

@@ -0,0 +1,16 @@
+json.data do
+  json.array! @business_deliver do |deliver|
+    b = deliver.business
+    json.school  handled_data b.school&.name
+    json.name handled_data b.name
+    json.state deliver.status
+    json.time handled_time_data deliver.delvier_date
+    json.id deliver.id
+    json.staff_name handled_data b.staff_name
+    json.subject_progress deliver.subject_competed_count
+    json.shixun_progress deliver.shixun_competed_count
+    json.subject_manages deliver.subject_manages
+  end
+end
+json.code 0
+json.count @business_deliver.total_count