考勤统计模块 增加月份对应的星期的数据处理+对应考勤统计的样式调整

haoxuan

2024-04-26 a3094611deac91e0ec35bcfe3f3fdd3bdf993466

 src/components/makepager/TableCommonView.vue

@@ -13,8 +13,9 @@
      :show-summary="showSummary.show"
      :summary-method="getSummaries"
      :span-method="arraySpanMethod"
      :class="tableList.headerHeight?'table-height-47px':''"
      @selection-change="handleSelectionChange"
      :header-cell-style="{ background: '#f1f3f8', color: '#000009', 'font-size': '12px', 'font-family': 'PingFangSC' }"
      :header-cell-style="{ background: '#f1f3f8', height:tableList.headerHeight?tableList.headerHeight:'37px',color: '#000009', 'font-size': '12px', 'font-family': 'PingFangSC' }"
      size="mini"
      @row-click="tableRowClick"
      :row-class-name="tableRowClassName"
@@ -39,6 +40,18 @@
        :fixed="item.fixed"
        v-if="item.isShowColumn"
      >
      
      <template slot="header">
          {{ item.label }}
          <div v-if="item.weekDay">{{item.weekDay}}</div>
          <span v-if="item.iconRight">
            <i
              :class="item.iconRight"
              style="font-size: 16px; margin-left: 5px; cursor: pointer"
              @click="handleShow(item)"
            ></i>
          </span>
        </template>
        <template slot-scope="scope">
          <span v-if="item.price">{{ "￥" + number_format(scope.row[item.prop], 2, ".", ",") }}</span>
          <div v-else-if="item.status" :class="scope.row.status">{{ scope.row[item.prop] }}</div>
@@ -84,8 +97,17 @@
          <span
            v-else-if="item.isCommonClick && scope.row[item.prop]"
            class="sel-name"
            @click="selCommonClick(scope.row)"
            >{{ scope.row[item.prop] }}</span
            @click="selCommonClick(scope.row,item.prop,item)"
            >
            <div v-if="item.isCallMethod">
              <span :class="item.isClass ? item.getClassName(scope.row[item.prop], scope.row) : ''">
              
              <span v-if="item.isIcon" v-html="item.getCallMethod(scope.row[item.prop], scope.row)"></span>
              <span v-else>{{ item.getCallMethod(scope.row[item.prop], scope.row) }}</span> 
              </span>
            </div>
            <span v-else>{{ scope.row[item.prop] }}</span> 
            </span
          >
          <div v-else-if="item.isProductName" class="product-view">
            <ul v-if="scope.row.products && scope.row.products.length > 0">
@@ -216,7 +238,7 @@
        this.showcol = newVal
      },
      immediate: true
    }
    },
  },
  methods: {
    onMaskClick() {
@@ -389,8 +411,8 @@
      this.$emit("selServiceOrderClick", row)
    },
    // 公共（销售机会、报价单、销售总单、销售子单。。。）
    selCommonClick(row) {
      this.$emit("selCommonClick", row)
    selCommonClick(row,prop,item) {
      this.$emit("selCommonClick", row,prop,item)
    },
    // 行点击
    tableRowClick(row, column, event) {
@@ -412,7 +434,11 @@
      } else {
        return false
      }
    }
    },
    // 自定义表头点击事件
    handleShow(item) {
      this.$emit("handleShow", item);
    },
  }
}
</script>
@@ -464,6 +490,21 @@
      font-weight: bold;
    }
  }
  .el-table__fixed{
    height:calc(100% - 8px)!important;
  }
  .el-table__fixed-body-wrapper{
    top:37px!important;
  }
  .table-height-47px .el-table__fixed-body-wrapper{
    top:47px!important;
  }
  .el-table__body-wrapper{
    height:calc(100% - 38px)!important;
  }
  .table-height-47px .el-table__body-wrapper{
    height:calc(100% - 48px)!important;
  }
}

::v-deep .el-table .cell {