1

YM

2025-04-10 c4782840b8893dcc0bcf262153374237f40f6b9e

 app/user/view/attendance/index.html

@@ -5,11 +5,6 @@
  <table class="layui-hide" id="test" lay-filter="test"></table>
</div>

<script type="text/html" id="status">
  <i
    class="layui-icon {{#  if(d.status == 1){ }}green layui-icon-ok{{#  } else { }}yellow layui-icon-close{{#  } }}"
  ></i>
</script>
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="add">+ 添加考勤组</button>
@@ -44,23 +39,114 @@
      cols: [
        [
          {
            field: "title",
            field: "name",
            title: "名称",
            align: "center"
            align: "center",
            width: 300
          },
          {
            field: "peopleNum",
            title: "人数",
            width: 120
            width: 120,
            templet: function (d) {
              var users = d.linkUserDate.filter((item) => item.type == "1");
              return users.length;
            }
          },
          {
            field: "type",
            title: "类型",
            width: 120
            width: 120,
            templet: function (d) {
              if (d.type == "1") {
                return "固定班制";
              }
              if (d.type == "2") {
                return "自由工时";
              }
            }
          },
          {
            field: "time",
            title: "考勤时间"
            title: "考勤时间",
            templet: function (d) {
              // 按照班次分组
              var planMap = {};
              Object.keys(d.work_plan).forEach((key) => {
                var item = d.work_plan[key];
                var showTxt = "";
                var index = 0;
                if (key.indexOf("mon_") > -1) {
                  showTxt = "周一";
                  index = 1;
                }
                if (key.indexOf("tue_") > -1) {
                  showTxt = "周二";
                  index = 2;
                }
                if (key.indexOf("wed_") > -1) {
                  showTxt = "周三";
                  index = 3;
                }
                if (key.indexOf("thur_") > -1) {
                  showTxt = "周四";
                  index = 4;
                }
                if (key.indexOf("fri_") > -1) {
                  showTxt = "周五";
                  index = 5;
                }
                if (key.indexOf("sat_") > -1) {
                  showTxt = "周六";
                  index = 6;
                }
                if (key.indexOf("sun_") > -1) {
                  showTxt = "周日";
                  index = 7;
                }
                if (item.id) {
                  if (!planMap[item.id])
                    planMap[item.id] = { showTxt: [], index: null };
                  planMap[item.id].times = item.times;
                  planMap[item.id].showTxt.push(showTxt);
                  if (planMap[item.id].index) {
                    if (planMap[item.id].index > index)
                      planMap[item.id].index = index;
                  } else {
                    planMap[item.id].index = index;
                  }
                } else {
                  if (!planMap["null"]) planMap["null"] = { showTxt: [], index: 999 };
                  planMap.null.showTxt.push(showTxt);
                }
              });
              
              // 根据班次分类显示时间，并且根据周一到周日排序，休息放在最后
              var infoList = [];
              Object.keys(planMap).forEach((key) => {
                infoList.push(planMap[key])
              });
              infoList.sort((a, b) => a.index - b.index);
              console.log(infoList, "infoList");
              var html_ = "";
              for (let i = 0; i < infoList.length; i++) {
                const infoItem = infoList[i];
                html_ +=
                  "<p>" +
                    infoItem.showTxt.join("、") +
                  "：" +
                  (infoItem.times && infoItem.times.length > 0
                    ? infoItem.times.map(
                        (item) => item.begin_time + " - " + item.end_time
                      )
                    : "休息") +
                  "</p>";
              }
              
              console.log(html_);

              return html_;
            }
          },
          {
            field: "right",
@@ -101,7 +187,11 @@
                obj.del();
              }
            };
            tool.delete("/user/attendance/delete", { id: obj.data.id }, callback);
            tool.delete(
              "/user/attendance/delete",
              { id: obj.data.id },
              callback
            );
            layer.close(index);
          }
        );