考勤页面样式调整

Administrator

2021-05-09 abbc46db0f3a4d64d54355d4a15c628e3653853c

考勤页面样式调整

 src/views/attendance/attendance.vue

@@ -1,6 +1,6 @@
<template>
  <el-row>
  <el-col :span="3">
  <el-col :span="3" style="display:none">
    <div class="box">
      <el-scrollbar>
        <basic-container>
@@ -9,7 +9,7 @@
      </el-scrollbar>
    </div>
  </el-col>
  <el-col :span="21">
  <el-col>
  <basic-container>
    <avue-crud :option="option"
               :search.sync="search"
@@ -111,70 +111,69 @@
        },
        option: {
          height:'auto',
          calcHeight: 30,
          calcHeight: 54,
          border: false,
          stripe:true,
          tip: false,
          searchShow: true,
          searchMenuSpan: 3,
          // headerAlign:'center',
          maxHeight:'auto',
          align:'center',
          searchSpan: 4,
          border: true,
          searchMenuSpan: 6,
          index: true,
          viewBtn: true,
          selection: true,
          labelWidth:120,
          dialogClickModal: false,
          headerAlign: 'center',
          align: 'center',
          column: [
            {
              label: "所属租户",
              prop: "tenantId",
              hide: true,
              width: 200,
              type: "tree",
              dicUrl: "/api/blade-system/tenant/select",
              props: {
                label: "tenantName",
                value: "tenantId"
              },
              addDisplay: website.tenantMode,
              editDisplay: website.tenantMode,
              viewDisplay: website.tenantMode,
              rules: [{
                required: true,
                message: "请输入所属租户",
                trigger: "click"
              }],
              span: 24,
            },
            // {
            //   label: "所属租户",
            //   prop: "tenantId",
            //   hide: true,
            //   width: 200,
            //   type: "tree",
            //   dicUrl: "/api/blade-system/tenant/select",
            //   props: {
            //     label: "tenantName",
            //     value: "tenantId"
            //   },
            //   addDisplay: website.tenantMode,
            //   editDisplay: website.tenantMode,
            //   viewDisplay: website.tenantMode,
            //   rules: [{
            //     required: true,
            //     message: "请输入所属租户",
            //     trigger: "click"
            //   }],
            //   span: 24,
            // },
            {
              label: "员工编号",
              width: 100,
              searchSpan: 3,
              prop: "number",
            },
            {
              label: "姓名",
              searchLabelWidth: 45,
              searchSpan:3,
              prop: "name",
              width: 90,
              search: true,
            },
            {
              label: "组织机构",
              prop: "deptName",
              type: "select",
              dicUrl: "/api/blade-system/dept/tree",
              width: 85,
              props: {
                label: "deptName",
                value: "deptId"
              },
              rules: [{
                required: true,
                message: "请输入组织机构",
                trigger: "blur"
              }]
            },
            // {
            //   label: "组织机构",
            //   prop: "deptName",
            //   type: "select",
            //   dicUrl: "/api/blade-system/dept/tree",
            //   width: 85,
            //   props: {
            //     label: "deptName",
            //     value: "deptId"
            //   },
            //   rules: [{
            //     required: true,
            //     message: "请输入组织机构",
            //     trigger: "blur"
            //   }]
            // },
            {
              label: "考勤时间",
              prop: "releaseTimeRange",
@@ -198,7 +197,7 @@
              label: "考勤时间",
              prop: "clocktime",
              type: "date",
              width: 130,
              width: 200,
              format: "yyyy-MM-dd hh:mm:ss",
              valueFormat: "yyyy-MM-dd hh:mm:ss",
              rules: [{
@@ -210,7 +209,6 @@
            {
              label: "星期",
              prop: "week",
              width: 60,
              rules: [{
                required: true,
                message: "请输入星期",
@@ -219,7 +217,6 @@
            },
            {
              label: "天气",
              width: 90,
              prop: "weather",
              rules: [{
                required: true,
@@ -251,7 +248,7 @@
              label: "打卡类型",
              searchSpan: 3,
              prop: "clocktype",
              width: 80,
              width: 120,
              type: "select",
              slot: true,
              rules: [{
@@ -272,8 +269,8 @@
            },
            {
              label: "考勤类型",
              width: 80,
              search: true,
              searchSpan:3,
              prop: "attendancetype",
              slot: true,
              type: "select",
@@ -300,7 +297,7 @@
            {
              label: "考勤地址",
              prop: "address",
              width: 350,
              width: 450,
              rules: [{
                required: true,
                message: "请输入地址",
@@ -316,10 +313,10 @@
      ...mapGetters(["permission"]),
      permissionList() {
        return {
          addBtn: this.vaildData(this.permission.attendance_add, false),
          addBtn: this.vaildData(null, false),
          viewBtn: this.vaildData(this.permission.attendance_view, true),
          delBtn: this.vaildData(this.permission.attendance_delete, true),
          editBtn: this.vaildData(this.permission.attendance_edit, false)
          editBtn: this.vaildData(null, false)
        };
      },
      ids() {