部门分类改成按钮组

ruoyi-ui/src/views/system/user/index.vue

@@ -74,7 +74,7 @@
               end-placeholder="结束日期"
             ></el-date-picker>
           </el-form-item>
-          <el-form-item label="部门分类" prop="deptType">
+<!--          <el-form-item label="部门分类" prop="deptType">
             <el-select v-model="queryParams.deptType" placeholder="部门分类" clearable>
               <el-option
                 v-for="dict in dict.type.dept_type"
@@ -83,7 +83,17 @@
                 :value="dict.value"
               />
             </el-select>
+          </el-form-item>-->
+
+          <el-form-item label="部门分类" prop="deptType">
+            <el-button-group>
+              <el-button type="info" size="small" @click="deptClick('0')">-</el-button>
+              <el-button type="info" size="small" @click="deptClick('1')">县直单位</el-button>
+              <el-button type="info" size="small" @click="deptClick('2')">街道及乡镇</el-button>
+            </el-button-group>
           </el-form-item>
+
+
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
             <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -503,6 +513,13 @@ export default {
       }
 
     },
+    /** 部门分类按钮组 */
+    deptClick(type) {
+      this.queryParams.deptType = type;
+      deptTreeSelectByDeptType(type).then(response => {
+        this.deptOptions = response.data;
+      });
+    },
     // 筛选节点
     filterNode(value, data) {
       if (!value) return true;