使用Razor+MVC+PartialView实现预览记账凭证的HTML页面

还是最近在搞的财务模块，由于WEB项目中是用datatables配合modal来实现凭证录入和管理的，看起来不够直观，所以尝试写了一个分部视图用来预览记账凭证。

页面上的凭证列表是这个样子的，和纸质的凭证有很大区别

纸质凭证通常是这样的

实现效果图如下（按照公司财务妹子给的模板做的，和上面的图片有点区别）：

cshtml代码如下：

@model List<CwJzpz>

    <style>
        .table-c {
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            background-color: white;
        }

        .td {
        }

        .maxtd {
            width: 18%;
        }

        .middletd {
            width: 13.5%;
        }

        .mintd {
        }

        .mintd-blue {
            border-right: 1px solid blue;
        }

        .mintd-red {
            border-right: 1px solid red;
        }

        .mintd-m {
            width: 3px;
        }

        .mintd, .mintd-blue, .mintd-red {
            width: 2.5%;
            text-align: center;
        }

        .td, .maxtd, .middletd, .mintd, .mintd-blue, .mintd-red, .mintd-m {
            border-left: 1px solid black;
            border-top: 1px solid black;
        }

        .input {
            border-left: 0px;
            border-top: 0px;
            border-right: 0px;
            border-bottom: 1px;
            width: 100%;
            height: 100%;
        }
    </style>
    @{