dianliang/lanan-system-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页页面

Browse Source
This commit is contained in:
lzttt 2024-10-24 15:58:24 +08:00
parent d2ae3d87f6
commit 46014a376d
1 changed files with 58 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
src/views/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div>
<div class="container_">
<el-row>
<el-col v-for="item in serviceList" :span="4">
<div @click="goRoute(item.id)">
@ -9,11 +9,10 @@
</el-col>
</el-row>
<div style="margin-top: 30px">
<el-row :gutter="20">
<el-col :span="12">
<div>
<div style="font-size: 30px;margin-bottom: 30px">临期提醒</div>
<div class="container-box">
<div class="flex-box">
<div style=" font-size: 30px;margin-bottom: 30px">临期提醒</div>
<el-table
:data="warnList"
stripe
@ -38,44 +37,41 @@
<pagination v-show="warnTotal > 0" :total="warnTotal" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getWarnList"
/>
</div>
</el-col>
<el-col :span="12">
<div>
<div style="font-size: 30px;margin-bottom: 30px">消息通知</div>
<el-table
:data="messageList"
stripe
style="width: 100%">
<el-table-column
prop="templateNickname"
label="发送人"
width="120">
</el-table-column>
<el-table-column label="发送时间" align="center" prop="createTime" width="180">
<template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="类型" align="center" prop="templateType" width="80">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE" :value="scope.row.templateType" />
</template>
</el-table-column>
<el-table-column
prop="templateContent"
label="内容">
</el-table-column>
</el-table>
</div>
<div class="flex-box">
<div style="font-size: 30px;margin-bottom: 30px">消息通知</div>
<el-table
:data="messageList"
stripe
style="width: 100%">
<el-table-column
prop="templateNickname"
label="发送人"
width="120">
</el-table-column>
<el-table-column label="发送时间" align="center" prop="createTime" width="180">
<template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="类型" align="center" prop="templateType" width="80">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE" :value="scope.row.templateType" />
</template>
</el-table-column>
<el-table-column
prop="templateContent"
label="内容">
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="messageTotal > 0" :total="messageTotal" :page.sync="messageQueryParams.pageNo"
:limit.sync="messageQueryParams.pageSize"
@pagination="getNotifyMessage"
/>
</div>
<!-- 分页组件 -->
<pagination v-show="messageTotal > 0" :total="messageTotal" :page.sync="messageQueryParams.pageNo"
:limit.sync="messageQueryParams.pageSize"
@pagination="getNotifyMessage"
/>
</div>
</el-col>
</el-row>
</div>
@ -178,6 +174,25 @@ export default {
</script>
<style lang="scss" scoped>
.container_{
background-color: rgb(240, 242, 245);
box-sizing: border-box;
padding: 15px;
}
.container-box{
width: 100%;
display: flex;
justify-content: space-between;
}
.flex-box{
width: 49%;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 4px;
box-sizing: border-box;
padding: 15px;
border-radius: 8px;
}
.dashboard-editor-container {
padding: 32px;
background-color: rgb(240, 242, 245);