diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index 61dd8e9..dd1d289 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -3,7 +3,9 @@
 import { Delete } from '@element-plus/icons-vue'
 import tableHeader from './table.header.vue'
 import addNotice from './noteAdd.vue'
-import { addNoticeApi, getNoticeeApi } from '@/api/system/notice'
+import noticeDetail from './noticeDetail.vue'
+import type { noticeType } from './notice_interface'
+import { getNoticeeApi } from '@/api/system/notice'
 const searchQuery = reactive({
   noticeNo: '', // 编号
   noticePublisher: '', // 发布人
@@ -79,6 +81,11 @@
 const add = () => {
   addDialog.value.initDialog()
 }
+const detailDialog = ref() // 详情组件弹窗
+// 详情
+const detail = (row: noticeType) => {
+  detailDialog.value.initDialog(row)
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -86,7 +93,7 @@
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
     <search-area @search="search">
       <search-item>
@@ -96,12 +103,16 @@
         <el-input v-model.trim="searchQuery.noticeTitle" placeholder="请输入标题" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
-          class="w-50 m-2 normal-input" />
+        <el-input
+          v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
+          class="w-50 m-2 normal-input"
+        />
       </search-item>
       <search-item>
-        <el-date-picker v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
-          placeholder="发布时间" />
+        <el-date-picker
+          v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间"
+        />
       </search-item>
       <template #btns>
         <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
@@ -110,16 +121,24 @@
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary" @click="add">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary">
+          导出
+        </el-button>
+        <el-button type="primary">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table
+      :data="list" :total="total" :columns="columns as any" :query="searchQuery"
+      :list-loading="loadingTable" @change="changePage"
+    >
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -129,16 +148,17 @@
       </template>
       <template #columns>
         <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
+          <template #default="{ row }">
+            <el-button @click="detail(row)">
               查看
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-    <addNotice @reset-data="getNoticeList" ref="addDialog" />
-  </AppContainer>
+    <add-notice ref="addDialog" @reset-data="getNoticeList" />
+    <notice-detail ref="detailDialog" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>

diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index 61dd8e9..dd1d289 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -3,7 +3,9 @@
 import { Delete } from '@element-plus/icons-vue'
 import tableHeader from './table.header.vue'
 import addNotice from './noteAdd.vue'
-import { addNoticeApi, getNoticeeApi } from '@/api/system/notice'
+import noticeDetail from './noticeDetail.vue'
+import type { noticeType } from './notice_interface'
+import { getNoticeeApi } from '@/api/system/notice'
 const searchQuery = reactive({
   noticeNo: '', // 编号
   noticePublisher: '', // 发布人
@@ -79,6 +81,11 @@
 const add = () => {
   addDialog.value.initDialog()
 }
+const detailDialog = ref() // 详情组件弹窗
+// 详情
+const detail = (row: noticeType) => {
+  detailDialog.value.initDialog(row)
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -86,7 +93,7 @@
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
     <search-area @search="search">
       <search-item>
@@ -96,12 +103,16 @@
         <el-input v-model.trim="searchQuery.noticeTitle" placeholder="请输入标题" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
-          class="w-50 m-2 normal-input" />
+        <el-input
+          v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
+          class="w-50 m-2 normal-input"
+        />
       </search-item>
       <search-item>
-        <el-date-picker v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
-          placeholder="发布时间" />
+        <el-date-picker
+          v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间"
+        />
       </search-item>
       <template #btns>
         <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
@@ -110,16 +121,24 @@
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary" @click="add">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary">
+          导出
+        </el-button>
+        <el-button type="primary">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table
+      :data="list" :total="total" :columns="columns as any" :query="searchQuery"
+      :list-loading="loadingTable" @change="changePage"
+    >
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -129,16 +148,17 @@
       </template>
       <template #columns>
         <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
+          <template #default="{ row }">
+            <el-button @click="detail(row)">
               查看
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-    <addNotice @reset-data="getNoticeList" ref="addDialog" />
-  </AppContainer>
+    <add-notice ref="addDialog" @reset-data="getNoticeList" />
+    <notice-detail ref="detailDialog" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/notice/noteAdd.vue b/src/views/system/notice/noteAdd.vue
index f59f470..e6e6204 100644
--- a/src/views/system/notice/noteAdd.vue
+++ b/src/views/system/notice/noteAdd.vue
@@ -1,5 +1,5 @@
 <!-- 新增通知公告弹窗 -->
-<script lang="ts" setup>
+<script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'

diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index 61dd8e9..dd1d289 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -3,7 +3,9 @@
 import { Delete } from '@element-plus/icons-vue'
 import tableHeader from './table.header.vue'
 import addNotice from './noteAdd.vue'
-import { addNoticeApi, getNoticeeApi } from '@/api/system/notice'
+import noticeDetail from './noticeDetail.vue'
+import type { noticeType } from './notice_interface'
+import { getNoticeeApi } from '@/api/system/notice'
 const searchQuery = reactive({
   noticeNo: '', // 编号
   noticePublisher: '', // 发布人
@@ -79,6 +81,11 @@
 const add = () => {
   addDialog.value.initDialog()
 }
+const detailDialog = ref() // 详情组件弹窗
+// 详情
+const detail = (row: noticeType) => {
+  detailDialog.value.initDialog(row)
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -86,7 +93,7 @@
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
     <search-area @search="search">
       <search-item>
@@ -96,12 +103,16 @@
         <el-input v-model.trim="searchQuery.noticeTitle" placeholder="请输入标题" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
-          class="w-50 m-2 normal-input" />
+        <el-input
+          v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
+          class="w-50 m-2 normal-input"
+        />
       </search-item>
       <search-item>
-        <el-date-picker v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
-          placeholder="发布时间" />
+        <el-date-picker
+          v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间"
+        />
       </search-item>
       <template #btns>
         <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
@@ -110,16 +121,24 @@
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary" @click="add">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary">
+          导出
+        </el-button>
+        <el-button type="primary">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table
+      :data="list" :total="total" :columns="columns as any" :query="searchQuery"
+      :list-loading="loadingTable" @change="changePage"
+    >
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -129,16 +148,17 @@
       </template>
       <template #columns>
         <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
+          <template #default="{ row }">
+            <el-button @click="detail(row)">
               查看
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-    <addNotice @reset-data="getNoticeList" ref="addDialog" />
-  </AppContainer>
+    <add-notice ref="addDialog" @reset-data="getNoticeList" />
+    <notice-detail ref="detailDialog" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/notice/noteAdd.vue b/src/views/system/notice/noteAdd.vue
index f59f470..e6e6204 100644
--- a/src/views/system/notice/noteAdd.vue
+++ b/src/views/system/notice/noteAdd.vue
@@ -1,5 +1,5 @@
 <!-- 新增通知公告弹窗 -->
-<script lang="ts" setup>
+<script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
diff --git a/src/views/system/notice/noticeDetail.vue b/src/views/system/notice/noticeDetail.vue
new file mode 100644
index 0000000..ba48d0c
--- /dev/null
+++ b/src/views/system/notice/noticeDetail.vue
@@ -0,0 +1,105 @@
+<!-- 通知公告详情弹窗 -->
+<script lang="ts" setup name="noticeDetail">
+import type { noticeType } from './notice_interface'
+import { getNoticeeApi } from '@/api/system/notice'
+const ruleForm = reactive({
+  noticeNo: '', // 通知公告编号
+  noticePublisher: '', // 发布人
+  noticeCompany: '', // 发布单位
+  noticeTime: '', // 发布时间
+  noticeSketch: '', // 内容简述
+  noticeContent: '', // 发布内容
+  minioFileName: '', // 上传文件名
+  noticeTitle: '', // 标题
+}) // 表单
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+// 弹窗初始化
+const initDialog = (row: noticeType) => {
+  dialogVisible.value = true
+  // 获取详情信息
+  getNoticeeApi({
+    noticeNo: row.noticeNo,
+    noticePublisher: row.noticePublisher,
+    noticeTime: row.noticeTime,
+    noticeTitle: row.noticeTitle,
+  }).then((res) => {
+    if (res.code === 200 && res.data.rows.length) {
+      ruleForm.noticeNo = res.data.rows[0].noticeNo
+      ruleForm.noticePublisher = res.data.rows[0].noticePublisher
+      ruleForm.noticeCompany = res.data.rows[0].noticeCompany
+      ruleForm.noticeTime = res.data.rows[0].noticeTime
+      ruleForm.noticeSketch = res.data.rows[0].noticeSketch
+      ruleForm.noticeContent = res.data.rows[0].noticeContent
+      ruleForm.minioFileName = res.data.rows[0].minioFileName
+      ruleForm.noticeTitle = res.data.rows[0].noticeTitle
+    }
+  })
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+}
+defineExpose({ initDialog })
+// 提交
+const submitForm = () => {
+  dialogVisible.value = false
+}
+// 取消
+// const resetForm = () => {
+//   dialogVisible.value = false
+// }
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" title="详情" width="50%" append-to-body>
+    <el-form label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="通知公告编号" prop="noticeNo">
+            <el-input :value="ruleForm.noticeNo" placeholder="" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="发布人" prop="noticePublisher">
+            <el-input v-model.trim="ruleForm.noticePublisher" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="发布单位" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.noticeCompany" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="发布时间" prop="noticeTime">
+            <el-input v-model.trim="ruleForm.noticeTime" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="标题" prop="noticeTime">
+        <el-input v-model.trim="ruleForm.noticeTitle" disabled />
+      </el-form-item>
+      <el-form-item label="内容简述" prop="noticeSketch">
+        <el-input v-model.trim="ruleForm.noticeSketch" disabled />
+      </el-form-item>
+      <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" disabled />
+      </el-form-item>
+      <el-form-item label="查看附件">
+        <el-link v-if="ruleForm.minioFileName" :href=" baseUrl + ruleForm.minioFileName" type="primary" target="_blank">附件</el-link>
+        <span v-else>暂无附件</span>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm()">
+          确认
+        </el-button>
+        <!-- <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button> -->
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>

diff --git a/src/views/system/notice/note.list.vue b/src/views/system/notice/note.list.vue
index 61dd8e9..dd1d289 100644
--- a/src/views/system/notice/note.list.vue
+++ b/src/views/system/notice/note.list.vue
@@ -3,7 +3,9 @@
 import { Delete } from '@element-plus/icons-vue'
 import tableHeader from './table.header.vue'
 import addNotice from './noteAdd.vue'
-import { addNoticeApi, getNoticeeApi } from '@/api/system/notice'
+import noticeDetail from './noticeDetail.vue'
+import type { noticeType } from './notice_interface'
+import { getNoticeeApi } from '@/api/system/notice'
 const searchQuery = reactive({
   noticeNo: '', // 编号
   noticePublisher: '', // 发布人
@@ -79,6 +81,11 @@
 const add = () => {
   addDialog.value.initDialog()
 }
+const detailDialog = ref() // 详情组件弹窗
+// 详情
+const detail = (row: noticeType) => {
+  detailDialog.value.initDialog(row)
+}
 onMounted(() => {
   getNoticeList()
 })
@@ -86,7 +93,7 @@
 
 <template>
   <!-- 布局 -->
-  <AppContainer>
+  <app-container>
     <!-- 筛选条件 -->
     <search-area @search="search">
       <search-item>
@@ -96,12 +103,16 @@
         <el-input v-model.trim="searchQuery.noticeTitle" placeholder="请输入标题" clearable class="w-50 m-2 normal-input" />
       </search-item>
       <search-item>
-        <el-input v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
-          class="w-50 m-2 normal-input" />
+        <el-input
+          v-model.trim="searchQuery.noticePublisher" placeholder="请输入发布人" clearable
+          class="w-50 m-2 normal-input"
+        />
       </search-item>
       <search-item>
-        <el-date-picker v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
-          placeholder="发布时间" />
+        <el-date-picker
+          v-model="searchQuery.noticeTime" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
+          placeholder="发布时间"
+        />
       </search-item>
       <template #btns>
         <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
@@ -110,16 +121,24 @@
       </template>
     </search-area>
     <!-- 表头区域 -->
-    <tableHeader title="数据列表">
+    <table-header title="数据列表">
       <template #btns>
-        <el-button type="primary" @click="add">新建</el-button>
-        <el-button type="primary">导出</el-button>
-        <el-button type="primary">打印</el-button>
+        <el-button type="primary" @click="add">
+          新建
+        </el-button>
+        <el-button type="primary">
+          导出
+        </el-button>
+        <el-button type="primary">
+          打印
+        </el-button>
       </template>
-    </tableHeader>
+    </table-header>
     <!-- 表格区域 -->
-    <normal-table :data="list" :total="total" :columns="columns as any" :query="searchQuery"
-      :list-loading="loadingTable" @change="changePage">
+    <normal-table
+      :data="list" :total="total" :columns="columns as any" :query="searchQuery"
+      :list-loading="loadingTable" @change="changePage"
+    >
       <template #preColumns>
         <el-table-column label="#" width="55" align="center">
           <template #default="scope">
@@ -129,16 +148,17 @@
       </template>
       <template #columns>
         <el-table-column label="操作" align="center" width="80">
-          <template #default="scope">
-            <el-button>
+          <template #default="{ row }">
+            <el-button @click="detail(row)">
               查看
             </el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
-    <addNotice @reset-data="getNoticeList" ref="addDialog" />
-  </AppContainer>
+    <add-notice ref="addDialog" @reset-data="getNoticeList" />
+    <notice-detail ref="detailDialog" />
+  </app-container>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/system/notice/noteAdd.vue b/src/views/system/notice/noteAdd.vue
index f59f470..e6e6204 100644
--- a/src/views/system/notice/noteAdd.vue
+++ b/src/views/system/notice/noteAdd.vue
@@ -1,5 +1,5 @@
 <!-- 新增通知公告弹窗 -->
-<script lang="ts" setup>
+<script lang="ts" setup name="addNotice">
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
diff --git a/src/views/system/notice/noticeDetail.vue b/src/views/system/notice/noticeDetail.vue
new file mode 100644
index 0000000..ba48d0c
--- /dev/null
+++ b/src/views/system/notice/noticeDetail.vue
@@ -0,0 +1,105 @@
+<!-- 通知公告详情弹窗 -->
+<script lang="ts" setup name="noticeDetail">
+import type { noticeType } from './notice_interface'
+import { getNoticeeApi } from '@/api/system/notice'
+const ruleForm = reactive({
+  noticeNo: '', // 通知公告编号
+  noticePublisher: '', // 发布人
+  noticeCompany: '', // 发布单位
+  noticeTime: '', // 发布时间
+  noticeSketch: '', // 内容简述
+  noticeContent: '', // 发布内容
+  minioFileName: '', // 上传文件名
+  noticeTitle: '', // 标题
+}) // 表单
+const dialogVisible = ref<boolean>(false) // 弹窗显示
+const baseUrl = 'http://111.198.10.15:21409' + '/static/'
+// 弹窗初始化
+const initDialog = (row: noticeType) => {
+  dialogVisible.value = true
+  // 获取详情信息
+  getNoticeeApi({
+    noticeNo: row.noticeNo,
+    noticePublisher: row.noticePublisher,
+    noticeTime: row.noticeTime,
+    noticeTitle: row.noticeTitle,
+  }).then((res) => {
+    if (res.code === 200 && res.data.rows.length) {
+      ruleForm.noticeNo = res.data.rows[0].noticeNo
+      ruleForm.noticePublisher = res.data.rows[0].noticePublisher
+      ruleForm.noticeCompany = res.data.rows[0].noticeCompany
+      ruleForm.noticeTime = res.data.rows[0].noticeTime
+      ruleForm.noticeSketch = res.data.rows[0].noticeSketch
+      ruleForm.noticeContent = res.data.rows[0].noticeContent
+      ruleForm.minioFileName = res.data.rows[0].minioFileName
+      ruleForm.noticeTitle = res.data.rows[0].noticeTitle
+    }
+  })
+  // ruleForm.noticePublisher = userInfo.$state.name
+  // ruleForm.noticeCompany = userInfo.$state.deptName
+  // ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
+}
+defineExpose({ initDialog })
+// 提交
+const submitForm = () => {
+  dialogVisible.value = false
+}
+// 取消
+// const resetForm = () => {
+//   dialogVisible.value = false
+// }
+</script>
+
+<template>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" title="详情" width="50%" append-to-body>
+    <el-form label-position="right" label-width="110px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="通知公告编号" prop="noticeNo">
+            <el-input :value="ruleForm.noticeNo" placeholder="" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="发布人" prop="noticePublisher">
+            <el-input v-model.trim="ruleForm.noticePublisher" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="发布单位" prop="noticeCompany">
+            <el-input v-model.trim="ruleForm.noticeCompany" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="发布时间" prop="noticeTime">
+            <el-input v-model.trim="ruleForm.noticeTime" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="标题" prop="noticeTime">
+        <el-input v-model.trim="ruleForm.noticeTitle" disabled />
+      </el-form-item>
+      <el-form-item label="内容简述" prop="noticeSketch">
+        <el-input v-model.trim="ruleForm.noticeSketch" disabled />
+      </el-form-item>
+      <el-form-item label="发布内容" prop="noticeContent">
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" disabled />
+      </el-form-item>
+      <el-form-item label="查看附件">
+        <el-link v-if="ruleForm.minioFileName" :href=" baseUrl + ruleForm.minioFileName" type="primary" target="_blank">附件</el-link>
+        <span v-else>暂无附件</span>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm()">
+          确认
+        </el-button>
+        <!-- <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button> -->
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<style lang="ts" scoped></style>
diff --git a/src/views/system/notice/notice_interface.ts b/src/views/system/notice/notice_interface.ts
new file mode 100644
index 0000000..a1fc349
--- /dev/null
+++ b/src/views/system/notice/notice_interface.ts
@@ -0,0 +1,12 @@
+// 通知公告信息类型
+export interface noticeType {
+  id: number //	主键id（列表接口参数）
+  minioFileName: string //	上传文件返回名称	string
+  noticeCompany: string //	发布单位	string
+  noticeContent: string //	发布内容	string
+  noticeNo: string // 	通知公告编号	string
+  noticePublisher: string //	发布人	string
+  noticeSketch: string //	内容简述	string
+  noticeTime: string //	发布时间	string
+  noticeTitle: string //	通知公告标题	string
+}