From dc252ad2bd275f697c266e3c8b10cb7d540fdcaa Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Wed, 16 Feb 2022 17:08:11 +0800
Subject: [PATCH] 44个表格在1366*768下的适配，保安员管理-》保安员查询中操作栏更改，在用户表左侧控制栏同步高
---
src/views/securityUnitOperation/economicTable.vue | 86 ++++++++++++++++++++++++-------------------
1 files changed, 48 insertions(+), 38 deletions(-)
diff --git a/src/views/securityUnitOperation/economicTable.vue b/src/views/securityUnitOperation/economicTable.vue
index 89a10c9..816d370 100644
--- a/src/views/securityUnitOperation/economicTable.vue
+++ b/src/views/securityUnitOperation/economicTable.vue
@@ -1,6 +1,12 @@
<template>
- <basic-container>
+ <basic-container
+ :class="[
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '',
+ ]"
+ >
<avue-crud
+ class="tablesss smileTableFromSize"
:option="tableOption"
:table-loading="loading"
:data="tableData"
@@ -23,7 +29,7 @@
import XLSX from "xlsx";
import { mapGetters } from "vuex";
import { selectJj } from "../../api/securityUnitOperation/securityUnitOperation";
-import { lazyTreeJu,lazyTrees } from "../../api/index/index";
+import { lazyTreeJu, lazyTrees } from "../../api/index/index";
export default {
name: "公司经济情况智能分析详情表",
data() {
@@ -31,7 +37,8 @@
page: {
pageSize: 10,
currentPage: 1,
- total: 0
+ total: 0,
+ ...this.$store.state.control.changePageSize,
},
query: {},
value1: "",
@@ -84,9 +91,10 @@
searchShow: true,
searchMenuSpan: 6,
index: true,
- indexLabel:'序号',
+ indexLabel: "序号",
viewBtn: true,
dialogClickModal: false,
+ ...this.$store.state.control.clearOtherBut,
column: [
// {
// label: "类别",
@@ -138,8 +146,8 @@
prop: "enterpriseName",
search: true,
searchSpan: 4,
- width:300,
- display: false
+ width: 300,
+ display: false,
},
{
label: "所属辖区",
@@ -148,7 +156,7 @@
type: "tree",
props: {
label: "title",
- value: "id"
+ value: "id",
},
// cascaderItem: ["city", "area"],
// dicUrl:subofficeOptions,
@@ -158,9 +166,9 @@
{
required: true,
message: "请选择所属辖区",
- trigger: "blur"
- }
- ]
+ trigger: "blur",
+ },
+ ],
},
// {
// label: "时间",
@@ -176,62 +184,62 @@
{
label: "社保缴纳人数",
prop: "sbnum",
- display: false
+ display: false,
},
{
label: "社保缴纳总额（万）",
prop: "sbcount",
display: false,
- formatter: function(row, value) {
+ formatter: function (row, value) {
return (value = value / 10000);
- }
+ },
},
{
label: "公司派遣人数",
prop: "pcnum",
- display: false
+ display: false,
},
{
label: "社保缴纳人数占比",
prop: "zb",
display: false,
- formatter: function(row, value) {
+ formatter: function (row, value) {
return (value = value * 100 + "%");
- }
+ },
},
{
label: "备注",
prop: "bz",
- display: false
- }
- ]
+ display: false,
+ },
+ ],
},
typeValue: "0",
typeOptions: [
{
value: "0",
- label: "全部"
+ label: "全部",
},
{
value: "1",
- label: "社保缴纳人数"
+ label: "社保缴纳人数",
},
{
value: "2",
- label: "社保缴纳总额"
+ label: "社保缴纳总额",
},
{
value: "3",
- label: "公司派遣人数"
+ label: "公司派遣人数",
},
{
value: "4",
- label: "社保缴纳人数占比"
- }
+ label: "社保缴纳人数占比",
+ },
],
subofficeValue: "0",
companyName: "",
- loading: true
+ loading: true,
};
},
computed: {
@@ -241,9 +249,9 @@
addBtn: this.vaildData(this.permission.post_add, false),
viewBtn: this.vaildData(this.permission.post_view, false),
delBtn: this.vaildData(this.permission.post_delete, false),
- editBtn: this.vaildData(this.permission.post_edit, false)
+ editBtn: this.vaildData(this.permission.post_edit, false),
};
- }
+ },
},
methods: {
rowSave(row, done, loading) {
@@ -252,11 +260,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!"
+ message: "操作成功!",
});
done();
},
- error => {
+ (error) => {
window.console.log(error);
loading();
}
@@ -268,11 +276,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!"
+ message: "操作成功!",
});
done();
},
- error => {
+ (error) => {
window.console.log(error);
loading();
}
@@ -307,17 +315,18 @@
param["enterpriseName"] = params["enterpriseName"] || "";
param["current"] = page.currentPage;
param["size"] = page.pageSize;
- selectJj(param).then(res => {
+ selectJj(param).then((res) => {
const data = res.data.data;
this.page.total = data.total;
this.tableData = data.records;
+ this.$store.commit("setWindowSizeHeightAdd");
this.loading = false;
});
},
getSubOfficeData() {
- lazyTrees().then(res => {
+ lazyTrees().then((res) => {
if (res.data.code === 200) {
- this.tableOption.column.forEach(item => {
+ this.tableOption.column.forEach((item) => {
if (item.label == "所属辖区") {
item.dicData = res.data.data;
}
@@ -339,15 +348,16 @@
let enterpriseName = object["enterpriseName"] || "";
this.query = {
jurisdiction: jurisdiction,
- enterpriseName: enterpriseName
+ enterpriseName: enterpriseName,
};
this.onLoad(this.page, this.query);
- }
+ },
},
mounted() {
this.getLocationParams();
this.getSubOfficeData();
- }
+ this.$store.commit("setWindowSizeHeightAdd");
+ },
};
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3