diff --git a/src/views/modules/home/cpts/notice_version_update.vue b/src/views/modules/home/cpts/notice_version_update.vue
new file mode 100644
index 000000000..e24a736fb
--- /dev/null
+++ b/src/views/modules/home/cpts/notice_version_update.vue
@@ -0,0 +1,48 @@
+<template>
+    <div class=''>
+        <div v-html="detailData.richContent" class="ql-editor"></div>
+    </div>
+</template>
+
+<script>
+import { requestGet} from "@/js/dai/request";
+import { mapGetters } from "vuex";
+export default {
+    data() {
+        return {
+            detailData:null
+        };
+    },
+    activated() {
+        this.getNoticeDetail()
+    },
+    methods: {
+        async getNoticeDetail() {
+			const url = `/sys/sysVersionUpgrade/detail/${this.$route.query.version_id}`;
+			const { data, code, msg } = await requestGet(url);
+			if (code === 0) {
+                this.detailData= data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+    },
+    components:{},
+    computed:{
+        maxTableHeight () {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 360 + this.iframeHeigh
+        : this.clientHeight ;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+    },
+    watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+   .ql-editor{
+    background: #fff;
+    margin: 10px 6px;
+   }
+</style>