修改

马宇豪

2025-03-07 db905ecd14f63dba9337b4f4715584ef2d7e8c7e

 src/views/specialOperationsPay/coalCalculate/index.vue

@@ -4,11 +4,11 @@
      <el-date-picker
        v-model="queryParams.year"
        type="year"
        style="width: 300px"
        style="width: 200px"
        value-format="yyyy"
        placeholder="选择年">
      </el-date-picker>
      <el-select v-model="queryParams.quarter" placeholder="请选择季度" style="width: 300px;margin-left: 5px" clearable>
      <el-select v-model="queryParams.quarter" placeholder="请选择季度" style="width: 200px;margin-left: 5px" clearable>
        <el-option
          v-for="item in quarterList"
          :key="item.id"
@@ -16,7 +16,7 @@
          :value="item.id">
        </el-option>
      </el-select>
      <el-cascader v-model="queryParams.deptId" :show-all-levels="false" style="margin-left: 10px" filterable :options="deptOptions"
      <el-cascader v-model="queryParams.deptId" :disabled="isExam" :show-all-levels="false" style="margin-left: 10px" filterable :options="deptOptions"
                   placeholder="组织架构"
                   :props="{ emitPath: false,value:'deptId',label: 'deptName' }"></el-cascader>
      <el-button
@@ -40,7 +40,7 @@
      <!--      </el-select>-->
    </div>

    <el-table v-loading="loading" :data="dataList" style="margin-top: 20px" :row-class-name="tableAddClass">
    <el-table v-loading="loading" :data="dataList" style="margin-top: 20px" :row-class-name="tableAddClass" show-summary :summary-method="getSummaries">
      <el-table-column label="工种类别" align="center" prop="subjectName"></el-table-column>
      <el-table-column label="缴费人次" align="center" prop="num" :show-overflow-tooltip="true"/>
      <el-table-column label="缴费标准" align="center" prop="amount">
@@ -53,13 +53,13 @@
      <el-table-column label="自治区级" align="center" prop="autonomy"/>
      <!--      <el-table-column label="地（州、市级）" align="center" prop="describe" />-->
    </el-table>
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
<!--    <pagination-->
<!--      v-show="total>0"-->
<!--      :total="total"-->
<!--      :page.sync="queryParams.pageNum"-->
<!--      :limit.sync="queryParams.pageSize"-->
<!--      @pagination="getList"-->
<!--    />-->
  </div>
</template>

@@ -69,6 +69,7 @@
} from '@/api/specialOperationsPay/coalPay'
import Cookies from 'js-cookie'
import {listDept} from "@/api/system/dept";
import store from "@/store";

export default {
  name: "coalCalculate",
@@ -84,7 +85,7 @@
      deptOptions: [],
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        pageSize: 999,
        year: '',
        quarter: null,
        deptId: null
@@ -107,12 +108,20 @@
          id: 4,
          label: '第四季度'
        }
      ]
      ],
      roles: [],
      isExam: false
    };
  },
  created() {
    this.getList()
    this.getDeptTree()
    this.roles = store.getters && store.getters.roles
    if (this.roles.includes('feimeiexam') || this.roles.includes('mkexam')) {
      const userInfo = store.getters && store.getters.userInfo
      this.queryParams.deptId = userInfo.deptId
      this.isExam = true
    }
    this.getList()
  },
  methods: {
    getList() {
@@ -142,6 +151,34 @@
      }
      return "";
    },
    getSummaries(param) {
      const { columns, data } = param
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计';
          return
        }
        if (index === 2) {
          sums[index] = '--';
          return
        }
        const values = data.map(item => Number(item[column.property]))
        if (!values.every(value => isNaN(value))) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              return prev + curr;
            } else {
              return prev;
            }
          }, 0)
        } else {
          sums[index] = '--';
        }
      })
      return sums;
    },

    handleQuery() {
      this.getList();