<!--
 * @Author: yangwei
 * @Date: 2023-02-17 16:32:50
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-05-11 10:11:15
 * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue
 * @Description:
 *
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<!-- 从业人员展示表 -->
<template>
  <div class="from-clues">
    <!-- 头部搜索 -->
    <div class="from-clues-header">
      <div
        style="
          height: 60px;
          line-height: 60px;
          color: white;
          margin: 0 auto;
          display: block;
          width: 100%;
          font-size: 24px;
          text-align: center;
        "
      >
        黄南州各市县登记中心从业人员展示图
      </div>
    </div>
    <!-- 列表区域 -->
    <div class="from-clues-content complex-header">
      <lb-table
        ref="table"
        :pagination="false"
        :border="true"
        :column="tableData.columns"
        :data="tableData.data"
      >
      </lb-table>
    </div>
  </div>
</template>

<script>
// 登簿质量评价表
// 引入表格头部数据
import data from "./index";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
import bdcdj from "@/api/bdcdj.js";

export default {
  name: "jsbwcx",

  mixins: [tableMixin],
  data() {
    return {
      // 表格数据
      tableData: {
        // 表格头部
        columns: data.columns(),
        data: [],
      },
      downTitle: "",
    };
  },

  created() {
    this.loading();
  },
  mounted() {},
  methods: {
    // 初始化数据
    /**
     * @description: 初始化数据
     * @author: renchao
     */
    loading() {
      bdcdj.getWorkerStatistics().then((res) => {
        this.tableData.data = res.result;
        for (let item of this.tableData.data) {
          item.womanRatio =
            ((item.womanNum / item.total) * 100).toFixed(2) + "%";
        }        
      });
    },
    // 重置
    /**
     * @description: 重置
     * @author: renchao
     */
    // handleResetForm() {
    //   this.form.startTime = getCurrentDate();
    //   this.form.endTime = getCurrentDate("time");
    //   this.featchDataSelf();
    // },
  },
};
</script>
<style scoped lang="scss">
// 引入表单整体样式
@import "../css/index.scss";

/deep/.el-table thead.is-group th.el-table__cell {
  height: 14px !important;
}
</style>