educode_sales 0.7.2 → 0.7.5

data/app/views/educode_sales/assessments/_progress.html.erb

@@ -0,0 +1,433 @@
+<script type="text/html" id="progress_Toolbar">
+  <div class="layui-btn-container">
+    <span class="table-label">指标完成情况</span>
+    <% if can?(:export_result, EducodeSales::AssessmentsSetting) %>
+      <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm data-count-edit export_more-btn pull-right" style="color: #0000FF;" data-name="export" data-id="export">
+        导出<i class="layui-icon layui-icon-down  layui-nav-more" style="font-size: 12px"></i></button>
+  <%end %>
+  </div>
+</script>
+<!--搜索-->
+<div class="layuimini-main  min-height-table" id="monthly_table_wraper">
+  <form class="layui-form layui-form-pane" lay-filter="assessment_progress_form">
+    <div class="layui-form-item">
+      <div class="layui-inline">
+        <label class="layui-form-label">考核年度</label>
+        <div class="layui-input-inline">
+          <input type="text" class="layui-input" id="assessment_year" autocomplete="off" name="assessment_year" value="2022">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label">考核指标</label>
+        <div class="layui-input-inline">
+          <select class="layui-select" name="assessment_id" >
+            <option value="1" selected >签单金额</option>
+            <option value="2">回款金额</option>
+            <option value="3">拜访量</option>
+            <option value="4">新增商机数</option>
+          </select>
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label">人员</label>
+        <div class="layui-input-inline large-select">
+          <%= select_tag "staff_id", options_for_select(@staffs), { id: 'weekly_staff_id', include_blank: true} %>
+        </div>
+      </div>
+      <div class="layui-inline">
+        <button type="reset" class="layui-btn layui-btn-primary" lay-submit lay-filter="progress_resert_btn">重置
+        </button>
+        <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="progress_search_btn">检索
+        </button>
+      </div>
+    </div>
+  </form>
+
+  <!--表格-->
+  <table class="layui-hide" id="progressTable" style="min-height: 600px;" lay-filter="progressTable"></table>
+
+
+
+
+</div>
+
+
+
+
+<script>
+    layui.use(['form', 'table', 'miniPage', 'element', 'rate', 'laydate', 'request'], function () {
+
+
+
+
+        var $ = layui.jquery,
+            form = layui.form,
+            laydate = layui.laydate,
+            request = layui.request,
+            table = layui.table,
+            rate = layui.rate,
+            miniPage = layui.miniPage;
+            dropdown = layui.dropdown;
+
+        laydate.render({
+            elem: '#assessment_year',
+            type: 'year'
+        });
+
+
+
+        var progress_table = table.render({
+            elem: '#progressTable'
+            ,url: '/missions/assessments/progress'
+            ,toolbar: '#progress_Toolbar'
+            ,totalRow:true
+            ,defaultToolbar: ['filter']
+            // ,limit: 10
+            ,limits: [10,15,20,30,40,50,60,70,80,90]
+            ,limit: 10
+            ,page: true
+            ,cols:[
+                    [ //标题栏
+                        { title: '序号', width: 80, rowspan: 2,type:'numbers',fixed:'left',sort: true,} //rowspan即纵向跨越的单元格数
+                        ,{field: 'name', title: '考核人员', width: 80, rowspan: 2,fixed:'left'}
+                        ,{align: 'center', title: '全年', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '第1季度', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '1月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '2月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '3月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '第2季度', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '4月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '5月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '6月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '第3季度', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '7月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '8月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '9月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '第4季度', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '10月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '11月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                        ,{align: 'center', title: '12月', colspan: 5} //colspan即横跨的单元格数，这种情况下不用设置field和width
+                    ],
+                    [
+                        {field: 'annual', title: '目标', width: 80}
+                        ,{field: 'annual_progress', title: '完成', width: 80}
+                        ,{field: 'annual_dif', title: '差额', width: 80}
+                        ,{field: 'annual_rate', title: '完成率', width:80}
+                        ,{field: 'annual_score', title: '得分', width: 80}
+                        ,{field: 'first_quarter', title: '目标', width: 80}
+                        ,{field: 'first_quarter_progress', title: '完成', width: 80}
+                        ,{field: 'first_quarter_dif', title: '差额', width: 80}
+                        ,{field: 'first_quarter_rate', title: '完成率', width:80}
+                        ,{field: 'first_quarter_score', title: '得分', width: 80}
+                        ,{field: 'january', title: '目标', width: 80}
+                        ,{field: 'january_progress', title: '完成', width: 80}
+                        ,{field: 'january_dif', title: '差额', width: 80}
+                        ,{field: 'january_rate', title: '完成率', width:80}
+                        ,{field: 'january_score', title: '得分', width: 80}
+                        ,{field: 'february', title: '目标', width: 80}
+                        ,{field: 'february_progress', title: '完成', width: 80}
+                        ,{field: 'february_dif', title: '差额', width: 80}
+                        ,{field: 'february_rate', title: '完成率', width:80}
+                        ,{field: 'february_score', title: '得分', width: 80}
+                        ,{field: 'march', title: '目标', width: 80}
+                        ,{field: 'march_progress', title: '完成', width: 80}
+                        ,{field: 'march_dif', title: '差额', width: 80}
+                        ,{field: 'march_rate', title: '完成率', width:80}
+                        ,{field: 'march_score', title: '得分', width: 80}
+                        ,{field: 'second_quarter', title: '目标', width: 80}
+                        ,{field: 'second_quarter_progress', title: '完成', width: 80}
+                        ,{field: 'second_quarter_dif', title: '差额', width: 80}
+                        ,{field: 'second_quarter_rate', title: '完成率', width:80}
+                        ,{field: 'second_quarter_score', title: '得分', width: 80}
+                        ,{field: 'april', title: '目标', width: 80}
+                        ,{field: 'april_progress', title: '完成', width: 80}
+                        ,{field: 'april_dif', title: '差额', width: 80}
+                        ,{field: 'april_rate', title: '完成率', width:80}
+                        ,{field: 'april_score', title: '得分', width: 80}
+                        ,{field: 'may', title: '目标', width: 80}
+                        ,{field: 'may_progress', title: '完成', width: 80}
+                        ,{field: 'may_dif', title: '差额', width: 80}
+                        ,{field: 'may_rate', title: '完成率', width:80}
+                        ,{field: 'may_score', title: '得分', width: 80}
+                        ,{field: 'june', title: '目标', width: 80}
+                        ,{field: 'june_progress', title: '完成', width: 80}
+                        ,{field: 'june_dif', title: '差额', width: 80}
+                        ,{field: 'june_rate', title: '完成率', width:80}
+                        ,{field: 'june_score', title: '得分', width: 80}
+                        ,{field: 'third_quarter', title: '目标', width: 80}
+                        ,{field: 'third_quarter_progress', title: '完成', width: 80}
+                        ,{field: 'third_quarter_dif', title: '差额', width: 80}
+                        ,{field: 'third_quarter_rate', title: '完成率', width:80}
+                        ,{field: 'third_quarter_score', title: '得分', width: 80}
+                        ,{field: 'july', title: '目标', width: 80}
+                        ,{field: 'july_progress', title: '完成', width: 80}
+                        ,{field: 'july_dif', title: '差额', width: 80}
+                        ,{field: 'july_rate', title: '完成率', width:80}
+                        ,{field: 'july_score', title: '得分', width: 80}
+                        ,{field: 'august', title: '目标', width: 80}
+                        ,{field: 'august_progress', title: '完成', width: 80}
+                        ,{field: 'august_dif', title: '差额', width: 80}
+                        ,{field: 'august_rate', title: '完成率', width:80}
+                        ,{field: 'august_score', title: '得分', width: 80}
+                        ,{field: 'september', title: '目标', width: 80}
+                        ,{field: 'september_progress', title: '完成', width: 80}
+                        ,{field: 'september_dif', title: '差额', width: 80}
+                        ,{field: 'september_rate', title: '完成率', width:80}
+                        ,{field: 'september_score', title: '得分', width: 80}
+                        ,{field: 'fourth_quarter', title: '目标', width: 80}
+                        ,{field: 'fourth_quarter_progress', title: '完成', width: 80}
+                        ,{field: 'fourth_quarter_dif', title: '差额', width: 80}
+                        ,{field: 'fourth_quarter_rate', title: '完成率', width:80}
+                        ,{field: 'fourth_quarter_score', title: '得分', width: 80}
+                        ,{field: 'october', title: '目标', width: 80}
+                        ,{field: 'october_progress', title: '完成', width: 80}
+                        ,{field: 'october_dif', title: '差额', width: 80}
+                        ,{field: 'october_rate', title: '完成率', width:80}
+                        ,{field: 'october_score', title: '得分', width: 80}
+                        ,{field: 'november', title: '目标', width: 80}
+                        ,{field: 'november_progress', title: '完成', width: 80}
+                        ,{field: 'november_dif', title: '差额', width: 80}
+                        ,{field: 'november_rate', title: '完成率', width:80}
+                        ,{field: 'november_score', title: '得分', width: 80}
+                        ,{field: 'december', title: '目标', width: 80}
+                        ,{field: 'december_progress', title: '完成', width: 80}
+                        ,{field: 'december_dif', title: '差额', width: 80}
+                        ,{field: 'december_rate', title: '完成率', width:80}
+                        ,{field: 'december_score', title: '得分', width: 80}
+            ]]
+            ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
+                var result;
+                if(this.page.curr){
+                    result = res.data.slice(this.limit*(this.page.curr-1),this.limit*this.page.curr);
+                }
+                else{
+                    result=res.data.slice(0,this.limit);
+                }
+                var length =0;
+                for (var ever in res.data){
+                    length++
+                }
+                return {
+                    "code": 0, //解析接口状态
+                    "msg": res.msg, //解析提示文本
+                    "count": length, //解析数据长度
+                    "data": result //解析数据列表
+                };
+            }
+            ,done: function (res) {
+                export_drowpdwonRender()
+            }
+        });
+
+        //  这个注意一下  直接html请求的后端中直接拿取gon.export_menus数据
+        //  使用dropdown模块
+        var export_dropmenu = gon.export_menus;
+        export_drowpdwonRender = function() {
+            dropdown.render({
+                elem: '.export_more-btn',
+                data: export_dropmenu,
+                click: function(data, othis){
+                    var elem = $(this.elem);
+                    id = elem.data('id');
+                    switch (data.event) {
+                        case 'export_csv':
+                            export_csv();
+                            break;
+                        case 'export_excel':
+                            export_excel();
+                            break;
+
+                    }
+                }
+            });
+        }
+
+        function export_csv() {
+            var data = form.val("assessment_progress_form");
+            request.authPost("/missions/assessments/get_export_data", {
+                //  这个请求注意一下  除了会发送自定义的数据  还会发送一些数据(在自定义数据外面增加一个hash)--注意有意思
+                assessment_year: data.assessment_year,
+                assessment_id: data.assessment_id,
+                staff_id: data.staff_id,
+                // select: data.select, //有点东西
+            }, function (res) {
+                data = res.data
+                table.exportFile(progress_table.config.id,data, 'csv');
+                layer.closeAll('loading');
+            })
+
+        }
+        function export_excel() {
+            var data = form.val("assessment_progress_form");
+            request.authPost("/missions/businesses/get_export_data", {
+                assessment_year: data.assessment_year,
+                assessment_id: data.assessment_id,
+                staff_id: data.staff_id,
+            }, function (res) {
+                data = res.data
+                table.exportFile(progress_table.config.id,data, 'xls');
+                layer.closeAll('loading');
+            })
+
+        }
+
+
+
+        var sort = {},
+            search = {};
+        table.on('sort(progressTable)', function (obj) {
+            sort.field = obj.field;
+            sort.order = obj.type;
+            table.reload('progressTable', {
+                initSort: obj,
+                where: {
+                    sort: sort,
+                    q: search
+                }
+            });
+        })
+
+        // 监听搜索操作
+        form.on('submit(progress_search_btn)', function (data) {
+            search = data.field
+            table.reload('progressTable', {
+                page: {
+                    curr: 1
+                },
+                where: {
+                    q: search,
+                    sort: sort
+                }
+            }, 'data');
+
+            return false;
+        });
+
+        form.on('submit(progress_resert_btn)', function (data) {
+            var field = data.field;
+            console.log("--------------------")
+            console.log(gon.export_menus)
+            form.val('assessment_progress_form', {
+                staff_id: '',
+                assessment_year: '2022',
+                assessment_id: '签单金额',
+            })
+            return false;
+        });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        /**
+         * toolbar事件监听
+         */
+        // table.on('toolbar(progressTable)', function (obj) {
+        //     if (obj.event === 'add') { // 监听添加操作
+        //         var content = miniPage.getHrefContent('/missions/plans/new_monthly');
+        //         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,
+        //             success: function (layero, index) {
+        //                 // 重新渲染弹层中的下拉选择框select
+        //                 form.render('select');
+        //             }
+        //         });
+        //         $(window).on("resize", function () {
+        //             layer.full(sindex);
+        //         });
+        //     }
+        // });
+
+        // table.on('tool(progressTable)', function (obj) {
+        //     var data = obj.data;
+        //     if (obj.event === 'edit') {
+        //         var content = miniPage.getHrefContent('/missions/sale_reports/' + data.id + "/edit");
+        //         var openWH = miniPage.getOpenWidthHeight();
+        //         from_edit_monthly = true
+        //         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);
+        //         });
+        //         return false;
+        //     } else if (obj.event === 'delete') {
+        //         layer.confirm('确定删除ID为' + data.id + " 的月报", function (index) {
+        //             request.delete('missions/sale_reports/' + data.id, {}, function (res) {
+        //                 layer.close(index);
+        //                 table.reload("progressTable")
+        //             })
+        //         });
+        //     } else if (obj.event === 'show') {
+        //         content = miniPage.getHrefContent('/missions/sale_reports/' + data.id);
+        //         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,
+        //         });
+        //         $(window).on("resize", function () {
+        //             layer.full(index);
+        //         });
+        //         return false;
+        //     } else if (obj.event === 'audit') {
+        //         content = miniPage.getHrefContent('/missions/sale_reports/' + data.id + "/audit");
+        //         openWH = miniPage.getOpenWidthHeight();
+        //         from_source = 'monthly';
+        //         report_id = data.id;
+        //         sindex = layer.open({
+        //             title: '审查'+ data.staff +'的月报',
+        //             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);
+        //         });
+        //         return false;
+        //     }
+        // });
+
+    });
+</script>
+