样式

liuyg

2021-08-26 942c56e44f51dbc3a9ac40db9b7a2d03b68eb6cd

 src/views/securityGuard/securityGuard.vue

@@ -24,9 +24,8 @@
          v-model="form"
          :permission="permissionList"
          @row-del="rowDel"
          @row-update="rowUpdate"
          :row-style="rowStyle"
          @row-save="rowSave"
          @row-click="rowClick"
          :before-open="beforeOpen"
          :page.sync="page"
          @search-change="searchChange"
@@ -37,6 +36,7 @@
          @refresh-change="refreshChange"
          @on-load="onLoad"
        >
          <!-- @row-update="rowUpdate" -->
          <template slot="menuLeft">
            <el-button
              type="success"
@@ -109,14 +109,13 @@
          </template>

          <template slot-scope="{ type, size, row }" slot="menu">
            <!-- <el-button
                style="display:none"
                icon="el-icon-edit"
                :size="size"
                :type="type"
                @click.stop="addOrUpdateHandle(row.id)"
                >修改
              </el-button> -->
            <el-button
              icon="el-icon-s-custom"
              :size="size"
              :type="type"
              @click.stop="rowClick(row)"
              >查看
            </el-button>
            <el-button
              icon="el-icon-edit"
              :size="size"
@@ -125,13 +124,28 @@
              @click.stop="rowDel(row)"
              >离职登记
            </el-button>
            <el-button
              icon="el-icon-edit"
              :size="size"
              :type="type"
              v-if="permission.securityGuard_check"
              @click.stop="rowCheck(row)"
              >异常
            </el-button>
          </template>

          <template slot-scope="{ row }" slot="sex">
            <el-tag v-if="row.sex == 1">男</el-tag>
            <el-tag v-if="row.sex == 2">女</el-tag>
          </template>

          <template slot-scope="{ row }" slot="deptId">
            <el-tag
              class="rowClickSelf"
              title="点击查看所属公司情况"
              @click="rowClickSelf(row.deptId)"
              >{{ row.$deptId }}</el-tag
            >
          </template>
          <template slot-scope="{ row }" slot="tenantName">
            <el-tag>{{ row.tenantName }}</el-tag>
          </template>
@@ -383,10 +397,12 @@
        searchMenuSpan: 6,
        stripe: true,
        border: true,
        delBtn: false,

        align: "center",
        index: true,
        delBtnText: "注销",
        menuWidth: 271,
        selection: true,
        viewBtn: true,
        defaultExpandAll: true,
@@ -959,9 +975,17 @@

    //行点击事件
    rowClick(row) {
      // console.log(row, 111);
      this.$router.push({
        path: "/securityGuardDetail",
        query: { row: JSON.stringify(row) },
      });
    },
    rowClickSelf(row) {
      console.log(row, "baoan");
      this.$router.push({
        path: "/securityUnitChild",
        query: { fromSecunityGuardId: row },
      });
    },
    nodeClick(data) {
@@ -1133,6 +1157,24 @@
          });
        });
    },
    rowCheck(row) {
      this.$confirm("确定审查异常标记?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          row.examinationType = "1";
          return update(row);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
    },
    searchReset() {
      this.query = {};
      this.treeDeptId = "";
@@ -1276,6 +1318,14 @@
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    //行样式调整
    rowStyle({ row, column, rowIndex }) {
      if (row.examinationType == "1") {
        return {
          color: "#ff2727",
        };
      }
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
@@ -1426,7 +1476,7 @@
};
</script>
 
<style>
<style lang="scss" scoped>
.box {
  height: 800px;
}
@@ -1438,4 +1488,9 @@
.box .el-scrollbar__wrap {
  overflow: scroll;
}
.rowClickSelf {
  &:hover {
    cursor: pointer;
  }
}
</style>