添加机构折叠

src/components/RightToolbar/index.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="top-right-btn" :style="style">
     <el-row>
+      <el-tooltip class="item" effect="dark" :content="showOrgTree ? '隐藏机构':'显示机构'" placement="top" v-if="orgTree">
+        <el-button size="mini" circle :icon="showOrgTree ? 'el-icon-s-fold': 'el-icon-s-unfold'" @click="toggleOrgTree()" />
+      </el-tooltip>
       <el-tooltip class="item" effect="dark" :content="showSearch ? '折叠搜索' : '展开搜索'" placement="top" v-if="search">
         <el-button size="mini" circle :icon="showSearch ? 'el-icon-top':'el-icon-bottom'" @click="toggleSearch()" />
       </el-tooltip>
@@ -35,6 +38,10 @@ export default {
     };
   },
   props: {
+    showOrgTree: {
+      type: Boolean,
+      default: true,
+    },
     showSearch: {
       type: Boolean,
       default: true,
@@ -42,6 +49,10 @@ export default {
     columns: {
       type: Array,
     },
+    orgTree: {
+      type: Boolean,
+      default: true,
+    },
     search: {
       type: Boolean,
       default: true,
@@ -69,6 +80,9 @@ export default {
     }
   },
   methods: {
+    toggleOrgTree(){
+      this.$emit("update:showOrgTree", !this.showOrgTree);
+    },
     // 搜索
     toggleSearch() {
       this.$emit("update:showSearch", !this.showSearch);

src/views/system/workTimeSet/workTime.vue

@@ -2,7 +2,7 @@
   <div class="tabs-container">
     <el-row :gutter="10">
       <!--机构数据-->
-      <el-col :span="4" :xs="24">
+      <el-col :span="showOrgTree?4:0" :xs="24">
         <org-tree
           v-model="queryParams.orgId"
           @defaultKey="getDefaultKey"
@@ -11,7 +11,7 @@
         ></org-tree>
       </el-col>
       <!--table数据-->
-      <el-col :span="20" :xs="24">
+      <el-col :span="showOrgTree?20:24" :xs="24">
         <div class="main-right-box">
           <!--    搜索条件    -->
           <div class="main-search-box">
@@ -82,6 +82,7 @@
                     v-hasPermi="['system:time:export']">导出</el-button> -->
               </el-col>
               <right-toolbar
+                :showOrgTree.sync="showOrgTree"
                 :showSearch.sync="showSearch"
                 size="mini"
                 @queryTable="getList"
@@ -208,6 +209,8 @@ export default {
       loading: false,
       //选中的行
       selectRow: null,
+      //显示右边机构树
+      showOrgTree: true,
       // 显示搜索条件
       showSearch: true,
       // 用户表格数据