flx:修改样式问题
This commit is contained in:
parent
da49e10d32
commit
717e9e8822
@ -38,7 +38,7 @@
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="table_wrap whiteBlock">
|
||||
<el-table ref="multipleTable" class="tables" :data="rulesList">
|
||||
<el-table height="calc(100% - 64px)" max-height="calc(100% - 64px)" ref="multipleTable" class="tables" :data="rulesList">
|
||||
<el-table-column type="selection" align="center" width="55"></el-table-column>
|
||||
<el-table-column align="center" prop="groupName" label="考勤组名称">
|
||||
<template slot-scope="scope">
|
||||
@ -487,7 +487,8 @@
|
||||
</el-form>
|
||||
<el-table
|
||||
ref="selectworkerTable"
|
||||
:height="330"
|
||||
height="calc(100% - 64px - 58px)"
|
||||
max-height="calc(100% - 64px - 58px)"
|
||||
class="tables selectworkerTable"
|
||||
:data="selectWorkerList"
|
||||
>
|
||||
@ -1495,6 +1496,15 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.table_wrap {
|
||||
position: relative;
|
||||
.pagerBox {
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
}
|
||||
}
|
||||
.pagerBox1 {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
@ -1510,6 +1520,7 @@ export default {
|
||||
overflow-y: auto;
|
||||
.main-table {
|
||||
margin-top: 20px;
|
||||
height: calc(100% - 130px - 48px - 20px - 64px - 22px);
|
||||
.el-input,
|
||||
.el-select {
|
||||
width: 192px;
|
||||
|
||||
@ -189,7 +189,7 @@
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="tableData" :key="itemKey" max-height="500" width="100%" border>
|
||||
<el-table :data="tableData" :key="itemKey" :max-height="570" width="100%" border>
|
||||
<el-table-column
|
||||
prop="workerName"
|
||||
:label="$t('message.laborMange.compellation')"
|
||||
@ -334,7 +334,7 @@
|
||||
:label="$t('message.laborMange.compellation')"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
<!-- <el-table-column
|
||||
prop="temperature"
|
||||
:label="$t('message.laborMange.temperature') + '(℃)'"
|
||||
align="center"
|
||||
@ -381,7 +381,7 @@
|
||||
<template slot-scope="scope">
|
||||
{{ vaccinationFrequencyltsList[scope.row.vaccinateState] || "无" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column> -->
|
||||
|
||||
<el-table-column
|
||||
prop="passType"
|
||||
@ -1373,9 +1373,10 @@ export default {
|
||||
padding: 24px 20px 0;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 7px;
|
||||
// margin-bottom: 7px;
|
||||
.el-form-item {
|
||||
margin-right: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.el-select,
|
||||
.el-date-editor,
|
||||
@ -1387,7 +1388,7 @@ export default {
|
||||
.table_content {
|
||||
width: 100%;
|
||||
// background: #fff;
|
||||
padding: 15px 0 0;
|
||||
// padding: 15px 0 0;
|
||||
border-radius: 3px;
|
||||
min-height: 100%;
|
||||
// .left {
|
||||
|
||||
@ -69,7 +69,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_wrap whiteBlock">
|
||||
<el-table class="tables" :data="workerList">
|
||||
<el-table height="calc(100% - 64px)" max-height="calc(100% - 64px)" class="tables" :data="workerList">
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="planName"
|
||||
@ -949,6 +949,16 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.table_wrap {
|
||||
position: relative;
|
||||
.pagerBox {
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .el-dialog {
|
||||
margin-top: 2vh !important;
|
||||
}
|
||||
|
||||
@ -111,21 +111,23 @@
|
||||
<el-form-item>
|
||||
<el-button type="primary" plain @click="handleQuery">查询</el-button>
|
||||
<el-button type="warning" plain @click="handleRefresh">刷新</el-button>
|
||||
<el-button @click="handleCommandExport(1)" type="primary" plain
|
||||
<el-button @click="handleCommandExport(1)" type="primary"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="table-header">
|
||||
<div class="table-header">
|
||||
{{ $store.state.currentProDetail.projectName }}项目异常工时统计表
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
row-key="id"
|
||||
:height="450"
|
||||
class="new-tables"
|
||||
height="calc(100% - 128px - 4px)"
|
||||
max-height="calc(100% - 128px)"
|
||||
border
|
||||
>
|
||||
<!-- <el-table-column type="selection" align="center" width="55"></el-table-column> -->
|
||||
@ -446,16 +448,21 @@ export default {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 800;
|
||||
font-size: 32px;
|
||||
font-size: 26px;
|
||||
color: #333333;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.new-tables {
|
||||
width: calc(100% - 32px);
|
||||
margin: 20px 16px 0;
|
||||
margin: 0 16px 0;
|
||||
font-size: 15px;
|
||||
border-color: #e9e9e9;
|
||||
/deep/ .el-table__cell {
|
||||
border-color: #e9e9e9 !important;
|
||||
padding: 11px 0;
|
||||
}
|
||||
}
|
||||
:deep(.el-dialog__body) {
|
||||
@ -547,8 +554,10 @@ export default {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
padding-bottom: 64px;
|
||||
.header_title {
|
||||
padding: 20px 20px 0 20px;
|
||||
padding: 16px 20px 0 20px;
|
||||
position: relative;
|
||||
:deep(.el-cascader__search-input) {
|
||||
min-width: 10px;
|
||||
}
|
||||
|
||||
@ -83,20 +83,22 @@
|
||||
<el-form-item>
|
||||
<el-button type="primary" plain @click="handleQuery">查询</el-button>
|
||||
<el-button type="warning" plain @click="handleRefresh">刷新</el-button>
|
||||
<el-button @click="handleCommandExport(1)" type="primary" plain
|
||||
<el-button @click="handleCommandExport(1)" type="primary"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="table-header">{{ $store.state.currentProDetail.projectName }}项目工时统计表({{daterangeUp}})</div>
|
||||
</div>
|
||||
<div class="table-header">{{ $store.state.currentProDetail.projectName }}项目工时统计表({{daterangeUp}})</div>
|
||||
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
row-key="id"
|
||||
:height="450"
|
||||
class="new-tables"
|
||||
border
|
||||
height="calc(100% - 128px - 32px - 32px)"
|
||||
max-height="calc(100% - 128px - 32px - 32px)"
|
||||
:key="itemKey"
|
||||
>
|
||||
<!-- <el-table-column type="selection" align="center" width="55"></el-table-column> -->
|
||||
@ -141,7 +143,7 @@
|
||||
v-for="(item, index) in showTime"
|
||||
:key="index"
|
||||
align="center"
|
||||
width="60"
|
||||
width="100"
|
||||
>
|
||||
<template slot="header">
|
||||
<div>
|
||||
@ -449,16 +451,22 @@ export default {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 800;
|
||||
font-size: 32px;
|
||||
font-size: 26px;
|
||||
color: #333333;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.new-tables {
|
||||
width: calc(100% - 32px);
|
||||
margin: 20px 16px 0;
|
||||
// height: calc(100% - 128px - 32px - 32px);
|
||||
margin: 0 16px 0;
|
||||
font-size: 15px;
|
||||
border-color: #e9e9e9;
|
||||
/deep/ .el-table__cell {
|
||||
border-color: #e9e9e9 !important;
|
||||
padding: 11px 0;
|
||||
}
|
||||
}
|
||||
:deep(.el-dialog__body) {
|
||||
@ -551,7 +559,8 @@ export default {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.header_title {
|
||||
padding: 20px 20px 0 20px;
|
||||
padding: 16px 20px 0 20px;
|
||||
position: relative;
|
||||
:deep(.el-cascader__search-input) {
|
||||
min-width: 10px;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user