mz-cloud/ruoyi-ui-gljt/src/views/gljttj/zjfftj/index.vue

<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="4" :xs="24">
        <dept-tree-one
          :userId="user.userData.dept.parentId"
          :isFive="true"
          :isJl="true"
          :expandOnClickNode="false"
          :showCheckbox="false"
          @handleNodeClick="handleNodeClick"
        >
        </dept-tree-one>
      </el-col>
      <el-col :span="20" :xs="24">
        <el-form
          :model="queryParams"
          ref="queryForm"
          size="small"
          :inline="true"
          v-show="showSearch"
          label-width="90px"
        >
          <el-form-item label="发放月份" prop="ffsj">
            <el-date-picker
              v-model="daterangeFfsj"
              :clearable="false"
              value-format="yyyyMM"
              type="monthrange"
              range-separator="-"
              start-placeholder="开始月份"
              end-placeholder="结束月份"
            ></el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button
              type="primary"
              icon="el-icon-search"
              size="mini"
              @click="handleQuery"
            >搜索</el-button
            >
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
            >重置</el-button
            >
          </el-form-item>
        </el-form>
        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
            <el-button
              type="warning"
              plain
              icon="el-icon-download"
              size="mini"
              @click="handleExport(gljtSqListExlce, '津贴发放统计')"
            >
              导出
            </el-button>
          </el-col>
          <right-toolbar
            :showSearch.sync="showSearch"
            @queryTable="getList"
          ></right-toolbar>
        </el-row>
        <el-table v-loading="loading" :data="gljtSqList">
          <el-table-column
            prop="areaName"
            align="center"
            label="地区"
            width="180"
          />
          <el-table-column align="center" label="80-89">
            <el-table-column align="center" label="当发">
              <el-table-column prop="80-89dfcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '0', '0')"
                  >{{ scope.row["80-89dfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89dfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="补发">
              <el-table-column prop="80-89bfcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '0', '1')"
                  >{{ scope.row["80-89bfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89bfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追缴">
              <el-table-column prop="80-89zjcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '0', '2')"
                  >{{ scope.row["80-89zjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89zjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追加">
              <el-table-column prop="80-89plzjcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '0', '3')"
                  >{{ scope.row["80-89plzjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89plzjamount"
                align="center"
                label="金额"
              />
            </el-table-column>

          </el-table-column>
          <el-table-column align="center" label="80-89低保">
            <el-table-column align="center" label="当发">
              <el-table-column
                prop="80-89低保dfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '3', '0')"
                  >{{ scope.row["80-89低保dfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89低保dfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="补发">
              <el-table-column
                prop="80-89低保bfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '3', '1')"
                  >{{ scope.row["80-89低保bfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89低保bfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追缴">
              <el-table-column
                prop="80-89低保zjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '3', '2')"
                  >{{ scope.row["80-89低保zjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89低保zjamount"
                align="center"
                label="金额"
              />
            </el-table-column>

            <el-table-column align="center" label="追加">
              <el-table-column
                prop="80-89低保plzjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '3', '3')"
                  >{{ scope.row["80-89低保plzjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="80-89低保plzjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" label="90-99">
            <el-table-column align="center" label="当发">
              <el-table-column prop="90-99dfcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '1', '0')"
                  >{{ scope.row["90-99dfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99dfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="补发">
              <el-table-column prop="90-99bfcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '1', '1')"
                  >{{ scope.row["90-99bfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99bfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追缴">
              <el-table-column prop="90-99zjcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '1', '2')"
                  >{{ scope.row["90-99zjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99zjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追加">
              <el-table-column prop="90-99plzjcount" align="center" label="人数">
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '1', '3')"
                  >{{ scope.row["90-99plzjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99plzjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" label="90-99低保">
            <el-table-column align="center" label="当发">
              <el-table-column
                prop="90-99低保dfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '4', '0')"
                  >{{ scope.row["90-99低保dfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99低保dfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="补发">
              <el-table-column
                prop="90-99低保bfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '4', '1')"
                  >{{ scope.row["90-99低保bfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99低保bfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追缴">
              <el-table-column
                prop="90-99低保zjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '4', '2')"
                  >{{ scope.row["90-99低保zjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99低保zjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追加">
              <el-table-column
                prop="90-99低保plzjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '4', '3')"
                  >{{ scope.row["90-99低保plzjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="90-99低保zjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" label="100以上">
            <el-table-column align="center" label="当发">
              <el-table-column
                prop="100以上dfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '2', '0')"
                  >{{ scope.row["100以上dfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上dfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="补发">
              <el-table-column
                prop="100以上bfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '2', '1')"
                  >{{ scope.row["100以上bfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上bfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追缴">
              <el-table-column
                prop="100以上zjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '2', '2')"
                  >{{ scope.row["100以上zjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上zjamount"
                align="center"
                label="金额"
              />
            </el-table-column>

            <el-table-column align="center" label="追加">
              <el-table-column
                prop="100以上plzjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '2', '3')"
                  >{{ scope.row["100以上plzjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上plzjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" label="100以上低保">
            <el-table-column align="center" label="当发">
              <el-table-column
                prop="100以上低保dfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '5', '0')"
                  >{{ scope.row["100以上低保dfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上低保dfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="补发">
              <el-table-column
                prop="100以上低保bfcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '5', '1')"
                  >{{ scope.row["100以上低保bfcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上低保bfamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追缴">
              <el-table-column
                prop="100以上低保zjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '5', '2')"
                  >{{ scope.row["100以上低保zjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上低保zjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
            <el-table-column align="center" label="追缴">
              <el-table-column
                prop="100以上低保plzjcount"
                align="center"
                label="人数"
              >
                <template slot-scope="scope">
                  <span
                    style="cursor: pointer"
                    @click="openList(scope.row.areaCode, '5', '3')"
                  >{{ scope.row["100以上低保plzjcount"] }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                prop="100以上低保plzjamount"
                align="center"
                label="金额"
              />
            </el-table-column>
          </el-table-column>
        </el-table>

        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
      </el-col>
    </el-row>
    <!-- 高龄补贴补发详情对话框 -->
    <el-dialog
      v-dialog-drag
      title="详情数据"
      :visible.sync="openXq"
      width="1200px"
      append-to-body
      custom-class="custom"
    >
      <el-scrollbar wrapClass="scrollbar-wrap1">
        <!-- 当发 -->
        <el-table
          v-loading="loading2"
          :data="gljtSqList2"
          v-if="queryParams2.fflx == '0'"
        >
          <el-table-column label="序号" align="center">
            <template slot-scope="scope">
              {{
              (queryParams2.pageNum - 1) * queryParams2.pageSize +
              scope.$index +
              1
              }}
            </template>
          </el-table-column>
          <el-table-column label="姓名" align="center" prop="sqrXm" />
          <el-table-column
            label="身份证号"
            align="center"
            prop="sqrZjhm"
            width="180"
          />
          <el-table-column label="年龄" align="center" prop="age" />
          <el-table-column
            label="行政区划"
            align="center"
            prop="xzqhName"
            width="320"
          />
          <el-table-column label="批次名称" align="center" prop="pcmc" />
          <el-table-column label="是否发放" align="center" prop="status">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.GL012" :value="scope.row.status" />
            </template>
          </el-table-column>
          <el-table-column label="当发月份" align="center" prop="dfyf">
            <template v-slot="{ row }">
              {{ row.dfyf | ffyfFilter }}
            </template>
          </el-table-column>
          <el-table-column label="计发月份" align="center" prop="ffyf">
            <template v-slot="{ row }">
              {{ row.ffyf | ffyfFilter }}
            </template>
          </el-table-column>
          <el-table-column label="发放金额" align="center" prop="ffje" />
          <el-table-column
            label="发放时间"
            align="center"
            prop="ffsj"
            width="180"
          >
            <template v-slot="{ row }">
              {{ special(row.ffsj, "time") }}
            </template>
          </el-table-column>
          <el-table-column label="状态" align="center" prop="jfms" />
        </el-table>
        <!-- 补发 -->
        <el-table
          v-loading="loading2"
          :data="gljtSqList2"
          v-if="queryParams2.fflx == '1'"
        >
          <el-table-column label="序号" align="center">
            <template slot-scope="scope">
              {{
              (queryParams2.pageNum - 1) * queryParams2.pageSize +
              scope.$index +
              1
              }}
            </template>
          </el-table-column>
          <el-table-column label="姓名" align="center" prop="sqrXm" />
          <el-table-column
            label="身份证号"
            align="center"
            prop="sqrZjhm"
            width="180"
          />
          <el-table-column label="年龄" align="center" prop="age" />
          <el-table-column
            label="行政区划"
            align="center"
            prop="xzqhName"
            width="320"
          />
          <!--<el-table-column label="发放批次" align="center" prop="pcmc"/>-->
          <el-table-column label="补发金额" align="center" prop="ffje" />

          <el-table-column label="补发月份" align="center" prop="ffyf">
            <template v-slot="{ row }">
              {{ row.ffyf | ffyfFilter }}
            </template>
          </el-table-column>
          <el-table-column label="补发原因" align="center" prop="bfyy">
            <template v-slot="{ row }">
              {{ translateDict("GL008", row.bfyy) }}
            </template>
          </el-table-column>
          <el-table-column
            label="补发确认时间"
            align="center"
            prop="ffsj"
            width="180"
          >
            <template v-slot="{ row }">
              {{ special(row.bfqrsj, "time") }}
            </template>
          </el-table-column>
          <el-table-column label="是否发放" align="center" prop="status">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.GL012" :value="scope.row.status" />
            </template>
          </el-table-column>
          <el-table-column
            label="补发时间"
            align="center"
            prop="ffsj"
            width="180"
          >
            <template v-slot="{ row }">
              {{ special(row.ffsj, "time") }}
            </template>
          </el-table-column>
        </el-table>
        <!-- 追缴 -->
        <el-table
          v-loading="loading2"
          :data="gljtSqList2"
          v-if="queryParams2.fflx == '2'"
        >
          <el-table-column label="序号" align="center">
            <template slot-scope="scope">
              {{
              (queryParams2.pageNum - 1) * queryParams2.pageSize +
              scope.$index +
              1
              }}
            </template>
          </el-table-column>
          <el-table-column label="姓名" align="center" prop="sqrXm" />
          <el-table-column
            label="身份证号"
            align="center"
            prop="sqrZjhm"
            width="180"
          />
          <el-table-column label="年龄" align="center" prop="age" />
          <el-table-column
            label="行政区划"
            align="center"
            prop="xzqhName"
            width="320"
          />
          <!--<el-table-column label="发放批次" align="center" prop="pcmc"/>-->
          <el-table-column label="追缴金额" align="center" prop="ffje" />

          <el-table-column label="追缴月份" align="center" prop="ffyf">
            <template v-slot="{ row }">
              {{ row.ffyf | ffyfFilter }}
            </template>
          </el-table-column>

          <!--<el-table-column label="停发原因" align="center" prop="tfyy"/>-->
          <!--<el-table-column label="停发确认时间" align="center" prop="ffsj" width="180">-->
          <!--<template v-slot="{ row }">-->
          <!--{{ special(row.tfqrsj,'time') }}-->
          <!--</template>-->
          <!--</el-table-column>-->
          <el-table-column label="追缴原因" align="center" prop="zjyy" />
          <el-table-column
            label="追缴确认时间"
            align="center"
            prop="zjqrsj"
            width="180"
          >
            <template v-slot="{ row }">
              {{ special(row.zjqrsj, "time") }}
            </template>
          </el-table-column>

          <el-table-column label="是否记账" align="center" prop="status">
            <template slot-scope="scope">
              <!-- <dict-tag :options="dict.type.GL012" :value="scope.row.status" /> -->
              <div v-if="scope.row.status === '1'">已记账</div>
              <div v-if="scope.row.status === '0'">未记账</div>
            </template>
          </el-table-column>
          <el-table-column
            label="记账时间"
            align="center"
            prop="ffsj"
            width="180"
          >
            <template v-slot="{ row }">
              {{ special(row.ffsj, "time") }}
            </template>
          </el-table-column>
        </el-table>
        <!-- 追加 -->
        <el-table
          v-loading="loading2"
          :data="gljtSqList2"
          v-if="queryParams2.fflx == '3'"
        >
          <el-table-column label="序号" align="center">
            <template slot-scope="scope">
              {{
              (queryParams2.pageNum - 1) * queryParams2.pageSize +
              scope.$index +
              1
              }}
            </template>
          </el-table-column>
          <el-table-column label="姓名" align="center" prop="sqrXm" />
          <el-table-column
            label="身份证号"
            align="center"
            prop="sqrZjhm"
            width="180"
          />
          <el-table-column label="年龄" align="center" prop="age" />
          <el-table-column
            label="行政区划"
            align="center"
            prop="xzqhName"
            width="320"
          />
          <el-table-column label="追加金额" align="center" prop="ffje" />
          <el-table-column label="追加月份" align="center" prop="ffyf">
            <template v-slot="{ row }">
              {{ row.ffyf | ffyfFilter }}
            </template>
          </el-table-column>
          <el-table-column label="是否发放" align="center" prop="status">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.GL012" :value="scope.row.status" />
            </template>
          </el-table-column>
          <el-table-column
            label="发放时间"
            align="center"
            prop="ffsj"
            width="180"
          >
            <template v-slot="{ row }">
              {{ special(row.ffsj, "time") }}
            </template>
          </el-table-column>
          <el-table-column label="追加描述" align="center" prop="jfms" />
        </el-table>
        <pagination
          v-show="total2 > 0"
          :total="total2"
          :page.sync="queryParams2.pageNum"
          :limit.sync="queryParams2.pageSize"
          @pagination="getList2"
        />
      </el-scrollbar>
    </el-dialog>
  </div>
</template>

<script>
  import { getJfxxTjStatistics } from "@/api/gljt/gljttj";
  import { mapState } from "vuex";
  import { cxList } from "@/api/gljt/gljtcx";

  export default {
    name: "index",
    dicts: ["GL012", "GL008"],
    computed: {
      ...mapState(["user"]),
    },
    data() {
      return {
        openXq: false,
        loading2: false,
        total2: 0,
        gljtSqList2: [],
        queryParams2: {
          btbz: null,
          fflx: null,
          status: "1",
          pageNum: 1,
          pageSize: 10,
        },
        isShow: false,
        loading: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 高龄津贴申请信息表格数据
        gljtSqList: [],
        gljtSqListExlce: [],
        daterangeFfsj: [],
        // 查询参数
        queryParams: {
          xzqh: null,
          status: "1",
        },
      };
    },
    mounted() {
      this.daterangeFfsj=[this.getFormattedMonth(-1),this.getFormattedMonth()];
      this.getList();
    },
    methods: {
      getFormattedMonth(offset = 0) {
        const date = new Date();
        date.setMonth(date.getMonth() + offset); // 设置月份的偏移量
        const year = date.getFullYear();
        const month = date.getMonth() + 1; // getMonth() 返回 0-11，需要加 1
        return `${year}${String(month).padStart(2, "0")}`;
        // // 获取当前月份
        // const currentMonthFormatted = getFormattedMonth();
        // console.log(currentMonthFormatted); // 例如：202310
        //
        // // 获取下一个月
        // const nextMonthFormatted = getFormattedMonth(1);
        // console.log(nextMonthFormatted); // 例如：202311
      },
      openList(xzqh, btbz, fflx) {
        this.queryParams2.xzqh = xzqh;
        this.queryParams2.btbz = btbz;
        this.queryParams2.fflx = fflx;
        this.openXq = true;
        this.queryParams2.params = {};
        if (null != this.daterangeFfsj && "" != this.daterangeFfsj) {
          this.queryParams2.params["beginDfyf"] = this.daterangeFfsj[0];
          this.queryParams2.params["endDfyf"] = this.daterangeFfsj[1];
        }
        this.getList2();
      },
      getList2() {
        this.loading2 = true;
        cxList(this.queryParams2).then((response) => {
          this.gljtSqList2 = response.rows;
          this.total2 = response.total;
          this.loading2 = false;
        });
      },
      // 节点单击事件
      handleNodeClick(data) {
        if (data && data.code) {
          this.queryParams.xzqh = data.code;
        } else {
          this.queryParams.xzqh = null;
        }
        // this.queryParams.xzqhId = data.code
        // this.queryParams.name = data.name;
        this.handleQuery();
      },
      getTime() {
        // 获取当前年月日时分秒
        // 获取当前日期和时间
        const now = new Date();
        // 获取年份
        const year = now.getFullYear();
        // 获取月份（注意：月份是从0开始的，1月是0，12月是11）
        const month = String(now.getMonth() + 1).padStart(2, "0");
        // 获取日期
        const day = String(now.getDate()).padStart(2, "0");
        // 获取小时
        const hours = String(now.getHours()).padStart(2, "0");
        // 获取分钟
        const minutes = String(now.getMinutes()).padStart(2, "0");
        // 获取秒数
        const seconds = String(now.getSeconds()).padStart(2, "0");
        return year + month + day + hours + minutes + seconds;
      },
      /** 查询高龄津贴申请信息列表 */
      getList() {
        this.loading = true;
        // params：{ beginFfyf：发放月份开始yyyyMM，endFfyf：发放月份结束，beginFfsj：发放时间开始yyyyMMddHHmmss，endFfsj：发放时间结束 } }注：时间开始与结束两两对应，开始与结束同时存在时才进行过滤。
        this.queryParams.params2 = {};
        if (null != this.daterangeFfsj && "" != this.daterangeFfsj) {
          this.queryParams.params2["beginFfyf"] = this.daterangeFfsj[0];
          this.queryParams.params2["endFfyf"] = this.daterangeFfsj[1];
        }
        getJfxxTjStatistics(this.queryParams)
          .then((res) => {
            this.gljtSqList = [];
            // this.gljtSqList = res.rows;
            this.loading = false;
            let newYLJGXData = [
              "80-89",
              "80-89低保",
              "90-99",
              "90-99低保",
              "100以上",
              "100以上低保",
            ];
            let newYLJGXData2 = ["df", "bf", "zj", "plzj"];
            let newYLJGXData3 = ["count", "amount"];
            if (res.data.streetStats && res.data.streetStats.length > 0) {
              res.data.streetStats.forEach((item) => {
                let data = {};
                newYLJGXData.map((ite) => {
                  newYLJGXData2.map((it) => {
                    newYLJGXData3.map((i) => {
                      data[ite + it + i] = item[ite][it][i];
                    });
                  });
                });
                this.gljtSqList.push({
                  ...data,
                  areaName: item.areaName,
                  areaCode: item.areaCode,
                });
              });
            }
            let dataone = {};
            newYLJGXData.map((ite) => {
              newYLJGXData2.map((it) => {
                newYLJGXData3.map((i) => {
                  dataone[ite + it + i] = res.data[ite][it][i];
                });
              });
            });
            this.gljtSqList.push({
              ...dataone,
              areaCode: res.data.areaCode,
              areaName:
                !res.data.streetStats || res.data.streetStats.length === 0
                  ? res.data.areaName
                  : "总计",
            });
            let keysArr = [
              {
                label: "地区",
                prop: "areaName",
              },
            ];
            let labelArr1 = [
              "80-89",
              "80-89低保",
              "90-99",
              "90-99低保",
              "100以上",
              "100以上低保",
            ];
            let labelArr2 = [
              {
                label: "当发",
                prop: "df",
              },
              {
                label: "补发",
                prop: "bf",
              },
              {
                label: "追缴",
                prop: "zj",
              },
              {
                label: "追加",
                prop: "plzj",
              },
            ];
            let labelArr3 = [
              {
                label: "人数",
                prop: "count",
              },
              {
                label: "金额",
                prop: "amount",
              },
            ];
            labelArr1.forEach((item) => {
              keysArr.push({
                label: item,
                prop: item,
                data: labelArr2.map((ite) => {
                  return {
                    ...ite,
                    prop: item + ite.prop,
                    data: labelArr3.map((it) => {
                      return { ...it, prop: item + ite.prop + it.prop };
                    }),
                  };
                }),
              });
            });
            this.gljtSqListExlce = {
              keys: keysArr,
              vales: this.gljtSqList,
            };
            console.log(this.gljtSqListExlce);
          })
          .catch((res) => {
            this.loading = false;
          });
      },
      /** 搜索按钮操作 */
      handleQuery() {
        // this.queryParams.pageNum = 1;
        // if (this.xzqh) {
        //   this.queryParams.xzqh = this.xzqh[this.xzqh.length - 1];
        // } else {
        //   this.queryParams.xzqh = null;
        // }
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        // this.daterangeFfsj = [];
        this.daterangeFfsj=[this.getFormattedMonth(-1),this.getFormattedMonth()];
        this.resetForm("queryForm");
        this.handleQuery();
      },
      translateDict(type, value) {
        return this.selectDictLabel(this.dict.type[type], value);
      },
    },
  };
</script>
<style scoped lang="scss">
</style>