diff --git a/public/data.json b/public/data.json
index 632c75c..46563c4 100644
--- a/public/data.json
+++ b/public/data.json
@@ -22,117 +22,7 @@
             "ccSelfSelectFlag": "",
             "conditionList": [],
             "nodeUserList": [],
-            "childNode": {
-                "nodeName": "审核人",
-                "error": false,
-                "type": 1,
-                "settype": 2,
-                "selectMode": 0,
-                "selectRange": 0,
-                "directorLevel": 1,
-                "examineMode": 1,
-                "noHanderAction": 2,
-                "examineEndDirectorLevel": 0,
-                "childNode": {
-                    "nodeName": "路由",
-                    "type": 4,
-                    "priorityLevel": 1,
-                    "settype": 1,
-                    "selectMode": 0,
-                    "selectRange": 0,
-                    "directorLevel": 1,
-                    "examineMode": 1,
-                    "noHanderAction": 2,
-                    "examineEndDirectorLevel": 1,
-                    "ccSelfSelectFlag": 1,
-                    "conditionList": [],
-                    "nodeUserList": [],
-                    "childNode": {
-                        "nodeName": "抄送人",
-                        "type": 2,
-                        "ccSelfSelectFlag": 1,
-                        "childNode": null,
-                        "nodeUserList": [],
-                        "error": false
-                    },
-                    "conditionNodes": [{
-                        "nodeName": "条件1",
-                        "type": 3,
-                        "priorityLevel": 1,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [{
-                            "columnId": 0,
-                            "type": 1,
-                            "conditionEn": "",
-                            "conditionCn": "",
-                            "optType": "",
-                            "zdy1": "",
-                            "zdy2": "",
-                            "opt1": "",
-                            "opt2": "",
-                            "columnDbname": "",
-                            "columnType": "",
-                            "showType": "",
-                            "showName": "",
-                            "fixedDownBoxValue": ""
-                        }],
-                        "nodeUserList": [{
-                            "targetId": 85,
-                            "type": 1,
-                            "name": "天旭"
-                        }],
-                        "childNode": {
-                            "nodeName": "审核人",
-                            "type": 1,
-                            "priorityLevel": 1,
-                            "settype": 1,
-                            "selectMode": 0,
-                            "selectRange": 0,
-                            "directorLevel": 1,
-                            "examineMode": 1,
-                            "noHanderAction": 2,
-                            "examineEndDirectorLevel": 1,
-                            "ccSelfSelectFlag": 1,
-                            "conditionList": [],
-                            "nodeUserList": [{
-                                "targetId": 2515744,
-                                "type": 1,
-                                "name": "哈哈哈哈"
-                            }],
-                            "childNode": null,
-                            "conditionNodes": [],
-                            "error": false
-                        },
-                        "conditionNodes": [],
-                        "error": false
-                    }, {
-                        "nodeName": "条件2",
-                        "type": 3,
-                        "priorityLevel": 2,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [],
-                        "nodeUserList": [],
-                        "childNode": null,
-                        "conditionNodes": [],
-                        "error": false
-                    }]
-                },
-                "nodeUserList": []
-            },
+
             "conditionNodes": []
         }
     }

diff --git a/public/data.json b/public/data.json
index 632c75c..46563c4 100644
--- a/public/data.json
+++ b/public/data.json
@@ -22,117 +22,7 @@
             "ccSelfSelectFlag": "",
             "conditionList": [],
             "nodeUserList": [],
