From a38281e697cde9f45926a6af0c88bec14501fec0 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Tue, 15 Feb 2022 11:06:34 +0800
Subject: [PATCH] 68个表格在1366*768下的适配，保安单位情况智能分析中的图表的适配以及其按钮会被遮住不能点击
---
src/views/dispatch/dispatchChildoperable.vue | 173 +++++++++++++++++++++++++++++----------------------------
1 files changed, 88 insertions(+), 85 deletions(-)
diff --git a/src/views/dispatch/dispatchChildoperable.vue b/src/views/dispatch/dispatchChildoperable.vue
index aa94c14..7cfd404 100644
--- a/src/views/dispatch/dispatchChildoperable.vue
+++ b/src/views/dispatch/dispatchChildoperable.vue
@@ -1,30 +1,31 @@
<template>
- <basic-container>
- <div
- :class="[
- 'dispatchChildoperable',
- $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
- ]"
+ <basic-container
+ :class="[
+ 'dispatchChildoperable',
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
+ ]"
+ >
+ <avue-crud
+ class="tablesss"
+ :option="option"
+ :data="data"
+ :page.sync="page"
+ ref="crudrec1"
+ v-model="form"
+ :table-loading="loading"
+ :before-open="beforeOpen"
+ @row-save="rowSave"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @row-update="rowUpdate"
+ @row-del="rowDel"
+ @selection-change="selectionChange"
+ @refresh-change="refreshChange"
+ @current-change="currentChange"
+ @on-load="onLoad"
>
- <avue-crud
- :option="option"
- :data="data"
- :page.sync="page"
- ref="crudrec1"
- v-model="form"
- :table-loading="loading"
- :before-open="beforeOpen"
- @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>
+ </avue-crud>
</basic-container>
</template>
@@ -35,7 +36,7 @@
updateDispatcher,
remove1,
getDispatcherUnitByDeptId,
- overDispatcher,
+ overDispatcher
} from "@/api/dispatch/dispatch";
import { update, getSecurityDispatcherTree } from "@/api/system/user";
import { mapState } from "vuex";
@@ -51,7 +52,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
- ...this.$store.state.control.changePageSize,
+ ...this.$store.state.control.changePageSize
},
form: {},
query1: {},
@@ -78,7 +79,7 @@
prop: "dispatcherCompany",
// minWidth: 140,
addDisplay: false,
- editDisplay: false,
+ editDisplay: false
},
{
label: "企业名称",
@@ -90,18 +91,18 @@
cascaderItem: ["userIds"],
props: {
label: "title",
- value: "id",
+ value: "id"
},
// dicUrl: `/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697`,
rules: [
{
required: true,
message: "请输入企业名称",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
-
+
{
label: "保安员",
prop: "userIds",
@@ -118,7 +119,7 @@
dicData: [],
props: {
label: "name",
- value: "id",
+ value: "id"
},
//不包含父节点值
leafOnly: true,
@@ -127,20 +128,20 @@
{
required: true,
message: "请选择保安",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "保安员",
prop: "securityName",
// type: "tree",
- width:90,
+ width: 90,
searchSpan: 4,
search: true,
labelWidth: 120,
addDisplay: false,
- editDisplay: false,
+ editDisplay: false
// hide: true,
// props: {
// label: "realName",
@@ -160,16 +161,16 @@
label: "身份证",
prop: "idCardNo",
overHidden: true,
- width:160,
+ width: 160,
addDisplay: false,
editDisplay: false,
rules: [
{
required: true,
message: "请输入身份证",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
// search: true,
// searchSpan: 4,
// overHidden: true
@@ -187,7 +188,7 @@
prop: "dispatchertime",
type: "date",
format: "yyyy-MM-dd",
- width:120,
+ width: 120,
valueFormat: "yyyy-MM-dd",
labelWidth: 120,
searchSpan: 5,
@@ -197,16 +198,16 @@
{
required: true,
message: "请输入派遣时间",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
// overHidden: true
},
{
label: "结束时间",
prop: "endTime",
type: "date",
- width:120,
+ width: 120,
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
labelWidth: 120,
@@ -215,9 +216,9 @@
{
required: true,
message: "请输入结束时间",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
// search: true,
// searchSpan: 4,
// overHidden: true
@@ -240,9 +241,9 @@
{
required: true,
message: "请输入时间",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "派遣单位",
@@ -252,7 +253,7 @@
// dicUrl: "/api/dispatcherUnit/page-tree?deptId={{key}}",
props: {
label: "name",
- value: "id",
+ value: "id"
},
hide: true,
searchSpan: 4,
@@ -263,9 +264,9 @@
{
required: true,
message: "请输入派遣单位",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "派遣地址",
@@ -275,16 +276,16 @@
{
required: true,
message: "请输入派遣地址",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
// search: true,
// searchSpan: 4,
// overHidden: true
- },
- ],
+ }
+ ]
},
- useifid: 266,
+ useifid: 266
};
},
created() {
@@ -338,17 +339,17 @@
// },
ids1() {
let ids1 = [];
- this.selectionList1.forEach((ele) => {
+ this.selectionList1.forEach(ele => {
ids1.push(ele.id);
});
return ids1.join(",");
},
...mapState({
- userInfo: (state) => state.user.userInfo,
+ userInfo: state => state.user.userInfo
}),
deps() {
return this.form.deptId;
- },
+ }
},
methods: {
@@ -388,16 +389,16 @@
(form["ids"] = form.userIds.join(",")), delete form.userIds;
// console.log(form, 321);
saveDispatcher(form).then(
- (res) => {
+ res => {
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
this.onLoad(this.page, this.query1);
done();
},
- (error) => {
+ error => {
window.console.log(error);
loading();
this.onLoad(this.page, this.query1);
@@ -424,11 +425,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
window.console.log(error);
loading();
}
@@ -438,7 +439,7 @@
this.$confirm("确定结束当前派遣?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return overDispatcher(row);
@@ -447,7 +448,7 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
});
},
@@ -462,7 +463,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return remove1(this.ids1);
@@ -471,7 +472,7 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
this.$refs.crudrec1.toggleSelection();
});
@@ -532,13 +533,13 @@
...params,
beginTime: releaseTimeRange[0],
overTime: releaseTimeRange[1],
- ...this.query1,
+ ...this.query1
};
values.releaseTimeRange = null;
} else {
values = {
...params,
- ...this.query1,
+ ...this.query1
};
}
@@ -563,10 +564,11 @@
page.pageSize,
// Object.assign(params, this.query)
values
- ).then((res) => {
+ ).then(res => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
+ this.$store.commit("setWindowSizeHeightAdd");
this.loading = false;
// this.$nextTick(() => this.$refs.crudrec1.dicInit("cascader"));
});
@@ -574,7 +576,7 @@
initData(type) {
var that = this;
if (type == 1) {
- getDispatcherUnitByDeptId(null).then((res) => {
+ getDispatcherUnitByDeptId(null).then(res => {
const dispatcherUnitIdColumn = that.findObject(
this.option.column,
"dispatcherUnitId"
@@ -583,19 +585,19 @@
});
}
if (type == 2) {
- getDispatcherUnitByDeptId(that.userInfo.dept_id).then((res) => {
+ getDispatcherUnitByDeptId(that.userInfo.dept_id).then(res => {
const dispatcherUnitIdColumn = that.findObject(
this.option.column,
"dispatcherUnitId"
);
dispatcherUnitIdColumn.dicData = res.data.data;
});
- getSecurityDispatcherTree(that.userInfo.dept_id, 1).then((res) => {
+ getSecurityDispatcherTree(that.userInfo.dept_id, 1).then(res => {
const userIdsColumn = that.findObject(this.option.column, "userIds");
userIdsColumn.dicData = res.data.data;
});
}
- },
+ }
},
// watch: {
// // "form.deptId"() {
@@ -605,8 +607,9 @@
// }
// },
mounted() {
- this.onLoad(this.page, this.query1);
- },
+ this.$store.commit("setWindowSizeHeightAdd");
+ // this.onLoad(this.page, this.query1);
+ }
};
</script>
--
Gitblit v1.9.3