From 7c5640a7daeee21378bc9d5b031cb4e3860702ad Mon Sep 17 00:00:00 2001
From: lzttt <1803073139@qq.com>
Date: Thu, 24 Oct 2024 15:58:24 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 101 +++++++++++++++++++++++++-------------------
 1 file changed, 58 insertions(+), 43 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 21826ca..0319fcd 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -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);