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/dispatch.vue | 308 +++++++++++++++++++++++++-------------------------
1 files changed, 154 insertions(+), 154 deletions(-)
diff --git a/src/views/dispatch/dispatch.vue b/src/views/dispatch/dispatch.vue
index 25e3d52..353c77b 100644
--- a/src/views/dispatch/dispatch.vue
+++ b/src/views/dispatch/dispatch.vue
@@ -1,74 +1,75 @@
<template>
- <basic-container>
- <div
- :class="[
- 'dispatch',
- $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
- ]"
- >
- <!-- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
+ <basic-container
+ :class="[
+ 'dispatch',
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
+ ]"
+ >
+ <!-- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
<span v-if="typeTABS.prop === 'tab1'"> -->
- <avue-crud
- :option="option"
- :data="data"
- :page.sync="page"
- ref="crudrec"
- @on-load="onLoad"
- :table-loading="loading"
- @row-save="rowSave"
- @search-change="searchChange"
- @search-reset="searchReset"
- @row-update="rowUpdate"
- @row-del="rowDel"
- @selection-change="selectionChange"
- @refresh-change="refreshChange"
- @row-click="rowClick"
- >
- <template slot="menuLeft">
- <el-button
- type="danger"
- size="small"
- plain
- icon="el-icon-delete"
- @click="handleDelete"
- >删 除
- </el-button>
+ <avue-crud
+ class="tablesss"
+ :option="option"
+ :data="data"
+ :page.sync="page"
+ ref="crudrec"
+ @on-load="onLoad"
+ :table-loading="loading"
+ @row-save="rowSave"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @row-update="rowUpdate"
+ @row-del="rowDel"
+ @selection-change="selectionChange"
+ @refresh-change="refreshChange"
+ @row-click="rowClick"
+ >
+ <template slot="menuLeft">
+ <el-button
+ type="danger"
+ size="small"
+ plain
+ icon="el-icon-delete"
+ @click="handleDelete"
+ >删 除
+ </el-button>
- <el-button
- type="success"
- size="small"
- plain
- icon="el-icon-upload2"
- @click="handleImport"
- >批量导入
+ <el-button
+ type="success"
+ size="small"
+ plain
+ icon="el-icon-upload2"
+ @click="handleImport"
+ >批量导入
+ </el-button>
+ </template>
+
+ <template slot-scope="{ row }" slot="jurisdiction">
+ {{ row.jurisdiction == -1 ? "" : row.jurisdiction }}
+ </template>
+ </avue-crud>
+
+ <el-dialog
+ title="派遣单位导入"
+ append-to-body
+ :visible.sync="excelBox"
+ width="555px"
+ >
+ <avue-form
+ :option="excelOption"
+ v-model="excelForm"
+ :upload-after="uploadAfter"
+ >
+ <template slot="excelTemplate">
+ <el-button type="primary" @click="handleTemplate">
+ 点击下载<i class="el-icon-download el-icon--right"></i>
</el-button>
</template>
+ </avue-form>
+ </el-dialog>
- <template slot-scope="{ row }" slot="jurisdiction">
- {{ row.jurisdiction == -1 ? "" : row.jurisdiction }}
- </template>
- </avue-crud>
-
- <el-dialog
- title="派遣单位导入"
- append-to-body
- :visible.sync="excelBox"
- width="555px"
- >
- <avue-form
- :option="excelOption"
- v-model="excelForm"
- :upload-after="uploadAfter"
- >
- <template slot="excelTemplate">
- <el-button type="primary" @click="handleTemplate">
- 点击下载<i class="el-icon-download el-icon--right"></i>
- </el-button>
- </template>
- </avue-form>
- </el-dialog>
-
- <!-- </span>
+ <!-- </span>
<span v-else-if="typeTABS.prop === 'tab2'">
<avue-crud
:option="option1"
@@ -97,26 +98,19 @@
</template>
</avue-crud>
</span> -->
- <!-- <span v-else-if="typeTABS.prop === 'tab3'">选项卡内容3</span> -->
- </div>
+ <!-- <span v-else-if="typeTABS.prop === 'tab3'">选项卡内容3</span> -->
</basic-container>
</template>
<script>
-import {
- getdata,
- adddata,
- update,
- remove,
-} from "@/api/dispatch/dispatch";
+import { getdata, adddata, update, remove } from "@/api/dispatch/dispatch";
import { mapGetters } from "vuex";
import { mapState } from "vuex";
import { getToken } from "@/util/auth";
export default {
data() {
var phones = (rule, value, callback) => {
- window.yanzhengphons =
- /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/;
+ window.yanzhengphons = /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/;
if (!yanzhengphons.test(value)) {
callback(new Error("请输入正确电话"));
} else {
@@ -131,19 +125,19 @@
{
icon: "el-icon-info",
label: "派遣服务公司登记",
- prop: "tab1",
+ prop: "tab1"
},
{
icon: "el-icon-info",
label: "派遣记录",
- prop: "tab2",
- },
+ prop: "tab2"
+ }
// {
// icon: "el-icon-info",
// label: "选项卡3",
// prop: "tab3",
// },
- ],
+ ]
},
loading: true, //派遣服务公司登记
@@ -152,7 +146,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
- ...this.$store.state.control.changePageSize,
+ ...this.$store.state.control.changePageSize
},
query: {},
data: [],
@@ -170,10 +164,10 @@
loadText: "模板上传中，请稍等",
span: 24,
propsHttp: {
- res: "data",
+ res: "data"
},
tip: "请上传 .xls,.xlsx 标准格式文件",
- action: "/api/dispatcherUnit/import-dispatcherUnit",
+ action: "/api/dispatcherUnit/import-dispatcherUnit"
},
// {
// label: "数据覆盖",
@@ -205,9 +199,9 @@
label: "模板下载",
prop: "excelTemplate",
formslot: true,
- span: 24,
- },
- ],
+ span: 24
+ }
+ ]
},
option: {
tip: false,
@@ -218,6 +212,7 @@
menuWidth: 160,
align: "center",
selection: true,
+ menu: false,
...this.$store.state.control.clearOtherBut,
column: [
{
@@ -233,16 +228,17 @@
{
required: true,
message: "请输入派遣单位名称",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: "派遣单位类型",
prop: "district",
type: "select",
search: false,
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=dispatcherUnitType",
+ dicUrl:
+ "/api/blade-system/dict-biz/dictionary?code=dispatcherUnitType",
props: {
label: "dictValue",
value: "dictKey"
@@ -256,10 +252,10 @@
{
required: true,
message: "请选择派遣单位类型",
- trigger: "click",
- },
+ trigger: "click"
+ }
],
- dataType: "number",
+ dataType: "number"
},
{
label: "企业名称",
@@ -269,20 +265,20 @@
dicUrl: "",
props: {
label: "title",
- value: "id",
+ value: "id"
},
rules: [
{
required: true,
message: "请选择企业名称",
- trigger: "click",
- },
+ trigger: "click"
+ }
],
labelWidth: 138,
width: 180,
searchLabelWidth: 80,
search: true,
- searchSpan: 4,
+ searchSpan: 4
},
{
label: "保安服务类型",
@@ -292,7 +288,7 @@
searchSpan: 4,
overHidden: true,
// span: 12,
- labelWidth: 138,
+ labelWidth: 138
},
{
label: "合同生效时间",
@@ -313,9 +309,9 @@
{
required: true,
message: "请输入时间",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "所属辖区",
@@ -331,7 +327,7 @@
dicUrl: "/api/jurisdiction/lazy-tree",
props: {
label: "title",
- value: "id",
+ value: "id"
},
checkStrictly: true,
slot: true,
@@ -339,9 +335,9 @@
{
required: false,
message: "请选择所属辖区",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: "所属辖区",
@@ -353,12 +349,12 @@
viewDisplay: false,
overHidden: true,
labelWidth: 138,
- width:100,
+ width: 100,
type: "tree",
dicUrl: "/api/jurisdiction/lazy-tree",
props: {
label: "title",
- value: "id",
+ value: "id"
},
checkStrictly: true,
slot: true,
@@ -366,14 +362,14 @@
{
required: false,
message: "请选择所属辖区",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: " 派遣单位地址",
prop: "address",
- labelWidth: 138,
+ labelWidth: 138
},
{
label: "合同开始时间",
@@ -387,9 +383,9 @@
{
required: true,
message: "请选择开始时间",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: "合同结束时间",
@@ -403,16 +399,16 @@
{
required: true,
message: "请选择结束时间",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
// searchSpan: 4,
// overHidden: true
},
{
label: " 派遣单位联系人",
prop: "linkman",
- labelWidth: 138,
+ labelWidth: 138
// rules: [
// {
// required: true,
@@ -425,7 +421,7 @@
label: "派遣单位联系方式",
prop: "phone",
labelWidth: 138,
- width: 130,
+ width: 130
},
{
label: " 负责人",
@@ -435,9 +431,9 @@
{
required: true,
message: "请输入负责人",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: "负责人联系方式",
@@ -448,15 +444,15 @@
{
required: true,
message: "请输入联系方式",
- trigger: "click",
- },
+ trigger: "click"
+ }
// {
// validator: phones,
// trigger: ["change", "blur"],
// },
- ],
+ ]
},
-
+
{
label: "派遣保安员数",
prop: "num",
@@ -467,14 +463,14 @@
{
required: true,
message: "请输入派遣保安员数",
- trigger: "click",
- },
- ],
- },
- ],
+ trigger: "click"
+ }
+ ]
+ }
+ ]
},
- useifid: 266,
+ useifid: 266
};
},
created() {
@@ -523,22 +519,23 @@
...mapGetters(["userInfo"]),
ids() {
let ids = [];
- this.selectionList.forEach((ele) => {
+ this.selectionList.forEach(ele => {
ids.push(ele.id);
});
return ids.join(",");
},
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
+ })
},
+
methods: {
handleChangeTABS(column) {
this.typeTABS = column;
@@ -570,15 +567,15 @@
form["deptId"] = this.useifid;
}
adddata(form).then(
- (res) => {
+ res => {
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
window.console.log(error);
loading();
}
@@ -604,11 +601,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
window.console.log(error);
loading();
}
@@ -618,7 +615,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return remove(row.id);
@@ -627,7 +624,7 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
});
},
@@ -642,7 +639,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return remove(this.ids);
@@ -651,7 +648,7 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
this.$refs.crudrec.toggleSelection();
});
@@ -663,7 +660,7 @@
window.localStorage.setItem("paqiandata", JSON.stringify(row));
this.$router.push({
path: "/dispatchChild",
- query: { rowdispatch: "fromDispatch" },
+ query: { rowdispatch: "fromDispatch" }
});
},
getStartTime() {
@@ -697,13 +694,13 @@
...params,
beginTime: releaseTimeRange[0],
overTime: releaseTimeRange[1],
- ...this.query,
+ ...this.query
};
// values.releaseTimeRange = null;
} else {
values = {
...params,
- ...this.query,
+ ...this.query
};
}
if (this.useifid != 266) {
@@ -717,7 +714,7 @@
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;
@@ -733,15 +730,17 @@
}
}
window.localStorage.setItem("paqiandataS", JSON.stringify(this.data));
+ this.$store.commit("setWindowSizeHeightAdd");
this.loading = false;
});
},
handleTemplate() {
- window.open(`/api/dispatcherUnit/export-template?${
- this.website.tokenHeader
- }=${getToken()}&`
- );
+ window.open(
+ `/api/dispatcherUnit/export-template?${
+ this.website.tokenHeader
+ }=${getToken()}&`
+ );
},
handleImport() {
this.excelBox = true;
@@ -751,11 +750,12 @@
this.excelBox = false;
this.refreshChange();
done();
- },
+ }
},
mounted() {
+ this.$store.commit("setWindowSizeHeightAdd");
this.typeTABS = this.optionTABS.column[0];
- },
+ }
};
</script>
--
Gitblit v1.9.3