@{
    ViewBag.Title = "其他采购支出申请";
}

<style>
    body {
        font-family: 宋体;
        font-size: 14px;
    }
    /*table,table tr th, table tr td { border:1px solid #000; }*/
    .zinput {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #999;
    }
</style>
<form id="mf">
    <div style="width:650px">
        <div style="font-weight:bold;font-size:18px;text-align:center">德城区疾控中心物资采购申请单</div>
        <table style="width:100%;border:none">
            <tr>
                <td style="width:80px;text-align:right;line-height:20px">申请人：</td>
                <td style="width:100px;text-align:left">@ViewBag.sqr</td>
                <td style="width:80px;text-align:right"></td>
                <td style="width:100px;text-align:left"></td>
                <td style="width:80px;text-align:right"></td>
                <td style="width:160px;text-align:left"></td>
            </tr>
            <tr>
                <td style="width:80px;text-align:right;line-height:20px">申请科室：</td>
                <td style="width:100px;text-align:left">@ViewBag.sqks</td>
                <td style="width:80px;text-align:right">申请金额：</td>
                <td style="width:100px;text-align:left"><input id="sqje" style="width:80px;text-align:right" readonly="readonly" class="zinput" /></td>
                <td style="width:80px;text-align:right">资金来源：</td>
                <td style="width:160px;text-align:left"><input type="checkbox" name="zjly" value="1" />自有资金<input type="checkbox" name="zjly" value="2" />项目经费</td>
            </tr>
        </table>
        <table id="tb1" style="width:100%;display:none" border-collapse="collapse" border="1">
            <tr>
                <td style="width:20px;">
                    <input onclick="add()" type="button" style="width:20px;height:20px;border:none;background:url(@Url.Content("~/Content/jingfei/b_jia.png")) no-repeat center" value="" rid="0" />
                </td>
                <td width="300px" valign="middle" align="left" style="line-height:24px">
                    <input name="ywnr" style="width:300px;" class="zinput" />
                </td>
                <td width="200px" valign="middle" align="left" style="line-height:24px">
                    <input name="ywnr" style="width:200px;" class="zinput" />
                </td>
                <td valign="middle" align="center" style="line-height:24px">
                    <input name="je" style="width:200px;text-align:right" class="zinput" />
                </td>
                <td style="width:20px;">
                    <input onclick="sub(this)" style="width:20px;height:20px;border:none;background:url(@Url.Content("~/Content/jingfei/b_jian.png")) no-repeat center" value="" rid="0" />
                </td>
            </tr>
        </table>

        <table id="tb2" style="width:100%;" border-collapse="collapse" border="1">
            <tr>
                <td style="width:20px;border:none;"></td>
                <td width="300px" valign="middle" align="center" style="line-height:24px">
                    物资名称
                </td>
                <td width="200px" valign="middle" align="center" style="line-height:24px">
                    规格
                </td>
                <td valign="middle" align="center" style="line-height:24px">
                    金额
                </td>
                <td style="width:20px;border:none;"></td>
            </tr>
        </table>
        <div style="width:100%;text-align:center"><input id="save" value="申请" class="l-button" /></div>

    </div>
</form>
@section scripts{

    <script src="@Url.Content("~/my97/WdatePicker.js")"></script>
    <script>
        function add() {
            $("#tb2").append($("#tb1 tr:first").prop("outerHTML"));
        }
        function sub(e) {
            var rowindex = e.parentNode.parentNode.rowIndex;

            if (rowindex > 6) {
                $("#tb2 tr:eq(" + rowindex + ")").remove();
            }
            else {
                $("#tb2 tr:eq(" + rowindex + ") input").each(function () {
                    $(this).val("");
                })
            }
        }

        $(function () {
            for (var i = 0; i < 6; i++) {
                $("#tb2").append($("#tb1 tr:first").prop("outerHTML"));
            }
        })
    </script>
}