|
@@ -85,9 +85,9 @@
|
|
<!-- <p style="float: right;margin-right: 25px;"><el-button type="primary" @click="submits('addFormRules')" size="mini">提交</el-button></p> -->
|
|
<!-- <p style="float: right;margin-right: 25px;"><el-button type="primary" @click="submits('addFormRules')" size="mini">提交</el-button></p> -->
|
|
</div>
|
|
</div>
|
|
<!-- 上面部分 -->
|
|
<!-- 上面部分 -->
|
|
- <div v-if="!displayTable && apk == false" class="tops">
|
|
|
|
|
|
+ <div v-if="!displayTable && apk == false" class="tops" :style="'height:' +hubs+'px'">
|
|
<!-- 公共 -->
|
|
<!-- 公共 -->
|
|
- <div class="ctons" :style="'width: '+kuanBl+'px'">
|
|
|
|
|
|
+ <div class="ctons" style="width: 98%">
|
|
<!-- 表单 -->
|
|
<!-- 表单 -->
|
|
<el-form ref="addForm" :model="addForm" label-width="80px" :rules="addFormRules">
|
|
<el-form ref="addForm" :model="addForm" label-width="80px" :rules="addFormRules">
|
|
<!-- 请假类型 -->
|
|
<!-- 请假类型 -->
|
|
@@ -170,9 +170,9 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 下面部分 -->
|
|
<!-- 下面部分 -->
|
|
- <div v-if="displayTable && apk == false" class="tops">
|
|
|
|
|
|
+ <div v-if="displayTable && apk == false" class="tops" :style="'height:' +hubs+'px'">
|
|
<!-- 公共 -->
|
|
<!-- 公共 -->
|
|
- <div class="ctons" :style="'width: '+kuanBl+'px'">
|
|
|
|
|
|
+ <div class="ctons" style="width: 98%;">
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<div>
|
|
<div>
|
|
<el-select v-model="ownerIds" placeholder="请选择请假人" clearable @change="chufas()" style="width: 160px" size="small" v-show="permissions.leaveAll" filterable="true">
|
|
<el-select v-model="ownerIds" placeholder="请选择请假人" clearable @change="chufas()" style="width: 160px" size="small" v-show="permissions.leaveAll" filterable="true">
|
|
@@ -207,7 +207,7 @@
|
|
<el-date-picker v-model="createDate" type="date" @change="chufas()" value-format="yyyy-MM-dd" placeholder="选择日期" size="small" clearable="false"> </el-date-picker>
|
|
<el-date-picker v-model="createDate" type="date" @change="chufas()" value-format="yyyy-MM-dd" placeholder="选择日期" size="small" clearable="false"> </el-date-picker>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <el-table v-loading="loading" :data="tableData" style="width: 100%" height="90%">
|
|
|
|
|
|
+ <el-table v-loading="loading" :data="tableData" style="width: 100%" height="94%">
|
|
<el-table-column prop="ownerName" label="请假人" min-width="120" fixed="left"></el-table-column>
|
|
<el-table-column prop="ownerName" label="请假人" min-width="120" fixed="left"></el-table-column>
|
|
<el-table-column prop="tel" label="电话" min-width="120"></el-table-column>
|
|
<el-table-column prop="tel" label="电话" min-width="120"></el-table-column>
|
|
<el-table-column prop="leaveType" label="请假类型" min-width="120">
|
|
<el-table-column prop="leaveType" label="请假类型" min-width="120">
|
|
@@ -289,9 +289,9 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 统计部分 -->
|
|
<!-- 统计部分 -->
|
|
- <div v-if="displayTable && apk && apk2 == 4" class="tops">
|
|
|
|
|
|
+ <div v-if="displayTable && apk && apk2 == 4" class="tops" :style="'height:' +hubs+'px'">
|
|
<!-- 公共 -->
|
|
<!-- 公共 -->
|
|
- <div class="ctons" :style="'width: '+kuanBl+'px'">
|
|
|
|
|
|
+ <div class="ctons" style="width: 98%;">
|
|
<div style="display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2">
|
|
<div style="display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2">
|
|
<div style="display: inline-block;width: 350px">
|
|
<div style="display: inline-block;width: 350px">
|
|
<el-input style="float:left;" v-model="keyword" class="input-with-select" placeholder="请输入人员搜索" clearable="true" size="small">
|
|
<el-input style="float:left;" v-model="keyword" class="input-with-select" placeholder="请输入人员搜索" clearable="true" size="small">
|
|
@@ -354,9 +354,9 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 审批流 -->
|
|
<!-- 审批流 -->
|
|
- <div v-if="displayTable && apk && apk2 == 5" class="tops">
|
|
|
|
|
|
+ <div v-if="displayTable && apk && apk2 == 5" class="tops" :style="'height:' +hubs+'px'">
|
|
|
|
|
|
- <div class="ctons" :style="'width: '+kuanBl+'px'">
|
|
|
|
|
|
+ <div class="ctons" style="width: 98%;">
|
|
<el-col :span="6" >
|
|
<el-col :span="6" >
|
|
<el-scrollbar style="height:100%;border:1px solid #dddddd;margin-left:15px;" >
|
|
<el-scrollbar style="height:100%;border:1px solid #dddddd;margin-left:15px;" >
|
|
<div class="tree" :style="'height:'+ (tableHeight-120) + 'px'">
|
|
<div class="tree" :style="'height:'+ (tableHeight-120) + 'px'">
|
|
@@ -419,8 +419,8 @@
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 年假管理 -->
|
|
<!-- 年假管理 -->
|
|
- <div v-if="displayTable && apk && apk2 == 6" class="tops">
|
|
|
|
- <div class="ctons" :style="'width: '+kuanBl+'px'">
|
|
|
|
|
|
+ <div v-if="displayTable && apk && apk2 == 6" class="tops" :style="'height:' +hubs+'px'">
|
|
|
|
+ <div class="ctons" style="width: 98%;">
|
|
<div style="display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2">
|
|
<div style="display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2">
|
|
<div style="display: inline-block;width: 18%;margin-left:1%">
|
|
<div style="display: inline-block;width: 18%;margin-left:1%">
|
|
<el-button size="small" @click="changeAltime(0)">批量设置</el-button>
|
|
<el-button size="small" @click="changeAltime(0)">批量设置</el-button>
|
|
@@ -494,9 +494,9 @@
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div v-if="displayTable && apk && apk2 == 8" class="tops">
|
|
|
|
|
|
+ <div v-if="displayTable && apk && apk2 == 8" class="tops" :style="'height:' +hubs+'px'">
|
|
<!-- 公共 -->
|
|
<!-- 公共 -->
|
|
- <div class="ctons" :style="'width: '+ kuanBl +'px'">
|
|
|
|
|
|
+ <div class="ctons" style="width: 98%;">
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<div>
|
|
<div>
|
|
<span>请假类型</span>
|
|
<span>请假类型</span>
|
|
@@ -531,7 +531,7 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
- <el-table key="apk2is8" v-loading="loading" :data="vacationList" style="width: 100%" height="90%">
|
|
|
|
|
|
+ <el-table key="apk2is8" v-loading="loading" :data="vacationList" style="width: 100%" height="94%">
|
|
<el-table-column prop="name" label="员工姓名" min-width="120" fixed="left"></el-table-column>
|
|
<el-table-column prop="name" label="员工姓名" min-width="120" fixed="left"></el-table-column>
|
|
<el-table-column label="有效期" min-width="250" align="center">
|
|
<el-table-column label="有效期" min-width="250" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -831,7 +831,7 @@ export default {
|
|
created() {
|
|
created() {
|
|
let widTHBul = document.documentElement.clientWidth - 440
|
|
let widTHBul = document.documentElement.clientWidth - 440
|
|
this.kuanBl = widTHBul
|
|
this.kuanBl = widTHBul
|
|
- this.hubs = document.documentElement.clientHeight || document.body.clientHeight
|
|
|
|
|
|
+ this.hubs = (document.documentElement.clientHeight || document.body.clientHeight) - 70
|
|
let height = window.innerHeight;
|
|
let height = window.innerHeight;
|
|
this.tableHeight = height - 195;
|
|
this.tableHeight = height - 195;
|
|
const that = this;
|
|
const that = this;
|
|
@@ -843,32 +843,19 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
mounted() {
|
|
mounted() {
|
|
- // this.watchSize()
|
|
|
|
if(this.isDingding){
|
|
if(this.isDingding){
|
|
this.bills(false,2)
|
|
this.bills(false,2)
|
|
this.staffs(7,['7'])
|
|
this.staffs(7,['7'])
|
|
this.getUsers()
|
|
this.getUsers()
|
|
}else{
|
|
}else{
|
|
this.getUsers() // 获取人员信息
|
|
this.getUsers() // 获取人员信息
|
|
- this.getDepartment();
|
|
|
|
- this.getAl();
|
|
|
|
- this.getApproverList()
|
|
|
|
|
|
+ this.getDepartment();
|
|
|
|
+ this.getAl();
|
|
|
|
+ this.getApproverList()
|
|
}
|
|
}
|
|
},
|
|
},
|
|
filters: {},
|
|
filters: {},
|
|
methods: {
|
|
methods: {
|
|
- // 监听元素
|
|
|
|
- // watchSize() {
|
|
|
|
- // const _this = this;
|
|
|
|
- // var erd = elementResizeDetectorMaker();
|
|
|
|
- // erd.listenTo(this.$refs.section, (element) => { // 这里的this.$refs.fan指定要监听的元素对象,对应的是<div ref="fan"></div>
|
|
|
|
- // var width = element.offsetWidth;
|
|
|
|
- // var height = element.offsetHeight;
|
|
|
|
- // _this.$nextTick(() => { // 这里填写监听改变后的操做
|
|
|
|
- // console.log('触发监听')
|
|
|
|
- // });
|
|
|
|
- // });
|
|
|
|
- // },
|
|
|
|
// 从钉钉同步假期剩余表
|
|
// 从钉钉同步假期剩余表
|
|
listSynchronize(){
|
|
listSynchronize(){
|
|
this.synchronizeLoading = true
|
|
this.synchronizeLoading = true
|
|
@@ -2032,8 +2019,7 @@ export default {
|
|
/* 请假模块 */
|
|
/* 请假模块 */
|
|
.tops {
|
|
.tops {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height:100%;
|
|
|
|
- position: absolute;
|
|
|
|
|
|
+ position: relative;
|
|
background: #f7f7f7;
|
|
background: #f7f7f7;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 20px 0 0 200px;
|
|
padding: 20px 0 0 200px;
|
|
@@ -2055,7 +2041,7 @@ export default {
|
|
}
|
|
}
|
|
.poss {
|
|
.poss {
|
|
position: fixed;
|
|
position: fixed;
|
|
- bottom: 20px;
|
|
|
|
|
|
+ bottom: 4px;
|
|
right: 1%;
|
|
right: 1%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|