From 2c461eb9efb980d55dfd7407ee70088fc90a4a7a Mon Sep 17 00:00:00 2001
From: 钟日健 <5689795+arsn@user.noreply.gitee.com>
Date: Tue, 08 Feb 2022 14:24:31 +0800
Subject: [PATCH] 保安员详情修改
---
src/views/dispatch/dispatchChildoperable.vue | 354 ++++++++++++++++++++++++++++++++++------------------------
1 files changed, 209 insertions(+), 145 deletions(-)
diff --git a/src/views/dispatch/dispatchChildoperable.vue b/src/views/dispatch/dispatchChildoperable.vue
index ab2717c..aa94c14 100644
--- a/src/views/dispatch/dispatchChildoperable.vue
+++ b/src/views/dispatch/dispatchChildoperable.vue
@@ -1,37 +1,43 @@
<template>
<basic-container>
- <div class="dispatchChildoperable">
+ <div
+ :class="[
+ 'dispatchChildoperable',
+ $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
+ ]"
+ >
<avue-crud
- :option="option1"
- :data="data1"
- :page.sync="page1"
+ :option="option"
+ :data="data"
+ :page.sync="page"
ref="crudrec1"
v-model="form"
- :table-loading="loading1"
+ :table-loading="loading"
:before-open="beforeOpen"
- @row-save="rowSave1"
- @search-change="searchChange1"
- @search-reset="searchReset1"
- @row-update="rowUpdate1"
- @row-del="rowDel1"
- @selection-change="selectionChange1"
- @refresh-change="refreshChange1"
+ @row-save="rowSave"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @row-update="rowUpdate"
+ @row-del="rowDel"
+ @selection-change="selectionChange"
+ @refresh-change="refreshChange"
+ @current-change="currentChange"
>
</avue-crud>
</div>
</basic-container>
-</template>
+</template>
<script>
import {
getdata1,
- adddata1,
- update1,
+ saveDispatcher,
+ updateDispatcher,
remove1,
getDispatcherUnitByDeptId,
overDispatcher,
} from "@/api/dispatch/dispatch";
-import { update, getListByDeptId } from "@/api/system/user";
+import { update, getSecurityDispatcherTree } from "@/api/system/user";
import { mapState } from "vuex";
export default {
@@ -39,18 +45,18 @@
return {
deptCategory: "",
deptId: "",
-
- loading1: true, //派遣记录
+ loading: true, //派遣记录
selectionList1: [],
- page1: {
+ page: {
pageSize: 10,
currentPage: 1,
total: 0,
+ ...this.$store.state.control.changePageSize,
},
form: {},
query1: {},
- data1: [],
- option1: {
+ data: [],
+ option: {
// card: true,
tip: false,
index: true,
@@ -65,22 +71,17 @@
// menuWidth: 160,
align: "center",
selection: true,
+ ...this.$store.state.control.clearOtherBut,
column: [
- // },
{
label: "派遣单位",
prop: "dispatcherCompany",
- // addDisplay: false,
- // editDisplay: false,
- // search: true,
- // labelWidth: 120,
- // searchSpan: 4,
- minWidth: 210,
+ // minWidth: 140,
addDisplay: false,
editDisplay: false,
},
{
- label: "保安公司",
+ label: "企业名称",
prop: "deptId",
search: true,
labelWidth: 120,
@@ -91,55 +92,37 @@
label: "title",
value: "id",
},
- width: 180,
- dicUrl: `/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697`,
+ // dicUrl: `/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697`,
rules: [
{
required: true,
- message: "请输入保安公司",
+ message: "请输入企业名称",
trigger: "blur",
},
],
},
- {
- label: "派遣单位",
- prop: "dispatcherUnitId",
- labelWidth: 120,
- searchLabelWidth: 80,
- // dicUrl: "/api/dispatcherUnit/page-tree?deptId={{key}}",
- props: {
- label: "name",
- value: "id",
- },
- hide: true,
- searchSpan: 4,
- search: true,
- overHidden: true,
- type: "tree",
- rules: [
- {
- required: true,
- message: "请输入派遣单位",
- trigger: "blur",
- },
- ],
- },
+
{
label: "保安员",
prop: "userIds",
type: "tree",
- width: 70,
labelWidth: 120,
- searchSpan: 3,
- search: true,
hide: true,
+ defaultExpandAll: true,
+ // props: {
+ // label: "realName",
+ // value: "id",
+ // },
+ // dicUrl: `/api/blade-user/page-security-units?dispatch=1&deptId={{key}}`,
+ dicUrl: `/api/blade-user/security-dispatcher-tree?deptId={{key}}`,
+ dicData: [],
props: {
- label: "realName",
+ label: "name",
value: "id",
},
- // dicUrl: `/api/blade-user/page-security-units?dispatch=1&deptId={{key}}`,
- dicUrl: `/api/blade-user/page-security-units?status=1&deptId={{key}}`,
- dicData: [],
+ //不包含父节点值
+ leafOnly: true,
+ multiple: true,
rules: [
{
required: true,
@@ -151,8 +134,10 @@
{
label: "保安员",
prop: "securityName",
- type: "tree",
- width: 70,
+ // type: "tree",
+ width:90,
+ searchSpan: 4,
+ search: true,
labelWidth: 120,
addDisplay: false,
editDisplay: false,
@@ -162,21 +147,20 @@
// value: "id",
// },
// dicUrl: `/api/blade-user/page-security-units?dispatch=1&deptId={{key}}`,
- dicData: [],
- rules: [
- {
- required: true,
- message: "请选择保安",
- trigger: "blur",
- },
- ],
+ // rules: [
+ // {
+ // required: true,
+ // message: "请选择保安",
+ // trigger: "blur",
+ // },
+ // ],
},
{
label: "身份证",
prop: "idCardNo",
- labelWidth: 120,
overHidden: true,
+ width:160,
addDisplay: false,
editDisplay: false,
rules: [
@@ -203,6 +187,7 @@
prop: "dispatchertime",
type: "date",
format: "yyyy-MM-dd",
+ width:120,
valueFormat: "yyyy-MM-dd",
labelWidth: 120,
searchSpan: 5,
@@ -221,6 +206,7 @@
label: "结束时间",
prop: "endTime",
type: "date",
+ width:120,
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
labelWidth: 120,
@@ -259,6 +245,29 @@
],
},
{
+ label: "派遣单位",
+ prop: "dispatcherUnitId",
+ labelWidth: 120,
+ searchLabelWidth: 80,
+ // dicUrl: "/api/dispatcherUnit/page-tree?deptId={{key}}",
+ props: {
+ label: "name",
+ value: "id",
+ },
+ hide: true,
+ searchSpan: 4,
+ search: true,
+ overHidden: true,
+ type: "tree",
+ rules: [
+ {
+ required: true,
+ message: "请输入派遣单位",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
label: "派遣地址",
prop: "dispatcheraddress",
labelWidth: 120,
@@ -275,19 +284,54 @@
},
],
},
+ useifid: 266,
};
},
created() {
- if (this.userInfo.role_name == "保安公司管理员") {
- console.log("保安公司管理员登入");
- const deptColumn = this.findObject(this.option1.column, "deptId");
- deptColumn.search = false;
+ var that = this;
+ // if (this.userInfo.role_name == "保安公司管理员") {
+ // const deptColumn = this.findObject(this.option.column, "deptId");
+ // deptColumn.search = false;
+ // deptColumn.hide = true;
+ // this.useifid = this.userInfo.dept_id;
+ // } else {
+ // const deptColumn = this.findObject(
+ // this.option.column,
+ // "dispatcherUnitId"
+ // );
+ // deptColumn.search = false;
+ // }
+ var roleName = this.userInfo.role_name;
+ if (
+ roleName == "保安公司管理员" ||
+ roleName == "保安" ||
+ roleName == "分公司管理员"
+ ) {
+ //查询保安单位信息（包含子级）
+ const column = this.findObject(this.option.column, "deptId");
+ // column.search = false;
+ //默认全部展开
+ column.defaultExpandAll = true;
+ column.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?deptId=" +
+ this.userInfo.dept_id;
+ //赋值
+ column.value = that.userInfo.dept_id;
+ this.useifid = this.userInfo.dept_id;
+ this.initData(2);
+ } else if (roleName == "公安管理员" || roleName == "administrator") {
+ var columnDept = that.findObject(that.option.column, "deptId");
+ columnDept.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
+ that.userInfo.jurisdiction;
+ this.initData(1);
} else {
- const deptColumn = this.findObject(
- this.option1.column,
- "dispatcherUnitId"
- );
- deptColumn.search = false;
+ //查询保安单位信息（包含子级）
+ const column = this.findObject(this.option.column, "deptId");
+ // column.search = false;
+ //默认全部展开
+ column.dicUrl = "/api/blade-system/dept/security_lazy-tree";
+ this.initData(1);
}
},
computed: {
@@ -311,68 +355,73 @@
handleChangeTABS(column) {
this.typeTABS = column;
if (column.prop == "tab1") {
- this.loading1 = false;
+ this.loading = false;
// this.onLoad(this.page);
} else if (column.prop == "tab2") {
// this.loading = false;
- console.log(document.getElementsByClassName("el-card__body")[0]);
- this.onLoad1(this.page1); //第二个表格不会自动执行
+ this.onLoad(this.page); //第二个表格不会自动执行
}
// this.$message.success(JSON.stringify(column));
},
//派遣记录
sizeChange1(val) {
- this.page1.currentPage = 1;
- this.page1.pageSize = val;
+ this.page.currentPage = 1;
+ this.page.pageSize = val;
// this.getData();
- this.onLoad1(this.page1, this.query1);
+ this.onLoad(this.page, this.query1);
},
- currentChange1(val) {
- this.page1.currentPage = val;
+ currentChange(val) {
+ this.page.currentPage = val;
// this.getData();
- this.onLoad1(this.page1, this.query1);
+ this.onLoad(this.page, this.query1);
},
- rowSave1(form, done, loading) {
+ rowSave(form, done, loading) {
// if(this.userInfo.role_name=="保安公司管理员"){
- // const userColumn = this.findObject(this.option1.column, "userIds");
+ // const userColumn = this.findObject(this.option.column, "userIds");
// userColumn.dicUrl = "/api/blade-user/page-security-units?deptId="+this.userInfo.dept_id;
// }
-
- adddata1(form).then(
+ if (this.useifid != 266) {
+ form["deptId"] = this.useifid;
+ }
+ // console.log(form, 123456);
+ (form["ids"] = form.userIds.join(",")), delete form.userIds;
+ // console.log(form, 321);
+ saveDispatcher(form).then(
(res) => {
- this.onLoad1(this.page1);
+ this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
+ this.onLoad(this.page, this.query1);
done();
},
(error) => {
window.console.log(error);
loading();
+ this.onLoad(this.page, this.query1);
+ done();
}
);
- // }
},
- searchChange1(params, done) {
+ searchChange(params, done) {
this.query1 = params;
- this.page1.currentPage = 1;
- this.onLoad1(this.page1, params);
+ this.page.currentPage = 1;
+ this.onLoad(this.page, params);
done();
},
- searchReset1() {
- this.query = {};
- this.onLoad1(this.page1);
+ searchReset() {
+ this.query1 = {};
+ this.onLoad(this.page);
},
- rowUpdate1(row, index, done, loading) {
- // if(this.userInfo.role_name=="保安公司管理员"){
- // const userColumn = this.findObject(this.option1.column, "userIds");
- // userColumn.dicUrl = "/api/blade-user/page-security-units?deptId="+this.userInfo.dept_id;
- // }
- update1(row).then(
+ rowUpdate(row, index, done, loading) {
+ if (this.useifid != 266) {
+ row["deptId"] = this.useifid;
+ }
+ updateDispatcher(row).then(
() => {
- this.onLoad1(this.page1);
+ this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
@@ -385,7 +434,7 @@
}
);
},
- rowDel1(row) {
+ rowDel(row) {
this.$confirm("确定结束当前派遣?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
@@ -395,19 +444,17 @@
return overDispatcher(row);
})
.then(() => {
- this.onLoad1(this.page1);
+ this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
});
},
- selectionChange1(list) {
+ selectionChange(list) {
this.selectionList1 = list;
- // console.log(this.selectionList1.length);
},
handleDelete1() {
- console.log(this.selectionList1);
if (this.selectionList1.length === 0) {
this.$message.warning("请选择至少一条数据");
return;
@@ -421,7 +468,7 @@
return remove1(this.ids1);
})
.then(() => {
- this.onLoad1(this.page1);
+ this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
@@ -429,13 +476,27 @@
this.$refs.crudrec1.toggleSelection();
});
},
- refreshChange1() {
- // console.log(4534)
- this.onLoad1(this.page1, this.query1);
+ refreshChange() {
+ this.onLoad(this.page, this.query1);
},
- beforeOpen(done, type) {
+ beforeOpen(done, type, row) {
this.initFlag = true;
+ if (type == "edit") {
+ const userColumn = this.findObject(this.option.column, "userIds");
+ userColumn.multiple = false;
+ userColumn.dicUrl =
+ "/api/blade-user/security-dispatcher-tree?deptId=" +
+ this.userInfo.dept_id +
+ "&id=" +
+ this.form.userIds +
+ "&realName=" +
+ this.form.securityName;
+ }
+ if (type == "add") {
+ const userColumn = this.findObject(this.option.column, "userIds");
+ userColumn.multiple = true;
+ }
done();
},
@@ -460,8 +521,8 @@
return "";
},
//
- onLoad1(page, params = {}) {
- this.loading1 = true;
+ onLoad(page, params = {}) {
+ this.loading = true;
var values;
//默认查询已派遣的，派遣结束，未派遣的不显示
params["dispatch"] = 0;
@@ -471,26 +532,32 @@
...params,
beginTime: releaseTimeRange[0],
overTime: releaseTimeRange[1],
- ...this.query,
+ ...this.query1,
};
values.releaseTimeRange = null;
} else {
values = {
...params,
- ...this.query,
+ ...this.query1,
};
}
- if (this.userInfo.role_name == "保安公司管理员") {
- const deptColumn = this.findObject(this.option1.column, "deptId");
- deptColumn.disabled = true;
- // deptColumn.search = false; //会报错
- deptColumn.value = this.userInfo.dept_id;
- this.initData(2);
- } else {
- this.initData(1);
+ // if (this.userInfo.role_name == "保安公司管理员") {
+ // const deptColumn = this.findObject(this.option.column, "deptId");
+ // deptColumn.disabled = true;
+ // // deptColumn.search = false; //会报错
+ // deptColumn.value = this.userInfo.dept_id;
+ // this.initData(2);
+ // } else {
+ // this.initData(1);
+ // }
+ if (this.useifid != 266) {
+ values["deptId"] = this.useifid;
}
-
+ //公安局进入
+ if (this.userInfo.role_name == "公安管理员") {
+ values["jurisdiction"] = this.userInfo.jurisdiction;
+ }
getdata1(
page.currentPage,
page.pageSize,
@@ -498,11 +565,10 @@
values
).then((res) => {
const data = res.data.data;
- this.page1.total = data.total;
- this.data1 = data.records;
- this.loading1 = false;
+ this.page.total = data.total;
+ this.data = data.records;
+ this.loading = false;
// this.$nextTick(() => this.$refs.crudrec1.dicInit("cascader"));
- console.log(this.form, 111111);
});
},
initData(type) {
@@ -510,23 +576,22 @@
if (type == 1) {
getDispatcherUnitByDeptId(null).then((res) => {
const dispatcherUnitIdColumn = that.findObject(
- this.option1.column,
+ this.option.column,
"dispatcherUnitId"
);
- // console.log(res.data.data, 111);
dispatcherUnitIdColumn.dicData = res.data.data;
});
}
if (type == 2) {
getDispatcherUnitByDeptId(that.userInfo.dept_id).then((res) => {
const dispatcherUnitIdColumn = that.findObject(
- this.option1.column,
+ this.option.column,
"dispatcherUnitId"
);
dispatcherUnitIdColumn.dicData = res.data.data;
});
- getListByDeptId(that.userInfo.dept_id, 1).then((res) => {
- const userIdsColumn = that.findObject(this.option1.column, "userIds");
+ getSecurityDispatcherTree(that.userInfo.dept_id, 1).then((res) => {
+ const userIdsColumn = that.findObject(this.option.column, "userIds");
userIdsColumn.dicData = res.data.data;
});
}
@@ -537,11 +602,10 @@
// // this.initData();
// // }
// deps(){
- // console.log(this.deps,5646646)
// }
// },
mounted() {
- this.onLoad1(this.page1, this.query1);
+ this.onLoad(this.page, this.query1);
},
};
</script>
@@ -556,4 +620,4 @@
.el-collapse-item {
padding-top: 15px !important;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3