diff --git a/src/api/system/notice.ts b/src/api/system/notice.ts
index dec43d1..7c8c260 100644
--- a/src/api/system/notice.ts
+++ b/src/api/system/notice.ts
@@ -5,11 +5,11 @@
 const prefix = 'system'
 
 // 获取公告列表/详情
-export function getNoticeeApi(params: object) {
+export function getNoticeeApi(data: object) {
   return request({
     url: `${prefix}/notice/listPage`,
-    method: 'get',
-    params,
+    method: 'post',
+    data,
   })
 }
 // 通知公告新建
@@ -20,3 +20,11 @@
     data,
   })
 }
+// 上传文件
+export function uploadApi(data: FormData) {
+  return request({
+    url: 'minio/file/upload',
+    method: 'post',
+    data,
+  })
+}

diff --git a/src/api/system/notice.ts b/src/api/system/notice.ts
index dec43d1..7c8c260 100644
--- a/src/api/system/notice.ts
+++ b/src/api/system/notice.ts
@@ -5,11 +5,11 @@
 const prefix = 'system'
 
 // 获取公告列表/详情
-export function getNoticeeApi(params: object) {
+export function getNoticeeApi(data: object) {
   return request({
     url: `${prefix}/notice/listPage`,
-    method: 'get',
-    params,
+    method: 'post',
+    data,
   })
 }
 // 通知公告新建
@@ -20,3 +20,11 @@
     data,
   })
 }
+// 上传文件
+export function uploadApi(data: FormData) {
+  return request({
+    url: 'minio/file/upload',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/system/log/list.log.vue b/src/views/system/log/list.log.vue
index 6a23334..8c035ca 100644
--- a/src/views/system/log/list.log.vue
+++ b/src/views/system/log/list.log.vue
@@ -20,7 +20,7 @@
   sort: '',
   order: '',
 })
-const columns = [
+const columns = ref([
   {
     text: '日志名称',
     value: 'logName',
@@ -38,7 +38,7 @@
     text: '详细信息',
     value: 'message',
   },
-]
+])
 const list = ref([])
 const total = ref(20)
 const logTypeList = ref(null)
@@ -171,8 +171,8 @@
         <template #columns>
           <el-table-column label="操作" width="70" align="center">
             <template #default="scope">
-              <el-button type="text" size="small" @click="detail(scope.row)">
-                详情ㅤㅤ
+              <el-button link type="primary" size="small" @click="detail(scope.row)">
+                ㅤ详情ㅤㅤ
               </el-button>
             </template>
           </el-table-column>

diff --git a/src/api/system/notice.ts b/src/api/system/notice.ts
index dec43d1..7c8c260 100644
--- a/src/api/system/notice.ts
+++ b/src/api/system/notice.ts
@@ -5,11 +5,11 @@
 const prefix = 'system'
 
 // 获取公告列表/详情
-export function getNoticeeApi(params: object) {
+export function getNoticeeApi(data: object) {
   return request({
     url: `${prefix}/notice/listPage`,
-    method: 'get',
-    params,
+    method: 'post',
+    data,
   })
 }
 // 通知公告新建
@@ -20,3 +20,11 @@
     data,
   })
 }
