From 3a4e92acaa231be90348ebf2ff79956b47f884c5 Mon Sep 17 00:00:00 2001
From: zhengpz <1838927346@qq.com>
Date: Thu, 25 Nov 2021 15:34:59 +0800
Subject: [PATCH] 取消表格滚动条
---
src/views/home/index.vue | 847 ++++++++++++++++++++++++++++----------------------------
1 files changed, 426 insertions(+), 421 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 8f759fd..ffabb3a 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -115,119 +115,121 @@
<div class="leftbottom"></div>
<div class="righttop"></div>
<div class="rightbottom"></div>
- <el-table :data="tableData" stripe ref="indexTable">
- <template v-if="curTableType === 2">
- <el-table-column
- :key="curTableType"
- type="index"
- label="序号"
- width="50"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- prop="carNum"
- label="押运车辆车牌号"
- width="180"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="location"
- label="实时位置"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="company"
- label="所属公司"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="linkman"
- label="联系人"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="tel"
- label="联系电话"
- ></el-table-column>
- </template>
- <template v-if="curTableType === 1">
- <el-table-column
- :key="curTableType"
- type="index"
- label="序号"
- width="50"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="name"
- label="押运人员名称"
- width="180"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="location"
- label="实时位置"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="company"
- label="所属公司"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="tel"
- label="联系电话"
- ></el-table-column>
- <!-- <el-table-column :key="curTableType" prop="bz" label="备注">
+ <div class="bottom-table">
+ <el-table :data="tableData" stripe ref="indexTable">
+ <template v-if="curTableType === 2">
+ <el-table-column
+ :key="curTableType"
+ type="index"
+ label="序号"
+ width="50"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ prop="carNum"
+ label="押运车辆车牌号"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="location"
+ label="实时位置"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="company"
+ label="所属公司"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="linkman"
+ label="联系人"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="tel"
+ label="联系电话"
+ ></el-table-column>
+ </template>
+ <template v-if="curTableType === 1">
+ <el-table-column
+ :key="curTableType"
+ type="index"
+ label="序号"
+ width="50"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="name"
+ label="押运人员名称"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="location"
+ label="实时位置"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="company"
+ label="所属公司"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="tel"
+ label="联系电话"
+ ></el-table-column>
+ <!-- <el-table-column :key="curTableType" prop="bz" label="备注">
</el-table-column>-->
- </template>
- <template v-if="curTableType === 3">
- <el-table-column
- :key="curTableType"
- type="index"
- label="序号"
- width="50"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="number"
- label="枪支编号"
- width="180"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="location"
- label="实时位置"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="company"
- label="所属公司"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- show-overflow-tooltip
- prop="linkman"
- label="负责人"
- ></el-table-column>
- <el-table-column
- :key="curTableType"
- prop="tel"
- label="联系电话"
- ></el-table-column>
- </template>
- </el-table>
+ </template>
+ <template v-if="curTableType === 3">
+ <el-table-column
+ :key="curTableType"
+ type="index"
+ label="序号"
+ width="50"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="number"
+ label="枪支编号"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="location"
+ label="实时位置"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="company"
+ label="所属公司"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ show-overflow-tooltip
+ prop="linkman"
+ label="负责人"
+ ></el-table-column>
+ <el-table-column
+ :key="curTableType"
+ prop="tel"
+ label="联系电话"
+ ></el-table-column>
+ </template>
+ </el-table>
+ </div>
</div>
</div>
<div class="right">
@@ -393,318 +395,321 @@
element-loading-text="数据加载中"
:visible.sync="dialogTableVisible"
>
- <el-table :data="gridData.data">
- <template v-if="gridData.type === 'zg' || gridData.type === 'xs'">
- <el-table-column
- label="序号"
- width="50"
- :key="gridData.type"
- type="index"
- >
- </el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="realName"
- label="保安姓名"
- :show-overflow-tooltip="true"
- width="100"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="deptName"
- label="保安公司"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="sex"
- label="性别"
- :formatter="sexFormatter"
- :show-overflow-tooltip="true"
- width="100"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="cardid"
- label="身份证号"
- :show-overflow-tooltip="true"
- width="180"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="age"
- label="年龄"
- :show-overflow-tooltip="true"
- width="100"
- ></el-table-column>
- <!-- <el-table-column
+ <div class="dialog-table">
+ <el-table :data="gridData.data">
+ <template v-if="gridData.type === 'zg' || gridData.type === 'xs'">
+ <el-table-column
+ label="序号"
+ width="50"
+ :key="gridData.type"
+ type="index"
+ >
+ </el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="realName"
+ label="保安姓名"
+ :show-overflow-tooltip="true"
+ width="100"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="deptName"
+ label="保安公司"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="sex"
+ label="性别"
+ :formatter="sexFormatter"
+ :show-overflow-tooltip="true"
+ width="100"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="cardid"
+ label="身份证号"
+ :show-overflow-tooltip="true"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="age"
+ label="年龄"
+ :show-overflow-tooltip="true"
+ width="100"
+ ></el-table-column>
+ <!-- <el-table-column
prop="birthday"
label="出生日期"
:show-overflow-tooltip="true"
></el-table-column> -->
- <el-table-column
- :key="gridData.type"
- prop="securitynumber"
- label="保安员证编号"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="phone"
- label="联系方式"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- v-if="gridData.type === 'zg'"
- :key="gridData.type"
- prop="examinationType"
- label="审查状态"
- :formatter="examinationFormatter"
- :show-overflow-tooltip="true"
- width="100"
- ></el-table-column>
- <el-table-column
- v-if="gridData.type === 'zg'"
- :key="gridData.type"
- prop="examinationMx"
- label="审查明细"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- v-if="gridData.type === 'xs'"
- :key="gridData.type"
- prop="score"
- label="现实表现情况"
- :show-overflow-tooltip="true"
- width="150"
- :formatter="scoreFormatter"
- ></el-table-column>
- </template>
- <template v-if="gridData.type === 'wg'">
- <el-table-column
- label="序号"
- width="50"
- :key="gridData.type"
- type="index"
- >
- </el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="enterpriseName"
- label="公司名称"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="znum"
- label="保安员数量"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="cznum"
- label="持证保安"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="czl"
- label="持证率"
- :show-overflow-tooltip="true"
- width="150"
- >
- </el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="sbnum"
- label="缴纳社保人数"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="sbl"
- label="缴纳社保比例"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- </template>
- <template v-if="gridData.type === 'jy'">
- <el-table-column
- label="序号"
- width="50"
- :key="gridData.type"
- type="index"
- >
- </el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="enterpriseName"
- label="公司名称"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="znum"
- label="保安员数量"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="cznum"
- label="持证保安"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="painum"
- label="派遣人数"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="fwnum"
- label="服务对象数量"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="pql"
- label="派遣率"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="pjpqrs"
- label="平均派遣人数"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- </template>
- <template v-if="gridData.type === 'ym'">
- <el-table-column
- label="序号"
- width="50"
- :key="gridData.type"
- type="index"
- >
- </el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="enterpriseName"
- label="公司名称"
- :show-overflow-tooltip="true"
- width="450"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="znum"
- label="保安员数量"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="cznum"
- label="持证保安"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="painum"
- label="派遣人数"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="fwnum"
- label="服务对象数量"
- :show-overflow-tooltip="true"
- ></el-table-column
- >gridData
- </template>
- <template v-if="gridData.type === 'jg'">
- <el-table-column
- label="序号"
- width="50"
- :key="gridData.type"
- type="index"
- >
- </el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="enterpriseName"
- label="公司名称"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="punishtype"
- label="处罚类别"
- :formatter="punishType"
- :show-overflow-tooltip="true"
- width="150"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="punishreason"
- label="处罚原因"
- :show-overflow-tooltip="true"
- width="200"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="penalty"
- label="处罚单位"
- :show-overflow-tooltip="true"
- width="200"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="punishtime"
- label="处罚时间"
- :show-overflow-tooltip="true"
- width="100"
- ></el-table-column>
- </template>
- <template v-if="gridData.type === 'ywdx_gs'">
- <el-table-column
- label="序号"
- width="50"
- :key="gridData.type"
- type="index"
- >
- </el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="enterprisename"
- label="保安公司名称"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="stats"
- label="保安公司类型"
- :formatter="companyFormatter"
- :show-overflow-tooltip="true"
- ></el-table-column>
- <el-table-column
- :key="gridData.type"
- prop="jurisdictionName"
- label="所属辖区"
- :show-overflow-tooltip="true"
- ></el-table-column>
- </template>
- </el-table>
+ <el-table-column
+ :key="gridData.type"
+ prop="securitynumber"
+ label="保安员证编号"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="phone"
+ label="联系方式"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ v-if="gridData.type === 'zg'"
+ :key="gridData.type"
+ prop="examinationType"
+ label="审查状态"
+ :formatter="examinationFormatter"
+ :show-overflow-tooltip="true"
+ width="100"
+ ></el-table-column>
+ <el-table-column
+ v-if="gridData.type === 'zg'"
+ :key="gridData.type"
+ prop="examinationMx"
+ label="审查明细"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ v-if="gridData.type === 'xs'"
+ :key="gridData.type"
+ prop="score"
+ label="现实表现情况"
+ :show-overflow-tooltip="true"
+ width="150"
+ :formatter="scoreFormatter"
+ ></el-table-column>
+ </template>
+ <template v-if="gridData.type === 'wg'">
+ <el-table-column
+ label="序号"
+ width="50"
+ :key="gridData.type"
+ type="index"
+ >
+ </el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="enterpriseName"
+ label="公司名称"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="znum"
+ label="保安员数量"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="cznum"
+ label="持证保安"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="czl"
+ label="持证率"
+ :show-overflow-tooltip="true"
+ width="150"
+ >
+ </el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="sbnum"
+ label="缴纳社保人数"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="sbl"
+ label="缴纳社保比例"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ </template>
+ <template v-if="gridData.type === 'jy'">
+ <el-table-column
+ label="序号"
+ width="50"
+ :key="gridData.type"
+ type="index"
+ >
+ </el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="enterpriseName"
+ label="公司名称"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="znum"
+ label="保安员数量"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="cznum"
+ label="持证保安"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="painum"
+ label="派遣人数"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="fwnum"
+ label="服务对象数量"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="pql"
+ label="派遣率"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="pjpqrs"
+ label="平均派遣人数"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ </template>
+ <template v-if="gridData.type === 'ym'">
+ <el-table-column
+ label="序号"
+ width="50"
+ :key="gridData.type"
+ type="index"
+ >
+ </el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="enterpriseName"
+ label="公司名称"
+ :show-overflow-tooltip="true"
+ width="450"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="znum"
+ label="保安员数量"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="cznum"
+ label="持证保安"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="painum"
+ label="派遣人数"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="fwnum"
+ label="服务对象数量"
+ :show-overflow-tooltip="true"
+ ></el-table-column
+ >gridData
+ </template>
+ <template v-if="gridData.type === 'jg'">
+ <el-table-column
+ label="序号"
+ width="50"
+ :key="gridData.type"
+ type="index"
+ >
+ </el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="enterpriseName"
+ label="公司名称"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="punishtype"
+ label="处罚类别"
+ :formatter="punishType"
+ :show-overflow-tooltip="true"
+ width="150"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="punishreason"
+ label="处罚原因"
+ :show-overflow-tooltip="true"
+ width="200"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="penalty"
+ label="处罚单位"
+ :show-overflow-tooltip="true"
+ width="200"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="punishtime"
+ label="处罚时间"
+ :show-overflow-tooltip="true"
+ width="100"
+ ></el-table-column>
+ </template>
+ <template v-if="gridData.type === 'ywdx_gs'">
+ <el-table-column
+ label="序号"
+ width="50"
+ :key="gridData.type"
+ type="index"
+ >
+ </el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="enterprisename"
+ label="保安公司名称"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="stats"
+ label="保安公司类型"
+ :formatter="companyFormatter"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ <el-table-column
+ :key="gridData.type"
+ prop="jurisdictionName"
+ label="所属辖区"
+ :show-overflow-tooltip="true"
+ ></el-table-column>
+ </template>
+ </el-table>
+ </div>
+
<el-pagination
@current-change="changePage"
@size-change="changePage"
@@ -881,7 +886,7 @@
}
},
scoreFormatter(row) {
- if (row.score === '3') {
+ if (row.score === "3") {
return "差";
}
},
--
Gitblit v1.9.3