1.金鹰黄金-劳保统计页面展示数据修改

gaoluyang

2025-11-20 2e340d09cf3e7c060216cb980c466586c27ecc2d

 src/views/lavorissue/ledger/index.vue

@@ -1,6 +1,17 @@
<template>
  <div class="app-container">
    <el-form :model="filters" :inline="true">
      <el-form-item label="发放季度:" prop="season">
        <el-select
            style="width: 200px;"
            @change="handleQuery"
            v-model="filters.season"
            placeholder="请选择"
            :clearable="false"
        >
          <el-option :label="item.label" :value="item.value" v-for="(item,index) in jidu" :key="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="员工名称:">
        <el-input
            v-model="filters.staffName"
@@ -46,16 +57,17 @@
          @pagination="changePage"
      >
        <template #operation="{ row }">
          <el-button type="primary" text @click="edit(row)" icon="editPen">
          <el-button type="primary" link @click="edit(row)">
            编辑
          </el-button>
          <el-button type="primary" :disabled="row.adoptedDate ? true : false" text @click="adopted(row)">
          <el-button type="success" :disabled="row.adoptedDate ? true : false" link @click="adopted(row)">
            领用
          </el-button>
        </template>
      </PIMTable>
    </div>
    <Modal ref="modalRef" @success="getTableData"></Modal>
    <EditModal ref="editModalRef" @success="getTableData"></EditModal>
    <files-dia ref="filesDia"></files-dia>
  </div>
</template>
@@ -65,14 +77,17 @@
import { listPage,deleteLedger,update } from "@/api/lavorissce/ledger";
import { onMounted, getCurrentInstance } from "vue";
import Modal from "./Modal.vue";
import EditModal from "./EditModal.vue";
import { ElMessageBox, ElMessage } from "element-plus";
import dayjs from "dayjs";
import FilesDia from "./filesDia.vue";
import { getCurrentMonth } from "@/utils/util"

// 表格多选框选中项
const multipleList = ref([]);
const { proxy } = getCurrentInstance();
const modalRef = ref();
const editModalRef = ref();
const { payment_methods } = proxy.useDict("payment_methods");
const { income_types } = proxy.useDict("income_types");
const filesDia = ref()
@@ -89,8 +104,14 @@
    listPage,
    {
      staffName: '',
      season: getCurrentMonth(),
    },
    [
      {
        label: "部门/岗位",
        align: "center",
        prop: "deptName"
      },
      {
        label: "劳保单号",
        align: "center",
@@ -106,7 +127,6 @@
        align: "center",
        prop: "staffNo"
      },

      {
        label: "劳保类型",
        align: "center",
@@ -149,10 +169,29 @@
        dataType: "slot",
        slot: "operation",
        align: "center",
        width: "200px",
        width: "150px",
      },
    ]
);

const jidu = ref([
  {
    value: '1',
    label: '第一季度'
  },
  {
    value: '2',
    label: '第二季度'
  },
  {
    value: '3',
    label: '第三季度'
  },
  {
    value: '4',
    label: '第四季度'
  }
])

// 多选后做什么
const handleSelectionChange = (selectionList) => {
@@ -184,7 +223,7 @@
  modalRef.value.openModal();
};
const edit = (row) => {
  modalRef.value.loadForm(row);
  editModalRef.value.loadForm(row);
};

/** 搜索按钮操作 */