+// 上传文件
+export function uploadApi(data: FormData) {
+  return request({
+    url: 'minio/file/upload',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/system/log/list.log.vue b/src/views/system/log/list.log.vue
index 6a23334..8c035ca 100644
--- a/src/views/system/log/list.log.vue
+++ b/src/views/system/log/list.log.vue
@@ -20,7 +20,7 @@
   sort: '',
   order: '',
 })
-const columns = [
+const columns = ref([
   {
     text: '日志名称',
     value: 'logName',
@@ -38,7 +38,7 @@
     text: '详细信息',
     value: 'message',
   },
-]
+])
 const list = ref([])
 const total = ref(20)
 const logTypeList = ref(null)
@@ -171,8 +171,8 @@
         <template #columns>
           <el-table-column label="操作" width="70" align="center">
             <template #default="scope">
-              <el-button type="text" size="small" @click="detail(scope.row)">
-                详情ㅤㅤ
+              <el-button link type="primary" size="small" @click="detail(scope.row)">
+                ㅤ详情ㅤㅤ
               </el-button>
             </template>
           </el-table-column>
diff --git a/src/views/system/notice/noteAdd.vue b/src/views/system/notice/noteAdd.vue
index d37a9bb..f59f470 100644
--- a/src/views/system/notice/noteAdd.vue
+++ b/src/views/system/notice/noteAdd.vue
@@ -1,7 +1,12 @@
 <!-- 新增通知公告弹窗 -->
 <script lang="ts" setup>
 import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import { addNoticeApi, uploadApi } from '@/api/system/notice'
+import useUserStore from '@/store/modules/user'
 const emits = defineEmits(['resetData'])
+const userInfo = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
 const ruleForm = reactive({
   noticeNo: '', // 通知公告编号
@@ -10,6 +15,8 @@
   noticeTime: '', // 发布时间
   noticeSketch: '', // 内容简述
   noticeContent: '', // 发布内容
+  minioFileName: '', // 上传文件名
+  noticeTitle: '', // 标题
 }) // 表单
 const rules = ref<FormRules>({
   noticeNo: [{ required: true, message: '通知公告编号不能为空', trigger: 'blur' }],
@@ -20,6 +27,9 @@
 // 弹窗初始化
 const initDialog = () => {
   dialogVisible.value = true
+  ruleForm.noticePublisher = userInfo.$state.name
+  ruleForm.noticeCompany = userInfo.$state.deptName
+  ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
 }
 defineExpose({ initDialog })
 // 关闭弹窗
@@ -27,38 +37,110 @@
   dialogVisible.value = false
   emits('resetData')
 }
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      ruleForm.noticeTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+      addNoticeApi(ruleForm).then((res) => {
+        if (res.code === 200) {
+          close()
+          ElMessage.success('发布成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  // if (!formEl) { return }
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ruleForm.minioFileName = res.data[0]
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
 </script>
 
 <template>
-  <el-dialog v-model="dialogVisible" title="添加公告" width="50%" append-to-body>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" title="添加公告" width="50%" append-to-body>
     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
-      <el-form-item label="通知公告编号" prop="noticeNo">
-        <el-input v-model.trim="ruleForm.noticeNo" placeholder="请输入通知公告编号" />
-      </el-form-item>
-      <el-form-item label="发布人" prop="noticePublisher">
-        <el-input v-model.trim="ruleForm.noticePublisher" disabled />
-      </el-form-item>
-      <el-form-item label="发布单位" prop="noticeCompany">
-        <el-input v-model.trim="ruleForm.noticeCompany" />
-      </el-form-item>
-      <el-form-item label="发布时间" prop="noticeTime">
-        <el-input v-model.trim="ruleForm.noticeTime" />
-      </el-form-item>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="通知公告编号" prop="noticeNo">
+            <el-input v-model.trim="ruleForm.noticeNo" placeholder="请输入通知公告编号" />
+          </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.noticeTime" />
+        <el-input v-model.trim="ruleForm.noticeTitle" />
       </el-form-item>
       <el-form-item label="内容简述" prop="noticeSketch">
         <el-input v-model.trim="ruleForm.noticeSketch" />
       </el-form-item>
       <el-form-item label="发布内容" prop="noticeContent">
-        <el-input v-model.trim="ruleForm.noticeContent" />
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
       </el-form-item>
       <el-form-item label="附件" prop="noticeTime">
-        <el-button type="primary">上传</el-button>
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" @click="upload">
+          上传
+        </el-button>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
       </el-form-item>
       <el-form-item>
-        <el-button type="primary">发布</el-button>
-        <el-button>关闭</el-button>
+        <el-button type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
       </el-form-item>
     </el-form>
   </el-dialog>

diff --git a/src/api/system/notice.ts b/src/api/system/notice.ts
index dec43d1..7c8c260 100644
--- a/src/api/system/notice.ts
+++ b/src/api/system/notice.ts
@@ -5,11 +5,11 @@
 const prefix = 'system'
 
 // 获取公告列表/详情
-export function getNoticeeApi(params: object) {
+export function getNoticeeApi(data: object) {
   return request({
     url: `${prefix}/notice/listPage`,
-    method: 'get',
-    params,
+    method: 'post',
+    data,
   })
 }
 // 通知公告新建
@@ -20,3 +20,11 @@
     data,
   })
 }
+// 上传文件
+export function uploadApi(data: FormData) {
+  return request({
+    url: 'minio/file/upload',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/system/log/list.log.vue b/src/views/system/log/list.log.vue
index 6a23334..8c035ca 100644
--- a/src/views/system/log/list.log.vue
+++ b/src/views/system/log/list.log.vue
@@ -20,7 +20,7 @@
   sort: '',
   order: '',
 })
-const columns = [
+const columns = ref([
   {
     text: '日志名称',
     value: 'logName',
@@ -38,7 +38,7 @@
     text: '详细信息',
     value: 'message',
   },
-]
+])
 const list = ref([])
 const total = ref(20)
 const logTypeList = ref(null)
@@ -171,8 +171,8 @@
         <template #columns>
           <el-table-column label="操作" width="70" align="center">
             <template #default="scope">
-              <el-button type="text" size="small" @click="detail(scope.row)">
-                详情ㅤㅤ
+              <el-button link type="primary" size="small" @click="detail(scope.row)">
+                ㅤ详情ㅤㅤ
               </el-button>
             </template>
           </el-table-column>
diff --git a/src/views/system/notice/noteAdd.vue b/src/views/system/notice/noteAdd.vue
index d37a9bb..f59f470 100644
--- a/src/views/system/notice/noteAdd.vue
+++ b/src/views/system/notice/noteAdd.vue
@@ -1,7 +1,12 @@
 <!-- 新增通知公告弹窗 -->
 <script lang="ts" setup>
 import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import { addNoticeApi, uploadApi } from '@/api/system/notice'
+import useUserStore from '@/store/modules/user'
 const emits = defineEmits(['resetData'])
+const userInfo = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
 const ruleForm = reactive({
   noticeNo: '', // 通知公告编号
@@ -10,6 +15,8 @@
   noticeTime: '', // 发布时间
   noticeSketch: '', // 内容简述
   noticeContent: '', // 发布内容
+  minioFileName: '', // 上传文件名
+  noticeTitle: '', // 标题
 }) // 表单
 const rules = ref<FormRules>({
   noticeNo: [{ required: true, message: '通知公告编号不能为空', trigger: 'blur' }],
@@ -20,6 +27,9 @@
 // 弹窗初始化
 const initDialog = () => {
   dialogVisible.value = true
+  ruleForm.noticePublisher = userInfo.$state.name
+  ruleForm.noticeCompany = userInfo.$state.deptName
+  ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
 }
 defineExpose({ initDialog })
 // 关闭弹窗
@@ -27,38 +37,110 @@
   dialogVisible.value = false
   emits('resetData')
 }
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      ruleForm.noticeTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+      addNoticeApi(ruleForm).then((res) => {
+        if (res.code === 200) {
+          close()
+          ElMessage.success('发布成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  // if (!formEl) { return }
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ruleForm.minioFileName = res.data[0]
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
 </script>
 
 <template>
-  <el-dialog v-model="dialogVisible" title="添加公告" width="50%" append-to-body>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" title="添加公告" width="50%" append-to-body>
     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
-      <el-form-item label="通知公告编号" prop="noticeNo">
-        <el-input v-model.trim="ruleForm.noticeNo" placeholder="请输入通知公告编号" />
-      </el-form-item>
-      <el-form-item label="发布人" prop="noticePublisher">
-        <el-input v-model.trim="ruleForm.noticePublisher" disabled />
-      </el-form-item>
-      <el-form-item label="发布单位" prop="noticeCompany">
-        <el-input v-model.trim="ruleForm.noticeCompany" />
-      </el-form-item>
-      <el-form-item label="发布时间" prop="noticeTime">
-        <el-input v-model.trim="ruleForm.noticeTime" />
-      </el-form-item>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="通知公告编号" prop="noticeNo">
+            <el-input v-model.trim="ruleForm.noticeNo" placeholder="请输入通知公告编号" />
+          </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.noticeTime" />
+        <el-input v-model.trim="ruleForm.noticeTitle" />
       </el-form-item>
       <el-form-item label="内容简述" prop="noticeSketch">
         <el-input v-model.trim="ruleForm.noticeSketch" />
       </el-form-item>
       <el-form-item label="发布内容" prop="noticeContent">
-        <el-input v-model.trim="ruleForm.noticeContent" />
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
       </el-form-item>
       <el-form-item label="附件" prop="noticeTime">
-        <el-button type="primary">上传</el-button>
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" @click="upload">
+          上传
+        </el-button>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
       </el-form-item>
       <el-form-item>
-        <el-button type="primary">发布</el-button>
-        <el-button>关闭</el-button>
+        <el-button type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
       </el-form-item>
     </el-form>
   </el-dialog>
diff --git a/src/views/system/process/process.ts b/src/views/system/process/process.ts
new file mode 100644
index 0000000..554c264
--- /dev/null
+++ b/src/views/system/process/process.ts
@@ -0,0 +1,11 @@
+export interface IlistQuery {
+  number: string // 编号
+  name: string // 名称
+  business: string // 关联业务
+  person: string // 负责人
+  time: string // 创建时间
+  status: string // 当前流程状态
+  describe?: string // 流程描述
+  offset: number
+  limit: number
+}

diff --git a/src/api/system/notice.ts b/src/api/system/notice.ts
index dec43d1..7c8c260 100644
--- a/src/api/system/notice.ts
+++ b/src/api/system/notice.ts
@@ -5,11 +5,11 @@
 const prefix = 'system'
 
 // 获取公告列表/详情
-export function getNoticeeApi(params: object) {
+export function getNoticeeApi(data: object) {
   return request({
     url: `${prefix}/notice/listPage`,
-    method: 'get',
-    params,
+    method: 'post',
+    data,
   })
 }
 // 通知公告新建
@@ -20,3 +20,11 @@
     data,
   })
 }
+// 上传文件
+export function uploadApi(data: FormData) {
+  return request({
+    url: 'minio/file/upload',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/views/system/log/list.log.vue b/src/views/system/log/list.log.vue
index 6a23334..8c035ca 100644
--- a/src/views/system/log/list.log.vue
+++ b/src/views/system/log/list.log.vue
@@ -20,7 +20,7 @@
   sort: '',
   order: '',
 })
-const columns = [
+const columns = ref([
   {
     text: '日志名称',
     value: 'logName',
@@ -38,7 +38,7 @@
     text: '详细信息',
     value: 'message',
   },
-]
+])
 const list = ref([])
 const total = ref(20)
 const logTypeList = ref(null)
@@ -171,8 +171,8 @@
         <template #columns>
           <el-table-column label="操作" width="70" align="center">
             <template #default="scope">
-              <el-button type="text" size="small" @click="detail(scope.row)">
-                详情ㅤㅤ
+              <el-button link type="primary" size="small" @click="detail(scope.row)">
+                ㅤ详情ㅤㅤ
               </el-button>
             </template>
           </el-table-column>
diff --git a/src/views/system/notice/noteAdd.vue b/src/views/system/notice/noteAdd.vue
index d37a9bb..f59f470 100644
--- a/src/views/system/notice/noteAdd.vue
+++ b/src/views/system/notice/noteAdd.vue
@@ -1,7 +1,12 @@
 <!-- 新增通知公告弹窗 -->
 <script lang="ts" setup>
 import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import dayjs from 'dayjs'
+import { addNoticeApi, uploadApi } from '@/api/system/notice'
+import useUserStore from '@/store/modules/user'
 const emits = defineEmits(['resetData'])
+const userInfo = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
 const ruleForm = reactive({
   noticeNo: '', // 通知公告编号
@@ -10,6 +15,8 @@
   noticeTime: '', // 发布时间
   noticeSketch: '', // 内容简述
   noticeContent: '', // 发布内容
+  minioFileName: '', // 上传文件名
+  noticeTitle: '', // 标题
 }) // 表单
 const rules = ref<FormRules>({
   noticeNo: [{ required: true, message: '通知公告编号不能为空', trigger: 'blur' }],
@@ -20,6 +27,9 @@
 // 弹窗初始化
 const initDialog = () => {
   dialogVisible.value = true
+  ruleForm.noticePublisher = userInfo.$state.name
+  ruleForm.noticeCompany = userInfo.$state.deptName
+  ruleForm.noticeTime = dayjs().format('YYYY-MM-DD')
 }
 defineExpose({ initDialog })
 // 关闭弹窗
@@ -27,38 +37,110 @@
   dialogVisible.value = false
   emits('resetData')
 }
+// 提交
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      ruleForm.noticeTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
+      addNoticeApi(ruleForm).then((res) => {
+        if (res.code === 200) {
+          close()
+          ElMessage.success('发布成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  })
+}
+// 取消
+const resetForm = (formEl: FormInstance | undefined) => {
+  // if (!formEl) { return }
+  formEl?.resetFields()
+  dialogVisible.value = false
+  emits('resetData')
+}
+const fileRef = ref() // 文件上传input
+const onFileChange = (event: any) => {
+  // 原生上传图片
+  // console.log(event.target.files)
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ruleForm.minioFileName = res.data[0]
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+const upload = () => {
+  fileRef.value.click()
+}
 </script>
 
 <template>
-  <el-dialog v-model="dialogVisible" title="添加公告" width="50%" append-to-body>
+  <el-dialog v-if="dialogVisible" v-model="dialogVisible" title="添加公告" width="50%" append-to-body>
     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="right" label-width="110px">
-      <el-form-item label="通知公告编号" prop="noticeNo">
-        <el-input v-model.trim="ruleForm.noticeNo" placeholder="请输入通知公告编号" />
-      </el-form-item>
-      <el-form-item label="发布人" prop="noticePublisher">
-        <el-input v-model.trim="ruleForm.noticePublisher" disabled />
-      </el-form-item>
-      <el-form-item label="发布单位" prop="noticeCompany">
-        <el-input v-model.trim="ruleForm.noticeCompany" />
-      </el-form-item>
-      <el-form-item label="发布时间" prop="noticeTime">
-        <el-input v-model.trim="ruleForm.noticeTime" />
-      </el-form-item>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="通知公告编号" prop="noticeNo">
+            <el-input v-model.trim="ruleForm.noticeNo" placeholder="请输入通知公告编号" />
+          </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.noticeTime" />
+        <el-input v-model.trim="ruleForm.noticeTitle" />
       </el-form-item>
       <el-form-item label="内容简述" prop="noticeSketch">
         <el-input v-model.trim="ruleForm.noticeSketch" />
       </el-form-item>
       <el-form-item label="发布内容" prop="noticeContent">
-        <el-input v-model.trim="ruleForm.noticeContent" />
+        <el-input v-model.trim="ruleForm.noticeContent" :rows="4" type="textarea" />
       </el-form-item>
       <el-form-item label="附件" prop="noticeTime">
-        <el-button type="primary">上传</el-button>
+        <span>{{ ruleForm.minioFileName }}</span>
+        <el-button type="primary" @click="upload">
+          上传
+        </el-button>
+        <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
       </el-form-item>
       <el-form-item>
-        <el-button type="primary">发布</el-button>
-        <el-button>关闭</el-button>
+        <el-button type="primary" @click="submitForm(ruleFormRef)">
+          发布
+        </el-button>
+        <el-button @click="resetForm(ruleFormRef)">
+          关闭
+        </el-button>
       </el-form-item>
     </el-form>
   </el-dialog>
diff --git a/src/views/system/process/process.ts b/src/views/system/process/process.ts
new file mode 100644
index 0000000..554c264
--- /dev/null
+++ b/src/views/system/process/process.ts
@@ -0,0 +1,11 @@
+export interface IlistQuery {
+  number: string // 编号
+  name: string // 名称
+  business: string // 关联业务
+  person: string // 负责人
+  time: string // 创建时间
+  status: string // 当前流程状态
+  describe?: string // 流程描述
+  offset: number
+  limit: number
+}
diff --git a/src/views/system/process/process.vue b/src/views/system/process/process.vue
index 2d5ca89..84319b8 100644
--- a/src/views/system/process/process.vue
+++ b/src/views/system/process/process.vue
@@ -1,5 +1,206 @@
+<script lang="ts" setup name="Process">
+import { reactive, ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Delete } from '@element-plus/icons-vue'
+import type { IlistQuery } from './process'
+import { delLoginLog, getLoginLogList } from '@/api/system/log'
+
+const { proxy } = getCurrentInstance() as any
+const listQuery: IlistQuery = reactive({
+  number: '', // 编号
+  name: '', // 名称
+  business: '', // 关联业务
+  person: '', // 负责人
+  time: '', // 创建时间
+  status: '', // 当前流程状态,
+  offset: 1,
+  limit: 20,
+})
+const columns = ref([
+  {
+    text: '流程编号',
+    value: 'number',
+    // width: 150,
+  },
+  {
+    text: '流程名称',
+    value: 'name',
+  },
+  {
+    text: '关联业务',
+    value: 'business',
+  },
+  {
+    text: '当前流程状态',
+    value: 'status',
+  },
+  {
+    text: '流程负责人',
+    value: 'person',
+  },
+  {
+    text: '流程描述',
+    value: 'describe',
+  },
+])
+const list = ref([
+  {
+    number: '11111',
+    name: '流程1',
+    business: '关联1',
+    person: '负责人1',
+    time: '2022-12-45 95:45:51',
+    status: '废止',
+    describe: '流程描述',
+    offset: 1,
+    limit: 20,
+  },
+  {
+    number: '11111',
+    name: '流程1',
+    business: '关联1',
+    person: '负责人1',
+    time: '2022-12-45 95:45:51',
+    status: '废止',
+    describe: '流程描述',
+    offset: 1,
+    limit: 20,
+  },
+])
+const total = ref(20)
+const logTypeList = ref(null)
+const listLoading = ref(true)
+const dialogFormVisible = ref(false)
+const dialogStatus = ref('')
+
+// 获取日志数据
+const fetchData = (isNowPage: boolean) => {
+  listLoading.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.offset = 1
+  }
+  // getLoginLogList(listQuery).then((response) => {
+  //   list.value = response.data.rows
+  //   total.value = parseInt(response.data.total)
+  //   listLoading.value = false
+  // })
+}
+
+fetchData(true)
+
+// 查询数据
+const search = () => {
+  fetchData(false)
+}
+
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size: number; page: number }) => {
+  if (val && val.size) {
+    listQuery.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.offset = val.page
+  }
+  fetchData(true)
+}
+</script>
+
 <template>
-  <view>
-    流程管理
-  </view>
+  <div class="process">
+    <app-container>
+      <!-- 筛选条件 -->
+      <search-area @search="search">
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.number"
+            placeholder="流程编号"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.name"
+            placeholder="流程名称"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.business"
+            placeholder="关联业务"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.status"
+            placeholder="当前流程状态"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-input
+            v-model.trim="listQuery.person"
+            placeholder="流程负责人"
+            clearable
+          />
+        </search-item>
+        <search-item>
+          <el-date-picker
+            v-model="listQuery.time"
+            type="datetime"
+            value-format="YYYY/MM/DD HH:mm:ss"
+            placeholder="创建时间"
+          />
+        </search-item>
+        <template #btns>
+          <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
+            重置
+          </el-button>
+        </template>
+      </search-area>
+      <!-- 查询结果Table显示 -->
+      <normal-table
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        :list-loading="listLoading"
+        @change="changePage"
+      >
+        <template #columns>
+          <el-table-column label="操作" width="200" align="center">
+            <template #default="scope">
+              <el-button type="primary" link size="small" class="table-text-button" @click="edit(scope.row)">
+                编辑
+              </el-button>
+              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
+                详情
+              </el-button>
+              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
+                废止
+              </el-button>
+              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </app-container>
+  </div>
 </template>
+
+<style lang="scss">
+  .list-login-log {
+    .el-button + .el-button {
+      margin-top: -10px;
+    }
+  }
+
+  .el-message-box {
+    overflow: auto;
+  }
+</style>
+