1
0
mirror of https://github.com/FatttSnake/Pinnacle-OA.git synced 2026-04-05 15:01:23 +08:00

process layout

This commit is contained in:
gzw
2023-06-05 16:42:32 +08:00
parent 8c4a4d50f1
commit 40b475e0c6
3 changed files with 186 additions and 213 deletions

View File

@@ -25,16 +25,13 @@
</el-form-item>
<el-form-item label="考勤时间" v-model="form.attTime" prop="attTime">
<div class="block">
<el-date-picker
v-model="form.attTime"
+
type="datetime"
format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择考勤时间"
style="width: 200px"
/>
</div>
</el-form-item>
</el-form>
<el-footer style="text-align: center">
@@ -83,7 +80,6 @@ export default {
this.$emit('setDialogVisible', false)
} else {
ElMessage.error('操作失败')
this.$emit('setDialogVisible', false)
return false
}
})

View File

@@ -1,37 +1,35 @@
<template>
<div id="attendanceMain">
<div id="attendanceMain1">
<el-row :gutter="10">
<el-col :span="12">
<el-date-picker
v-model="attTime"
type="datetimerange"
style="width: 100%"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="YYYY-MM-DD HH:mm:ss"
>
</el-date-picker>
<el-button type="primary" style="margin-left: 15px" @click="getAttendancesByTime()">
/>
</el-col>
<el-col :span="-1">
<el-button type="primary" @click="getAttendancesByTime()">
<el-icon :size="SIZE_ICON_SM()" style="vertical-align: center">
<icon-pinnacle-search />
</el-icon>
<span style="vertical-align: center">查询</span>
</el-button>
<el-button type="warning" style="margin-left: 15px" @click="resetParam()">
<el-button type="warning" @click="resetParam()">
<el-icon :size="SIZE_ICON_SM()" style="vertical-align: center">
<icon-pinnacle-reset />
</el-icon>
<span style="vertical-align: center">重置</span>
</el-button>
<el-button type="success" style="margin-left: 15px" @click="handleAdd()">
<el-button type="success" @click="handleAdd()">
<el-icon :size="SIZE_ICON_SM()" style="vertical-align: center">
<icon-pinnacle-click />
</el-icon>
<span style="vertical-align: center">增加</span>
<span style="vertical-align: center">打卡</span>
</el-button>
<el-popconfirm
title="你确定要批量删除这些数据吗?"
confirm-button-text="确定"
@@ -49,25 +47,24 @@
</el-button>
</template>
</el-popconfirm>
</div>
</el-col>
</el-row>
<div id="attendanceMain2">
<el-table
:data="tableData"
border
style="width: 80%"
:header-cell-style="{ background: 'aliceblue' }"
@selection-change="handleSelectionChange"
style="margin-top: 10px"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="id" label="考勤编号" width="200"></el-table-column>
<el-table-column prop="user.username" label="用户名" width="180"></el-table-column>
<el-table-column prop="attTime" label="考勤时间">
<el-table-column prop="user.username" label="用户名" align="center" />
<el-table-column prop="attTime" label="考勤时间" width="250" align="center">
<template #default="scope">
{{ formatDate(scope.row.attTime) }}
</template>
</el-table-column>
<el-table-column prop="status" label="考勤状态">
<el-table-column prop="status" label="考勤状态" width="150" align="center">
<template v-slot="scope">
<el-tag
:type="
@@ -104,7 +101,7 @@
</el-tag>
</template>
</el-table-column>
<el-table-column prop="operations" label="操作">
<el-table-column prop="operations" label="操作" width="250" align="center">
<template #default="scope">
<el-button type="success" size="small" @click="viewUpdate(scope.row)"
>更改
@@ -124,9 +121,7 @@
</template>
</el-table-column>
</el-table>
</div>
<div>
<el-dialog
v-model="addDialogFormVisible"
title="考勤信息"
@@ -156,14 +151,11 @@
@setDialogVisible="setDialogVisible"
></edit-attendance>
</el-dialog>
</div>
</div>
</template>
<script lang="ts">
import { SIZE_ICON_SM, SIZE_ICON_XL } from '@/constants/Common.constants.js'
import { ElMessage } from 'element-plus'
import 'element-plus/theme-chalk/el-message.css'
import '@/assets/css/attendance.css'
import _ from 'lodash'
import request from '@/services'

