流程管理列表静态

src/pages/workbench/component-center/process-management/designer/index.vue

@@ -140,6 +140,79 @@ export default {
           console.log(error);
         });
     },
+    iniHeader() {
+      this.listHeader = [
+        {
+          label: "流程编号",
+          prop: "id",
+          width: 180,
+        },
+        {
+          label: "流程名称",
+          prop: "name",
+          type: "button",
+          callback: this.detailItem,
+        },
+        {
+          label: "服务领域",
+          prop: "sectors_name",
+          align: "center",
+          width: 240,
+        },
+        {
+          label: "创建时间",
+          prop: "create_time",
+          getText(item) {
+            return helper.dateStringTransform(item.create_time || "");
+          },
+          align: "center",
+          width: 180,
+        },
+        {
+          label: "状态",
+          prop: "state",
+          getText(item) {
+            return ["未部署", "已部署", "已发布"][item.state || 0];
+          },
+          align: "center",
+          width: 180,
+        },
+        {
+          label: "操作",
+          type: "buttons",
+          align: "center",
+          width: 300,
+          actionList: [
+            {
+              label: "发布",
+              callback: this.publishItem,
+              disableHide: true,
+              disabledRule(item) {
+                return item.state == 2;
+              },
+            },
+            {
+              label: "编辑",
+              callback: this.editItem,
+            },
+          ],
+          moreActionList: [
+            {
+              label: "取消部署",
+              callback: this.canceldeployItem,
+            },
+            {
+              label: "复制",
+              callback: this.copyItem,
+            },
+            {
+              label: "删除",
+              callback: this.deleteItem,
+            },
+          ],
+        },
+      ];
+    },
     refresh() {
       this.init(this.tempFilter);
     },
@@ -150,94 +223,24 @@ export default {
       this.$router.push(`/progress/designer/detail/${item.id}`);
     },
     publishItem(item) {
-      console.log(item);
+      console.log(`publish ${item.name}`);
     },
     editItem(item) {
-      console.log(item);
+      console.log(`edit ${item.name}`);
     },
     canceldeployItem(item) {
-      console.log(item);
+      console.log(`cancel deploy ${item.name}`);
     },
     copyItem(item) {
-      console.log(item);
+      console.log(`copy ${item.name}`);
     },
     deleteItem(item) {
-      console.log(item);
+      console.log(`delete ${item.name}`);
     },
   },
   created() {
     this.initFilter();
-    this.listHeader = [
-      {
-        label: "流程编号",
-        prop: "id",
-        width: 180,
-      },
-      {
-        label: "流程名称",
-        prop: "name",
-        type: "button",
-        callback: this.detailItem,
-      },
-      {
-        label: "服务领域",
-        prop: "sectors_name",
-        align: "center",
-        width: 240,
-      },
-      {
-        label: "创建时间",
-        prop: "create_time",
-        getText(item) {
-          return helper.dateStringTransform(item.create_time || "");
-        },
-        align: "center",
-        width: 180,
-      },
-      {
-        label: "状态",
-        prop: "state",
-        getText(item) {
-          return ["未部署", "已部署", "已发布"][item.state || 0];
-        },
-        align: "center",
-        width: 180,
-      },
-      {
-        label: "操作",
-        type: "buttons",
-        align: "center",
-        width: 300,
-        actionList: [
-          {
-            label: "发布",
-            callback: this.publishItem,
-            disableHide: true,
-            disabledRule(item) {
-              return item.state == 2;
-            },
-          },
-          {
-            label: "编辑",
-            callback: this.editItem,
-          },
-        ],
-        moreActionList: [
-          {
-            label: "取消部署",
-            callback: this.canceldeployItem,
-          },
-          {
-            label: "复制",
-            callback: this.copyItem,
-          },
-          {
-            label: "删除",
-            callback: this.deleteItem,
-          },
-        ],
-      },
-    ];
+    this.iniHeader();
   },
 };
 </script>