This commit is contained in:
xiaofajia 2024-10-24 20:36:35 +08:00
commit c822245307

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,10 +9,9 @@
</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"
@ -39,9 +38,7 @@
@pagination="getWarnList" @pagination="getWarnList"
/> />
</div> </div>
</el-col> <div class="flex-box">
<el-col :span="12">
<div>
<div style="font-size: 30px;margin-bottom: 30px">消息通知</div> <div style="font-size: 30px;margin-bottom: 30px">消息通知</div>
<el-table <el-table
:data="messageList" :data="messageList"
@ -74,8 +71,7 @@
@pagination="getNotifyMessage" @pagination="getNotifyMessage"
/> />
</div> </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);