<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
    <title>报销审核</title>
    <meta name="decorator" content="default"/>
    <script type="text/javascript">
        var validateForm;
        var state;//考核科目显示隐藏
        function doSubmit(obj){//回调函数，在编辑和保存动作时，供openDialog调用提交表单。
            if(validateForm.form()){
                if(obj == 1){
                    $('#flag').val('yes');
                    var idx1 = $("#contentTable tbody").length;
                    for(var i = 0;i < idx1; i++){
                        var idx2 = $("#workAccountList"+i+" tr").length;
                        var financialSubjectss = $("#workAccountList"+i+"_financialSubjectss").val();
                        var financialSubjects = $("#workAccountList"+i+"_financialSubjects").val();
                        var moneyAbstract = $("#workAccountList"+i+"_moneyAbstract").val();
                        var totalMoney = $("#workAccountList"+i+"_money").val();
                            if(financialSubjectss==null || financialSubjectss==''|| financialSubjectss == undefined){
                                if(financialSubjects==null || financialSubjects==''|| financialSubjects == undefined){
                                    parent.layer.msg("财务科目为空!", {icon: 5});
                                    return false;
                                }
                            }
                        if(moneyAbstract==null || moneyAbstract==''|| moneyAbstract == undefined){
                            parent.layer.msg("报销费用摘要不能为空!", {icon: 5});
                            return false;
                        }
                        var auditMoney = "0.00";
                        for(var j = 0;j < idx2; j++){
                            var checkSubjects = $("#workAccountList"+i+"_audit"+j+"_checkSubjects").val();
                            var money = $("#workAccountList"+i+"_audit"+j+"_money").val();
                            var u8Subjects = $("#workAccountList"+i+"_audit"+j+"_u8Subjects").val();
                            if(state=='1'){
                            if (checkSubjects==null || checkSubjects=='' || checkSubjects == undefined){
                                parent.layer.msg("考核科目不能为空!", {icon: 5});
                                return false;
                            }
                            }
                            if (money==null || money==''|| money == undefined){
                                parent.layer.msg("考核金额不能为空!", {icon: 5});
                                return false;
                            }
                            if (u8Subjects==null || u8Subjects==''|| u8Subjects == undefined){
                                parent.layer.msg("U8科目不能为空!", {icon: 5});
                                return false;
                            }
                            auditMoney = (parseFloat(auditMoney) + parseFloat(money)).toFixed(2);
                        }
                        var s = parseFloat(totalMoney) - parseFloat(auditMoney);
                        if (s<0){
                            parent.layer.msg("考核金额不能超过报销金额,请确认输入!", {icon: 5});
                            return false;
                        }
                        if(parseFloat($("#backmoneys").val())<0){
                            parent.layer.msg("实际报销总额不能为负数,请确认输入!", {icon: 5});
                            return false;
                        }
                    }
                }else{
                    $('#flag').val('no');
                }
                $("#inputForm").submit();
                return true;
            }else {
                parent.layer.msg("信息未填写完整!", {icon: 5});
            }

            return false;
        }
        $(document).ready(function() {
            if (${workReimbursement.ext == 0}){
                $(".td1").removeClass("hide");
                $(".project_reimbursement_div").show();
                $(".not_project_reimbursement_div").hide();
            }else {
                $(".td1").addClass("hide");
                $(".project_reimbursement_div").hide();
                $(".not_project_reimbursement_div").show();
            }
            if (${workReimbursement.isPublic =='0'}){
                $(".isPublic").addClass("hide");
            }else {
                $(".isPublic").removeClass("hide");
            }
            state=${isShow};
            if (state =='0'){
                $(".isShow").hide();
            }else {
                $(".isShow").show();
            }
            if($("#backmoney").val()==null||$("#backmoney").val()==''){
                $("#backmoney").val('0');
            }
            $("#name").focus();
            validateForm = $("#inputForm").validate({
                submitHandler: function(form){
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function(error, element) {
                    $("#messageBox").text("输入有误，请先更正。");
                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
        });

        function getEntity(form) {
            var result = {};
            $(form).find("[data-field]").each(function() {
                var field = $(this).attr("data-field");
                var val;

                if ($(this).attr('type') == 'checkbox') {
                    val = $(this).prop('checked');
                } else if ($(this).attr('type') == 'radio') {
                    val = $(this).prop('checked');
                } else {
                    val = $(this).val();
                }
                // 获取单个属性的值,并扩展到result对象里面
                getField(field.split('.'), val, result);
            });
            return result;
        }

        function getField(fieldNames, value, result) {
            if (fieldNames.length > 1) {
                for (var i = 0; i < fieldNames.length - 1; i++) {
                    if (result[fieldNames[i]] == undefined) {
                        result[fieldNames[i]] = {}
                    }
                    result = result[fieldNames[i]];
                }
                result[fieldNames[fieldNames.length - 1]] = value;
            } else {
                result[fieldNames[0]] = value;
            }
        }

        function addRow(list, idx, tpl, row){
            var size = list.replace("#workAccountList","");
            var idx1 = $("#workAccountList"+size+" tr").length;
            tpl = tpl.replace("workAccountList[0]","workAccountList["+size+"]");
            tpl = tpl.replace("workAccountList[0]","workAccountList["+size+"]");
            tpl = tpl.replace("workAccountAuditList[0]","workAccountAuditList["+idx1+"]");
            tpl = tpl.replace("workAccountAuditList[0]","workAccountAuditList["+idx1+"]");
            tpl = tpl.replace("workAccountAuditList[0]","workAccountAuditList["+idx1+"]");
            tpl = tpl.replace("workAccountAuditList[0]","workAccountAuditList["+idx1+"]");
            tpl = tpl.replace(/\audit0/g,"audit"+idx1);
            tpl = tpl.replace(/\workAccountList0/g,"workAccountList"+size);
            var ext = $("#ext").val();
            if(ext == 0){
                tpl = tpl.replace("not_project_reimbursement_div","not_project_reimbursement_div\" style=\"display:none;\"");
                tpl = tpl.replace("project_reimbursement_div\" style=\"display:none;\"","project_reimbursement_div");
            }else {
                tpl = tpl.replace("project_reimbursement_div","project_reimbursement_div\" style=\"display:none;\"");
                tpl = tpl.replace("not_project_reimbursement_div\" style=\"display:none;\"","not_project_reimbursement_div\"");
            }
            bornTemplete(list, idx, tpl, row, idx1);
        }
        function bornTemplete(list, idx, tpl, row, idx1){
            $(list).append(Mustache.render(tpl, {
                idx: idx, delBtn: true, row: row,
                order:idx1 + 1
            }));
            $(list+idx).find("select").each(function(){
                $(this).val($(this).attr("data-value"));
            });
            $(list+idx).find("input[type='checkbox'], input[type='radio']").each(function(){
                var ss = $(this).attr("data-value").split(',');
                for (var i=0; i<ss.length; i++){
                    if($(this).val() == ss[i]){
                        $(this).attr("checked","checked");
                    }
                }
            });
            if (state =='0'){
                $(".isShow").hide();
            }else {
                $(".isShow").show();
            }
        }
        function delRow(obj){
            $(obj).parent().parent().remove();
            getMoney();
        }

        function getMoney(){
            var money = 0;
            $(".checkMoney").each(function () {
               if($(this).val()!=undefined && isNumber($(this).val())){
                   money = (parseFloat(money) + parseFloat($(this).val())).toFixed(2);
               }
            })
            $("#checkMoneys").val(formatNumber(money,2));
            $("#sumcheckMoneys").val(money);
            var backmoneys=(parseFloat(money)-  parseFloat($("#backmoney").val())).toFixed(2);
            $("#backmoneys").val(formatNumber(backmoneys,2));
            $("#sumbackmoneys").val(backmoneys);
        }
        function isNumber(val){
            if(val === "" || val ==null){
                return false;
            }
            var regPos = /^\d+(\.\d+)?$/; //非负浮点数
            var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数
            if(regPos.test(val) || regNeg.test(val)){
                return true;
            }else{
                return false;
            }
        }
        //财务格式
        function formatNumber(num, precision, separator) {
            var parts;
            if (!isNaN(parseFloat(num)) && isFinite(num)) {
                num = Number(num);
                num = (typeof precision !== 'undefined' ? num.toFixed(precision) : num).toString();
                parts = num.split('.');
                parts[0] = parts[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + (separator || ','));
                return parts.join('.');
            }
            return NaN;
        }
    </script>
    <style>
        /*超过5个汉字，调整label的长度，以下是配套的*/
        .layui-item .layui-form-label{
            width:90px;
        }
        .form-group .layui-item .layui-input-block,
        .query .layui-input-block {
            margin-left: 116px;
        }
    </style>
</head>
<body>
<div class="single-form">
    <div class="container view-form">
        <form:form id="inputForm" modelAttribute="workReimbursement" enctype="multipart/form-data" action="${ctx}/workreimbursement/workReimbursement/saveAudit" method="post" class="form-horizontal">
        <form:hidden path="id"/>
        <form:hidden path="home"/>
        <form:hidden path="ext"/>
        <form:hidden path="act.taskId"/>
        <form:hidden path="act.taskName"/>
        <form:hidden path="act.taskDefKey"/>
        <form:hidden path="act.procInsId"/>
        <form:hidden path="act.procDefId"/>
        <form:hidden id="flag" path="act.flag"/>
            <div class="form-group layui-row first ">
                <div class="form-group-label"><h2>基础信息</h2></div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label"><span class="require-item">*</span>报销人：</label>
                    <div class="layui-input-block">
                        <form:input path="submitterName" htmlEscape="false"  id="submitterName"  class="form-control layui-input" value = "${workReimbursement.submitterName}"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">报销编号：</label>
                    <div class="layui-input-block">
                        <div class="input-group">
                            <input htmlEscape="false"  readonly="true"  class="form-control layui-input" value="${workReimbursement.number}"/>
                            <span class="input-group-btn">
                        <label class="form-status"><c:choose><c:when test="${not empty workReimbursement.status}">${fns:getDictLabel(workReimbursement.status, 'audit_state', '')}</c:when><c:otherwise>新添</c:otherwise></c:choose></label>
                     </span>
                        </div>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">所属部门：</label>
                    <div class="layui-input-block">
                        <input htmlEscape="false"  readonly="true" class="form-control layui-input" value = "${workReimbursement.officeName}"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">银行卡号：</label>
                    <div class="layui-input-block">
                        <input htmlEscape="false" readonly="true"  class="form-control layui-input" value = "${workReimbursement.bankCard}"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">报销类型：</label>
                    <div class="layui-input-block">
                        <input readonly="true" htmlEscape="false" class="form-control layui-input"
                               value="<c:choose><c:when test="${workReimbursement.ext == 0}">项目报销</c:when><c:otherwise>非项目报销</c:otherwise></c:choose>"/>
                    </div>
                </div>

                <div class="layui-item layui-col-sm6 td1">
                    <label class="layui-form-label">报销项目：</label>
                    <div class="layui-input-block">
                        <input htmlEscape="false"  readonly="true" class="form-control layui-input" value="${workReimbursement.project.projectName}"/>
                    </div>
                </div>
                    <%--<div class="layui-item layui-col-sm6 td1">
                        <label class="layui-form-label">项目负责人：</label>
                        <div class="layui-input-block">
                            <input htmlEscape="false"  readonly="true"  class="form-control layui-input" value="${workReimbursement.projectMasterName}"/>
                        </div>
                    </div>--%>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label double-line">是否对公报销：</label>
                    <div class="layui-input-block">
                        <input readonly="true" htmlEscape="false" class="form-control layui-input"
                               value="<c:choose><c:when test="${workReimbursement.isPublic == '0'}">否</c:when><c:otherwise>是</c:otherwise></c:choose>"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6 isPublic">
                    <label class="layui-form-label">公司名称：</label>
                    <div class="layui-input-block">
                        <input htmlEscape="false"  readonly="true" class="form-control layui-input" value="${workReimbursement.comname}"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6 isPublic">
                    <label class="layui-form-label">开户行：</label>
                    <div class="layui-input-block">
                        <input htmlEscape="false"  readonly="true" class="form-control layui-input" value="${workReimbursement.bank}"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6 isPublic">
                    <label class="layui-form-label">银行账号：</label>
                    <div class="layui-input-block">
                        <input htmlEscape="false"  readonly="true" class="form-control layui-input" value="${workReimbursement.bankNo}"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">报销人：</label>
                    <div class="layui-input-block">
                        <input htmlEscape="false"  readonly="true" class="form-control layui-input" value="${workReimbursement.submitterName}"/>
                    </div>
                </div>

                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">报销日期：</label>
                    <div class="layui-input-block">
                        <input readonly="readonly" class="form-control layui-input" value="<fmt:formatDate value="${workReimbursement.submitterDate}" pattern="yyyy-MM-dd"/>"/>
                    </div>
                </div>
            </div>
            <div class="form-group layui-row">
                <div class="form-group-label"><h2>借款明细</h2></div>
                <div class="layui-item layui-col-xs12 form-table-container" >
                    <table id="contentTable3" class="table table-bordered table-condensed can-edit no-bottom-margin">
                        <thead>
                        <tr>
                            <th width="190px">借款日期</th>
                            <th width="190px">借款类型</th>
                            <th width="190px">借款项目</th>
                            <th width="190px">借款金额</th>
                            <th width="180px">未还金额</th>
                            <th width="100px">本次还款</th>
                            <th width="120px">借款编号</th>
                        </tr>
                        </thead>
                        <tbody id="reimbursementBackList">
                        <c:if test="${not empty workReimbursement.reimbursementBackList}">
                            <c:forEach items="${workReimbursement.reimbursementBackList}" var="reimbursementBack" varStatus="index">
                                <tr id="reimbursementBackList${index.index}">
                                    <td class="hide">
                                        <input id="reimbursementBackList${index.index}_id" name="reimbursementBackList[${index.index}].id" type="hidden" value="${reimbursementBack.id}"/>
                                        <input id="reimbursementBackList${index.index}_workLoanId" name="reimbursementBackList[${index.index}].workLoan.id" type="hidden" value="${reimbursementBack.workLoan.id}"/>
                                        <input id="reimbursementBackList${index.index}_delFlag" name="reimbursementBackList[${index.index}].delFlag" type="hidden" value="0"/>
                                    </td>
                                    <td>
                                        <input id="reimbursementBackList${index.index}_1"   type="text" maxlength="20"  readonly="true" class=" form-control layui-input"
                                               value="<fmt:formatDate value="${reimbursementBack.workLoan.loanDate}" pattern="yyyy-MM-dd"/>"/>
                                        </input>
                                    </td>
                                    <td>
                                        <input id="reimbursementBackList${index.index}_2"  readonly="true" type="text" value="${reimbursementBack.workLoan.type}"   class="form-control"/>
                                    </td>
                                    <td>
                                        <input id="reimbursementBackList${index.index}_3"  readonly="true" type="text" value="${reimbursementBack.workLoan.projectRecords.projectName}"   class="form-control"/>
                                    </td>
                                    <td>
                                        <input id="reimbursementBackList${index.index}_4"  readonly="true" type="text" value="${reimbursementBack.workLoan.money}"   class="form-control"/>
                                    </td>
                                    <td>
                                        <input id="reimbursementBackList${index.index}_5"  readonly="true" type="text" value="${reimbursementBack.workLoan.notRepay}"   class="form-control"/>
                                    </td>
                                    <td>
                                        <input id="reimbursementBackList${index.index}_6" readonly="true"  name="reimbursementBackList[${index.index}].money" type="text" value="${reimbursementBack.money}"   class="form-control number "/>
                                    </td>
                                    <td>
                                        <input id="reimbursementBackList${index.index}_7"  readonly="true" type="text" value="${reimbursementBack.workLoan.num}"   class="form-control"/>
                                    </td>
                                </tr>
                            </c:forEach>
                        </c:if>
                        </tbody>
                    </table>
                    <table id="contentMoneys1" class="table table-bordered table-condensed can-edit summary">
                        <tr>
                            <td  style="width:190px;vertical-align:middle;text-align: center;"><label><font color="red">*</font>合计</label></td>
                            <td  width="190px" style="vertical-align:middle;text-align: center;">
                                -
                            </td >
                            <td  width="190px" style="vertical-align:middle;text-align: center;">
                                -
                            </td>
                            <td  width="190px" style="vertical-align:middle;text-align: center;">
                                -
                            </td>
                            <td width="180px" style="vertical-align:middle;text-align: center;">
                                -
                            </td>
                            <td width="100px" style="vertical-align:middle;text-align: center;">
                                <input  id="backmoney" value="${workReimbursement.backmoney}" name="backmoney" htmlEscape="false" readonly="true"   maxlength="12"  class="form-control "/>
                            </td>
                            <td  width="120px" style="vertical-align:middle;text-align: center;">
                                -
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        <div class="form-group layui-row">
            <div class="form-group-label"><h2>报销详情</h2></div>
            <div class="layui-item layui-col-xs12 form-table-container" >
                <table id="contentTable" class="table table-bordered table-condensed no-bottom-margin can-edit">
                    <thead>
                    <tr>
                        <th width="150px"><span class="require-item">*</span>财务科目</th>
                        <th><span class="require-item">*</span>报销费用摘要</th>
                        <th width="150px"><font color="red">*</font>发票类型</th>
                        <th width="150px">报销费用（元）</th>
                        <th width="80px">备注</th>
                        <th width="150px"><span class="require-item">*</span>U8科目</th>
                        <th width="150px" class="isShow"><span class="require-item">*</span>考核科目</th>
                        <th width="120px"><span class="require-item">*</span>考核金额（元）</th>
                        <th width="80px">操作</th>
                    </tr>
                    </thead>
                    <c:if test="${not empty workReimbursement.workAccountList}">
                    <c:forEach items="${workReimbursement.workAccountList}" var="workAccount" varStatus="index">
                    <tbody id="workAccountList${index.index}">
                    <tr id="workAccountList${index.index}_audit0">
                        <td class="hide">
                            <input id="workAccountList${index.index}_id" name="workAccountList[${index.index}].id" type="hidden" value="${workAccount.id}"/>
                            <input id="workAccountList${index.index}_delFlag" name="workAccountList[${index.index}].delFlag" type="hidden" value="0"/>
                            <input id="workAccountList${index.index}_money" name="workAccountList[${index.index}].money" type="hidden" value="${workAccount.money}"/>
                        </td>
                        <td>
                            <div class="project_reimbursement_div">
                                <form:select id="workAccountList${index.index}_financialSubjects" path="workAccountList[${index.index}].financialSubjects" class="form-control ">
                                    <form:option value="" label=""/>
                                    <form:options items="${fns:getMainDictList('project_reimbursement')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
                                </form:select>
                            </div>
                            <div class="not_project_reimbursement_div" style="display:none;">
                                <form:select id="workAccountList${index.index}_financialSubjectss" path="workAccountList[${index.index}].financialSubjectss" class="form-control ">
                                    <form:option value="" label=""/>
                                    <form:options items="${fns:getMainDictList('not_project_reimbursement')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
                                </form:select>
                            </div>
                        </td>
                        <td>
                            <input id="workAccountList${index.index}_moneyAbstract"  name="workAccountList[${index.index}].moneyAbstract"  type="text" value="${workAccount.moneyAbstract}"    class="form-control "/>
                        </td>
                        <td style="text-align: center; vertical-align:middle;">
                                ${workAccount.invoiceType}
                        </td>
                        <td style="text-align: center; vertical-align:middle;">
                            <fmt:formatNumber value="${workAccount.money}" pattern="#,#00.00"/>
                        </td>
                        <td style="text-align: center; vertical-align:middle;" title="${workAccount.remarks}">
                                ${workAccount.remarks}
                        </td>
                        <td>
                            <form:select id="workAccountList${index.index}_audit0_u8Subjects" path="workAccountList[${index.index}].workAccountAuditList[0].u8Subjects" class="form-control ">
                                <form:option value="" label=""/>
                                <form:options items="${fns:getMainDictList('u8_subjects')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
                            </form:select>
                        </td>
                        <td class="isShow">
                            <form:select id="workAccountList${index.index}_audit0_checkSubjects" path="workAccountList[${index.index}].workAccountAuditList[0].checkSubjects" class="form-control ">
                                <form:option value="" label=""/>
                                <form:options items="${fns:getMainDictList('check_subjects')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
                            </form:select>
                        </td>
                        <td>
                            <input id="workAccountList${index.index}_audit0_money" onchange="getMoney()" name="workAccountList[${index.index}].workAccountAuditList[0].checkMoney" type="text" value="${workAccount.workAccountAuditList[0].checkMoney}"  maxlength="10"  class="form-control number checkMoney"/>
                            <input id="workAccountList${index.index}_audit0_id" name="workAccountList[${index.index}].workAccountAuditList[0].id" type="hidden" value="${workAccount.workAccountAuditList[0].id}"/>
                        </td>
                        <td  class="text-center op-td" >
                            <span class="op-btn op-btn-add" onclick="addRow('#workAccountList${index.index}', workAccountListRowIdx, workAccountAuditListTpl);workAccountListRowIdx=workAccountListRowIdx+1;" title="新增"><i class="fa fa-plus"></i>&nbsp;新增</span>
                        </td>
                    </tr>
                    </tbody>
                    </c:forEach>

                    </c:if>
                </table>
                <table id="contentMoneys" class="table table-bordered table-condensed can-edit summary">
                    <tr>
                        <td width="150px" style="vertical-align:middle;text-align: center;"><label><font color="red">*</font>总报销费用(元)：</label></td>
                        <td>
                            <input htmlEscape="false" id="moneys"  readonly="true" class="form-control layui-input" value="<fmt:formatNumber value="${workReimbursement.money}" pattern="#,#00.00"/>"/>
                            <input htmlEscape="false" id="summoney" name="money" type="hidden"  readonly="true" class="form-control layui-input" value="${workReimbursement.money}"/>
                        </td>
                        <td width="150px" style="vertical-align:middle;text-align: center;"><label><font color="red">*</font>考核金额总额(元)：</label></td>
                        <td >
                            <input htmlEscape="false" id="checkMoneys"  readonly="true" class="form-control layui-input"/>
                            <input htmlEscape="false" id="sumcheckMoneys" name="checkMoneys" type="hidden"  readonly="true" class="form-control layui-input" value="${workReimbursement.checkMoneys}"/>
                        </td>
                        <td width="150px" style="vertical-align:middle;text-align: center;"><label><font color="red">*</font>实际报销费用(元)：</label></td>
                        <td >
                            <input htmlEscape="false" id="backmoneys"  readonly="true" class="form-control layui-input"/>
                            <input htmlEscape="false" id="sumbackmoneys" name="backmoneys" type="hidden"  readonly="true" class="form-control layui-input" value="${workReimbursement.backmoneys}"/>
                        </td>
                    </tr>
                </table>
                <script type="text/template" id="workAccountAuditListTpl">//<!--
                                    <tr id="workAccountList0_audit0">
                                        <td class="hide">
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                        <td>
                                        </td>
                                        <td>
											<form:select id="workAccountList0_audit0_u8Subjects" path="workAccountList[0].workAccountAuditList[0].u8Subjects" class="form-control ">
												<form:option value="" label=""/>
												<form:options items="${fns:getMainDictList('u8_subjects')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
											</form:select>
										</td>
										<td class="isShow">
											<form:select id="workAccountList0_audit0_checkSubjects" path="workAccountList[0].workAccountAuditList[0].checkSubjects" class="form-control ">
												<form:option value="" label=""/>
												<form:options items="${fns:getMainDictList('check_subjects')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
											</form:select>
										</td>
										<td>
										<input id="workAccountList0_audit0_money" onchange="getMoney()" name="workAccountList[0].workAccountAuditList[0].checkMoney" type="text" value="${workAccount.workAccountAuditList[0].checkMoney}"    class="form-control number checkMoney"/>
										</td>

										<td class="text-center op-td" >
										    <span class="op-btn op-btn-delete" onclick="delRow(this, '#workAccountList0')" title="删除"><i class="glyphicon glyphicon-remove"></i>&nbsp;删除</span>
										</td>
                                    </tr>//-->
                </script>
                <script type="text/javascript">
                    var workAccountListRowIdx = 0, workAccountAuditListTpl = $("#workAccountAuditListTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
                </script>
            </div>
        </div>

        <div class="form-group layui-row">
            <div class="form-group-label"><h2>专用发票信息</h2></div>
            <div class="layui-item layui-col-xs12 form-table-container" >
                <table id="contentTable2" class="table table-bordered table-condensed no-bottom-margin details">
                    <thead>
                    <tr>
                        <th width="300px">发票代码</th>
                        <th width="200px">发票号</th>
                        <th width="200px">金额</th>
                        <th width="200px">税额</th>
                        <th width="200px">价税合计</th>
                    </tr>
                    </thead>
                    <tbody id="reimbursementVATTaxes">
                    <c:if test="${not empty workReimbursement.reimbursementVATTaxes}">
                        <c:forEach items="${workReimbursement.reimbursementVATTaxes}" var="reimbursementVATTaxe" varStatus="index">
                            <tr>
                                <td class="hide">
                                </td>
                                <td>
                                        ${reimbursementVATTaxe.invoiceCode}
                                </td>

                                <td>
                                        ${reimbursementVATTaxe.invoiceNumber}
                                </td>
                                <td>
                                        ${reimbursementVATTaxe.money}
                                </td>
                                <td>
                                        ${reimbursementVATTaxe.taxAmount}
                                </td>
                                <td>
                                        ${reimbursementVATTaxe.sumMoney}
                                </td>
                            </tr>
                        </c:forEach>
                    </c:if>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="form-group layui-row">
            <div class="form-group-label"><h2>相关附件</h2></div>
            <div class="layui-item layui-col-xs12 form-table-container" >
                <table id="upTable" class="table table-bordered table-condensed details">
                    <thead>
                    <tr>
                            <%-- <th>序号</th>--%>
                        <th>文件预览</th>
                        <th>上传人</th>
                        <th>上传时间</th>
                        <th width="150px">操作</th>
                    </tr>
                    </thead>
                    <tbody id="file_attachment">
                    <c:forEach items="${workReimbursement.workAttachments}" var = "workClientAttachment" varStatus="status">
                        <tr>
                                <%-- <td>${status.index + 1}</td>--%>
                            <c:choose>
                                <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpg')
                                                               or fn:containsIgnoreCase(workClientAttachment.attachmentName,'png')
                                                               or fn:containsIgnoreCase(workClientAttachment.attachmentName,'gif')
                                                               or fn:containsIgnoreCase(workClientAttachment.attachmentName,'bmp')
                                                               or fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpeg')}">
                                    <td><img src="${workClientAttachment.url}" width="50" height="50" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${workClientAttachment.url}','90%','90%')" alt="${workClientAttachment.attachmentName}">
                                </c:when>
                                <c:otherwise>
                                    <c:choose>
                                        <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')}">
                                            <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%','1')">${workClientAttachment.attachmentName}</a></td>
                                        </c:when>
                                        <c:otherwise>
                                            <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%')">${workClientAttachment.attachmentName}</a></td>
                                        </c:otherwise>
                                    </c:choose>
                                </c:otherwise>
                            </c:choose>
                            <td>${workClientAttachment.createBy.name}</td>
                            <td><fmt:formatDate value="${workClientAttachment.createDate}" type="both"/></td>
                            <td class="op-td">
                                <div class="op-btn-box" >
                                    <a href="javascript:location.href='${ctx}/workfullmanage/workFullManage/downLoadAttach?file='+encodeURIComponent(encodeURIComponent('${workClientAttachment.url}'));" class="op-btn op-btn-download"><i class="fa fa-download"></i>&nbsp;下载</a>
                                    <%--<c:if test="${workClientAttachment.createBy.id eq fns:getUser().id}">
                                        <a href="javascript:void(0)" onclick="deleteFileFromAliyun(this,'${ctx}/sys/workattachment/deleteFileFromAliyun?url=${workClientAttachment.url}&id=${workClientAttachment.id}&type=2','addFile')" class="op-btn op-btn-delete" ><i class="fa fa-trash"></i>&nbsp;删除</a>
                                    </c:if>--%>
                                </div>
                            </td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="form-group layui-row">
            <div class="form-group-label"><h2>审批意见</h2></div>
            <div class="layui-item layui-col-xs12 with-textarea" >
                <label class="layui-form-label">审批意见：</label>
                <div class="layui-input-block">
                    <form:textarea path="act.comment" class="form-control" rows="4" maxlength="127" />
                    <input type="file" name="upload_files" style="display: none;">
                </div>
            </div>
        </div>
        <div class="form-group layui-row">
            <div class="form-group-label"><h2>审批流程</h2></div>
            <div class="layui-item layui-col-xs12 form-table-container" >
                <act:flowChart procInsId="${workReimbursement.act.procInsId}"/>
                <act:histoicFlow procInsId="${workReimbursement.act.procInsId}"/>
            </div>
        </div>
            <div class="form-group layui-row page-end"></div>
        </form:form>
    </div>
</div>
</body>
</html>

