From 942c56e44f51dbc3a9ac40db9b7a2d03b68eb6cd Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 26 Aug 2021 15:53:17 +0800
Subject: [PATCH] 样式

---
 src/views/securityGuard/securityGuard.vue |   79 +++++++++++++++++++++++++++++++++------
 1 files changed, 67 insertions(+), 12 deletions(-)

diff --git a/src/views/securityGuard/securityGuard.vue b/src/views/securityGuard/securityGuard.vue
index 4b96a44..ddb6260 100644
--- a/src/views/securityGuard/securityGuard.vue
+++ b/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>
\ No newline at end of file

--
Gitblit v1.9.3