Parcourir la source

支部党课学习 - 树形部门结构

Wang Zi Wen il y a 2 ans
Parent
commit
599b89584d
1 fichiers modifiés avec 14 ajouts et 12 suppressions
  1. 14 12
      ruoyi-ui/src/views/branch/study/index.vue

+ 14 - 12
ruoyi-ui/src/views/branch/study/index.vue

@@ -141,7 +141,6 @@
       <el-table-column label="缺席人员" align="center" prop="absentees" />
       <el-table-column label="内容" align="center" prop="contents" width="350" />
       <el-table-column label="备注" align="center" prop="remarks"/>
-      <el-table-column label="数据归属部门" align="center" prop="deptId" />
       <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -202,6 +201,9 @@
         <el-form-item label="备注" prop="remarks">
           <el-input v-model="form.remarks" placeholder="请输入备注" />
         </el-form-item>
+        <el-form-item label="归属部门" prop="deptId">
+          <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -314,10 +316,10 @@ export default {
     };
   },
   watch: {
-        // // 根据名称筛选部门树
-        // deptName(val) {
-        //     this.$refs.tree.filter(val);
-        // }
+        // 根据名称筛选部门树
+        deptName(val) {
+            this.$refs.tree.filter(val);
+        }
    },
   created() {
       //设置表格高度对应屏幕高度
@@ -325,7 +327,7 @@ export default {
           this.clientHeight = document.body.clientHeight -250
       })
     this.getList();
-    // this.getTreeselect();
+    this.getTreeselect();
   },
   methods: {
     /** 查询支部党课学习列表 */
@@ -337,12 +339,12 @@ export default {
         this.loading = false;
       });
     },
-     /** 查询部门下拉树结构 */
-     // getTreeselect() {
-     //      treeselect().then(response => {
-     //          this.deptOptions = response.data;
-     //      });
-     // },
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+         treeselect().then(response => {
+             this.deptOptions = response.data;
+         });
+    },
     // 取消按钮
     cancel() {
       this.open = false;