流程部署

src/views/flowable/model/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form
       :model="queryParams"
-      ref="queryForm"
+      ref="queryFormRef"
       :inline="true"
       v-show="showSearch"
       label-width="68px"
@@ -163,6 +163,7 @@
             <el-button
               size="small"
               link
+              type="primary"
               icon="edit"
               @click="handleUpdate(row)"
               v-hasPermi="['flowable:model:edit']"
@@ -170,6 +171,7 @@
             >
             <el-button
               link
+              type="primary"
               size="small"
               icon="brush"
               @click="handleDesigner(row)"
@@ -178,6 +180,7 @@
             >
             <el-button
               link
+              type="primary"
               size="small"
               icon="video-play"
               v-hasPermi="['flowable:model:deploy']"
@@ -329,7 +332,6 @@
       width="70%"
       append-to-body
     >
-      <!-- TODO: -->
       <process-viewer
         :key="`designer-${processView.index}`"
         :xml="processView.xmlData"
@@ -426,7 +428,6 @@
       append-to-body
       fullscreen
     >
-      <!-- TODO: -->
       <process-designer
         :key="designerOpen"
         style="border: 1px solid rgba(0, 0, 0, 0.1)"
@@ -585,19 +586,20 @@ function reset() {
 }
 /** 搜索按钮操作 */
 function handleQuery() {
-  this.queryParams.pageNum = 1;
-  this.getList();
+  queryParams.value.pageNum = 1;
+  getList();
 }
 /** 重置按钮操作 */
+const queryFormRef = ref();
 function resetQuery() {
-  this.$refs.queryForm.resetFields();
-  this.handleQuery();
+  queryFormRef.value.resetFields();
+  handleQuery();
 }
 // 多选框选中数据
 function handleSelectionChange(selection) {
-  this.ids = selection.map((item) => item.modelId);
-  this.single = selection.length !== 1;
-  this.multiple = !selection.length;
+  ids.value = selection.map((item) => item.modelId);
+  single.value = selection.length !== 1;
+  multiple.value = !selection.length;
 }
 /** 部署流程 */
 function handleDeploy(row) {