增加流程配置 增加流程中心接口

src/views/userCenter/processCenter/monitorProcesses.vue

@@ -35,8 +35,10 @@
     </div>
 </template>
 <script>
+import ProcessMixin from "../../../components/ProcessMixin";
 export default {
     name: 'monitorProcess',
+    mixins:[ProcessMixin],
     data() {
         return {
           q:{
@@ -44,27 +46,7 @@ export default {
             pageSize:10
           },
           total: 0,
-            tableData: [{
-                processId: '2016-05-1',
-                processName: '王小虎',
-                processPerson: '上海市普陀区金沙江路 1518 弄',
-                createTime: '2023-1-1'
-            }, {
-                processId: '2016-05-2',
-                processName: '王小虎',
-                processPerson: '上海市普陀区金沙江路 1518 弄',
-                createTime: '2023-1-2'
-            }, {
-                processId: '2016-05-3',
-                processName: '王小虎',
-                processPerson: '上海市普陀区金沙江路 1518 弄',
-                createTime: '2023-1-3'
-            }, {
-                processId: '2016-05-4',
-                processName: '王小虎',
-                processPerson: '上海市普陀区金沙江路 1518 弄',
-                createTime: '2023-1-4'
-            }]
+          tableData: []
         }
     },
     props:{
@@ -73,17 +55,17 @@ export default {
           default:[],
       }
     },
-    watch: {
-        fourthData(newValue, oldValue) {
-          this.tableData=newValue
-        }
-    },
     mounted () {
-      this.$bus.$on('getSearchItem',(data)=>{
-          console.log('44',data)
-      });
+      this.search()
+      this.loadData()
     },
     methods: {
+      loadData() {
+        this.$api.processCenter.monitorProcessesPage({...this.q,...this.searchForm}).then(res=>{
+          this.tableData = res.data.list
+          this.total = res.count
+        })
+      },
       // 单页数据量
       handleSizeChange(val) {
         this.q.pageSize = val;