用户关联供应商功能

YL

2021-10-20 f46ee25f93e2ce8b080f3b1407a23946cad8cf69

 WebTM/views/ϵͳ¹ÜÀí/Óû§¹ÜÀí/Xt_UserListEdit.html

@@ -8,9 +8,9 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <style type="text/css">
@@ -45,8 +45,8 @@
                                    <div class="layui-tab layui-tab-card">
                                        <ul class="layui-tab-title">
                                            <li class="layui-this">基本信息</li>
                                            <li>对应金蝶信息</li>
                                            <li>CLOUD账号设置</li>
                                            <li style="display:none;">对应金蝶信息</li>
                                            <li style="display:none;">CLOUD账号设置</li>
                                        </ul>
                                        <div class="layui-tab-content">
                                            <div class="layui-tab-item layui-show">
@@ -56,7 +56,6 @@
                                                            <label class="layui-form-label">编码</label>
                                                            <div class="layui-input-inline">
                                                                <input class="layui-input" name="Czybm" lay-verify="Czybm" id="Czybm" autocomplete="off">
                                                                <input id="Czybm" name="Czybm" type="hidden" />
                                                            </div>
                                                        </div>
                                                        <div class="layui-inline">
@@ -70,15 +69,15 @@
                                                        <div class="layui-inline">
                                                            <label class="layui-form-label">密码</label>
                                                            <div class="layui-input-inline">
                                                                <input class="layui-input" name="Czmm" id="Czmm" value="" style="float:left;width:150px;">
                                                                <input type="password" class="layui-input" name="Czmm" id="Czmm" value="" >
                                                            </div>
                                                        </div>
                                                        <div class="layui-inline">
                                                            <label class="layui-form-label">确认密码</label>
                                                            <div class="layui-input-inline">
                                                                <input type="text" name="Czyyz" id="Czyyz" readonly class="layui-input" value="" style="float:left;width:150px;">
                                                                <input type="password" name="Czyyz" id="Czyyz"  class="layui-input" value="" style="float:left;width:150px;">
                                                                <button type="button" lay-submit="" class="layui-btn" lay-filter="CzyyzList" style="width:40px;">
                                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                                    <i class="layui-icon layui-icon-edit layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                                </button>
                                                            </div>
                                                        </div>
@@ -90,10 +89,11 @@
                                                                <textarea placeholder="请输入摘要" class="layui-textarea" name="Explain" id="Explain"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="layui-inline">
                                                        <div class="layui-inline" style="display:none;">
                                                            <label class="layui-form-label">对应职员</label>
                                                            <div class="layui-input-inline">
                                                                <input type="text" name="HEmpID" id="HEmpID" readonly class="layui-input" value="" style="float:left;width:150px;">
                                                                <input type="text" name="HEmpName" id="HEmpName"  class="layui-input" value="" style="float:left;width:150px;">
                                                                <input type="hidden" name="HEmpID" id="HEmpID"  class="layui-input" value="" style="float:left;width:150px;">
                                                                <button type="button" lay-submit="" class="layui-btn" lay-filter="HEmpList" style="width:40px;">
                                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                                </button>
@@ -109,7 +109,7 @@
                                                            <div class="layui-inline">
                                                                <label class="layui-form-label">对应组织</label>
                                                                <div class="layui-input-inline">
                                                                    <select name="HOrgID" id="HOrgID" lay-verify="required">
                                                                    <select name="HOrgID" id="HOrgID" >
                                                                        <option value="">请选择</option>
                                                                    </select>
                                                                </div>
@@ -218,23 +218,19 @@
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width:110px;">对应CLOUD账号</label>
                                                    <div class="layui-input-inline">
                                                        <input class="layui-input" name="Czybm" lay-verify="Czybm" id="Czybm" autocomplete="off">
                                                        <input class="layui-input" name="" lay-verify="" id="" >
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label" style="width:110px;">对应CLOUD密码</label>
                                                    <div class="layui-input-inline">
                                                        <input class="layui-input" name="Czymc" id="Czymc" autocomplete="off">
                                                        <input class="layui-input" name="" id="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-tab-item layui-show">
                                            <div class="layui-btn-container">
                                                <button type="button" class="layui-btn" lay-demotransferactive="getData">获取右侧数据</button>
                                                <button type="button" class="layui-btn" lay-demotransferactive="reload">重新加载</button>
                                            </div>
                                            <div id="test1" class="demo-transfer" align="left"></div>
                                           
                                        </div>
                                    </div>
                                </div>
