scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
							{extend name="public/layout" /}
{block name="title"}人员详情{/block}
{block name="body"}
<style type="text/css">
    html,
    body {
        display: block;
        background-color: #fff;
    }

    .layui-fluid {
        display: block;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 15px 30px;
    }

    .layui-table-view .layui-table th,
    .layui-table-view .layui-table td {
        text-align: center;
        border-color: #B6CADE;
    }


    .upload-img .area i {
        font-size: 50px;
        color: #009688;
    }


    /*///*/
    .text-right {
        text-align: right;
    }


    .text-detail > span {
        font-size: 40px;
    }

    html {
        background: #fff;
    }

    .imageDiv div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-color: #e6e6e600;
    }

    .imageDiv div i {
        display: none;
        font-size: 31px;
        position: absolute;
        top: 37%;
        left: 40%;
    }

    .imageDiv div:hover {
        background-color: #e6e6e680;
    }

    .imageDiv div:hover i {
        display: block;
        cursor: pointer;
    }

    .rotate180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .goback {
        float: right;
    }

    .goback a {
        color: #269efb;
    }

    .goback i {
        position: relative !important;
    }

    .layui-form-label-content {
        float: left;
        display: block;
        padding: 9px 20px;
        width: 80px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }

</style>

<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header ">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">员工详情</label>
                </div>
            </div>

        </div>
        <div class="layui-card-body">
            <form class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-grant-form-list"
                  style="padding: 20px 30px 0 0;">
                <div class="layui-form-item">
                    <label class="layui-form-label">员工名称</label>
                    <div class="layui-form-label-content">
                        {:$data.name}
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">电话</label>
                    <div class="layui-form-label-content" id="new_phone">
                        {:$data.phone}
                    </div>
                    <div class="layui-form-mid layui-word-aux" style="color: #269efb!important;cursor: pointer;" id="set_phone">
                        修改
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">昵称</label>
                    <div class="layui-form-label-content">
                        {:$data.user.nickname}
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"><i style="color:red;">*</i>形象照</label>
                    <div class="layui-input-inline" id="upload-drag">
                        {if condition="empty($data.image_photo)"}
                            <div class="layui-upload-drag">
                                <i class="layui-icon">&#xe681;</i>
                                <p>上传形象照</p>
                            </div>
                        {else /}
                            <img src="{$data.image_photo}" style="height: 100%;width:100%;">
                        {/if}
                    </div>
                </div>
                <input type="hidden" name="employee_id" value="{$data.id}">
                <div class="layui-form-item">
                    <label class="layui-form-label">微信号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="wx" placeholder="请输入微信号" autocomplete="off" class="layui-input" value="{$data['wx']|default=''}">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">职务</label>
                    <div class="layui-input-inline">
                        <input type="text" name="position" placeholder="请输入职务" autocomplete="off" class="layui-input" value="{$data['position']|default=''}">
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label"></label>
                    <input type="button" class="layui-btn btn layui-btn-primary" lay-submit
                           lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="保存">
                </div>
            </form>
        </div>
    </div>
</div>
</body>
{/block}
{block name="js"}
<script type="text/javascript" src="__STATIC__/js/plupload/js/plupload.full.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/plupload/ossupload.js"></script>
<script src="__STATIC__/layui/layui/layui.js"></script>
<script>
    layui.config({
        base: '__LAYUI__/' //静态资源所在路径
        ,
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'admin', 'upload'], function () {
        var form = layui.form,
            admin = layui.admin,
            upload = layui.upload,
            $ = layui.$;

        //拖拽上传
        upload.render({
            elem: '#upload-drag',
            accept: 'image',
            exts: 'png|jpg|ico|jpeg|bmp',
            auto: false,
            field: 'image_photo',
            size: 1 * 1024,
            choose: function(obj) {
                obj.preview(function(index, file, result) {
                    $('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
                });
            }
        });

        $('#set_phone').click(function(){
            layer.prompt({title: '输入更新的手机号', formType: 2, area:['220px','25px']}, function(phone, index){
                var employee_id = $('input[name=employee_id]').val();
                layer.confirm('请认真核对手机号，确保账户安全!', {
                    btn: ['提交']
                }, function () {
                    $.ajax({
                        url: '{:url("employee/set_phone")}',
                        type: 'post',
                        data: {phone: phone, employee_id: employee_id},
                        dataType: 'json',
                        success: function (res) {
                            if (res.code === 0) {
                                layer.close(index);
                                layer.msg(res.msg, {
                                    anim: 0
                                    , time: 2000
                                }, function () {
                                    $('#new_phone').html(res.data);
                                });
                            } else {
                                layer.msg(res.msg, {
                                    anim: 6
                                    , time: 2000
                                });
                            }
                        }
                    });
                });
            });
        });

        form.on('submit(layuiadmin-app-form-submit)', function(data) {
            /*if (data.field.image_photo=="" || data.field.image_photo==null || data.field.image_photo==undefined) {
                layer.msg('请上传名片头像', {anim: 0,time: 1000,icon: 5});
                return false;
            }*/

            var index = parent.layer.getFrameIndex(window.name);
            var formData = new FormData(data.form);
            var sd = layer.load(1, {
                shade: [0.8, '#000']
            });

            // 单击之后提交按钮不可选,防止重复提交
            var DISABLED = 'layui-btn-disabled';
            var target = '#layuiadmin-app-form-submit';
            $(target).addClass(DISABLED);
            $(target).attr('disabled', 'disabled');

            admin.req({
                url: '{:url("employee/save_card")}',
                data: formData,
                type: 'post',
                processData: false,
                contentType: false,
                done: function(res) {
                    $(target).removeClass(DISABLED);
                    $(target).removeAttr('disabled');
                    if(res.code == 0) {
                        layer.msg(res.msg, {
                            icon: 1,
                            time: 1000
                        },function(){
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(index);
                        });

                    }else{
                        layer.msg(res.msg, {anim: 0,time: 1000,icon: 5});
                    }
                    layer.close(sd);
                }
            });
        });
    });
</script>
{/block}