educode_sales 1.10.58 → 1.10.59

data/app/views/educode_sales/plans/_year_execute.html.erb

@@ -0,0 +1,293 @@
+<%= Gon::Base.render_data %>
+<div id="year_execute_wraper">
+<div class="layuimini-main  min-height-table" id="year_execute_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 large-select">
+          <%= select_tag "staff_id", options_for_select(@staffs), { id: 'execute_staff_id', 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" autocomplete="off" name="year" value="<%= Time.now.year %>" id="assessment_year">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label">客户类型</label>
+        <div class="layui-input-inline">
+            <div id="execute_property" style="width: 190px;"></div>
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label">目标类别</label>
+        <div class="layui-input-inline">
+            <div id="execute_clazz" style="width: 190px;"></div>
+        </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-tab" id="finished_table"  lay-filter="progressTable"></table>
+</div>
+<script type="text/html" id="progress_Toolbar">
+  <div class="layui-btn-container">
+    <span class="table-label">年度销售执行情况</span>
+    <button class="layui-btn layui-btn-primary layui-btn-sm pull-right" lay-event="export"> 导出</button>
+    <button class="layui-btn layui-btn-primary layui-btn-sm pull-right" lay-event="show_all" id="show_all"> 分类显示</button>
+    <button class="layui-btn layui-btn-default layui-btn-sm pull-right" lay-event="show_staff" id="show_staff"> 人员显示</button>
+  </div>
+</script>
+
+<script>
+  layui.use(['form', 'table', 'miniPage', 'element', 'rate', 'laydate', 'request', 'xmSelect'], function () {
+
+    var $ = layui.jquery,
+      form = layui.form,
+      laydate = layui.laydate,
+      request = layui.request,
+      table = layui.table,
+      rate = layui.rate,
+      xmSelect = layui.xmSelect,
+      miniPage = layui.miniPage,
+      dropdown = layui.dropdown;
+
+
+    laydate.render({
+      elem: '#assessment_year',
+      type: 'year'
+    });
+
+    var execute_property = xmSelect.render({
+        el: '#execute_property',
+        name: 'target_property',
+        data: gon.school_tags
+    })
+
+    var execute_clazz = xmSelect.render({
+      el: '#execute_clazz',
+        name: 'target_clazz',
+      data: [{value: '中标', name: '中标'}, {value: '回款', name: '回款'}, {value: '商机', name: '商机'}]
+    })
+      form.render();
+      form.on('submit(progress_resert_btn)', function (data) {
+          execute_property.setValue([]);
+          execute_clazz.setValue([]);
+          return false;
+      })
+
+      table.render({
+          elem: '#finished_table'
+          , toolbar: '#target_progress_toolbar'
+          , totalRow: true
+          , url: '/missions/plans/years_all_target'
+          , page: true
+          , title: "绩效考核指标完成情况" // 目前发现的作用(导出文件的文件名)
+          , defaultToolbar: ['exports']
+          , height: 'full-200'
+          , cols: [
+              [ //标题栏
+                  {field: 'id', group: 'id', align: 'center', title: '序号', width: 80, totalRowText: '合计', rowspan: 3}
+                  , {field: 'name', align: 'center', title: '姓名', width: 100, rowspan: 3}
+                  , {field: 'target_clazz', align: 'center', title: '类别', width: 100, rowspan: 3}
+                  , {field: 'year_target', align: 'center', title: '年度目标', width: 100, rowspan: 3, totalRow: true}
+                  , {field: 'school_tag_name', align: 'center', title: '客户类型', width: 100, rowspan: 3}
+                  , {field: 'year_clazz_target', align: 'center', title: '分项目标', width: 100, rowspan: 3, totalRow: true}
+                  , {field: 'year_plan', title: '年度计划', width: 100, rowspan: 3, totalRow: true}
+                  , {field: 'year_finish', title: '年度完成', width: 100, rowspan: 3, totalRow: true}
+
+            ,{align: 'center', title: '1月', colspan: 3}
+            ,{align: 'center', title: '2月', colspan: 3}
+            ,{align: 'center', title: '3月', colspan: 3}
+            ,{align: 'center', title: '4月', colspan: 3}
+            ,{align: 'center', title: '5月', colspan: 3}
+            ,{align: 'center', title: '6月', colspan: 3}
+            ,{align: 'center', title: '7月', colspan: 3}
+            ,{align: 'center', title: '8月', colspan: 3}
+            ,{align: 'center', title: '9月', colspan: 3}
+            ,{align: 'center', title: '10月', colspan: 3}
+            ,{align: 'center', title: '11月', colspan: 3}
+            ,{align: 'center', title: '12月', colspan: 3}
+          ],
+          [
+            {field: 'target_1', title: '目标', width: 100, totalRow:true, hidden: true}
+            ,{field: 'plan_1', title: '计划', width: 100, totalRow:true, hidden: true}
+            ,{field: 'finish_1', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_2', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_2', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_2', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_3', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_3', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_3', title: '完成', width: 100, totalRow:true}
+
+             ,{field: 'target_4', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_4', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_4', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_5', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_5', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_5', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_6', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_6', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_6', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_7', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_7', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_7', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_8', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_8', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_8', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_9', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_9', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_9', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_10', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_10', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_10', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_11', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_11', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_11', title: '完成', width: 100, totalRow:true}
+
+            ,{field: 'target_12', title: '目标', width: 100, totalRow:true}
+            ,{field: 'plan_12', title: '计划', width: 100, totalRow:true}
+            ,{field: 'finish_12', title: '完成', width: 100, totalRow:true}
+
+        ]],
+        done : function(res, curr, count) {
+            var id = res.data[0]['id'];
+            merge(res);
+            if (!id) {
+                $("[data-field='id']").css('display', 'none');
+                $("[data-field='name']").css('display', 'none');
+            }
+            table.render('select');
+        }
+
+    });
+      function merge(res, id) {
+          var data = res.data;
+          var mergeIndex = 0;//定位需要添加合并属性的行数
+          var mark = 1; //这里涉及到简单的运算，mark是计算每次需要合并的格子数
+          var columsName = ['id','name','target_clazz',{name:'year_target',mergeBase:'target_clazz',valueBase:'year_clazz_target'}];//需要合并的列名称
+          var columsIndex = [0,1,2,3];//需要合并的列索引值
+
+          for (var k = 0; k < columsName.length; k++) { //这里循环所有要合并的列
+              var trArr = $(".layui-table-body>.layui-table").find("tr");//所有行
+              for (var i = 1; i < res.data.length; i++) { //这里循环表格当前的数据
+                  var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//获取当前行的当前列
+                  var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//获取相同列的第一列
+
+                  var opt = columsName[k];
+                  var name = opt.name;
+                  var mergeBase = opt.mergeBase;
+                  var valueBase = opt.valueBase;
+
+                  if(name && mergeBase){
+                      tdCurValue = parseFloat(tdPreArr[0].querySelector('.layui-table-cell').textContent) || 0;
+                      if(valueBase && !tdCurValue){
+                          tdPreArr[0].querySelector('.layui-table-cell').innerHTML = data[i-1][valueBase];
+                      }
+
+                      if (data[i][mergeBase] === data[i-1][mergeBase]) { //后一行的值与前一行的值做比较，相同就需要合并
+                          mark += 1;
+                          tdPreArr.each(function (a,b) {//相同列的第一列增加rowspan属性
+                              $(this).attr("rowspan", mark);
+
+                              var oldV = parseFloat($(this).find('.layui-table-cell').html()) || 0;
+                              var curentV = 0;
+                              if(valueBase){
+                                  curentV = parseFloat(data[i][valueBase]) || 0;
+                              }else{
+                                  curentV = parseFloat(data[i][name]) || 0;
+                              }
+                              var newV = oldV + curentV;
+                              $(this).find('.layui-table-cell').html(newV);
+                          });
+                          tdCurArr.each(function () {//当前行隐藏
+                              $(this).css("display", "none");
+                          });
+                      }else {
+                          mergeIndex = i;
+                          mark = 1;//一旦前后两行的值不一样了，那么需要合并的格子数mark就需要重新计算
+                      }
+                  }else{
+                      if (data[i][columsName[k]] === data[i-1][columsName[k]]) { //后一行的值与前一行的值做比较，相同就需要合并
+                          mark += 1;
+                          tdPreArr.each(function () {//相同列的第一列增加rowspan属性
+                              $(this).attr("rowspan", mark);
+                          });
+                          tdCurArr.each(function () {//当前行隐藏
+                              $(this).css("display", "none");
+                          });
+                      }else {
+                          mergeIndex = i;
+                          mark = 1;//一旦前后两行的值不一样了，那么需要合并的格子数mark就需要重新计算
+                      }
+                  }
+              }
+              mergeIndex = 0;
+              mark = 1;
+          }
+      }
+    table.on('toolbar(year_all_target_form)', function (obj) {
+        search = form.val('assessment_progress_form')
+        var event = obj.event;
+        switch (event) {
+            case 'show_staff':
+                search.type = 'staff';
+                break;
+            case 'show_all':
+                search.type = 'all';
+                search.staff_id = '';
+                break;
+            case 'export':
+                layer.load(0, {});
+                request.authGet("missions/plans/years_all_target?=" + $.param({q: search}), {}, function (res) {
+                    data = res.data
+                    table.exportFile(target_table.config.id, data, 'xls');
+                    layer.closeAll('loading');
+                });
+                break;
+        }
+        if (event === 'show_staff' || event === 'show_all') {
+            loadFinishTable(search);
+            var $ = layui.$;
+            var buttonId = `#${event}`;
+            // 移除所有按钮的 layui-btn-default 类名，添加 layui-btn-primary 类名
+            $(buttonId).siblings('.layui-btn').removeClass('layui-btn-default').addClass('layui-btn-primary');
+            $(buttonId).removeClass('layui-btn-primary').addClass('layui-btn-default');
+        }
+    });
+
+    //loadFinishTable(form.val('assessment_progress_form'))
+
+    form.on('submit(progress_search_btn)', function (data) {
+      var search = data.field;
+      loadFinishTable(search);
+      return false;
+    })
+
+    function loadFinishTable(search) {
+      table.reload('finished_table', {
+        where: search,
+        url: '/missions/plans/years_all_target'
+      });
+    }
+
+  })
+
+  </script>
+</div>