-            "childNode": {
-                "nodeName": "审核人",
-                "error": false,
-                "type": 1,
-                "settype": 2,
-                "selectMode": 0,
-                "selectRange": 0,
-                "directorLevel": 1,
-                "examineMode": 1,
-                "noHanderAction": 2,
-                "examineEndDirectorLevel": 0,
-                "childNode": {
-                    "nodeName": "路由",
-                    "type": 4,
-                    "priorityLevel": 1,
-                    "settype": 1,
-                    "selectMode": 0,
-                    "selectRange": 0,
-                    "directorLevel": 1,
-                    "examineMode": 1,
-                    "noHanderAction": 2,
-                    "examineEndDirectorLevel": 1,
-                    "ccSelfSelectFlag": 1,
-                    "conditionList": [],
-                    "nodeUserList": [],
-                    "childNode": {
-                        "nodeName": "抄送人",
-                        "type": 2,
-                        "ccSelfSelectFlag": 1,
-                        "childNode": null,
-                        "nodeUserList": [],
-                        "error": false
-                    },
-                    "conditionNodes": [{
-                        "nodeName": "条件1",
-                        "type": 3,
-                        "priorityLevel": 1,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [{
-                            "columnId": 0,
-                            "type": 1,
-                            "conditionEn": "",
-                            "conditionCn": "",
-                            "optType": "",
-                            "zdy1": "",
-                            "zdy2": "",
-                            "opt1": "",
-                            "opt2": "",
-                            "columnDbname": "",
-                            "columnType": "",
-                            "showType": "",
-                            "showName": "",
-                            "fixedDownBoxValue": ""
-                        }],
-                        "nodeUserList": [{
-                            "targetId": 85,
-                            "type": 1,
-                            "name": "天旭"
-                        }],
-                        "childNode": {
-                            "nodeName": "审核人",
-                            "type": 1,
-                            "priorityLevel": 1,
-                            "settype": 1,
-                            "selectMode": 0,
-                            "selectRange": 0,
-                            "directorLevel": 1,
-                            "examineMode": 1,
-                            "noHanderAction": 2,
-                            "examineEndDirectorLevel": 1,
-                            "ccSelfSelectFlag": 1,
-                            "conditionList": [],
-                            "nodeUserList": [{
-                                "targetId": 2515744,
-                                "type": 1,
-                                "name": "哈哈哈哈"
-                            }],
-                            "childNode": null,
-                            "conditionNodes": [],
-                            "error": false
-                        },
-                        "conditionNodes": [],
-                        "error": false
-                    }, {
-                        "nodeName": "条件2",
-                        "type": 3,
-                        "priorityLevel": 2,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [],
-                        "nodeUserList": [],
-                        "childNode": null,
-                        "conditionNodes": [],
-                        "error": false
-                    }]
-                },
-                "nodeUserList": []
-            },
+
             "conditionNodes": []
         }
     }
