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 | 228 +++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 150 insertions(+), 78 deletions(-)
diff --git a/src/views/securityGuard/securityGuard.vue b/src/views/securityGuard/securityGuard.vue
index 097d2b8..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,12 +36,14 @@
@refresh-change="refreshChange"
@on-load="onLoad"
>
+ <!-- @row-update="rowUpdate" -->
<template slot="menuLeft">
<el-button
type="success"
size="small"
plain
icon="el-icon-upload2"
+ v-if="permission.securityGuard_import"
@click="handleImport1"
>批量导入
</el-button>
@@ -52,7 +53,6 @@
size="small"
plain
icon="el-icon-delete"
- v-if="permission.user_delete"
@click="handleDelete"
>注 销
</el-button>
@@ -107,30 +107,45 @@
>导出
</el-button>
</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"
:type="type"
+ v-if="permission.securityGuard_delete"
@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>
@@ -161,7 +176,7 @@
:props="props"
>
</el-tree>
-
+
<span slot="footer" class="dialog-footer">
<el-button @click="roleBox = false">取 消</el-button>
<el-button type="primary" @click="submitRole">确 定</el-button>
@@ -262,7 +277,7 @@
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
-
+
export default {
data() {
const validatePass = (rule, value, callback) => {
@@ -311,7 +326,7 @@
},
],
},
-
+
form: {},
search: {},
roleBox: false,
@@ -377,12 +392,17 @@
calcHeight: 80,
tip: false,
searchShow: true,
+
+ indexWidth: 55,
searchMenuSpan: 6,
- border: false,
stripe: true,
+ border: true,
+ delBtn: false,
+
align: "center",
index: true,
delBtnText: "注销",
+ menuWidth: 271,
selection: true,
viewBtn: true,
defaultExpandAll: true,
@@ -401,7 +421,7 @@
prop: "deptId",
type: "tree",
// dicUrl:
- // "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
+ // "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
// dicUrl: "/api/blade-system/dept/lazy-tree?parentId=0",
props: {
label: "title",
@@ -486,12 +506,12 @@
row: true,
prop: "myPicture",
},
-
+
// {
// label: "编号",
// prop: "code",
// },
-
+
{
label: "所属辖区",
prop: "jurisdiction",
@@ -624,6 +644,10 @@
{
label: "政治面貌",
prop: "politicaloutlook",
+ },
+ {
+ label: "健康状态",
+ prop: "healstats",
},
{
label: "身高",
@@ -845,32 +869,32 @@
tip: "请上传 .xls,.xlsx 标准格式文件",
action: "/api/blade-user/import-user",
},
- {
- label: "数据覆盖",
- prop: "isCovered",
- type: "switch",
- align: "center",
- width: 80,
- dicData: [
- {
- label: "否",
- value: 0,
- },
- {
- label: "是",
- value: 1,
- },
- ],
- value: 0,
- slot: true,
- rules: [
- {
- required: true,
- message: "请选择是否覆盖",
- trigger: "blur",
- },
- ],
- },
+ // {
+ // label: "数据覆盖",
+ // prop: "isCovered",
+ // type: "switch",
+ // align: "center",
+ // width: 80,
+ // dicData: [
+ // {
+ // label: "否",
+ // value: 0,
+ // },
+ // {
+ // label: "是",
+ // value: 1,
+ // },
+ // ],
+ // value: 0,
+ // slot: true,
+ // rules: [
+ // {
+ // required: true,
+ // message: "请选择是否覆盖",
+ // trigger: "blur",
+ // },
+ // ],
+ // },
{
label: "模板下载",
prop: "excelTemplate",
@@ -901,10 +925,10 @@
...mapGetters(["userInfo", "permission"]),
permissionList() {
return {
- addBtn: this.vaildData(this.permission.user_add, false),
+ addBtn: this.vaildData(this.permission.securityGuard_add, false),
viewBtn: this.vaildData(null, false),
- delBtn: this.vaildData(null, false),
- editBtn: this.vaildData(this.permission.user_edit, false),
+ delBtn: this.vaildData(this.permission.securityGuard_delete, false),
+ editBtn: this.vaildData(this.permission.securityGuard_edit, false),
};
},
platformPermissionList() {
@@ -926,18 +950,14 @@
userInfo: (state) => state.user.userInfo,
}),
},
- beforeCreate() {
-
- },
- created() {
-
- },
+ beforeCreate() {},
+ created() {},
mounted() {
// this.option.column[0].hide = true
// 非保安单位模式默认加载管理组数据
if (!website.tenantMode) {
- this.initData(website.tenantId);
- }
+ this.initData(website.tenantId);
+ }
},
methods: {
handleImport1() {
@@ -950,14 +970,22 @@
done();
},
handleTemplate1() {
- window.open(`/api/examSubjectChoices/export-template`);
+ window.open(`/api/blade-user/export-template-security`);
},
-
+
//行点击事件
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) {
@@ -1129,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 = "";
@@ -1273,6 +1319,14 @@
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
+ //行样式调整
+ rowStyle({ row, column, rowIndex }) {
+ if (row.examinationType == "1") {
+ return {
+ color: "#ff2727",
+ };
+ }
+ },
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
@@ -1295,28 +1349,36 @@
const column = that.findObject(that.option.column, "deptId");
column.search = false;
const deptColumn = that.findObject(that.option.group, "deptId");
- deptColumn.dicUrl = "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
+ deptColumn.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
//禁止编辑
deptColumn.disabled = true;
deptColumn.value = that.userInfo.dept_id;
that.isSecurity = true;
//如果是保安公司管理员
params["deptId"] = that.userInfo.dept_id;
- }else if (roleAlias == "公安管理员") {
+ } else if (roleAlias == "公安管理员") {
params["jurisdiction"] = that.userInfo.jurisdiction;
var columnDept = that.findObject(that.option.column, "deptId");
- columnDept.dicUrl =
- "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction="+that.userInfo.jurisdiction
+ columnDept.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
+ that.userInfo.jurisdiction;
var ColumnDeptUpdate = that.findObject(that.option.group, "deptId");
- ColumnDeptUpdate.dicUrl =
- "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction="+that.userInfo.jurisdiction
- }else{
+ ColumnDeptUpdate.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
+ that.userInfo.jurisdiction;
+ } else {
var columnDept1 = that.findObject(that.option.column, "deptId");
- columnDept1.dicUrl = "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
- var ColumnDeptUpdate1 = that.findObject(that.option.group, "deptId");
- ColumnDeptUpdate1.dicUrl = "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
+ columnDept1.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
+ var ColumnDeptUpdate1 = that.findObject(
+ that.option.group,
+ "deptId"
+ );
+ ColumnDeptUpdate1.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
}
-
+
let values = {
...params,
};
@@ -1325,20 +1387,25 @@
roleAlias: "111",
...that.query,
};
-
+
that.loading = true;
getList(page.currentPage, page.pageSize, values).then((res) => {
const data = res.data.data;
that.page.total = data.total;
+ var d = data.records;
+ var date = new Date();
+ var datayear = date.getFullYear();
+ for (const key in d) {
+ var year = d[key].cardid.slice(6, 10);
+ d[key]["age"] = +datayear - +year;
+ // d[key].securitynumber = "赣洪202100009";
+ }
that.data = data.records;
that.loading = false;
that.selectionClear();
});
});
});
-
-
-
},
platformRowUpdate(row, index, done, loading) {
updatePlatform(row.id, row.userType, row.userExt).then(
@@ -1409,16 +1476,21 @@
};
</script>
-<style>
+<style lang="scss" scoped>
.box {
height: 800px;
}
-
+
.el-scrollbar {
height: 100%;
}
-
+
.box .el-scrollbar__wrap {
overflow: scroll;
}
+.rowClickSelf {
+ &:hover {
+ cursor: pointer;
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3