#甲方单位页面优化

LSH

2023-07-26 e53f3c7239749294f5c61245651235a02fb3e41b

 src/main/webapp/views/cstmr/cstmr.html

@@ -9,6 +9,7 @@
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
    <link rel="stylesheet" href="../../static/css/tree.css" media="all">
    <style>
        .nav-box {
            position: absolute;
@@ -18,7 +19,31 @@
        .nav-box-item {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            margin-right: 5px;
        }

        .layui-dropdown.layui-border-box.layui-panel.layui-anim.layui-anim-downbit,.layui-dropdown.layui-border-box.layui-panel.layui-anim.layui-anim-downbit * {
            box-sizing:inherit;
        }

        .layui-menu li {
            width: inherit;
        }
        .layui-tree-icon {
            height: 16px;
            line-height: 15px;
            width: 15px;
            text-align: center;
            border: 1px solid #c0c4cc;
        }

        .site-dropdown-demo,
        .site-dropdown-demo .layui-menu{background: #32363F;border-color: #484e58;}
        .site-dropdown-demo .layui-menu li{color: #a1a8b8;}
        .site-dropdown-demo .layui-menu li:hover{background-color: #32363F;}
        .layui-menu-body-title>.layui-icon {
            position: relative;
            margin-right: 5px;
        }
    </style>
</head>
@@ -27,24 +52,43 @@
<div class="layui-fluid">
    <div class="layui-card" style="margin-bottom: 5px">
        <div class="layui-card-body">
            <div class="layui-form toolbar" style="display: flex;justify-content: flex-end;position: relative">
            <div id="search-box" class="layui-form toolbar" style="display: flex;justify-content: flex-end;position: relative">
                <div class="nav-box">
                    <div class="nav-box-item">
                        <i class="layui-icon" style="color: #1890ff;font-weight: bold">&#xe770;</i>
                        <i class="layui-icon" style="color: #1890ff;font-weight: bold">&#xe613;</i>
                    </div>
                    <div class="nav-box-item">
                        <div class="dropdown-menu">
                            <button style="border: none" class="layui-btn layui-btn-primary icon-btn">陆晓涛<i class="layui-icon layui-icon-drop"></i></button>
                            <div class="dropdown-menu-nav" style="width: 280px;height: 500px; padding: 0 10px 10px 10px;">
                            </div>
                        </div>
                        <button id="organization" style="border: none;padding-right: 35px;" class="layui-btn layui-btn-primary icon-btn">
                            未知
                        </button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off" style="border-color: #e1e1e1">
                        <label class="layui-form-label">跟进人:</label>
                        <div class="layui-input-block">
                            <input class="layui-input" type="text" name="followerName" placeholder="跟进人" autocomplete="off" style="border-color: #e1e1e1">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">指定字段:</label>
                        <div class="layui-input-block">
                            <select id="conditionNameSelect" name="conditionName"  lay-search>
                                <option value = "" > 请选择... </option>
                                <option value="name" >客户名称</option>
                                <option value="uuid" >客户代码</option>
                                <option value="addr" >详细地址</option>
                                <option value="tel" >电话</option>
                                <option value="remarks" >备注</option>
                                <option value="rela" >客户关系</option>
                                <option value="simple" >客户简称</option>
                                <option value="director" >负责人</option>
                                <option value="contacts" >客户联系人</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <input class="layui-input" type="text" name="condition" placeholder="值" autocomplete="off" style="border-color: #e1e1e1">
                    </div>
                    <div class="layui-inline">&emsp;
                        <button class="layui-btn icon-btn layui-btn-sm" lay-filter="search" lay-submit>
@@ -52,28 +96,16 @@
                        </button>
                        <button id="cstmrAddBtn" class="layui-btn icon-btn btn-add layui-btn-sm"><i class="layui-icon">&#xe654;</i>添加
                        </button>
                        <button class="layui-btn icon-btn layui-btn-sm" lay-filter="cstmrDel" lay-submit>
                            <i class="layui-icon">&#xe656;</i>删除
                        <button class="layui-btn layui-btn-danger icon-btn layui-btn-sm" lay-filter="cstmrDel" lay-submit>
                            <i class="layui-icon">&#xe640;</i>删除
                        </button>
                    </div>
                    <div class="layui-inline">
                        <div class="dropdown-menu">
                            <button class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm">&nbsp;数据同步 <i class="layui-icon layui-icon-drop"></i></button>
                            <ul class="dropdown-menu-nav dark">
                                <div class="dropdown-anchor"></div>
                                <li class="title">1st menu</li>
                                <li><a onclick="excelMouldDownload()" style="font-size: 12px"><i class="layui-icon layui-icon-template-1"></i>模板下载</a></li>
                                <li><a onclick="importExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-upload"></i>导入 Excel</a></li>
                                <li style="display: none"><input id="importExcel" type="file" onchange="upload(this)" ></li>
                                <hr>
                                <li class="title">2nd menu</li>
                                <li><a onclick="exportExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-export"></i>导出 Excel</a></li>
                            </ul>
                        </div>
                        <button id="data-btn" class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm">&nbsp;数据同步
                        </button>
                    </div>
                </div>
            </div>
            <table class="layui-hide" id="cstmr" lay-filter="cstmr"></table>
            <input style="display:none" id="importExcel" type="file" onchange="upload(this)" >
        </div>
    </div>
    <div class="layui-card" style="margin-bottom: 0">
@@ -93,19 +125,20 @@
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cstmr/cstmr.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/layui/lay/modules/cascader/citys-data.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cstmr/cstmr.js" charset="utf-8"></script>

</body>
<!-- 表单弹窗 -->
<script type="text/html" id="editDialog">
    <form id="detail" lay-filter="detail" class="layui-form admin-form model-form">
    <div id="detail" lay-filter="detail" class="layui-form admin-form model-form">
        <input name="id" type="hidden">
        <div class="layui-row">
            <div class="layui-col-md6">
                <div class="layui-form-item">
                    <label class="layui-form-label layui-form-required">客户名称: </label>
                    <div class="layui-input-block">
                        <input class="layui-input" name="name" placeholder="请输入客户名称" lay-vertype="tips" lay-verify="required" autocomplete="off">
                        <input class="layui-input" name="name" placeholder="请输入客户名称" lay-vertype="tips" lay-verify="required|name" lay-min="8" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
@@ -121,39 +154,21 @@
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">省市区 : </label>
                    <label class="layui-form-label layui-form-required">省市区 : </label>
                    <div class="layui-input-block">
                        <input id="cascaderVal" name="pcd" placeholder="请选择" class="layui-hide"/>
                    </div>
                </div>
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">省: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="province" placeholder="请输入省">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">市: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="city" placeholder="请输入市">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">县: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="district" placeholder="请输入县">-->
<!--                    </div>-->
<!--                </div>-->
                <div class="layui-form-item">
                    <label class="layui-form-label">详细地址: </label>
                    <div class="layui-input-block">
                        <input class="layui-input" name="addr" placeholder="请输入详细地址" autocomplete="off">
                        <input id="cascaderVal" name="pcd" placeholder="请选择" class="layui-hide" lay-verify="required"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">客户联系人: </label>
                    <label class="layui-form-label layui-form-required">详细地址: </label>
                    <div class="layui-input-block">
                        <input class="layui-input" name="contacts" placeholder="请输入客户联系人" autocomplete="off">
                        <input class="layui-input" name="addr" placeholder="请输入详细地址" autocomplete="off" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-form-required">客户联系人: </label>
                    <div class="layui-input-block">
                        <input class="layui-input" name="contacts" placeholder="请输入客户联系人" autocomplete="off" lay-verify="required">
                    </div>
                </div>
            </div>
@@ -175,15 +190,15 @@
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">电话: </label>
                    <label class="layui-form-label layui-form-required">电话: </label>
                    <div class="layui-input-block">
                        <input class="layui-input" name="tel" placeholder="请输入电话" autocomplete="off">
                        <input class="layui-input" name="tel" placeholder="请输入电话" autocomplete="off" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">负责人: </label>
                    <label class="layui-form-label layui-form-required">负责人: </label>
                    <div class="layui-input-block cool-auto-complete">
                        <input class="layui-input" name="director" placeholder="请输入负责人" style="display: none">
                        <input class="layui-input" name="director" placeholder="请输入负责人" style="display: none" lay-verify="required">
                        <input id="director$" name="director$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入负责人" onfocus=this.blur()>
                        <div class="cool-auto-complete-window">
                            <input class="cool-auto-complete-window-input" data-key="userQueryBydirector" onkeyup="autoLoad(this.getAttribute('data-key'))">
@@ -205,7 +220,7 @@
            <button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button>
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
        </div>
    </form>
    </div>
</script>
</html>