diff --git a/src/plugins/preload.js b/src/plugins/preload.js
index 458c53e..09288a9 100644
--- a/src/plugins/preload.js
+++ b/src/plugins/preload.js
@@ -61,27 +61,26 @@
   },
   // 设置审批节点的文字
   setApproverStr(nodeConfig) {
-    console.log(nodeConfig)
     let tempValue = '会签'
     let strPeople = ' '
     if (nodeConfig.selectCustomApprovalType === 'huoqian') {
       tempValue = '或签'
     }
     if (nodeConfig.selectCustomApprovalMethod === 'normal') {
-      if (nodeConfig.nodeUserList.length === 1) {
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
         strPeople = `由${nodeConfig.nodeUserList[0].name}人负责`
       }
-      else if (nodeConfig.nodeUserList.length > 1) {
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
         strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（${tempValue}）`
       }
       return strPeople
     }
     else if (nodeConfig.selectCustomApprovalMethod === 'stepBYstep') {
       let strPeople = ' '
-      if (nodeConfig.nodeUserList.length === 1) {
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
         strPeople = `由${nodeConfig.nodeUserList[0].name}人负责(逐级审批)`
       }
-      else if (nodeConfig.nodeUserList.length > 1) {
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
         strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（逐级审批-${tempValue}）`
       }
       return strPeople
@@ -180,9 +179,7 @@
   },
   // 设置抄送人节点文字
   copyerStr(nodeConfig) {
-    console.log('44444444')
-    console.log(nodeConfig.nodeUserList)
-    if (nodeConfig.nodeUserList.length != 0) {
+    if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length != 0) {
       console.log(this.arrToStr(nodeConfig.nodeUserList))
       return this.arrToStr(nodeConfig.nodeUserList)
     }

diff --git a/public/data.json b/public/data.json
index 632c75c..46563c4 100644
--- a/public/data.json
+++ b/public/data.json
@@ -22,117 +22,7 @@
             "ccSelfSelectFlag": "",
             "conditionList": [],
             "nodeUserList": [],
-            "childNode": {
-                "nodeName": "审核人",
-                "error": false,
-                "type": 1,
-                "settype": 2,
-                "selectMode": 0,
-                "selectRange": 0,
-                "directorLevel": 1,
-                "examineMode": 1,
-                "noHanderAction": 2,
-                "examineEndDirectorLevel": 0,
-                "childNode": {
-                    "nodeName": "路由",
-                    "type": 4,
-                    "priorityLevel": 1,
-                    "settype": 1,
-                    "selectMode": 0,
-                    "selectRange": 0,
-                    "directorLevel": 1,
-                    "examineMode": 1,
-                    "noHanderAction": 2,
-                    "examineEndDirectorLevel": 1,
-                    "ccSelfSelectFlag": 1,
-                    "conditionList": [],
-                    "nodeUserList": [],
-                    "childNode": {
-                        "nodeName": "抄送人",
-                        "type": 2,
-                        "ccSelfSelectFlag": 1,
-                        "childNode": null,
-                        "nodeUserList": [],
-                        "error": false
-                    },
-                    "conditionNodes": [{
-                        "nodeName": "条件1",
-                        "type": 3,
-                        "priorityLevel": 1,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [{
-                            "columnId": 0,
-                            "type": 1,
-                            "conditionEn": "",
-                            "conditionCn": "",
-                            "optType": "",
-                            "zdy1": "",
-                            "zdy2": "",
-                            "opt1": "",
-                            "opt2": "",
-                            "columnDbname": "",
-                            "columnType": "",
-                            "showType": "",
-                            "showName": "",
-                            "fixedDownBoxValue": ""
-                        }],
-                        "nodeUserList": [{
-                            "targetId": 85,
-                            "type": 1,
-                            "name": "天旭"
-                        }],
-                        "childNode": {
-                            "nodeName": "审核人",
-                            "type": 1,
-                            "priorityLevel": 1,
-                            "settype": 1,
-                            "selectMode": 0,
-                            "selectRange": 0,
-                            "directorLevel": 1,
-                            "examineMode": 1,
-                            "noHanderAction": 2,
-                            "examineEndDirectorLevel": 1,
-                            "ccSelfSelectFlag": 1,
-                            "conditionList": [],
-                            "nodeUserList": [{
-                                "targetId": 2515744,
-                                "type": 1,
-                                "name": "哈哈哈哈"
-                            }],
-                            "childNode": null,
-                            "conditionNodes": [],
-                            "error": false
-                        },
-                        "conditionNodes": [],
-                        "error": false
-                    }, {
-                        "nodeName": "条件2",
-                        "type": 3,
-                        "priorityLevel": 2,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [],
-                        "nodeUserList": [],
-                        "childNode": null,
-                        "conditionNodes": [],
-                        "error": false
-                    }]
-                },
-                "nodeUserList": []
-            },
+
             "conditionNodes": []
         }
     }