@@ -246,6 +242,8 @@
        </div>
    </div>
    <script>
        var Sav = ""; //提交类型
        var Psv = ""; //是否修改密码
        //获取参数
        var params = get_UrlVars();
        if (typeof (params[params[0]]) == "undefined") {
@@ -264,7 +262,8 @@
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'laydate', 'table', 'element','transfer','util'], function () {
        }).use(['index', 'form', 'laydate', 'table', 'element'], function () {

            //#region å…¬å…±å˜é‡
            var $ = layui.$
                , admin = layui.admin
@@ -273,56 +272,220 @@
                , form = layui.form
                , laydate = layui.laydate
                , element = layui.element
                , transfer = layui.transfer
                , util = layui.util
                , formSelects = layui.formSelects
           
            //#endregion

            //1.模拟数据
            var data1 = [
                { "value": "1", "title": "张三" },
                { "value": "2", "title": "李四" },
                { "value": "3", "title": "王五", "disabled": true },
                { "value": "4", "title": "赵六" },
                { "value": "5", "title": "王子" },
                { "value": "6", "title": "小红" },
                { "value": "7", "title": "小zhang", "checked": true },
            ];
            //#region è¿›å…¥é¡µé¢æ—¢åŠ è½½

            //2.数据格式解析
            transfer.render({
                elem: '#test1'
                , title: ['未选数据', '已选数据']//自定义标题
                , width: 200 //定义宽度
                , height: 300 //定义高度
                , parseData: function (res) {//数据参数来源data1转换处理
                    return {
                        "value": res.value //data1属性
                        , "title": res.title//data1属性
                        , "disabled": res.disabled // false  //是否禁用
                        , "checked": res.checked// false //是否选中
            //判断操作类型
            if (OperationType == 1) {//无源新增       
                Sav = "Add";
                $('#Czybm').attr("disabled", false);
                $('#Czymc').attr("disabled", false);
                $('#Czmm').attr("disabled", false);
                $('#Czyyz').attr("disabled", false);
                $('#Explain').attr("disabled", false);
  
            }
            else if (OperationType == 3) {//编辑
                Sav = "Update";
                $('#Czybm').attr("disabled", true);
                $('#Czymc').attr("disabled", false);
                $('#Czmm').attr("disabled", true);
                $('#Czyyz').attr("disabled", true);
                $('#Explain').attr("disabled", false);
          
                set_EditFromGrid(linterid);//编辑获取表头信息
            }
            else {
                layer.alert("未知操作类型！", { icon: 5 });
            }
            //#endregion


            //#region ç‚¹å‡»äº‹ä»¶ï¼ŒåŒ…括on和form事件
            //确认密码弹窗
            form.on('submit(CzyyzList)', function () {
                $('#Czmm').val("");
                $('#Czyyz').val("");
                $('#Czmm').attr("disabled", false);
                $('#Czyyz').attr("disabled", false);
                Psv="Update"
            });

            //表头信息职员弹窗
            form.on('submit(HEmpList)', function () {
                //页面层-自定义
                layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //加上边框
                    title: '职员列表',
                    closeBtn: 1,
                    shift: 2,
                    area: ['80%', '80%'],
                    maxmin: true,
                    content: ['../../PublicPage/UserInformation.html', 'yes'],
                    btn: ['确定', '取消']
                    , btn1: function (index, layero) {

                        //按钮【按钮一】的回调
                        var iframeWindow = window['layui-layer-iframe' + index]  //获取弹框页面
                        var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
                        if (checkStatus.data.length === 0) {
                            return layer.msg('请选择数据');
                        }
                        $("#HEmpName").val(checkStatus.data[0].HName);
                        $("#HEmpID").val(checkStatus.data[0].HItemID);
                        layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
                    }
                    , btn2: function (index, layero) {
                        //按钮【按钮二】的回调
                        //return false å¼€å¯è¯¥ä»£ç å¯ç¦æ­¢ç‚¹å‡»è¯¥æŒ‰é’®å…³é—­
                    },
                    end: function () {

                    },
                    success: function (layero, index) {

                    }
                });
            });

            //保存
            form.on('submit(Saver)', function (data) {
                //debugger;
                var sMainStr = JSON.stringify(data.field) + ';' + Sav;
                if (!AllowLoadData())//数据验证
                {
                    return false;
                }
                $.ajax(
                    {
                        type: "POST",
                        url: GetWEBURL() + "/Xt_User/SaveUser", //方法所在页面和方法名
                        async: true,
                        data: { "msg": sMainStr },
                        dataType: "json",
                        success: function (data) {
                            if (data.count == 1) { // è¯´æ˜ŽéªŒè¯æˆåŠŸäº†ï¼Œ
                                layer.msg(data.Message, { time: 1 * 1000, icon: 1 }, function () {
                                    $('#add-btn').addClass("layui-btn-disabled").attr("disabled", true);
                                    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                                    parent.layer.close(index); //再执行关闭 Â  Â  Â  Â  Â Â  Â Â Â  Â 
                                });
                            }
                            else {

                                f_alert(data.Message);
                                console.log("Reason" + sMainStr + "sub:" + JSON.stringify(layui.table.cache.mainTable));
                            }
                            layer.closeAll("loading");
                        },
                        error: function (err) {

                            f_alert("错误:" + err);
                            console.log("Reason" + sMainStr);
                        }
                    });
            });

            //退出
            form.on('submit(Exit)', function (data) {
                if (linterid == undefined) {
                    //关闭页签
                    Pub_Close(2);
                }
                else {
                    //关闭页签
                    Pub_Close(1);
                }
            });

            //#endregion


            //编辑获取表头信息
            function set_EditFromGrid(linterid)
            {
                $.ajax({
                    url: GetWEBURL() + "Xt_User/EditUser",
                    type: "GET",
                    data: {
                        "HID": linterid
                    },
                    success: function (result) {
                        if (result.code == 1) { // è¯´æ˜ŽéªŒè¯æˆåŠŸäº†ï¼Œ
                            var data = result.data.h_v_IF_UserList_Edit[0];
                            console.info(data);
                            form.val("component-form-group", { //formTest å³ class="layui-form" æ‰€åœ¨å…ƒç´ å±žæ€§ lay-filter="" å¯¹åº”的值
                                "Czybm": data.用户编码                    //用户编码
                                , "Czymc": data.用户名称              //用户名称
                                , "Czmm": data.密码                    //密码
                                , "Czyyz": ""                           //确认密码
                                , "Explain": data.说明         //说明
                            });

                        } else {
                            layer.alert(result.msg, { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
                        }
                    }, error: function () {
                        layer.alert("发生错误!", { icon: 5 });
                    }
                });
            }

            //提交验证
            function AllowLoadData()
            {
                var Result = true;
                if (Sav == "Add")
                {
                    if ($("#Czmm").val() == '' || $("#Czmm").val() == null) {
                        layer.msg("密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        return Result = false;
                    }
                    if ($("#Czyyz").val() == '' || $("#Czyyz").val() == null) {
                        layer.msg("确认密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        return Result = false;
                    }
                    if ($("#Czyyz").val()!= $("#Czmm").val()) {
                        layer.msg("两次密码不一样！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        return Result = false;
                    }
                }
                , data: data1//数据参数来源
                , showSearch: true//显示搜索框
                , id: "keyPro"//唯一标识
                , value: ['6']//用于回显或默认选中
            });

            //3.util监听事件
            util.event('lay-demotransferactive', {
                getData: function (othis) {//获取右侧数据
                    var getData = transfer.getData('keyPro'); //唯一标识
                    layer.alert(JSON.stringify(getData));
                },
                reload: function () {//重新加载
                    transfer.reload('keyPro', {
                        value: ['6']
                    });
                if (Sav == "Update")
                {
                    if ($("#Czmm").val() == '' || $("#Czmm").val() == null) {
                        layer.msg("密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        return Result = false;
                    }
                    if (Psv == "Update")
                    {
                        if ($("#Czyyz").val()== '' || $("#Czyyz").val()== null) {
                            layer.msg("确认密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                            return Result = false;
                        }
                        if ($("#Czyyz").val()!= $("#Czmm").val()) {
                            layer.msg("两次密码不一样！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                            return Result = false;
                        }
                    }
                   
                }
            });

                if ($("#Czybm").val() == '' || $("#Czybm").val() == null) {
                    layer.msg("编码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                    return Result = false;
                }
                if ($("#Czymc").val() == '' || $("#Czymc").val() == null) {
                    layer.msg("用户名不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                    return Result = false;
                }
                else {
                    return Result = true;
                }
                return Result;
            }

        });
    </script>