erp/Web/EArc/SupplierProduct.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/View.master" AutoEventWireup="true" CodeFile="SupplierProduct.aspx.cs" Inherits="EArc_SupplierProduct" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript">
        var exData = null;
        var edit_id = "";
        function addFn() {
            edit_id = "";
            $(".win_tb").find("input").val("");
            $(".win_tb").find("textarea").val("");
            mini.get("add_win").show();
        }

        function editFn(eid) {
            edit_id = eid;
            var rec = grid.getSelected();
            mini.get("txtPType").setValue(rec.ProductIds);
            mini.get("txtSupplierName").setValue(rec.SupplierID);
            //mini.get("txtProductMaterial").setValue(rec.ProductCrafts);
            $("#txtProductMaterial").val(rec.ProductCrafts);
            $("#txtProductCrafts").val(rec.Crafts);
            $("#txtMinNum").val(rec.MinNum);
            $("#txtMaxNum").val(rec.MaxNum);
            $("#txtSizeL").val(rec.SizeL);
            $("#txtSizeW").val(rec.SizeW);
            $("#txtArea").val(rec.Area);
            mini.get("add_win").show();
        }

        function saveFn() {
            var parms = new Object();
            parms.eid = edit_id;
            
            parms.ProductValue = mini.get("txtPType").getValue();
            parms.ProductText = mini.get("txtPType").getText();
            if (parms.ProductName == "") {
                alert("产品类型不允许为空");
                return;
            }
            parms.SupplierName = mini.get("txtSupplierName").getValue();
            if (parms.SupplierName == "") {
                alert("供应商不允许为空");
                return;
            }
            parms.ProductCrafts = $("#txtProductMaterial").val();//mini.get("txtProductMaterial").getValue();
            parms.Crafts = $("#txtProductCrafts").val();
            parms.MinNum = $("#txtMinNum").val();
            parms.MaxNum = $("#txtMaxNum").val();
            parms.SizeL = $("#txtSizeL").val();
            parms.SizeW = $("#txtSizeW").val();
            parms.Area = $("#txtArea").val();
            postAjax("save_erp_supplierproduct", parms, function (data) {
                mini.get("add_win").hide();
                resultShow(data, "grid.reload();");
            });
        }

        function delFn(eid) {
            if (!confirm("确认删除?")) return;
            postAjax("del_erp_supplierproduct", "eid=" + eid, function (data) {
                resultShow(data, "grid.reload();");
            });
        }


        function cancelFn() {
            mini.get("add_win").hide();
        }

        function actionRenderer(e) {
            var grid = e.sender;
            var record = e.record;
            var id = record.ID;
            var rowIndex = e.rowIndex;
            var html = "";
            html += getGridBtn("edit", "修改", "editFn('" + id + "')");
            html += getGridBtn("stop", "删除", "delFn('" + id + "')");
            return html;
        }

        function countRenderer(e) {
            var record = e.record;
            var min = record.MinNum;
            var max = record.MaxNum;
            var html = "<div>" + min + "-" + max + "</div>";
            return html;
        }

        function sizeRenderer(e) {
            var record = e.record;
            var sL = record.SizeL;
            var sW = record.SizeW;
            var html = "<div>" + sL + "-" + sW + "</div>";
            return html;
        }

        function changeProductFn(e) {
            var rec = e.selected;
            var v = e.value;
            var materialStr = rec.PMaterial;
            var list = materialStr.split(";");
            var data = [];
            var index = 1;
            for (let item of list) {
                var ob = {};
                ob.id = index;
                ob.material = item;
                if (item.length > 0) {
                    data.push(ob);
                    index++;
                }
            }
            mini.get("txtProductMaterial").setData(data);
        }
        function onCloseClick(e) {
            var obj = e.sender;
            obj.setText("");
            obj.setValue("");
        }

        $(function () {

        });


        function conFn(e) {
            //alert(e.value);
            var v = e.value;
            v = e.value.replace(/&lt;br&gt;/g, "");
            v = v.replace(/<br>/g, "");
            //v = e.value.replace(/§/g, "");
            return v;
        }



        function stateFn(e) {
            if (e.value == "1") return "启用";
            return "<span style=\"color:#ff0000\">禁用</span>";
        }
    </script>
    <style type="text/css">
        .win_tb {
            width: 96%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 10px;
            background-color: #dedede;
        }

            .win_tb td {
                height: 36px;
                background-color: #fff;
                font-size: 14px;
                padding: 5px;
            }

            .win_tb input[type=text] {
                width: 90%;
                height: 24px;
                font-size: 14px;
            }

            .win_tb input[type=checkbox] {
                width: 18px;
                height: 18px;
            }

            .win_tb select {
                font-size: 14px;
                height: 30px;
                padding: 0px 5px;
            }

            .win_tb .td1 {
                color: #666;
                background-color: #F8F8F8;
                text-align: center;
            }

            .win_tb .td2 {
            }
        /*.win_tb input{height:20px;}
    .win_tb .td1{height:35px;width:120px;font-size:12px;text-align:center;}
    .win_tb .td2{height:35px;width:280px;font-size:12pt;padding-left:5px;text-align:left;}*/
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="btn" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="toolbar" runat="Server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="content" runat="Server">
    <div class="mini-fit">
        <div id="m_grid" class="mini-datagrid" style="width: 100%; height: 100%;" showemptytext="true" emptytext="暂无记录" url="../handler/sync.ashx?t=get_erp_supplierproduct">
            <div property="columns">
                <%--                <div field="Sort" width="50" align="center" headerAlign="center">排序</div>--%>
                <%--                <div field="ComName" width="120" align="center" headerAlign="center">公司名称</div>--%>
                <div type="indexcolumn" width="20"></div>

                <div field="SupplierName" width="80" align="center" headeralign="center">供应商</div>
                <div field="ProductText" width="100" align="center" headeralign="center">产品</div>
                <div field="ProductCrafts" width="160" align="center" headeralign="center">材质</div>
                <div field="Crafts" width="160" align="center" headeralign="center">工艺</div>
                <div name="count" width="80" align="center" headeralign="center" renderer="countRenderer">数量</div>
                <div name="size" width="80" align="center" headeralign="center" renderer="sizeRenderer">面积mm²</div>
                <div field="Area" width="160" align="center" headeralign="center">地区</div>
                
                <div name="action" width="60" headeralign="center" align="center" renderer="actionRenderer" cellstyle="padding:0;">#</div>
            </div>
        </div>
    </div>

    <div id="add_win" class="mini-window" title="供应商匹配信息" style="width: 750px; height: 470px; position: relative; display: none">
        <table class="win_tb" border="0" cellpadding="0" cellspacing="1">
            <tr>
                <td class="td1">供应商</td>
                <td class="td2">
                    <input id="txtSupplierName" class="mini-combobox" textfield="name" valuefield="id" required="true" allowinput="true" valuefromselect="true" url="../handler/sync.ashx?t=get_sel_supplier" />
                </td>
                <td class="td1">产品</td>
                <%--<td class="td2">
                    <input id="txtPType" class="mini-combobox" style="width: 70%;" onvaluechanged="changeProductFn" textfield="name" valuefield="id" required="true" allowinput="true" valuefromselect="true" url="../handler/sync.ashx?t=get_sel_product" />
                </td>--%>
                <td class="td2" colspan="3">
                    <div id="txtPType" class="mini-combobox" style="width:350px;"  popupWidth="300" popupMinHeight="450"  popupMaxHeight="450" textField="name" valueField="id" 
                        url="../Handler/sync.ashx?t=get_sel_product" value="id" multiSelect="true"  showClose="true" oncloseclick="onCloseClick" >     
                        <div property="columns">
                            <div header="产品" field="name"></div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="td1">材质</td>
                <%--<td class="td2" colspan="3">
                    <div id="txtProductMaterial" class="mini-combobox" style="width: 70%;" popupwidth="400" textfield="material" valuefield="material"
                     value="" multiselect="true" showclose="true" oncloseclick="onCloseClick">
                        <div property="columns">
                            <div header="ID" field="id"></div>
                            <div header="材质" field="material"></div>
                        </div>
                    </div>
                </td>--%>
                <td class="td2" colspan="3"><textarea id="txtProductMaterial" style="width:96%;height:60px;"></textarea></td>
                
            </tr>
            <tr>
                <td class="td1">工艺</td>
                <td class="td2" colspan="3"><textarea id="txtProductCrafts" style="width:96%;height:60px;"></textarea></td>
                
            </tr>
            <tr>
                <td class="td1">数量</td>
                <td class="td2" colspan="3">
                    <div style="display:flex;flex-direction:row;">
                        <input style="width:80px;margin-right:20px;" type="text" id="txtMinNum" />-
                        <input style="width:80px; margin-left:20px;" type="text" id="txtMaxNum" />
                    </div>
                </td>
            </tr>
            <tr>
                <td class="td1">面积mm²</td>
                <td class="td2" colspan="3">
                    <div style="display:flex;flex-direction:row;">
                        <input style="width:80px;margin-right:20px;" type="text" id="txtSizeL" />-
                        <input style="width:80px; margin-left:20px;" type="text" id="txtSizeW" />
                    </div>
                </td>
            </tr>
             <tr>
                <td class="td1">地区</td>
                <td class="td2" colspan="3"><textarea id="txtArea" style="width:96%;height:60px;"></textarea></td>
            </tr>
           

            <tr>
                <td colspan="4">
                    <div class="win_btn" style="text-align: center;">
                        <a class="mini-button" iconcls="icon-ok" onclick="saveFn">保存</a>&nbsp;
                        <a class="mini-button" iconcls="icon-cancel" onclick="cancelFn">取消</a>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>