View File

@@ -1,52 +1,51 @@
<template>
<div id="attendanceMain">
<div id="attendanceMain1">
<el-row :gutter="10">
<el-col :span="15">
<el-date-picker
v-model="attTimeB"
type="datetimerange"
style="width: 100%"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="YYYY-MM-DD HH:mm:ss"
>
</el-date-picker>
<el-button type="primary" style="margin-left: 15px" @click="getOneAttendancesByTime()">
/>
</el-col>
<el-col :span="-1">
<el-button type="primary" @click="getOneAttendancesByTime()">
<el-icon :size="SIZE_ICON_SM()" style="vertical-align: center">
<icon-pinnacle-search />
</el-icon>
<span style="vertical-align: center">查询</span>
</el-button>
<el-button type="warning" style="margin-left: 15px" @click="resetParam()">
<el-button type="warning" @click="resetParam()">
<el-icon :size="SIZE_ICON_SM()" style="vertical-align: center">
<icon-pinnacle-reset />
</el-icon>
<span style="vertical-align: center">重置</span>
</el-button>
<el-button type="success" @click="handleAdd()" style="margin-left: 15px">
<el-button type="success" @click="handleAdd()">
<el-icon :size="SIZE_ICON_SM()" style="vertical-align: center">
<icon-pinnacle-click />
</el-icon>
<span style="vertical-align: center">打卡</span>
</el-button>
</div>
</el-col>
</el-row>
<div id="attendanceMain2">
<el-table
:data="tableData"
border
style="width: 80%"
:header-cell-style="{ background: 'aliceblue' }"
style="margin-top: 10px"
>
<el-table-column prop="id" label="考勤编号" width="400"></el-table-column>
<el-table-column prop="user.username" label="用户名" width="180"></el-table-column>
<el-table-column prop="attTime" label="考勤时间">
<el-table-column prop="user.username" label="用户名" align="center"></el-table-column>
<el-table-column prop="attTime" label="考勤时间" width="250" align="center">
<template #default="scope">
{{ formatDate(scope.row.attTime) }}
</template>
</el-table-column>
<el-table-column prop="status" label="考勤状态">
<el-table-column prop="status" label="考勤状态" width="150" align="center">
<template v-slot="scope">
<el-tag
:type="
@@ -72,10 +71,6 @@
</template>
</el-table-column>
</el-table>
</div>
<div class="demo-pagination-block"></div>
<div>
<el-dialog
v-model="dialogFormVisible"
title="考勤信息"
@@ -85,14 +80,7 @@
>
<el-form ref="ruleForm" :model="form" :label-width="formLabelWidth">
<el-form-item label="考勤时间" v-model="attTime" prop="attTime">
<div class="block">
<el-date-picker
v-model="nowTime"
type="datetime"
disabled
style="width: 200px"
/>
</div>
<el-date-picker v-model="nowTime" type="datetime" disabled style="width: 200px" />
</el-form-item>
</el-form>
@@ -103,8 +91,6 @@
</span>
</template>
</el-dialog>
</div>
</div>
</template>
<script lang="ts">
@@ -112,7 +98,6 @@ import { SIZE_ICON_SM, SIZE_ICON_XL } from '@/constants/Common.constants.js'
import { ElMessage } from 'element-plus'
import 'element-plus/theme-chalk/el-message.css'
import _ from 'lodash'
import '@/assets/css/attendance.css'
import request from '@/services'
export default {