@{
    ViewBag.Title = "查看处罚单";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model  CRM.Core.DTO.Hg.Hg_CheckQuality_Notice
<div class="x-body">
    @if (!string.IsNullOrEmpty(Model.PunishNo))
    {
        <div class="title">违规惩处单</div>
        <div class="tow">
            <span>日期：@Html.Raw(Model.PunishCtime.HasValue ? Model.PunishCtime.Value.ToString("yyyy.MM.dd") : "")</span>
            <span>编号：@Html.Raw(Model.PunishNo)</span>
        </div>
        @*<div class="tow"><span>发出部门：@Html.Raw(Model.FromDeptName)</span><span></span></div>*@
        <table class="weitable">
            <tr>
                <td width="300" colspan="2" height="50" align="center" class="font-weight-cs">
                    业务中心: @Html.Raw(Model.ToDeptName)
                </td>
                <td>
                    业务部门: @Html.Raw(Model.ToDeptName)
                </td>
                <td>
                    违规通知单编号:
                    <br />@Html.Raw(Model.NoticeNo)
                </td>

            </tr>
            <tr>
                <td width="100" style="height:300px" align="center" class="font-weight-cs">
                    惩处内容
                </td>
                <td colspan="3" align="left" valign="top" style="padding: 10px; text-indent: 2ch; ">
                    <div style="height: 350px; width: 100%; padding: 10px; text-indent: 2ch;"> @Html.Raw(Model.PunishContent)</div>
                </td>
            </tr>
            <tr>
                <td colspan="4" height="50" class="font-weight-cs">
                    注意：该惩处单交由合规部留存原件，合规部将此惩处单连同《违规通知单》经邮件发送财务部执行。
                </td>
            </tr>
        </table>
    }
    else
    {
        <div>----------尚未添加处罚单----------</div>
    }
</div>

<style>
    .x-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-size: 16px;
    }

    .font-weight-cs {
        font-weight: bold;
    }

    .title {
        width: 100px;
        font-weight: bold;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .tow {
        width: 800px;
        display: flex;
        justify-content: space-between;
        height: 30px;
        font-weight: bold;
    }

    .weitable {
        width: 800px;
    }

        .weitable td {
            border: 1px solid #000000;
            padding: 10px;
        }
</style>