ZLPMS/PMS.WebUI/Views/SmartForm/AddSmartForm.cshtml


@{
    ViewBag.Title = "AddSmartForm";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<!-- 引入样式 -->
@*<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">*@
<link href="~/Content/Scripts/plugins/element/element-ui.css" rel="stylesheet" />
<link href="~/Content/Scripts/plugins/form-making-advanced@1.4.4.00/dist/FormMaking.css" rel="stylesheet" />
<style>
    fieldset {
        border: solid 1px #EEE;
        margin: 5px;
    }

    table td {
        padding: 10px;
    }
</style>

<div class="easyui-layout" data-options="fit:true">
    <div class="easyui-tabs" data-options="fit:true">

        <div title="基础信息" style="padding:5px">
            <form id="ff" method="post" class="layui-form" lay-filter="ff">
                <fieldset>

                    @*<legend><input class="easyui-checkbox" type="checkbox" name="ZT" checked="" label="启用" labelPosition="after"></legend>*@
                    <table>
                        <tr>
                            <td>状态:</td>
                            <td>  <input type="checkbox" name="ZT" id="IsActive" lay-skin="primary" title="启用" checked=""></td>
                            <td>分类:</td>
                            <td><input id="sjid" name="FLID" type="text" class="easyui-combotree" style="width:300px" /></td>
                        </tr>
                        <tr>
                            <td>表单名:</td>
                            <td><input type="text" class="easyui-textbox" id="bdm" name="MC" data-options="required:true" value="" style="width:300px" /></td>
                            <td>标题:</td>
                            <td><input type="text" class="easyui-textbox" id="bt" name="BT" value="" style="width:300px" /></td>
                        </tr>
                        <tr>
                            <td>处理模式:</td>
                            <td>
                                <input type="radio" lay-filter="CLMS" name="CLMS" value="0" title="无需处理" checked>
                                <input type="radio" lay-filter="CLMS" name="CLMS" value="1" title="需要处理">
                            </td>
                            <td>填写限制:</td>
                            <td>
                                <input type="radio" lay-filter="TXXZ" name="TXXZ" value="0" title="无限制" checked>
                                <input type="radio" lay-filter="TXXZ" name="TXXZ" value="1" title="只填写">
                                <input type="text" class="easyui-numberbox" id="TXCS" value="" style="width:80px" /> 次

                            </td>
                        </tr>
                        <tr>
                        </tr>
                        <tr>
                            <td>填报提醒:</td>
                            <td>
                                <input type="radio" name="SFTX" value="1" title="是">
                                <input type="radio" name="SFTX" value="0" title="否" checked>
                            </td>
                        </tr>
                        <tr>
                            <td>提醒号码:</td>
                            <td><input type="text" class="easyui-textbox" id="tel" name="TXHM" value="" style="width:300px" prompt="绑定微信的手机号，多人使用逗号分割" /></td>
                            <td>邮件推送:</td>
                            <td><input type="text" class="easyui-textbox" id="mail" name="YJTS" value="" style="width:300px" prompt="接收人的邮箱地址,多人使用逗号隔开" /></td>
                        </tr>
                        <tr>
                            <td> <hr /></td>
                        </tr>
                        <tr>
                            <td>审核提醒:</td>
                            <td>
                                <input type="radio" name="SHTX" value="1" title="是">
                                <input type="radio" name="SHTX" value="0" title="否" checked>
                            </td>
                            <td>是否包含附件:</td>
                            <td>
                                <input type="radio" name="SHBHFJ" value="1" title="是">
                                <input type="radio" name="SHBHFJ" value="0" title="否" checked>
                            </td>
                        </tr>
                        <tr>
                            <td>提醒号码:</td>
                            <td><input type="text" class="easyui-textbox" id="shtel" name="SHTXHM" value="" style="width:300px" prompt="绑定微信的手机号，多人使用逗号分割" /></td>
                            <td>邮件推送:</td>
                            <td><input type="text" class="easyui-textbox" id="shmail" name="SHYJTS" value="" style="width:300px" prompt="接收人的邮箱地址,多人使用逗号隔开" /></td>
                        </tr>
                        <tr>
                            <td>备注:</td>
                            <td><input type="text" class="easyui-textbox" id="bz" name="BZ" value="" style="width:300px" /> </td>
                        </tr>

                    </table>
                </fieldset>
            </form>

        </div>

        <div title="填写项目" style="padding:5px">

            <div id="fill">
                <fm-making-form style="height: 610px;" preview generate-code generate-json ref="fillitem">
                </fm-making-form>
            </div>

        </div>
        <div title="回复项目" style="padding:5px">
            <div id="reply">
                <fm-making-form style="height: 610px;" preview generate-code generate-json ref="replyitem">
                </fm-making-form>
            </div>
        </div>
    </div>
    <div data-options="region:'south',border:false" style="height:50px;text-align:right; padding:5px">
        <button type="button" class="layui-btn layui-btn-normal" id="save">确定</button>
        <button type="button" class="layui-btn layui-btn-primary" id="cancel">取消</button>
    </div>

    <input type="hidden" id="ID" name="ID" value="" />
</div>


<!-- 引入组件库 -->
@*<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>*@
<script src="~/Content/Scripts/vue.js"></script>
<script src="~/Content/Scripts/plugins/element/element-ui.js"></script>
<script src="~/Content/Scripts/plugins/form-making-advanced@1.4.4.00/dist/FormMaking.umd.js"></script>
<script src="~/ViewModels/SmartIndex.js?v=1.3"></script>
<script>

    var id = decodeURI(getQueryString("id"));
    var type = decodeURI(getQueryString("type"));//1新增2修改
    $(function () {
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        var fill = new Vue({
            el: "#fill",
            data: {
                fillJson: ''
            },
            methods: {
                getFillJson() {
                    var json = this.$refs.fillitem.getJSON()
                    this.fillJson = JSON.stringify(json)
                },
                setFillJson(setFillJson) {
                    this.$refs.fillitem.setJSON(JSON.parse(setFillJson))
                },
                init() {
                    if (type == 2) {//修改
                        $('#ID').val(id);
                        $.ajax({
                            url: '/SmartForm/BdxxSelect/' + id,
                            method: 'post',
                            success: function (data) {
                                if (data.TXXZ != 0) {
                                    $('#TXCS').numberbox('setValue', data.TXXZ);
                                    data.TXXZ = 1;

                                }
                                $('#ff').form('load', data);
                                if (data.BDNR != "") {
                                    fill.setFillJson(data.BDNR);
                                }
                                if (data.BDCLNR != "") {
                                    reply.setReplyJson(data.BDCLNR);
                                }

                                if (data.ZT == 0) {
                                    $('#IsActive').prop("checked", false);
                                }
                                else {
                                    $('#IsActive').prop("checked", true);
                                }
                                if (data.TXXZ == 0) {
                                    $('#TXCS').numberbox('setValue', 0);
                                    $("#TXCS").numberbox({
                                        disabled: true
                                    })
                                }
                                if (data.CLMS == 0) {
                                    $('.easyui-tabs').tabs('disableTab', 2);
                                } else {
                                    $('.easyui-tabs').tabs('enableTab', 2);
                                }
                                layui.form.val('ff', {
                                });



                            }
                        })
                    }
                    else {
                        $('.easyui-tabs').tabs('disableTab', 2);//默认禁用回复项目
                        $('#TXCS').numberbox('setValue', 0);
                        $("#TXCS").numberbox({
                            disabled: true
                        })
                    }
                }
            },
            computed: {

            }, mounted() {
                this.init();
            }
        });
        var reply = new Vue({
            el: "#reply",
            data: {
                replyJson: ''
            },
            methods: {
                getReplyJson() {
                    var json = this.$refs.replyitem.getJSON()
                    this.replyJson = JSON.stringify(json)
                },
                setReplyJson(getReplyJson) {
                    this.$refs.replyitem.setJSON(JSON.parse(getReplyJson))
                },
            },
            computed: {

            }
        });

        $("#sjid").combotree({
            lines: true,
            animate: true,
            method: "get",
            idField: 'id',
            treeField: 'text',
            url: '/SmartForm/GetCategory',
            loadFilter: function (data, parent) {

                //无数据则显示为叶子节点
                if (parent && data.length == 0) {
                    var node = $(this).tree("getSelected");
                    if (node) {
                        $(this).tree("update", {
                            target: node.target,
                            state: "open",
                            iconCls: "icon-file"
                        });
                    }
                }
                if (data) {
                    return eval(data);
                }
            },
            onLoadSuccess: function (node, data) {
                var tree = $("#sjid").combotree("tree");
                var node = tree.tree('getRoot');
                if (node.text != "无") {
                    $(this).tree("insert", {
                        before: node.target,
                        data: [{
                            id: '0',
                            text: '无',
                            state: "open",
                            iconCls: "icon-file"
                        }]
                    });
                }
                $(this).tree("select", node.id);
            },
            onSelect: function (node) {
                if (node) {
                    var t = $("#sjid").combotree('tree').tree("getSelected");
                    $("#sjid").combotree("setValue", t.id);
                }

            }

        });
        $('#save').click(function () {
            //获取填写项目JSON
            fill.getFillJson();
            //获取回复项目JSON
            reply.getReplyJson();
            var params = ZLPMS.FormToObject('ff');
            if (params.ZT == 'on') {
                params.ZT = 1;
            }
            else {
                params.ZT = '0'
            }
            if (params.TXXZ == 1) {
                params.TXXZ = $('#TXCS').val() == "" ? 0 : $('#TXCS').val();
            }
            params.BDNR = escape(fill.fillJson);//表单内容
            params.BDCLNR = escape(reply.replyJson);//表单处理内容
            if (params.FLID == "" || params.FLID == 0) {
                top.ZLPMS.Msg("请选择分类");
                return
            }
            //var params = {
            //    FLID: roleId,//分类ID
            //    MC: name,//名称
            //    BT: sited,//标题
            //    TXTS: describe,//填写提示
            //    TXXZ: isEnable,//填写限制
            //    CLMS: CLMS,//处理模式
            //    BZ: editType,//备注
            //    SFTX: SFTX,//是否提醒
            //    TXHM: TXHM,//提醒号码
            //    BDNR: fillJson,//表单内容
            //    BDCLNR: replyJson,//表单处理内容
            //};
            if (type == 1) {//新增
                $.post('/SmartForm/AddSmartFormInfo', params, function (data) {
                    if (data.code == 200) {
                        top.ZLPMS.CloseWindow(index);
                        top.ZLPMS.Msg(data.msg);

                    } else {
                        ZLPMS.Msg(data.msg, 2);
                    }
                });
            }
            else {
                params.ID = $('#ID').val();
                $.post('/SmartForm/UpdateSmartForm', params, function (data) {
                    if (data.code == 200) {
                        top.ZLPMS.CloseWindow(index);
                        top.ZLPMS.Msg(data.msg);
                    } else {
                        ZLPMS.Msg(data.msg, 2);
                    }
                });
            }

        });
        $('#cancel').click(function () {
            top.ZLPMS.CloseWindow(index);
        });








    });

    $(document).ready(function () {

        ("input", $("#bdm").next("span")).mouseleave(function () {
            // 主动触发失去焦点
            ("input", $(this).find('input').first()).blur();
            if (type == 1) {
                $('#bt').textbox('setValue', $('#bdm').textbox('getValue'))
            }
        });

        //填写次数事件
        layui.use('form', function () {
            var form = layui.form;
            form.on('radio(TXXZ)', function (data) {
                if (data.value == '0') {
                    $('#TXCS').numberbox('setValue', 0);
                    $("#TXCS").numberbox({
                        disabled: true
                    })
                } else {
                    $("#TXCS").numberbox({
                        disabled: false
                    })
                }
            });
            form.on('radio(CLMS)', function (data) {
                if (data.value == '0') {
                    $('.easyui-tabs').tabs('disableTab', 2);
                } else {
                    $('.easyui-tabs').tabs('enableTab', 2);
                }
            });
        })

    });




</script>