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="工作详细信息"
direction="vertical"
:column="3"
:size="size"
size="large"
:data="taskData"
border
>

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

@@ -1,5 +1,5 @@
<template>
<el-card style="min-width: 640px; height: 400px">
<el-card shadow="hover">
<template #header>
<div class="card-header">
<h2>待办工作</h2>
@@ -7,9 +7,8 @@
</div>
</template>
<div v-for="item in tableData" :key="item" class="text item">
<el-row style="width: 100%; height: 42px">
<el-col :span="1" />
<el-col :span="1" style="justify-content: center">
<el-row gutter="10">
<el-col :xs="0" :sm="4" :md="4" :lg="3" :xl="2" style="justify-content: center">
<el-avatar style="background-color: #409eff" size="default">
<el-icon
color="white"
@@ -20,22 +19,19 @@
</el-icon>
</el-avatar>
</el-col>
<el-col :span="1" />
<el-col :span="7"
><el-text size="large" style="color: black; line-height: 42px">{{
<el-col :xs="5" :sm="5" :md="5" :lg="8" :xl="10"
><el-text size="large" style="color: black; line-height: 42px" truncated>{{
item.content
}}</el-text>
</el-col>
<el-col :span="4" />
<el-col :span="7" style="text-align: right"
<el-col :xs="15" :sm="11" :md="12" :lg="10" :xl="10" style="text-align: right"
><el-text type="info" style="line-height: 42px">{{
formatDate(item.deadline)
}}</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-col :span="1" />
</el-row>
</div>
</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>
export default {
@@ -6,4 +23,8 @@ export default {
}
</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"
confirm-button-text="是"
cancel-button-text="否"
:icon="InfoFilled"
icon-color="#00d4ff"
title="是否修改为未完成？"
@confirm="todoConfirmEvent(scope.row)"

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

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