@page "{handler?}"
@model YBDevice.NWeb.Pages.OutProduct.EditModel
@{
    ViewData["Title"] = "出货管理";
}
<div class="layui-card">
    <div class="layui-card-body">
        <div class="layui-form">
            <div class="layui-collapse">
                <div class="layui-colla-item">
                    <h3 class="layui-colla-title">发货信息</h3>
                    <div class="layui-colla-content layui-show">
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="Type">出货类型</label>
                            <div class="col-md-4">
                                <select id="Type" name="Type">
                                    @foreach (var item in Model.outtypes)
                                    {
                                        if (item.Value == Model.data.Type.ToString())
                                        {
                                            <option value="@item.Value" selected>@item.Text</option>
                                        }
                                        else
                                        {
                                            <option value="@item.Value">@item.Text</option>
                                        }
                                    }
                                </select>
                            </div>
                            <label class="layui-form-label col-md-2" for="BusinessId">客户</label>
                            <div class="col-md-4">
                                <select id="BusinessId" name="BusinessId" lay-search>
                                    @foreach (var item in Model.businesslist)
                                    {
                                        if (item.Id == Model.data.BusinessId)
                                        {
                                            <option value="@item.Id" selected>@item.Name</option>
                                        }
                                        else
                                        {
                                            <option value="@item.Id">@item.Name</option>
                                        }
                                    }
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="Type">设备类型</label>
                            <div class="col-md-4">
                                <select id="DevType" name="DevType">
                                    @foreach (var item in Model.types)
                                    {
                                        if (item.Code == Model.data.DevType)
                                        {
                                            <option value="@item.Code" selected>@item.Name</option>
                                        }
                                        else
                                        {
                                            <option value="@item.Code">@item.Name</option>
                                        }
                                    }
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-collapse">
                <div class="layui-colla-item">
                    <h3 class="layui-colla-title">物流信息</h3>
                    <div class="layui-colla-content layui-show">
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="Express">物流</label>
                            <div class="col-md-4">
                                <select id="Express" name="Express">
                                    @foreach (var item in Model.expresslist)
                                    {
                                        if (item.Id == Model.data.Express)
                                        {
                                            <option value="@item.Id" selected>@item.Name</option>
                                        }
                                        else
                                        {
                                            <option value="@item.Id">@item.Name</option>
                                        }
                                    }
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="ExpressNo">物流单号</label>
                            <div class="col-md-4">
                                <input type="text" class="layui-input" name="ExpressNo" value="@Model.data.ExpressNo" />
                            </div>
                            <label class="layui-form-label col-md-2" for="ExpressAmount">物流费用</label>
                            <div class="col-md-4">
                                <input type="text" class="layui-input" name="ExpressAmount" value="@Model.data.ExpressAmount" />
                            </div>
                        </div>
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="Sender">发件人</label>
                            <div class="col-md-4">
                                <input type="text" class="layui-input" name="Sender" value="@Model.data.Sender" />
                            </div>
                            <label class="layui-form-label col-md-2" for="SenderPhone">发件电话</label>
                            <div class="col-md-4">
                                <input type="text" class="layui-input" name="SenderPhone" value="@Model.data.SenderPhone" />
                            </div>
                        </div>
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="SenderAddress">发件地址</label>
                            <div class="col-md-10">
                                <textarea type="text" class="layui-textarea" name="SenderAddress">@Model.data.SenderAddress</textarea>
                            </div>
                        </div>
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="Recver">收件人</label>
                            <div class="col-md-4">
                                <input type="text" class="layui-input" name="Recver" value="@Model.data.Recver" />
                            </div>
                            <label class="layui-form-label col-md-2" for="RecverPhone">收件电话</label>
                            <div class="col-md-4">
                                <input type="text" class="layui-input" name="RecverPhone" value="@Model.data.RecverPhone" />
                            </div>
                        </div>
                        <div class="layui-form-item row">
                            <label class="layui-form-label col-md-2" for="RecverAdderess">收件地址</label>
                            <div class="col-md-10">
                                <textarea type="text" class="layui-textarea" name="RecverAdderess">@Model.data.RecverAdderess</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if (Model.data.Id > 0)
            {


                <div class="layui-collapse">
                    <div class="layui-colla-item">
                        <h3 class="layui-colla-title">设备信息</h3>
                        <div class="layui-colla-content layui-show">
                            <div class="layui-form-item downtext">
                                <div>
                                    <a href="/template/importtpl.csv">下载模板</a>
                                </div>
                                @if (!string.IsNullOrEmpty(Model.data.FilePath))
                                {
                                    <div>
                                        <a href="@Model.data.FilePath">下载文件</a>
                                    </div>
                                }
                                @if (!string.IsNullOrEmpty(Model.data.FailPath))
                                {
                                    <div>
                                        <a href="@Model.data.FailPath">失败文件</a>
                                    </div>
                                }
                            </div>
                            <div class="layui-form-item row">
                                <div class="col-md-4">
                                    <button type="button" class="layui-btn layui-btn-normal" id="uploadfile">设备导入</button>
                                </div>
                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input" id="devicecode" placeholder="请输入设备序列号" />
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <button class="btn btn-primary btn-lg  js-search" type="button">查询</button>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <table class="layui-table" id="list" lay-filter="list"></table>
                            </div>
                        </div>
                    </div>
                </div>
            }
            <div class="text-center col-md-10" style="margin-top:15px;">
                <button class="btn btn-primary btn-lg" lay-submit lay-filter="submit" type="button">提交</button>
            </div>
        </div>
    </div>
</div>
@section css
{
    <style>
        .downtext {
            display: flex;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
        }

            .downtext a {
                margin-left: 5px;
            }
    </style>
}
@section Scripts
{
    <script type="text/javascript">
    layui.use(['form', 'common', 'upload','element'], function () {
        var form = layui.form,
            upload = layui.upload,
            element=layui.element,
            common = layui.common;
        var filestr = '@Model.data'
            upload.render({
                elem: "#uploadfile",
                url: "Edit/uploadfile",
                accept:"file",
                data: {
                    id: function () {
                        return '@Model.data.Id';
                    }
                },
                done: function (res) {
                    if (res.code == 0) {
                        filestr = res.data[0];
                        window.location.href = "/outproduct/edit?id=" + res.data
                    } else {
                        common.alert(res.message);
                    }
                },
                error: function () {
                    common.alert("文件上传失败");
                }
            });
        form.on("submit(submit)", function (data) {
            if ('@Model.data.Id' > 0) {
                data.field['id'] = '@Model.data.Id';
            }
            data.field["filepath"] = filestr;
            common.ajax({
                url: "/api/product/Submit",
                type: "post",
                data: data.field,
                success: function (res) {
                    if (res.code == 0) {
                        common.info(res.message, function () {
                            window.location.href = "/outproduct/edit?id=" + res.data
                        });
                    } else {
                        common.alert(res.message);
                    }
                }
            });
        });
        $(".js-search").on("click", function () {
            common.reloadtable("list", {
                where: {
                    queryParam: [{
                        "Name": 'devicecode',
                        "Type": QueryCond.Equal,
                        "Value": $("#devicecode").val()
                    }]
                }
            });
        });
        common.initTable({
            url: '/api/product/getdevlist?id=' + '@Model.data.Id'
            , method: 'post'
            , cols: [[
                {
                    field: 'devicecode', title: '设备序列号'
                }
            ]]
        });
    });
    </script>
}