mirror of
https://github.com/FatttSnake/Pinnacle-OA.git
synced 2026-04-06 07:21:24 +08:00
Change the menu bar and merge pages
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<applicants-add-affairs></applicants-add-affairs>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'AffairAdd'
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template><approver-approved></approver-approved></template>
|
||||
|
||||
<script>
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'AffairApproved'
|
||||
}
|
||||
|
||||
58
ui/src/pages/affair/AffairManage.vue
Normal file
58
ui/src/pages/affair/AffairManage.vue
Normal file
@@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<el-row :span="24">
|
||||
<el-col :span="18">
|
||||
<div class="mt-4">
|
||||
<el-input placeholder="查询事务" class="input-with-select">
|
||||
<template #prepend>
|
||||
<el-select placeholder="查询方式">
|
||||
<el-option label="事务编号" value="1" />
|
||||
<el-option label="事务名称" value="2" />
|
||||
<el-option label="日期" value="3" />
|
||||
</el-select>
|
||||
</template>
|
||||
<template #append>
|
||||
<el-button>查询</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="6">
|
||||
<el-menu
|
||||
:default-active="$route.path"
|
||||
class="el-menu-demo"
|
||||
mode="horizontal"
|
||||
router
|
||||
background-color="white"
|
||||
>
|
||||
<el-menu-item index="/affair/manage/toApprove">
|
||||
<el-button type="warning" round>待审批</el-button>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/affair/manage/Approved">
|
||||
<el-button type="success" round>已审批</el-button>
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</el-col>
|
||||
<router-view></router-view>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { COLOR_BACKGROUND } from '@/constants/Common.constants'
|
||||
|
||||
export default {
|
||||
name: 'AffairManage',
|
||||
methods: {
|
||||
COLOR_BACKGROUND() {
|
||||
return COLOR_BACKGROUND
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-menu--horizontal > .el-menu-item {
|
||||
border-bottom: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
@@ -1,8 +1,8 @@
|
||||
<template><approver-not-approved></approver-not-approved></template>
|
||||
|
||||
<script>
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'AffairPage'
|
||||
name: 'AffairNotApproved'
|
||||
}
|
||||
</script>
|
||||
|
||||
11
ui/src/pages/affair/PersonAffair.vue
Normal file
11
ui/src/pages/affair/PersonAffair.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<template>
|
||||
<personal-affairs></personal-affairs>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'PersonAffair'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
@@ -1,8 +1,45 @@
|
||||
<template><personal-affairs></personal-affairs></template>
|
||||
<template>
|
||||
<el-row :span="24">
|
||||
<el-col :span="16">
|
||||
<div class="mt-4">
|
||||
<el-input placeholder="查询事务" class="input-with-select">
|
||||
<template #prepend>
|
||||
<el-select placeholder="查询方式">
|
||||
<el-option label="事务编号" value="1" />
|
||||
<el-option label="事务名称" value="2" />
|
||||
<el-option label="日期" value="3" />
|
||||
</el-select>
|
||||
</template>
|
||||
<template #append>
|
||||
<el-button>查询</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<script>
|
||||
<el-col :span="8">
|
||||
<el-menu
|
||||
:default-active="$route.path"
|
||||
class="el-menu-demo"
|
||||
mode="horizontal"
|
||||
router
|
||||
background-color="white"
|
||||
>
|
||||
<el-menu-item index="/affair/personal/person">
|
||||
<el-button type="success" round>我的事务</el-button>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/affair/personal/add">
|
||||
<el-button type="success" round>添加事务</el-button>
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<router-view></router-view>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'PersonalAffairsView'
|
||||
name: 'personalAffairsView'
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user