npmapps 1.1.4 → 1.1.5

package/app/wujie-vue2-child/src/views/element/components/attendanceCycle/index.vue

@@ -0,0 +1,131 @@
+<template>
+  <div class="attendanceCycle" v-loading="loading">
+    <div class="header">
+      <div class="left">
+        <el-button size="mini" type="primary" @click="onSave">选择</el-button>
+      </div>
+      <div class="right">
+        <el-select
+          size="mini"
+          v-model="year"
+          placeholder="请选择"
+          @change="yearChange"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.yearId"
+            :label="item.yearName"
+            :value="item.yearId"
+          >
+          </el-option>
+        </el-select>
+      </div>
+    </div>
+    <el-table
+      size="mini"
+      :data="tableData"
+      style="width: 100%"
+      border
+      @row-click="handleRowClick"
+    >
+      <!-- 单选框列 -->
+      <el-table-column width="50">
+        <template slot-scope="scope">
+          <el-radio
+            :value="currentRow.monthId"
+            :label="scope.row.monthId"
+          >&nbsp;</el-radio>
+        </template>
+      </el-table-column>
+      <el-table-column prop="monthName" label="名称"></el-table-column>
+      <el-table-column prop="monthName" label="开始日期"></el-table-column>
+      <el-table-column prop="monthName" label="结束日期"></el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import {
+  getOpenAttendanceCycleMonthListApi,
+  getOpenAttendanceCycleYearListApi,
+} from "../../employeeSchedulingManagement/data.js";
+
+export default {
+  // 考勤周期
+  props: {
+    close: {
+      type: Function,
+      default: () => {},
+    },
+    setData:{
+        type: Function,
+        default: () => {},
+    },
+  },
+
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      year: "2025",
+      options: [],
+      currentRow: {
+        monthId: "",
+      }, // 当前选中的行
+    };
+  },
+  mounted() {
+    this.loading = false;
+    this.getTableData();
+    this.getYearList();
+  },
+  methods: {
+    getTableData() {
+      this.loading = true;
+      getOpenAttendanceCycleMonthListApi(this.year).then((res) => {
+        this.tableData = res;
+        console.log(res, "res");
+        this.loading = false;
+      });
+    },
+    getYearList() {
+      getOpenAttendanceCycleYearListApi().then((res) => {
+        this.options = res;
+      });
+    },
+    yearChange() {
+      this.getTableData();
+    },
+    handleRowClick(row) {
+      this.currentRow = row; // 点击行时更新选中状态
+    },
+    onSave() {
+        if (this.currentRow.monthId === "") {
+            return this.$message.error("请选择");
+        }
+      this.close();
+      this.setData(this.currentRow);
+    },
+
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.attendanceCycle {
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .right {
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+</style>

package/app/wujie-vue2-child/src/views/element/components/attendanceGroup/index.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="attendanceCycle" v-loading="loading">
+    <div class="header">
+      <div class="left">
+        <el-button size="mini" type="primary" @click="onSave">选择</el-button>
+      </div>
+      <div class="right">
+     
+      </div>
+    </div>
+    <el-table
+      size="mini"
+      :data="tableData"
+      style="width: 100%"
+      border
+      @row-click="handleRowClick"
+    >
+      <!-- 单选框列 -->
+      <el-table-column width="50">
+        <template slot-scope="scope">
+          <el-radio
+            :value="currentRow.monthId"
+            :label="scope.row.monthId"
+          >&nbsp;</el-radio>
+        </template>
+      </el-table-column>
+      <el-table-column prop="monthId" label="编码"></el-table-column>
+      <el-table-column prop="monthName" label="名称"></el-table-column>
+      <el-table-column prop="monthName" label="企业日历"></el-table-column>
+      <el-table-column prop="monthName" label="轮班制度"></el-table-column>
+      <el-table-column prop="monthName" label="状态"></el-table-column>
+    </el-table>
+     <div class="footer">
+      <div class="left">
+        
+      </div>
+      <div class="right">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-sizes="[10, 20, 30, 100]"
+          :page-size="10"
+          layout="total, sizes, prev, pager, next"
+          :total="total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  getOpenAttendanceCycleMonthListApi,
+} from "../../employeeSchedulingManagement/data.js";
+
+export default {
+  // 考勤组
+  props: {
+    close: {
+      type: Function,
+      default: () => {},
+    },
+    setData:{
+        type: Function,
+        default: () => {},
+    },
+  },
+
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      year: "2025",
+      options: [],
+      currentRow: {
+        monthId: "",
+      }, // 当前选中的行
+      currentPage: 1,
+      total: 11110,
+    };
+  },
+  mounted() {
+    this.loading = false;
+    this.getTableData();
+    this.getYearList();
+  },
+  methods: {
+    getTableData() {
+      this.loading = true;
+      getOpenAttendanceCycleMonthListApi(this.year).then((res) => {
+        this.tableData = res;
+        console.log(res, "res");
+        this.loading = false;
+      });
+    },
+   
+    yearChange() {
+      this.getTableData();
+    },
+    handleRowClick(row) {
+      this.currentRow = row; // 点击行时更新选中状态
+    },
+    onSave() {
+        if (this.currentRow.monthId === "") {
+            return this.$message.error("请选择");
+        }
+      this.close();
+      this.setData(this.currentRow);
+    },
+    handleSizeChange(val) {
+      this.currentPage = 1;
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getTableData();
+    },
+    
+
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.attendanceCycle {
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .right {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .footer {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>

package/app/wujie-vue2-child/src/views/element/components/attendancePersonnel/index.vue

@@ -0,0 +1,158 @@
+<template>
+  <div class="attendanceCycle" v-loading="loading">
+    <div class="header">
+      <div class="left">
+        <el-button size="mini" type="primary" @click="onSave">选择</el-button>
+      </div>
+      <div class="right"></div>
+    </div>
+    <el-table
+      size="mini"
+      :data="tableData"
+      style="width: 100%"
+      border
+      @row-click="handleRowClick"
+      @selection-change="handleSelectionChange"
+      ref="multipleTable"
+    >
+      <!-- 单选框列 -->
+      <el-table-column width="50" v-if="!multiple">
+        <template slot-scope="scope">
+          <el-radio :value="currentRow.monthId" :label="scope.row.monthId"
+            >&nbsp;</el-radio
+          >
+        </template>
+      </el-table-column>
+      <el-table-column v-else type="selection" width="55"></el-table-column>
+      <el-table-column prop="monthId" label="工号"></el-table-column>
+      <el-table-column prop="monthName" label="姓名"></el-table-column>
+      <el-table-column prop="monthName" label="机构"></el-table-column>
+      <el-table-column prop="monthName" label="部门"></el-table-column>
+      <el-table-column prop="monthName" label="考勤组"></el-table-column>
+      <el-table-column prop="monthName" label="生效日期"></el-table-column>
+    </el-table>
+    <div class="footer">
+      <div class="left"></div>
+      <div class="right">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-sizes="[10, 20, 30, 100]"
+          :page-size="10"
+          layout="total, sizes, prev, pager, next"
+          :total="total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getOpenAttendanceCycleMonthListApi } from "../../employeeSchedulingManagement/data.js";
+
+export default {
+  // 考勤人员
+  props: {
+    close: {
+      type: Function,
+      default: () => {},
+    },
+    setData: {
+      type: Function,
+      default: () => {},
+    },
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      year: "2025",
+      options: [],
+      currentRow: {
+        monthId: "",
+      }, // 当前选中的行
+      currentPage: 1,
+      total: 11110,
+      multipleSelection: [],
+    };
+  },
+  mounted() {
+    this.loading = false;
+    this.getTableData();
+  },
+  methods: {
+    getTableData() {
+      this.loading = true;
+      getOpenAttendanceCycleMonthListApi(this.year).then((res) => {
+        this.tableData = res;
+        console.log(res, "res");
+        this.loading = false;
+      });
+    },
+
+    yearChange() {
+      this.getTableData();
+    },
+    handleRowClick(row) {
+      this.currentRow = row; // 点击行时更新选中状态
+    },
+    onSave() {
+      let data;
+      if (this.multiple) {
+        if (this.multipleSelection.length === 0)
+          return this.$message.error("请选择");
+        data = this.multipleSelection;
+      } else {
+        if (this.currentRow.monthId === "") {
+          return this.$message.error("请选择");
+        }
+        data = this.currentRow;
+      }
+      this.close();
+      this.setData(data);
+    },
+    handleSizeChange(val) {
+      this.currentPage = 1;
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getTableData();
+    },
+
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.attendanceCycle {
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .right {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .footer {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>

package/app/wujie-vue2-child/src/views/element/components/companyCalendar/index.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="attendanceCycle" v-loading="loading">
+    <div class="header">
+      <div class="left">
+        <el-button size="mini" type="primary" @click="onSave">选择</el-button>
+      </div>
+      <div class="right">
+     
+      </div>
+    </div>
+    <el-table
+      size="mini"
+      :data="tableData"
+      style="width: 100%"
+      border
+      @row-click="handleRowClick"
+    >
+      <!-- 单选框列 -->
+      <el-table-column width="50">
+        <template slot-scope="scope">
+          <el-radio
+            :value="currentRow.monthId"
+            :label="scope.row.monthId"
+          >&nbsp;</el-radio>
+        </template>
+      </el-table-column>
+      <el-table-column prop="monthId" label="表集合"></el-table-column>
+      <el-table-column prop="monthId" label="编码"></el-table-column>
+      <el-table-column prop="monthName" label="名称"></el-table-column>
+      <el-table-column prop="monthName" label="起始年度"></el-table-column>
+      <el-table-column prop="monthName" label="终止年度"></el-table-column>
+      <el-table-column prop="monthName" label="公共假日为工作日"></el-table-column>
+    </el-table>
+     <div class="footer">
+      <div class="left">
+        
+      </div>
+      <div class="right">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-sizes="[10, 20, 30, 100]"
+          :page-size="10"
+          layout="total, sizes, prev, pager, next"
+          :total="total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  getOpenAttendanceCycleMonthListApi,
+} from "../../employeeSchedulingManagement/data.js";
+
+export default {
+  // 企业日历
+  props: {
+    close: {
+      type: Function,
+      default: () => {},
+    },
+    setData:{
+        type: Function,
+        default: () => {},
+    },
+  },
+
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      year: "2025",
+      options: [],
+      currentRow: {
+        monthId: "",
+      }, // 当前选中的行
+      currentPage: 1,
+      total: 11110,
+    };
+  },
+  mounted() {
+    this.loading = false;
+    this.getTableData();
+  },
+  methods: {
+    getTableData() {
+      this.loading = true;
+      getOpenAttendanceCycleMonthListApi(this.year).then((res) => {
+        this.tableData = res;
+        console.log(res, "res");
+        this.loading = false;
+      });
+    },
+   
+    yearChange() {
+      this.getTableData();
+    },
+    handleRowClick(row) {
+      this.currentRow = row; // 点击行时更新选中状态
+    },
+    onSave() {
+        if (this.currentRow.monthId === "") {
+            return this.$message.error("请选择");
+        }
+      this.close();
+      this.setData(this.currentRow);
+    },
+    handleSizeChange(val) {
+      this.currentPage = 1;
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getTableData();
+    },
+    
+
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.attendanceCycle {
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .right {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .footer {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>