ZLPMS/PMS.WebUI/Views/Problem/ViewProcessInfo.cshtml


@{
    ViewBag.Title = "ViewProcessInfo";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<style>
    table {
        width: 100%;
    }

        table td {
            border: solid 1px #cacaca;
            padding: 3px;
        }

    .lable {
        width: 130px;
        padding: 5px 5px 5px 15px;
        background: #f5f5f5;
        color: #2636a3;
        font-size: 13px;
    }

    .img {
        width: 40px;
        height: 50px;
        border: solid 1px #000;
    }

    file {
        margin: 1px;
    }

        #content img{
        max-width:400px;
        height:auto;
    }
</style>
<script src="~/Content/Scripts/plugins/layui/layui.all.js"></script>
<script src="~/Content/Scripts/zlpms.js"></script>
<script src="~/ViewModels/projectproblem.index.js?r=121"></script>
<script type="text/javascript">
    $(function () {
        $('#btnClose').bind('click', function () { ZLPMS.CloseTopWindow(false) });
        $('#btnUpdate').bind('click', function () {
            ZLPMS.CloseTopWindow(true)
        });

        //加载附件信息
        var attfiles = '@Model.附件';
        if (attfiles != '') {
            var files = attfiles.split(',')
            var imghtml = '';
            $.each(files, function (i, n) {
                var imgs = n.split('|');
                var id = imgs[0];
                var ft = imgs[1];
                if (ft == '1') {//图像类型，显示缩略图 o原图，s缩略图，m大图
                    imghtml += '<a href="#" onclick="OpenImage(' + id + ')"><img src="/Problem/ViewProblemImage?id=' + id + '&type=s" class="img"/></a>&nbsp;';
                } else {//非图像类型，显示下载附件
                    imghtml += '<a href="#" onclick="downloadfile(' + id + ')">下载附件' + (i + 1) + '</a>  ';
                }
            });
            $('#attach').html(imghtml);
        }

        //放大图片
        var img = $('#content').find("img");
        if (img) {
            img.bind("click", function () {
                var src = $(this).attr("src")
                top.ZLPMS.OpenNewWindow("查看图片", "/Problem/ViewImg?src=" + src, "850px", "620px")
            })
        }
    });

    //查看附件大图
    function OpenImage(id) {
        top.ZLPMS.OpenNewWindow('', '/Problem/ViewProblemImage?id=' + id + '&type=m', '80%', '90%');
    };

    //下载附件文件
    function downloadfile(id) {
        window.open('/Problem/ViewProblemImage?id=' + id);
    }
</script>

<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'south',border:false" style="height:50px; padding-top:10px;text-align:right; padding-right:10px;">
        <a id="btnUpdate"  href="#" class="easyui-linkbutton c6"><i class="fa fa-pencil"></i> 修改</a>
        <a id="btnClose" href="#" class="easyui-linkbutton c5"><i class="fa fa-power-off"></i> 关闭</a>
    </div>
    <div data-options="region:'center',border:false">
        <div id="tabMyprocess" class="easyui-tabs" data-options="fit:true">
            <div title="过程详细信息" style="padding:3px;">
                <table>
                    <tr>
                        <td class="lable">问题编号</td>
                        <td id="code" style="width:200px">@Model.编号</td>
                        <td class="lable">处理人</td>
                        <td id="property">@Model.处理人</td>
                    </tr>
                    <tr>
                        <td class="lable">处理时间</td>
                        <td id="code">@Model.记录时间</td>
                        <td class="lable">状态</td>
                        <td id="property">@Model.状态</td>
                    </tr>
                    <tr>
                        <td class="lable">问题标题</td>
                        <td id="title" colspan="3">@Model.问题标题</td>
                    </tr>
                    <tr>
                        <td class="lable">过程描述</td>
                        <td id="content" colspan="3" style="height:200px;overflow:auto;">@Html.Raw(Model.描述)</td>
                    </tr>
                    <tr>
                        <td class="lable">问题附件</td>
                        <td colspan="3" style="height:50px;" id="attach"></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>