智慧保安打卡签到系统
liuyg
2021-11-19 30eac7b71059da120e397c28421644f7d9b6b521
+样式
4 files modified
60 ■■■■ changed files
src/styles/element-ui.scss 30 ●●●●● patch | view | raw | blame | history
src/views/home/forms.vue 1 ●●●● patch | view | raw | blame | history
src/views/home/index.vue 4 ●●●● patch | view | raw | blame | history
src/views/home/tables.vue 25 ●●●●● patch | view | raw | blame | history
src/styles/element-ui.scss
@@ -115,9 +115,37 @@
}
.tablesss .avue-form__menu--center {
  width: 180px !important;
  width: 113px !important;
}
.formsss .el-input__inner {
  color: #000 !important;
}
.avue-crud__menu {
  display: none !important;
}
// .formsss,
// .tablesss {
//   width: 100%;
//   height: 100%;
//   display: flex;
//   align-items: center;
//   justify-content: center;
// }
.formsss .el-card__body {
  height: 724px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  .formssstitle {
    width: 100%;
    height: 100px;
    font-size: 24px;
    display: flex;
    align-items: center;
    padding-left: 57px;
    box-sizing: border-box;
  }
}
src/views/home/forms.vue
@@ -1,5 +1,6 @@
<template>
  <basic-container class="formsss">
    <div class="formssstitle">身份证信息</div>
    <avue-form
      ref="form"
      v-model="obj"
src/views/home/index.vue
@@ -116,10 +116,6 @@
    .e_m_left {
      width: 50%;
      height: 100%;
      min-width: 750px;
      // border: 1px solid red;
      display: flex;
      align-content: center;
    }
    .e_m_right {
      width: 50%;
src/views/home/tables.vue
@@ -55,7 +55,7 @@
        // tip: false,
        // searchSize: "mini",
        searchMenuSpan: 6,
        height: "auto",
        height: 590,
        index: true,
        // selectable: (row, index) => {
        //   console.log(row, index);
@@ -71,6 +71,8 @@
        menuWidth: 90,
        refreshBtn: false,
        columnBtn: false,
        emptyBtnText: " ",
        searchBtnText: " ",
        searchShowBtn: false,
        // reserveSelection: true,
        // selection: true,
@@ -79,7 +81,7 @@
            label: "姓名",
            prop: "realName",
            search: true,
            searchSpan: 4,
            searchSpan: 5,
            searchLabelWidth: 45,
            width: 60,
          },
@@ -87,7 +89,7 @@
            label: "公司",
            prop: "deptName",
            search: true,
            searchSpan: 5,
            searchSpan: 7,
            searchLabelWidth: 45,
          },
          {
@@ -266,7 +268,7 @@
      done();
    },
    searchReset() {
      console.log(5454);
      // console.log(5454);
      this.query = {};
      this.onLoad(this.page);
    },
@@ -328,11 +330,16 @@
    onLoad(page, params = {}, shibie) {
      params["status"] = "1";
      params["roleAlias"] = "111";
      getList(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
      ).then((res) => {
      let values = Object.assign(params, this.query);
      if (values.realName || values.deptName || values.cardid) {
        //   // console.log(values, 1);
      } else {
        //   // console.log(values, 2);
        this.data = [];
        this.page.total = 0;
        return;
      }
      getList(page.currentPage, page.pageSize, values).then((res) => {
        // console.log(res);
        const data = res.data.data;