diff --git a/src/main/java/com/dreamchaser/depository_manage/controller/PageController.java b/src/main/java/com/dreamchaser/depository_manage/controller/PageController.java
index 719ec7b4..dcd33982 100644
--- a/src/main/java/com/dreamchaser/depository_manage/controller/PageController.java
+++ b/src/main/java/com/dreamchaser/depository_manage/controller/PageController.java
@@ -501,6 +501,12 @@ public class PageController {
         } else {
             mv.addObject("display", "none");
         }
+        String userAgent = request.getHeader("user-agent");
+        // 判断当前使用的设备为移动端还是pc端
+        boolean b = DeviceUtil.checkAgentIsMobile(userAgent);
+        if(b){
+            mv.setViewName("pages/split/split-out_mobile");
+        }
         return mv;
     }
 
diff --git a/src/main/java/com/dreamchaser/depository_manage/service/impl/SplitUnitServiceImpl.java b/src/main/java/com/dreamchaser/depository_manage/service/impl/SplitUnitServiceImpl.java
index 17e24831..8d7e6eb9 100644
--- a/src/main/java/com/dreamchaser/depository_manage/service/impl/SplitUnitServiceImpl.java
+++ b/src/main/java/com/dreamchaser/depository_manage/service/impl/SplitUnitServiceImpl.java
@@ -766,7 +766,14 @@ public class SplitUnitServiceImpl implements SplitUnitService {
             state = map.get("sstate");
         }
         map.put("sstate", state);
-        return splitUnitMapper.findSplitInfoPByCondition(map);
+        List<SplitInfoP> splitInfoPByCondition = splitUnitMapper.findSplitInfoPByCondition(map);
+        for (SplitInfoP splitInfoP:splitInfoPByCondition
+             ) {
+            if(splitInfoP.getBrand() == null){
+                splitInfoP.setBrand("");
+            }
+        }
+        return splitInfoPByCondition;
     }
 
     /**
diff --git a/src/main/resources/templates/pages/split/split-out_mobile.html b/src/main/resources/templates/pages/split/split-out_mobile.html
new file mode 100644
index 00000000..12730166
--- /dev/null
+++ b/src/main/resources/templates/pages/split/split-out_mobile.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8">
+    <title>layui</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all">
+    <link rel="stylesheet" href="/static/css/public.css" media="all">
+</head>
+<body>
+<div class="layuimini-container">
+    <div class="layuimini-main">
+        <fieldset class="table-search-fieldset">
+            <legend>搜索信息</legend>
+            <div style="margin: 10px 10px 10px 10px">
+                <form class="layui-form layui-form-pane" action="">
+                    <div class="layui-form-item">
+
+                        <div class="layui-inline">
+                            <label class="layui-form-label">物料名称：</label>
+                            <div class="layui-input-block">
+                                <input type="text" class="layui-input" id="mname" name="mname" autocomplete="off" placeholder="请输入物料名称"/>
+                            </div>
+                        </div>
+
+                        <div class="layui-inline">
+                            <label class="layui-form-label">物料型号：</label>
+                            <div class="layui-input-block">
+                                <input type="text" class="layui-input" id="version" name="version" autocomplete="off" placeholder="请输入物料型号"/>
+                            </div>
+                        </div>
+
+                        <div class="layui-inline">
+                            <label class="layui-form-label">物料编码：</label>
+                            <div class="layui-input-block">
+                                <input type="text" class="layui-input" id="mcode" name="mcode" autocomplete="off" placeholder="请输入物料编码"/>
+                            </div>
+                        </div>
+
+
+                        <div class="layui-inline">
+                            <label class="layui-form-label">状态</label>
+                            <div class="layui-input-inline">
+                                <select name="state">
+                                    <option value="">请选择状态</option>
+                                    <option value="1">启用</option>
+                                    <option value="2">禁用</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="layui-inline">
+                            <button type="submit" class="layui-btn layui-btn-primary" lay-submit
+                                    lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索
+                            </button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </fieldset>
+
+        <ul class="flow-default" id="LAY_splitInfo"></ul>
+    </div>
+</div>
+<a id="returnTop" style="display:none;" class="layui-return-top" href="#top"><i class="fa fa-level-up"></i></a>
+<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
+<script src="/static/lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
+<script src="/static/js/Customize/public.js"></script>
+<script>
+    layui.use(['form', 'flow'], function () {
+        var $ = layui.jquery,
+            form = layui.form,
+            flow = layui.flow;
+
+        let takingPre = 0;
+        let size = 8;
+
+
+
+        // 监听搜索操作
+        form.on('submit(data-search-btn)', function (data) {
+            var req = {};
+            data = data.field;
+            if (data.mname !== '') {
+                req.mname = data.mname;
+            }
+            if (data.state !== '') {
+                req.sstate = data.state;
+            }
+            if (data.mcode !== '') {
+                req.mcode = data.mcode
+            }
+            if (data.version !== '') {
+                req.version = data.version
+            }
+
+            //执行搜索重载
+            table.reload('currentTableId', {
+                url: '/split/split_out',
+                page: {
+                    curr: 1
+                },
+                where: req
+            }, 'data');
+            return false;
+        });
+
+        flow.load({
+            elem: '#LAY_splitInfo' //流加载容器
+            , done: function (page, next) { //执行下一页的回调
+                let result;
+                let lis = [];
+
+                $.get('/split/split_out?page=' + page + '&size=' + size, function (res) {
+                    result = res.data;
+                    lis.push("<div class='clearfix'>");
+                    for (let i = 0; i < result.length; i++) {
+
+                        lis.push('<li style="width:100%;margin-top: 10px;float:left;border: 1px solid #9999996e;"><div class="layui-card  my-shadow my-card flow1" onclick="showDetail('
+                            + result[i].id + ')"><div class="layui-card-header"><h2>' + result[i].mname + '</h2></div>');
+                        lis.push('<div class="layui-col-md4 my-info" style="margin-left: 15px; color: #999;font-size: 15px;">'
+                            +'<p style="font-size: large">' + result[i].mcode + '</p>'
+                            +'<p>' + result[i].version + '</p>'
+                            + '<p>' +result[i].brand + '</p>'
+                            + '<p>' +"旧单位："+result[i].oldUnit + '</p>'
+                            + '<p>' +"新单位："+result[i].quantity+" : "+result[i].newUnit + '</p>'
+                            + '</div></div></li>');
+                    }
+                    lis.push('</div>');
+                    takingPre += result.length;
+                    //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
+                    //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
+                    next(lis.join(''), takingPre < res.count);
+                });
+            }
+        });
+
+
+
+        showDetail = function (obj) {
+            var index = layer.open({
+                title: '拆单详情',
+                type: 2,
+                shade: 0.2,
+                maxmin: true,
+                shadeClose: true,
+                area: ['100%', '100%'],
+                content: '/split_edit?id=' + obj,
+                end: function () {
+
+                }
+            });
+            $(window).on("resize", function () {
+                layer.full(index);
+            });
+        }
+
+    });
+</script>
+
+</body>
+</html>
\ No newline at end of file
