对接口

zhengpz

2021-08-18 e8f9a6ab3d258c028da4fdc4a51c3985a9eba67c

 src/views/statisticalQueryManagement/companyDetails.vue

@@ -4,6 +4,7 @@
      :option="tableOption"
      :data="tableData"
      :page.sync="tablePage"
      :table-loading="loading"
      :permission="permissionList"
      :before-open="beforeOpen"
      @date-change="dateChange"
@@ -15,6 +16,7 @@
import FileSaver from "file-saver";
import XLSX from "xlsx";
import { mapGetters } from "vuex";
import { selectUIn } from "../../api/statisticalQueryManagement/statisticalQueryManagement";
export default {
  name: "公司人员详情",
  data() {
@@ -22,47 +24,47 @@
      value1: "",
      value2: "",
      tableData: [
        {
          name: "张强",
          No: "NO.2143",
          idNumber: "230229187623601221",
          tel: "13728198762",
          holder: "是",
          socialSecurity: "是",
          picture: "是",
          qualification: "通过",
          pass: "是",
          send: "是",
        },
        {
          name: "张强",
          No: "NO.2143",
          idNumber: "230229187623601221",
          tel: "13728198762",
          holder: "是",
          socialSecurity: "是",
          picture: "是",
          qualification: "通过",
          pass: "是",
          send: "是",
        },
        {
          name: "张强",
          No: "NO.2143",
          idNumber: "230229187623601221",
          tel: "13728198762",
          holder: "是",
          socialSecurity: "是",
          picture: "是",
          qualification: "通过",
          pass: "是",
          send: "是",
        },
        // {
        //   name: "张强",
        //   No: "NO.2143",
        //   idNumber: "230229187623601221",
        //   tel: "13728198762",
        //   holder: "是",
        //   socialSecurity: "是",
        //   picture: "是",
        //   qualification: "通过",
        //   pass: "是",
        //   send: "是"
        // },
        // {
        //   name: "张强",
        //   No: "NO.2143",
        //   idNumber: "230229187623601221",
        //   tel: "13728198762",
        //   holder: "是",
        //   socialSecurity: "是",
        //   picture: "是",
        //   qualification: "通过",
        //   pass: "是",
        //   send: "是"
        // },
        // {
        //   name: "张强",
        //   No: "NO.2143",
        //   idNumber: "230229187623601221",
        //   tel: "13728198762",
        //   holder: "是",
        //   socialSecurity: "是",
        //   picture: "是",
        //   qualification: "通过",
        //   pass: "是",
        //   send: "是"
        // }
      ],
      tablePage: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
        total: 0
      },
      tableOption: {
        excelBtn: true,
@@ -86,206 +88,207 @@
          {
            label: "保安员姓名",
            searchLabelWidth: 110,
            prop: "name",
            prop: "real_name",
            search: true,
            searchSpan: 4,
            display: false,
            display: false
          },

          {
            label: "保安员编号",
            prop: "No",
            display: false,
            prop: "securitynumber",
            display: false
          },
          {
            label: "身份证号",
            prop: "idNumber",
            display: false,
            prop: "cardid",
            display: false
          },
          {
            label: "联系电话",
            prop: "tel",
            display: false,
            prop: "phone",
            display: false
          },
          {
            label: "是否持证",
            prop: "holder",
            prop: "hold",
            searchSpan: 4,
            type: "select",
            props: {
              label: "label",
              value: "value",
              value: "value"
            },
            // cascaderItem: ["city", "area"],
            // dicUrl:subofficeOptions,
            dicData: [
              {
                value: "0",
                label: "是",
                label: "是"
              },
              {
                value: "2",
                label: "否",
              },
                label: "否"
              }
            ],
            search: true,
            rules: [
              {
                required: true,
                message: "请选择是否持证",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          {
            label: "是否缴纳社保",
            //  labelWidth: 120,
            searchLabelWidth: 110,
            prop: "socialSecurity",
            prop: "soil",
            searchSpan: 4,
            type: "select",
            props: {
              label: "label",
              value: "value",
              value: "value"
            },
            dicData: [
              {
                value: "0",
                label: "是",
                label: "是"
              },
              {
                value: "2",
                label: "否",
              },
                label: "否"
              }
            ],
            search: true,
            rules: [
              {
                required: true,
                message: "请选择是否缴纳社保",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },

          {
            label: "是否已采集照片",
            searchLabelWidth: 120,
            prop: "picture",
            prop: "photo",
            searchSpan: 4,
            type: "select",
            props: {
              label: "label",
              value: "value",
              value: "value"
            },
            dicData: [
              {
                value: "0",
                label: "是",
                label: "是"
              },
              {
                value: "2",
                label: "否",
              },
                label: "否"
              }
            ],
            search: true,
            rules: [
              {
                required: true,
                message: "请选择是否已采集照片",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          {
            label: "资格审查情况",
            searchLabelWidth: 110,
            prop: "qualification",
            prop: "examination_type",
            searchSpan: 4,
            type: "select",
            props: {
              label: "label",
              value: "value",
              value: "value"
            },
            dicData: [
              {
                value: "0",
                label: "通过",
                label: "通过"
              },
              {
                value: "2",
                label: "异常",
              },
                label: "异常"
              }
            ],
            search: true,
            rules: [
              {
                required: true,
                message: "请选择资格审查情况",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          {
            label: "是否通过考试",
            searchLabelWidth: 110,
            prop: "pass",
            searchSpan: 4,
            type: "select",
            props: {
              label: "label",
              value: "value",
            },
            dicData: [
              {
                value: "0",
                label: "是",
              },
              {
                value: "2",
                label: "否",
              },
            ],
            search: true,
            rules: [
              {
                required: true,
                message: "请选择是否通过考试",
                trigger: "blur",
              },
            ],
          },
          // {
          //   label: "是否通过考试",
          //   searchLabelWidth: 110,
          //   prop: "pass",
          //   searchSpan: 4,
          //   type: "select",
          //   props: {
          //     label: "label",
          //     value: "value"
          //   },
          //   dicData: [
          //     {
          //       value: "0",
          //       label: "是"
          //     },
          //     {
          //       value: "2",
          //       label: "否"
          //     }
          //   ],
          //   search: true,
          //   rules: [
          //     {
          //       required: true,
          //       message: "请选择是否通过考试",
          //       trigger: "blur"
          //     }
          //   ]
          // },
          {
            label: "是否派遣",
            prop: "send",
            prop: "dispatch",
            searchSpan: 4,
            type: "select",
            props: {
              label: "label",
              value: "value",
              value: "value"
            },
            dicData: [
              {
                value: "0",
                label: "是",
                label: "是"
              },
              {
                value: "2",
                label: "否",
              },
                label: "否"
              }
            ],
            search: true,
            rules: [
              {
                required: true,
                message: "请选择是否派遣",
                trigger: "blur",
              },
            ],
          },
        ],
                trigger: "blur"
              }
            ]
          }
        ]
      },
      companyName: "",
      loading: true
    };
  },
  computed: {
@@ -295,12 +298,22 @@
        addBtn: this.vaildData(this.permission.post_add, false),
        viewBtn: this.vaildData(this.permission.post_view, false),
        delBtn: this.vaildData(this.permission.post_delete, false),
        editBtn: this.vaildData(this.permission.post_edit, false),
        editBtn: this.vaildData(this.permission.post_edit, false)
      };
    },
    }
  },
  methods: {
    dateChange() {},
    getTableData() {
      selectUIn({ deptid: "1412222709480509442",current: 1, size: 10 }).then(
        res => {
          if (res.data.code === 200) {
            this.tableData = res.data.data;
            this.loading = false;
          }
        }
      );
    }
    // downExcel() {
    //   let et = XLSX.utils.table_to_book(document.getElementById("table"));
    //   let etout = XLSX.write(et, {
@@ -321,7 +334,9 @@
    //   return etout;
    // }
  },
  mounted() {},
  mounted() {
    this.getTableData();
  }
};
</script>
<style lang="scss" scoped>