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