educode_sales 0.9.68 → 0.9.69

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

@@ -0,0 +1,688 @@
+<div class="min-height-table">
+  <div style="margin: 10px 10px 10px 10px">
+    <form class="layui-form layui-form-pane" lay-filter="search_form">
+      <div class="layui-form-item">
+        <div class="layui-inline">
+          <label class="layui-form-label">商机名称</label>
+          <div class="layui-input-inline">
+            <input type="text" name="name" class="layui-input" value="">
+            <input type="text" style="display: none" name="place_id" class="layui-input" value="<%= params[:place_id] %>">
+          </div>
+        </div>
+        <div class="layui-inline">
+          <label class="layui-form-label">单位</label>
+          <div class="layui-input-inline">
+            <input type="text" name="department" value="<%= params[:school] %>" class="layui-input">
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">中标时间</label>
+          <div class="layui-input-inline">
+            <input type="text" class="layui-input" id="bidded_date" name="bidded_date" placeholder=" - " autocomplete="off">
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label" style="width: 120px">合同签订时间</label>
+          <div class="layui-input-inline">
+            <input type="text" class="layui-input" id="signed_date" name="signed_date" placeholder=" - " autocomplete="off">
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label" style="width: 120px">实际回款时间</label>
+          <div class="layui-input-inline">
+            <input type="text" class="layui-input" id="search_p_actual_money_time" name="search_p_actual_money_time" placeholder=" - " autocomplete="off">
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">阶段</label>
+          <div class="layui-input-inline">
+            <%= select_tag "p_stage", options_for_select(EducodeSales::Project.p_stages.keys), { 'lay-filter': 'p_stage', include_blank: true } %>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">状态</label>
+          <div class="layui-input-inline">
+            <%= select_tag "p_state", options_for_select([["正常", 0], ["延期", 1]]), { include_blank: true } %>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">指派人</label>
+          <div class="layui-input-inline">
+            <%= select_tag "p_special", options_for_select(EducodeSales::Staff.where(id: EducodeSales::Project.all.pluck(:p_staff_id)).map { |d| [d.user&.real_name, d.id] }, @project&.p_special), { 'lay-filter': 'p_special', include_blank: true } %>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">销售经理</label>
+          <div class="layui-input-inline">
+            <%= select_tag "p_special", options_for_select(EducodeSales::Staff.where(id: EducodeSales::Project.all.pluck(:p_sale_staff_id)).map { |d| [d.user&.real_name, d.id] }, @project&.p_special), { 'lay-filter': 'p_special', include_blank: true } %>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">难易度</label>
+          <div class="layui-input-inline">
+            <%= select_tag "p_difficulty", options_for_select(EducodeSales::Project.p_difficulties.keys), { 'lay-filter': 'p_difficulty', include_blank: true } %>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">定制</label>
+          <div class="layui-input-inline">
+            <%= select_tag "p_special", options_for_select(EducodeSales::Project.p_specials.keys), { 'lay-filter': 'p_special', include_blank: true } %>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">类型</label>
+          <div class="layui-input-inline">
+            <%= select_tag "o_business_deployment", options_for_select(EducodeSales::FollowUp::BUSINESS_DEPLOYMENT[1..-1]), { include_blank: true } %>
+          </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_contract">搜索
+          </button>
+        </div>
+      </div>
+    </form>
+  </div>
+  <div id="contact_table_wraper">
+    <table class="layui-hide" id="contact_table" lay-filter="contact_table"></table>
+  </div>
+</div>
+<script type="text/html" id="currentTableBar">
+
+
+  {{# if(!d.is_deleted){}}
+  <% if can?(:read, EducodeSales::Project) %>
+    <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="add_event">详情</a>
+  <% end %>
+  <% if can?(:update, EducodeSales::Project) %>
+    <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit not_recycle" lay-event="edit">编辑</a>
+  <% end %>
+  <% if can?(:destroy, EducodeSales::Project) %>
+    <a class="layui-btn layui-btn-danger layui-btn-xs data-count-edit not_recycle" lay-event="delete">移除</a>
+  <% end %>
+  {{# }else{}}
+  <% if can?(:read, EducodeSales::Project) %>
+    <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="add_event">详情</a>
+  <% end %>
+  <% if can?(:recycle, EducodeSales::Project) %>
+    <a class="layui-btn layui-btn-danger layui-btn-xs data-count-edit" lay-event="recycle">恢复</a>
+  <% end %>
+  {{# }}}
+</script>
+
+<script type="text/html" id="bussinessBar">
+  <div class="layui-btn-container">
+    <span class="table-label">项目列表</span>
+    <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm  pull-right project_list-btn" lay-event="project_list">
+      项目列表
+    </button>
+    <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm  pull-right my-btn" lay-event="mine">
+      项目回收站
+    </button>
+  </div>
+</script>
+
+<script type="text/html" id="statusTpl">
+  {{# if(d.p_state === '正常'){ }}
+  <span style="color: #22bf18;">{{ d.p_state }}</span>
+  {{# } else { }}
+  <span style="color: #e60505;">{{ d.p_state }}</span>
+  {{# } }}
+</script>
+
+
+<script>
+    layui.use(['form', 'table', 'miniPage', 'element', 'request', 'laydate', 'dropdown', 'laytpl'], function () {
+        var $ = layui.jquery,
+          form = layui.form,
+          request = layui.request,
+          miniPage = layui.miniPage,
+          dropdown = layui.dropdown,
+          laydate = layui.laydate;
+        var openWH = miniPage.getOpenWidthHeight();
+        laydate.render({
+            elem: '#date',
+            range: true
+        });
+        laydate.render({
+            elem: '#invitation_at',
+            range: true
+        });
+
+        laydate.render({
+            elem: '#bidded_date',
+            range: true,
+            value: gon.bidded_date
+        });
+        laydate.render({
+            elem: '#signed_date',
+            range: true,
+            value: gon.signed_date
+        });
+        laydate.render({
+            elem: '#search_p_actual_money_time',
+            range: true
+        });
+
+        laydate.render({
+            elem: '#date_at',
+            range: true,
+            value: gon.date_at
+        });
+
+
+        var business_type_list = xmSelect.render({
+            el: '#contract_business_type',
+            data: gon.business_type
+        })
+
+        var staff_list = xmSelect.render({
+            el: '#contract_staffs_id',
+            data: gon.staffs,
+            filterable: true,
+            radio: true,
+        })
+
+        var business_step_list = xmSelect.render({
+            el: '#contract_business_step',
+            data: gon.business_step
+        })
+        var index_place_list = xmSelect.render({
+            el: '#contract_index_place',
+            model: {
+                icon: 'hidden',
+                label: {
+                    type: 'text',
+                    text: {
+                        //左边拼接的字符
+                        left: '',
+                        //右边拼接的字符
+                        right: '',
+                        //中间的分隔符
+                        separator: ', ',
+                    },
+                }
+            },
+            remoteSearch: true,
+            clickClose: true,
+            delay: 1000,
+            paging: true,
+            radio: true,
+            pageRemote: true,
+            filterable: true,
+            remoteMethod: function (val, cb, show, pageIndex) {
+                $.ajax('/missions/sales_place', {
+                    method: 'get',
+                    data: {
+                        q: val,
+                        page: pageIndex
+                    },
+                    dataType: 'json',
+                    success: function (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});
+                        }
+                    }
+                })
+            }
+        })
+        // index_place_list.setValue(gon.place)
+
+        var data = form.val("search_form");
+        // data.business_year = gon.business_year;
+        // data.business_type = business_type_list.getValue('valueStr')
+        // data.business_step = business_step_list.getValue('valueStr');
+        // data.staff_id = staff_list.getValue('valueStr');
+        // data.contract = 'contract';
+
+        table = layui.table;
+        var cols_table = [
+            [
+                {
+                    field: 'id',
+                    width: 60,
+                    title: '序号', type: 'numbers'
+                },
+                {
+                    field: 'name',
+                    width: 170,
+                    title: '项目名称',
+                    templet: '<div><a href="javascript:void(0);" class="layui-table-link" lay-event="show_business"><span title="{{d.name}}">{{d.name}}</span></a></div>'
+                },
+                {
+                    field: 'school',
+                    width: 150,
+                    title: '单位',
+                    templet: '#school_name'
+                },
+                {
+                    field: 'department',
+                    width: 150,
+                    title: '部门'
+                },
+                {
+                    field: 'p_stage',
+                    width: 90,
+                    title: '阶段'
+                },
+                {
+                    field: 'p_state',
+                    width: 90,
+                    title: '状态',
+                    templet: '#statusTpl'
+                },
+                {
+                    field: 'p_staff',
+                    width: 150,
+                    title: '指派人'
+                },
+                {
+                    field: 'p_sale_staff',
+                    width: 150,
+                    title: '销售经理'
+                },
+                {
+                    field: 'p_money',
+                    width: 100,
+                    title: '回款'
+                },
+                {
+                    field: 'bidded_date',
+                    width: 105,
+                    title: '中标时间'
+                },
+                {
+                    field: 'signed_date',
+                    width: 120,
+                    title: '合同签订时间'
+                },
+                {
+                    field: 'p_actual_money_time',
+                    width: 120,
+                    title: '实际回款时间'
+                },
+                {
+                    field: 'p_difficulty',
+                    width: 100,
+                    title: '难易度'
+                },
+                {
+                    field: 'p_special',
+                    width: 100,
+                    title: '定制'
+                },
+                {
+                    field: 'o_business_deployment',
+                    width: 105,
+                    title: '类型'
+                },
+                {
+                    field: 'p_content',
+                    width: 100,
+                    title: '问题备注'
+                },
+                {
+                    field: 'p_deleter',
+                    width: 100,
+                    title: '移除人'
+                },
+                {
+                    title: '操作',
+                    minWidth: 220,
+                    toolbar: '#currentTableBar',
+                    align: "center",
+                    fixed: 'right'
+                }
+            ]
+        ]
+
+        var business_table = table.render({
+            elem: '#contact_table',
+            url: '/missions/projects',
+            autoSort: false,
+            where: {q: data},
+            defaultToolbar: [],
+            toolbar: '#bussinessBar',
+            title: '商机数据表',
+            totalRow: true,//开启合并行
+            cols: cols_table,
+
+            limit: 20,
+            limits: [10, 15, 20, 30, 40, 50, 60, 70, 80, 90],
+            page: true,
+            skin: 'line',
+            done: function (res, curr, coun) {
+                exportData = res.data;
+            }
+        });
+
+        function pre_follow(id, name) {
+            var content = miniPage.getHrefContent('/missions/projects/history?id=' + id);
+            var openWH = miniPage.getOpenWidthHeight();
+            history_index = 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 () {
+                layer.full(index);
+            });
+        }
+
+        function time_line(id, name) {
+            business_id = id
+            business_name = name;
+            var content = miniPage.getHrefContent('/missions/businesses/time_line?business_id=' + id);
+            var openWH = miniPage.getOpenWidthHeight();
+            sindex = layer.open({
+                title: '商机列表/' + 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 () {
+                layer.full(sindex);
+            });
+        }
+
+
+        function deleteBusiness(id, name) {
+            layer.confirm('确定删除' + name, function (index) {
+                request.delete('missions/businesses/' + id, {}, function (res) {
+                    layer.close(index);
+                    table.reload("contact_table", {url: '/missions/businesses/contract'})
+                })
+            });
+        }
+
+
+        var sort = {}, search = data;
+
+        // table.on('sort(contact_table)', function (obj) {
+        //     var data = form.val("search_form");
+        //     sort.field = obj.field;
+        //     sort.order = obj.type;
+        //     table.reload('contact_table', {
+        //         url: '/missions/businesses/contract',
+        //         initSort: obj,
+        //         where: {
+        //             sort: sort,
+        //             q: search
+        //         }
+        //     });
+        // })
+        //
+        // // 监听搜索操作
+        // form.on('submit(search_bussiness_contract)', function (data) {
+        //     data.field.contract = 'contract';
+        //
+        //     // if (search['clazz']) {
+        //     //     data.field['clazz'] = search['clazz']
+        //     // }
+        //     search = data.field
+        //     table.reload('contact_table', {
+        //         url: '/missions/projects',
+        //         page: {
+        //             curr: 1
+        //         },
+        //         where: {q: search, sort: sort}
+        //     }, 'data');
+        //
+        //     return false;
+        // });
+
+        // table.on('sort(ideas_table)', function (obj) {
+        //     sort.field = obj.field;
+        //     sort.order = obj.type;
+        //     table.reload('contact_table', {
+        //         initSort: obj,
+        //         where: {
+        //             sort: sort,
+        //             q: search
+        //         }
+        //     });
+        // })
+
+        // 监听搜索操作
+        form.on('submit(search_bussiness_contract)', function (data) {
+            search = data.field
+            table.reload('contact_table', {
+                page: {
+                    curr: 1
+                },
+                where: {q: search, sort: sort}
+            }, 'data');
+            return false;
+        });
+
+        form.on('submit(show_hide_contract)', function (data) {
+            $(".show_item_contract").toggle()
+            return false;
+        });
+
+        form.on('submit(reset_business_search)', function (data) {
+            var field = data.field;
+            form.val('search_form', {
+                name: '', department: '', bidded_date: '', signed_date: '', search_p_actual_money_time: '',
+                p_stage: '', p_state: '', p_special: '', p_difficulty: '', o_business_deployment: ''
+            })
+            // business_type_list.setValue([])
+            // business_step_list.setValue([])
+            // index_place_list.setValue([])
+            // staff_list.setValue([])
+
+            return false;
+        });
+
+        table.on('tool(contact_table)', function (obj) {
+            var data = obj.data;
+            id = data.id
+            if (obj.event === 'add_event') { // 监听添加操作
+                business_id = data.id
+                var content = miniPage.getHrefContent('/missions/projects/detail?id=' + data.id);
+                var openWH = miniPage.getOpenWidthHeight();
+                detail_index = 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,
+                    success: function (layero, index) {
+                        form.render('select');
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(sale_plan_index);
+                });
+            } else if (obj.event === 'edit') {
+                var content = miniPage.getHrefContent('/missions/projects/' + id + '/edit');
+                var openWH = miniPage.getOpenWidthHeight();
+                edit_index = 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 () {
+                    layer.full(edit_index);
+                });
+                return false;
+            } else if (obj.event === 'delete') {
+                layer.confirm('确定删除' + data.name, function (index) {
+                    request.delete('missions/projects/' + data.id, {}, function (res) {
+                        layer.close(index);
+                        table.reload('contact_table', {
+                            done: function () {
+                            }
+                        });
+                    })
+                });
+            } else if (obj.event === 'recycle') {
+                layer.confirm('确定恢复' + data.name, function (index) {
+                    request.post('missions/projects/recycle?id=' + data.id, {}, function (res) {
+                        layer.close(index);
+                        table.reload('contact_table', {
+                            done: function () {
+                            }
+                        });
+                    })
+                });
+            } else if (obj.event === 'add_follow') { // 监听添加操作
+                business_id = parent.business_id
+                var content = miniPage.getHrefContent('/missions/businesses/new_follow_record?id=' + parent.id);
+                var openWH = miniPage.getOpenWidthHeight();
+                sale_plan_index = 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,
+                    success: function (layero, index) {
+                        form.render('select');
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+            } else if (obj.event === 'addWeek') {
+                var content = miniPage.getHrefContent('/missions/plans/new_week?business_id=' + obj.data.id);
+                var openWH = miniPage.getOpenWidthHeight();
+
+                sindex = 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 () {
+                    layer.full(sindex);
+                });
+            } else if (obj.event === 'addMonth') {
+                var content = miniPage.getHrefContent('/missions/plans/new_month?business_id=' + obj.data.id);
+                var openWH = miniPage.getOpenWidthHeight();
+                sindex = 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 () {
+                    layer.full(sindex);
+                });
+
+            } else if (obj.event === 'show_keys') {
+                business_id = obj.data.id
+                follow_up_id = obj.data.follow_up_id;
+                content = miniPage.getHrefContent('/missions/businesses/show_keys');
+                openWH = miniPage.getOpenWidthHeight();
+                index = 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,
+                    success: function (layero, index) {
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+            } else if (obj.event === 'show_follow') {
+                pre_follow(obj.data.id, obj.data.name);
+            } else if (obj.event == 'show_business') {
+                pre_follow(obj.data.id, obj.data.name)
+            }
+        });
+
+
+        table.on('toolbar(contact_table)', function (obj) {
+            if (obj.event === 'mine') {
+                // search = {"clazz": "me"}
+                // business_type_list.setValue([])
+                table.reload('contact_table', {
+                    url: '/missions/projects?is_deleted=true',
+                    cols: cols_table,
+                    page: {
+                        curr: 1
+                    },
+                    where: {q: search, sort: sort}
+                }, 'data');
+                form.val('search_form', {
+                    name: '', department: '', bidded_date: '', signed_date: '', search_p_actual_money_time: '',
+                    p_stage: '', p_state: '', p_special: '', p_difficulty: '', o_business_deployment: ''
+                })
+                $(".my-btn").addClass("selected-btn");
+                return false;
+            } else if (obj.event === 'project_list') {
+                // search = {"clazz": "me"}
+                // business_type_list.setValue([])
+                table.reload('contact_table', {
+                    url: '/missions/projects',
+                    cols: cols_table,
+                    page: {
+                        curr: 1
+                    },
+                    where: {q: search, sort: sort}
+                }, 'data');
+                form.val('search_form', {
+                    name: '', department: '', bidded_date: '', signed_date: '', search_p_actual_money_time: '',
+                    p_stage: '', p_state: '', p_special: '', p_difficulty: '', o_business_deployment: ''
+                })
+                $(".project_list-btn").addClass("selected-btn");
+                return false;
+            }
+        });
+
+
+    })
+    ;
+</script>
+<style>
+    .layui-table-tool-temp {
+        padding-right: 30px;
+    !important;
+    }
+
+    .layui-table-fixed .layui-table-body {
+        height: auto !important;
+    }
+
+    .layui-table-fixed.layui-hide {
+        display: block !important;
+    }
+
+</style>