工具发布流程和使用申请流程

src/views/tool/index.vue

@@ -387,6 +387,19 @@
       </div><!--el-form-border 表单-->
     </el-drawer><!--el-drawer 导出抽屉-->
 
+    <el-drawer
+      :visible.sync="drawerShow"
+      direction="rtl"
+      size="90%"
+      :with-header="false"
+      :wrapperClosable="false"
+      :show-close="false"
+      modal-append-to-body
+      :destroy-on-close="true"
+    >
+      <main-component ref="mainComponent" :code="path+code"  :data="data"  @close="handleClose"></main-component>
+    </el-drawer>
+
     <!-- 工具详情对话框 -->
     <el-drawer :visible.sync="detailDrawerOpen" :modal-append-to-body="false" size="85%" class="no-padding">
       <template #title>
@@ -407,16 +420,20 @@ import { getToken } from "@/utils/auth";
 import { Base64 } from 'js-base64'
 import Treeselect from "@riophae/vue-treeselect";
 import blUserSelector from "@/components/user-selector/src/user-selector";
-import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import toolDetail from "./toolDetail";
 import AddDoc from './AddDoc'
+import mainComponent from "@/components/mainComponent/index.vue";
 
 export default {
   name: "User",
   dicts: ['sys_normal_disable', 'tool_type'],
-  components: { Treeselect, blUserSelector, toolDetail, AddDoc },
+  components: { Treeselect, blUserSelector, toolDetail, AddDoc,mainComponent },
   data() {
     return {
+      drawerShow: false,
+      path: 'views/workflowList/addWorkflow/',
+      code: '',
+      data: undefined,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -629,12 +646,8 @@ export default {
     },
     /**=============================申请使用Start================================*/
     applyUse(row){
-      let toolIds = row?.id || '1'
-      if(toolIds.length == 0){
-        this.$modal.msgWarning("请选择需要申请使用的工具！");
-        return
-      }
-      this.applyDrawerOpen = true
+      let _this = this
+      _this.handleOpen({...row,type:'use_apply'})
     },
     submitApply(){
 
@@ -681,14 +694,22 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.reset();
-      getTool().then(response => {
-        this.postOptions = response.posts;
-        this.roleOptions = response.roles;
-        this.addDrawerOpen = true;
-        this.title = "添加工具";
-        this.form.password = this.initPassword;
-      });
+      // this.reset();
+      // getTool().then(response => {
+      //   this.postOptions = response.posts;
+      //   this.roleOptions = response.roles;
+      //   this.addDrawerOpen = true;
+      //   this.title = "添加工具";
+      //   this.form.password = this.initPassword;
+      // });
+      let _this = this
+      _this.handleOpen({type:'tool_release'})
+    },
+    handleOpen(row){
+      let _this = this
+      _this.code = row.type
+      _this.data = row
+      _this.drawerShow = true
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -784,6 +805,9 @@ export default {
           this.loading = false;
         }
       );
+    },
+    handleClose(){
+      this.drawerShow = false
     }
   }
 };