diff --git a/src/plugins/preload.js b/src/plugins/preload.js
index 458c53e..09288a9 100644
--- a/src/plugins/preload.js
+++ b/src/plugins/preload.js
@@ -61,27 +61,26 @@
   },
   // 设置审批节点的文字
   setApproverStr(nodeConfig) {
-    console.log(nodeConfig)
     let tempValue = '会签'
     let strPeople = ' '
     if (nodeConfig.selectCustomApprovalType === 'huoqian') {
       tempValue = '或签'
     }
     if (nodeConfig.selectCustomApprovalMethod === 'normal') {
-      if (nodeConfig.nodeUserList.length === 1) {
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
         strPeople = `由${nodeConfig.nodeUserList[0].name}人负责`
       }
-      else if (nodeConfig.nodeUserList.length > 1) {
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
         strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（${tempValue}）`
       }
       return strPeople
     }
     else if (nodeConfig.selectCustomApprovalMethod === 'stepBYstep') {
       let strPeople = ' '
-      if (nodeConfig.nodeUserList.length === 1) {
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
         strPeople = `由${nodeConfig.nodeUserList[0].name}人负责(逐级审批)`
       }
-      else if (nodeConfig.nodeUserList.length > 1) {
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
         strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（逐级审批-${tempValue}）`
       }
       return strPeople
@@ -180,9 +179,7 @@
   },
   // 设置抄送人节点文字
   copyerStr(nodeConfig) {
-    console.log('44444444')
-    console.log(nodeConfig.nodeUserList)
-    if (nodeConfig.nodeUserList.length != 0) {
+    if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length != 0) {
       console.log(this.arrToStr(nodeConfig.nodeUserList))
       return this.arrToStr(nodeConfig.nodeUserList)
     }
diff --git a/src/views/setting.vue b/src/views/setting.vue
index 1376467..9910a0d 100644
--- a/src/views/setting.vue
+++ b/src/views/setting.vue
@@ -135,7 +135,7 @@
         关 闭
       </el-button>
     </div> -->
-
+    <el-button>保存</el-button>
     <div class="fd-nav-content">
       <section class="dingflow-design">
         <!-- <div class="zoom">

diff --git a/public/data.json b/public/data.json
index 632c75c..46563c4 100644
--- a/public/data.json
+++ b/public/data.json
@@ -22,117 +22,7 @@
             "ccSelfSelectFlag": "",
             "conditionList": [],
             "nodeUserList": [],
-            "childNode": {
-                "nodeName": "审核人",
-                "error": false,
-                "type": 1,
-                "settype": 2,
-                "selectMode": 0,
-                "selectRange": 0,
-                "directorLevel": 1,
-                "examineMode": 1,
-                "noHanderAction": 2,
-                "examineEndDirectorLevel": 0,
-                "childNode": {
-                    "nodeName": "路由",
-                    "type": 4,
-                    "priorityLevel": 1,
-                    "settype": 1,
-                    "selectMode": 0,
-                    "selectRange": 0,
-                    "directorLevel": 1,
-                    "examineMode": 1,
-                    "noHanderAction": 2,
-                    "examineEndDirectorLevel": 1,
-                    "ccSelfSelectFlag": 1,
-                    "conditionList": [],
-                    "nodeUserList": [],
-                    "childNode": {
-                        "nodeName": "抄送人",
-                        "type": 2,
-                        "ccSelfSelectFlag": 1,
-                        "childNode": null,
-                        "nodeUserList": [],
-                        "error": false
-                    },
-                    "conditionNodes": [{
-                        "nodeName": "条件1",
-                        "type": 3,
-                        "priorityLevel": 1,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [{
-                            "columnId": 0,
-                            "type": 1,
-                            "conditionEn": "",
-                            "conditionCn": "",
-                            "optType": "",
-                            "zdy1": "",
-                            "zdy2": "",
-                            "opt1": "",
-                            "opt2": "",
-                            "columnDbname": "",
-                            "columnType": "",
-                            "showType": "",
-                            "showName": "",
-                            "fixedDownBoxValue": ""
-                        }],
-                        "nodeUserList": [{
-                            "targetId": 85,
-                            "type": 1,
-                            "name": "天旭"
-                        }],
-                        "childNode": {
-                            "nodeName": "审核人",
-                            "type": 1,
-                            "priorityLevel": 1,
-                            "settype": 1,
-                            "selectMode": 0,
-                            "selectRange": 0,
-                            "directorLevel": 1,
-                            "examineMode": 1,
-                            "noHanderAction": 2,
-                            "examineEndDirectorLevel": 1,
-                            "ccSelfSelectFlag": 1,
-                            "conditionList": [],
-                            "nodeUserList": [{
-                                "targetId": 2515744,
-                                "type": 1,
-                                "name": "哈哈哈哈"
-                            }],
-                            "childNode": null,
-                            "conditionNodes": [],
-                            "error": false
-                        },
-                        "conditionNodes": [],
-                        "error": false
-                    }, {
-                        "nodeName": "条件2",
-                        "type": 3,
-                        "priorityLevel": 2,
-                        "settype": 1,
-                        "selectMode": 0,
-                        "selectRange": 0,
-                        "directorLevel": 1,
-                        "examineMode": 1,
-                        "noHanderAction": 2,
-                        "examineEndDirectorLevel": 1,
-                        "ccSelfSelectFlag": 1,
-                        "conditionList": [],
-                        "nodeUserList": [],
-                        "childNode": null,
-                        "conditionNodes": [],
-                        "error": false
-                    }]
-                },
-                "nodeUserList": []
-            },
+
             "conditionNodes": []
         }
     }
