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:
@@ -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
|
||||
}
|
||||
})
|
||||
|
||||
@@ -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'
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user