费用审核列表所属部门选择

src/main/resources/mapper/StaBudgetapprovalDao.xml

@@ -606,7 +606,7 @@
             and b.sqrxm like '%'+#{sqr}+'%'
         </if>
         <if test="ssbmmc != null and ssbmmc != ''">
-            and d.dept_name like '%'+#{ssbm}+'%'
+            and d.dept_name like '%'+#{ssbmmc}+'%'
         </if>
         <if test="nf != null and nf != ''">
             and b.NF = #{nf}

src/main/resources/templates/stafeemanage/list_allapply.html

@@ -87,9 +87,9 @@
                             </div>
                         </div>
                         <div class="layui-inline">
-                            <label class="layui-form-label" style="width: 60px">所属部门</label>
-                            <div class="layui-input-inline" style="width: 150px">
-                                <input type="text" id="ssbmmc" name="ssbmmc" autocomplete="off" class="layui-input">
+                            <label class="layui-form-label required" style="width: 60px">所属部门</label>
+                            <div class="layui-input-block">
+                                <input type="text" id="ssbmmc" name="ssbmmc" >
                             </div>
                         </div>
                         <div class="layui-inline">
@@ -212,11 +212,12 @@
     var updateflag = 0;
     var fyApproval = {};
 
-    layui.use(['form', 'table', 'tableSelect', 'laydate'], function () {
+    layui.use(['form', 'table', 'tableSelect', 'laydate','layCascader'], function () {
         var form = layui.form,
             tableSelect = layui.tableSelect,
             laydate = layui.laydate,
             table = layui.table;
+            layCascader = layui.layCascader;
         var userId = $("#userId").val();
 
         var sqsj1 = '',
@@ -248,7 +249,46 @@
                 }
             }
         });
+        var index2 = layer.load(0, {shade: 0.1});
+        AjaxUtil.get({
+            url: AjaxUtil.ctx + 'userinfo/listDeptForSelect',
+            success: function (res) {
+                layer.close(index2);
+
+                var datalist = [];
+                for (let item of res.data) {
+                    item.value = item.deptName;
+                    item.label = item.deptName;
+                    datalist.push(item);
+                }
+                console.log(datalist)
+                // 扁平数据转树
+                var options = arrayToTree(datalist, "0");
+
+                // 初始化cascader实例
+                var cascader = layCascader({
+                    elem: '#ssbmmc',
+                    clearable: true,
+                    showAllLevels: false, // 配置仅显示最后一级
+                    props: {
+                        checkStrictly: true, // 配置选择任意一级选项
+                    },
+                    options: options
+                });
 
+                // 监听cascader变化
+                cascader.changeEvent(function (value, node) {
+                    // 主动关闭面板
+                    cascader.close();
+                    $("#deptId").val(value);
+                    console.log(node);
+                });
+            },
+            error: function (error) {
+                layer.close(index2);
+                Message.error('获取部门信息失败！', 1000);
+            }
+        });
         //电科院负责人
         tableSelect.render({
             elem: '#dkyfzrxm',
@@ -795,6 +835,20 @@
     function getXmApproval() {
         return xmApproval;
     }
+    function arrayToTree(data, firstPid) {
+        const result = [];
+        getChildren(data, result, firstPid)
+        return result;
+    }
+    function getChildren(data, result, parentId) {
+        for (const item of data) {
+            if (item.parentId === parentId) {
+                const newItem = {...item, children: []};
+                result.push(newItem);
+                getChildren(data, newItem.children, item.deptId);
+            }
+        }
+    }
 </script>
 </body>
 </html>