diff --git a/src/views/big-screen/index.vue b/src/views/big-screen/index.vue
index 937d072..b0eebcc 100644
--- a/src/views/big-screen/index.vue
+++ b/src/views/big-screen/index.vue
@@ -399,7 +399,7 @@ export default {
         {
           width: "100%",
           height: "27%",
-          title: "病害趋势",
+          title: "主要病害趋势",
           component: DiseaseTrends,
           selectIsShow: false,
           class: "twe",
@@ -1090,7 +1090,7 @@ export default {
             {
               width: "100%",
               height: "27%",
-              title: "病害趋势",
+              title: "主要病害趋势",
               component: TrafficTrend,
               selectIsShow: true,
               class: "twe",
diff --git a/src/views/xj/subscription/subscription-center/index.vue b/src/views/xj/subscription/subscription-center/index.vue
new file mode 100644
index 0000000..6411703
--- /dev/null
+++ b/src/views/xj/subscription/subscription-center/index.vue
@@ -0,0 +1,118 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2024-11-20 11:58:33
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2024-11-20 15:49:28
+ * @FilePath: \znxjxt-ui\src\views\xj\subscription\subscription-center\index.vue
+ * @Description: 订阅中心
+-->
+<template>
+  <div class="content">
+    <!-- 表格 -->
+    <el-table
+      ref="subscriptionTable"
+      :data="subscriptionList"
+      v-loading="loading"
+      style="width: 100%"
+    >
+      <el-table-column type="index" width="70" label="序号"> </el-table-column>
+      <el-table-column
+        width="200"
+        label="时间"
+        align="center"
+        prop="segmentName"
+      >
+      </el-table-column>
+      <el-table-column label="消息类型" align="center" prop="stakeStart" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-circle-check"
+            @click="handleConfirm(scope.row)"
+            v-hasPermi="['system:defect:edit']"
+            >订阅
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-circle-close"
+            @click="handleCancel(scope.row)"
+            v-hasPermi="['system:defect:edit']"
+            >取消订阅
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SubscriptionCenter",
+  data() {
+    return {
+      // 订阅列表
+      subscriptionList: [{ segmentName: "assssssssss" }],
+      // 表格loading
+      loading: false,
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /**
+     * @description: 获取订阅列表
+     */
+    getList() {
+      this.subscriptionList = [{ segmentName: "ccccccccc" }];
+    },
+
+    /**
+     * @description: 订阅
+     */
+    handleConfirm(row) {
+      this.$modal
+        .confirm(`是否确认订阅选中的${[row.id].length}条记录？`)
+        .then(() => {
+          //   return deleteRoad([row.id]);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("订阅成功");
+        })
+        .catch(() => {});
+    },
+
+    /**
+     * @description: 取消订阅
+     */
+    handleCancel(row) {
+      this.$modal
+        .confirm(`是否取消订阅选中的${[row.id].length}条记录？`)
+        .then(() => {
+          //   return deleteRoad([row.id]);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("取消订阅成功");
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+}
+</style>