系统首页

src/views/index.vue

@@ -6,6 +6,11 @@
         {{ item.name }}
       </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>
         <el-table
           :data="warnList"
           stripe
@@ -30,6 +35,46 @@
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                     @pagination="getList"
         />
+        </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>
+
+          <!-- 分页组件 -->
+          <pagination v-show="messageTotal > 0" :total="messageTotal" :page.sync="messageQueryParams.pageNo"
+                      :limit.sync="messageQueryParams.pageSize"
+                      @pagination="getNotifyMessage"
+          />
+        </div>
+      </el-col>
+    </el-row>
+    </div>
+
 
   </div>
 </template>
@@ -41,6 +86,7 @@ import RaddarChart from './dashboard/RaddarChart'
 import PieChart from './dashboard/PieChart'
 import BarChart from './dashboard/BarChart'
 import {getServicePackageList} from "@/api/system/servicePackage";
+import {getMyNotifyMessagePage, getUnreadNotifyMessageList} from "@/api/system/notify/message";
 
 const lineChartData = {
   newVisitis: {
@@ -79,16 +125,29 @@ export default {
       queryParams: {
         pageNo: 1,
         pageSize: 10
-      }
+      },
+      messageQueryParams: {
+        pageNo: 1,
+        pageSize: 10
+      },
+      messageTotal: 0
     }
   },
   created() {
     this.getServiceList()
+    this.getNotifyMessage()
   },
   methods: {
     handleSetLineChartData(type) {
       this.lineChartData = lineChartData[type]
     },
+    getNotifyMessage() {
+      // 执行查询
+      getMyNotifyMessagePage(this.messageQueryParams).then(response => {
+        this.messageList = response.data.list;
+        this.messageTotal = response.data.total;
+      });
+    },
     getServiceList() {
       getServicePackageList(this.queryParams).then(response => {
         this.serviceList = response.data;