diff --git a/src/plugins/preload.js b/src/plugins/preload.js
index 458c53e..09288a9 100644
--- a/src/plugins/preload.js
+++ b/src/plugins/preload.js
@@ -61,27 +61,26 @@
   },
   // 设置审批节点的文字
   setApproverStr(nodeConfig) {
-    console.log(nodeConfig)
     let tempValue = '会签'
     let strPeople = ' '
     if (nodeConfig.selectCustomApprovalType === 'huoqian') {
       tempValue = '或签'
     }
     if (nodeConfig.selectCustomApprovalMethod === 'normal') {
-      if (nodeConfig.nodeUserList.length === 1) {
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
         strPeople = `由${nodeConfig.nodeUserList[0].name}人负责`
       }
-      else if (nodeConfig.nodeUserList.length > 1) {
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
         strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（${tempValue}）`
       }
       return strPeople
     }
     else if (nodeConfig.selectCustomApprovalMethod === 'stepBYstep') {
       let strPeople = ' '
-      if (nodeConfig.nodeUserList.length === 1) {
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
         strPeople = `由${nodeConfig.nodeUserList[0].name}人负责(逐级审批)`
       }
-      else if (nodeConfig.nodeUserList.length > 1) {
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
         strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（逐级审批-${tempValue}）`
       }
       return strPeople
@@ -180,9 +179,7 @@
   },
   // 设置抄送人节点文字
   copyerStr(nodeConfig) {
-    console.log('44444444')
-    console.log(nodeConfig.nodeUserList)
-    if (nodeConfig.nodeUserList.length != 0) {
+    if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length != 0) {
       console.log(this.arrToStr(nodeConfig.nodeUserList))
       return this.arrToStr(nodeConfig.nodeUserList)
     }
diff --git a/src/views/setting.vue b/src/views/setting.vue
index 1376467..9910a0d 100644
--- a/src/views/setting.vue
+++ b/src/views/setting.vue
@@ -135,7 +135,7 @@
         关 闭
       </el-button>
     </div> -->
-
+    <el-button>保存</el-button>
     <div class="fd-nav-content">
       <section class="dingflow-design">
         <!-- <div class="zoom">
diff --git a/src/views/system/process/process.vue b/src/views/system/process/process.vue
index ea89ddc..10e133a 100644
--- a/src/views/system/process/process.vue
+++ b/src/views/system/process/process.vue
@@ -1,11 +1,12 @@
 <script lang="ts" setup name="Process">
 import { reactive, ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { Delete } from '@element-plus/icons-vue'
 import type { IlistQuery } from './process'
 import EditProcess from './editProcess.vue'
 import DetailProcess from './detailProcess.vue'
 import { delLoginLog, getLoginLogList } from '@/api/system/log'
+import { exportExcel } from '@/utils/exportXlsx'
 
 const { proxy } = getCurrentInstance() as any
 const active = ref('main')
@@ -17,7 +18,7 @@
   time: '', // 创建时间
   status: '', // 当前流程状态,
   offset: 1,
-  limit: 20,
+  limit: 10,
 })
 const columns = ref([
   {
@@ -42,6 +43,10 @@
     value: 'person',
   },
   {
+    text: '创建时间',
+    value: 'createTime',
+  },
+  {
     text: '流程描述',
     value: 'describe',
   },
@@ -110,7 +115,12 @@
 
 // 重置
 const reset = () => {
-  console.log('点击重置')
+  listQuery.number = '' // 编号
+  listQuery.name = '' // 名称
+  listQuery.business = '' // 关联业务
+  listQuery.person = '' // 负责人
+  listQuery.time = '' // 创建时间
+  listQuery.status = '' // 当前流程状态,
 }
 // 编辑
 const edit = (row: IlistQuery) => {
@@ -134,6 +144,66 @@
 const close = () => {
   active.value = 'main'
 }
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  // fetchData({ ...listQuery, limit: 9999999, offset: 1 }).then((res) => {
+  //   if (res.code === 200) {
+  //     exportExcel({
+  //       json: res.data.rows.map((item: IlistQuery, index: number) => ({ index: index + 1, noticeNo: item.noticeNo, noticeTitle: item.noticeTitle, noticePublisher: item.noticePublisher, noticeSketch: item.noticeSketch, noticeTime: item.noticeTime })),
+  //       name: '通知公告',
+  //       titleArr: ['序号', '流程编号', '流程名称', '关联业务', '当前流程状态', '流程负责人', '创建时间', '流程描述'],
+  //       sheetName: 'sheet1',
+  //     })
+  //   }
+  //   loading.close()
+  // }).catch((_) => {
+  //   loading.close()
+  // })
+  exportExcel({
+    json: list.value.map((item: IlistQuery, index: number) => (
+      {
+        index: index + 1,
+        number: item.number,
+        name: item.name,
+        business: item.business,
+        status: item.status,
+        person: item.person,
+        time: item.time,
+        describe: item.describe,
+      }
+    )),
+    name: '流程管理',
+    titleArr: ['序号', '流程编号', '流程名称', '关联业务', '当前流程状态', '流程负责人', '创建时间', '流程描述'],
+    sheetName: 'sheet1',
+  })
+  loading.close()
+}
+// 打印
+const printObj = ref({
+  id: 'print', // 需要打印元素的id
+  popTitle: '流程管理', // 打印配置页上方的标题
+  extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+  preview: false, // 是否启动预览模式，默认是false
+  previewBeforeOpenCallback() { console.log('正在加载预览窗口！') }, // 预览窗口打开之前的callback
+  previewOpenCallback() { console.log('已经加载完预览窗口，预览打开了！') }, // 预览窗口打开时的callback
+  beforeOpenCallback() { console.log('开始打印之前！') }, // 开始打印之前的callback
+  openCallback() { console.log('执行打印了！') }, // 调用打印时的callback
+  closeCallback() { console.log('关闭了打印工具！') }, // 关闭打印的callback(无法区分确认or取消)
+  clickMounted() { console.log('点击v-print绑定的按钮了！') },
+  // url: 'http://localhost:8080/', // 打印指定的URL，确保同源策略相同
+  // asyncUrl (reslove) {
+  //   setTimeout(() => {
+  //     reslove('http://localhost:8080/')
+  //   }, 2000)
+  // },
+  standard: '',
+  extarCss: '',
+})
 </script>
 
 <template>
@@ -193,35 +263,53 @@
           </template>
         </search-area>
         <!-- 查询结果Table显示 -->
-        <div class="table-area">
-          <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="detail(scope.row)">
-                    详情
-                  </el-button>
-                  <el-button type="primary" link size="small" class="table-text-button" @click="abolish(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>
-        </div>
+        <table-container>
+          <template #btns-right>
+            <el-button type="primary" @click="exportExcelBtn">
+              导出
+            </el-button>
+            <el-button v-print="printObj" type="primary">
+              打印
+            </el-button>
+          </template>
+
+          <div class="table-area">
+            <normal-table
+              :data="list"
+              :total="total"
+              :columns="columns"
+              :query="listQuery"
+              :list-loading="listLoading"
+              @change="changePage"
+            >
+              <template #preColumns>
+                <el-table-column label="#" width="55" align="center">
+                  <template #default="scope">
+                    {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+                  </template>
+                </el-table-column>
+              </template>
+              <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="detail(scope.row)">
+                      详情
+                    </el-button>
+                    <el-button type="primary" link size="small" class="table-text-button" @click="abolish(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>
+          </div>
+        </table-container>
       </div>
       <!-- 编辑 -->
       <div v-if="active === 'edit'">