FatttSnake/Pinnacle-OA
1
0
Fork 0
mirror of https://github.com/FatttSnake/Pinnacle-OA.git synced 2026-04-05 23:11:24 +08:00
Code Packages Releases Activity

update work card

Browse Source
This commit is contained in:
GGB
2023-05-16 22:01:49 +08:00
parent a0530ceeda
commit 523b0faa88
5 changed files with 31 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/work/DetailComponents.vue
View File

@@ -3,7 +3,7 @@
title="工作详细信息" title="工作详细信息"
direction="vertical" direction="vertical"
:column="3" :column="3"
:size="size" size="large"
:data="taskData" :data="taskData"
border border
> >

18
ui/src/components/work/WorkCard.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<el-card style="min-width: 640px; height: 400px"> <el-card shadow="hover">
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<h2>待办工作</h2> <h2>待办工作</h2>
@@ -7,9 +7,8 @@
</div> </div>
</template> </template>
<div v-for="item in tableData" :key="item" class="text item"> <div v-for="item in tableData" :key="item" class="text item">
<el-row style="width: 100%; height: 42px"> <el-row gutter="10">
<el-col :span="1" /> <el-col :xs="0" :sm="4" :md="4" :lg="3" :xl="2" style="justify-content: center">
<el-col :span="1" style="justify-content: center">
<el-avatar style="background-color: #409eff" size="default"> <el-avatar style="background-color: #409eff" size="default">
<el-icon <el-icon
color="white" color="white"
@@ -20,22 +19,19 @@
</el-icon> </el-icon>
</el-avatar> </el-avatar>
</el-col> </el-col>
<el-col :span="1" /> <el-col :xs="5" :sm="5" :md="5" :lg="8" :xl="10"
<el-col :span="7" ><el-text size="large" style="color: black; line-height: 42px" truncated>{{
><el-text size="large" style="color: black; line-height: 42px">{{
item.content item.content
}}</el-text> }}</el-text>
</el-col> </el-col>
<el-col :span="4" /> <el-col :xs="15" :sm="11" :md="12" :lg="10" :xl="10" style="text-align: right"
<el-col :span="7" style="text-align: right"
><el-text type="info" style="line-height: 42px">{{ ><el-text type="info" style="line-height: 42px">{{
formatDate(item.deadline) formatDate(item.deadline)
}}</el-text></el-col }}</el-text></el-col
> >
<el-col :span="2" style="text-align: right" <el-col :xs="4" :sm="4" :md="3" :lg="3" :xl="2" style="text-align: right"
><el-text type="info" style="line-height: 42px">截止</el-text></el-col ><el-text type="info" style="line-height: 42px">截止</el-text></el-col
> >
<el-col :span="1" />
</el-row> </el-row>
</div> </div>
</el-card> </el-card>

25
ui/src/pages/home/Home.vue
View File

@@ -1,4 +1,21 @@
<template><div>Home</div></template> <template>
<el-row style="width: 100%" :gutter="20">
<el-col :span="12">
<work-card />
</el-col>
<el-col :span="12">
<work-card />
</el-col>
</el-row>
<el-row style="width: 100%" :gutter="20">
<el-col :span="12">
<work-card />
</el-col>
<el-col :span="12">
<work-card />
</el-col>
</el-row>
</template>
<script> <script>
export default { export default {
@@ -6,4 +23,8 @@ export default {
} }
</script> </script>
<style scoped></style> <style scoped>
.el-row {
margin-bottom: 20px;
}
</style>

1
ui/src/pages/work/Complete.vue
View File

@@ -35,7 +35,6 @@
width="220" width="220"
confirm-button-text="是" confirm-button-text="是"
cancel-button-text="否" cancel-button-text="否"
:icon="InfoFilled"
icon-color="#00d4ff" icon-color="#00d4ff"
title="是否修改为未完成？" title="是否修改为未完成？"
@confirm="todoConfirmEvent(scope.row)" @confirm="todoConfirmEvent(scope.row)"

1
ui/src/pages/work/Todo.vue
View File

@@ -23,7 +23,6 @@
width="220" width="220"
confirm-button-text="是" confirm-button-text="是"
cancel-button-text="否" cancel-button-text="否"
:icon="InfoFilled"
icon-color="#00d4ff" icon-color="#00d4ff"
title="是否确认完成？" title="是否确认完成？"
@confirm="completeConfirmEvent(scope.row)" @confirm="completeConfirmEvent(scope.row)"