<div class="showarea">
    <link rel="stylesheet" type="text/css" href="/css/external/fileUploadBase.css">

</div>
<div class="temp historyHideArea" style="display:none;">
    <!-- 合同录入 -->
     <div class="nodeShow contractMakingViewBox">
        <p class="detailContentBox-title up"><span class="detailContentBox-title-small">合同录入</span>&nbsp;&nbsp;<span class="contractMakingViewBox-log"></span></p>
        <!-- 基本信息 -->
        <div class="row">
            <table>
                <tr>
                    <td colspan="4">
                        <span class="detailContentBox-tabletitle">业务信息</span>
                    </td>
                </tr>
                <tr>
                    <td width="15%">核心企业名称：</td>
                    <td width="35%" class="enter contractMakingView-enterpriseName"></td>
                    <td width="15%">贸易平台：</td>
                    <td width="35%" class="enter contractMakingView-platform"></td>

                </tr>
                <tr>
                    <td width="15%">业务名称：</td>
                    <td width="35%" class="enter contractMakingView-businessName"></td>
                    <td width="15%">业务编号：</td>
                    <td width="35%" class="enter contractMakingView-businessNo"></td>
                    <!-- <td width="15%">创建时间：</td>
                    <td width="35%" class="enter contractMakingView-creatTime"></td> -->
                </tr>
            </table>
        </div>
        <!-- 合同原文件-->
        <div class="row">
            <table>
                <tr>
                    <td colspan="4">
                        <span class="detailContentBox-tabletitle">合同文件</span>
                    </td>
                </tr>
                <tr>
                    <td width="15%">合同文件：</td>
                    <td colspan="3" class="enter contractMakingView-uploadFile"></td>
                </tr>
            </table>
        </div>

        <div class="row">
            <table>
                <tr>
                    <td colspan="4">
                        <span class="detailContentBox-tabletitle">合同信息</span>
                    </td>
                </tr>
                <tr>
                    <td width="15%">合同编号：</td>
                    <td width="35%" class="enter contractMakingView-contractNumber"></td>
                    <td width="15%">合同名称：</td>
                    <td width="35%" class="enter contractMakingView-contractName"></td>
                </tr>
                <tr>
                    <td width="15%">供方公司名称：</td>
                    <td width="35%" class="enter contractMakingView-platform"></td>
                    <td width="15%">需方公司名称：</td>
                    <td width="35%" class="enter contractMakingView-customer"></td>

                </tr>
                <tr>
                    <td width="15%">合同期限：</td>
                    <td width="35%" class="enter contractMakingView-contractPeriod"></td>
                    <td width="15%">合同约定金额类型：</td>
                    <td width="35%" class="enter contractMakingView-contractPlanAmountType"></td>

                </tr>
                <tr>
                    <td width="15%">合同约定金额：</td>
                    <td colspan="3" class="enter contractMakingView-contractPlanAmount"></td>
                </tr>
            </table>
        </div>

        <!-- 人员信息 -->
        <div class="row">
            <table>
                <tbody>
                <tr>
                    <td colspan="5">
                        <span class="detailContentBox-tabletitle">人员信息</span>
                    </td>
                </tr>
                <tr class="personalConditionList_header">
                    <td width="33%">
                        <span>类型</span>
                    </td>
                    <td width="33%">
                        <span>姓名</span>
                    </td>
                    <!-- <td width="20%">
                        <span>证件类型</span>
                    </td>
                    <td width="20%">
                        <span>证件号码</span>
                    </td> -->
                    <td width="33%">
                        <span>联系方式</span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <!-- 付款条件 -->
        <div class="row">
            <table>
                <tbody>
                <tr>
                    <td colspan="2">
                        <span class="detailContentBox-tabletitle">付款条件</span>
                    </td>
                </tr>
                <tr class="paymentConditionList_header">
                    <td width="15%">编号</td>
                    <td width="85%">付款条件</td>
                </tr>
                </tbody>
            </table>
        </div>

        <!-- 结算 -->
        <div class="row">
            <table>
                <tbody>
                <tr>
                    <td colspan="4">
                        <span class="detailContentBox-tabletitle">结算</span>
                    </td>
                </tr>
                <!-- <tr>
                    <td width="15%">发货时间：</td>
                    <td width="35%" class="enter contractMakingView-deliveryDate"></td>
                    <td width="15%">签收时间：</td>
                    <td width="35%" class="enter contractMakingView-signDate"></td>
                </tr>
                <tr>
                    <td width="15%">第一次结算时间：</td>
                    <td colspan="3" class="enter contractMakingView-firstSettleDate"></td>
                </tr> -->

                <tr>
                    <td width="15%">结算周期方式：</td>
                    <td width="35%" class="enter contractMakingView-settleCycleMethodDict"></td>
                    <td width="15%">结算周期：</td>
                    <td width="35%" class="enter contractMakingView-settleCycle"></td>
                </tr>
                <tr>
                    <td width="15%">应收账款种类：</td>
                    <td colspan="3" class="enter contractMakingView-receivableTypeDic"></td>
                </tr>
                <tr class="receivableTypeDicChange">
                    <td width="15%">约定回款时间：</td>
                    <td width="35%" class="enter contractMakingView-planPaybackDays"></td>
                    <td width="15%">预估回款时间：</td>
                    <td width="35%" class="enter contractMakingView-estimatePayBackDays"></td>
                </tr>
            </table>
        </div>

         <!-- 质保金 -->
         <div class="row">
             <table>
                 <tbody>
                 <tr>
                     <td colspan="4">
                         <span class="detailContentBox-tabletitle">质保金</span>
                     </td>
                 </tr>
                 <tr>
                     <td width="15%">是否有质保金：</td>
                     <td width="35%" class="enter contractMakingView-retention"></td>
                     <td width="15%" class="retentionTr">质保金比例：</td>
                     <td width="35%" class="enter contractMakingView-retentionPercent retentionTr"></td>
                 </tr>
                 <tr class="retentionTr">
                     <td width="15%">质保金是否有上限：</td>
                     <td width="35%" class="enter contractMakingView-limit"></td>
                     <td width="15%" class="hideRetentionLimit">质保金上限：</td>
                     <td width="35%" class="enter contractMakingView-retentionLimit hideRetentionLimit"></td>
                 </tr>
                 <tr class="retentionTr">
                     <td width="15%">质保金释放时间：</td>
                     <td width="35%" class="enter contractMakingView-releaseMethodDict"></td>
                     <td width="15%" class="releaseDate">质保金释放日期：</td>
                     <td width="35%" class="enter contractMakingView-releaseDate"></td>
                     <td width="15%" class="releaseDays">释放天数：</td>
                     <td width="35%" class="enter contractMakingView-releaseDays"></td>
                 </tr>
             </table>
         </div>

        <!-- 货物信息 -->
        <div class="row">
            <table>
                <tbody>
                <tr>
                    <td colspan="10">
                        <span class="detailContentBox-tabletitle">货物信息</span>
                    </td>
                </tr>
                <tr class="goodsInfoList_header">
                    <td width="8%">序号</td>
                    <td width="12%">名称</td>
                    <td width="12%">厂家</td>
                    <td width="11%">型号</td>
                    <td width="11%">单位</td>
                    <td width="10%">数量</td>
                    <td width="12%">是否明确单价</td>
                    <td width="10%">销售单价</td>
                    <td width="14%">备注</td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>
    <!-- 合同录入 结束 -->

    <!-- 法务条款审核 -->
    <div class="nodeShow terminationContractApprovalViewBox">
        <p class="detailContentBox-title"><span class="detailContentBox-title-small">销售合同审核</span>&nbsp;&nbsp;<span class="terminationContractApprovalViewBox-log"></span></p>
        <!-- <div class="row">
            <table>
                <tr>
                    <td colspan="2">
                        <span class="detailContentBox-tabletitle">合同文件</span>
                    </td>
                </tr>
                <tr class="uploadFile">
                    <td width="15%">合同文件：</td>
                    <td width="85%" class="enter terminationContractApprovalViewBox-uploadFile">
                    </td>
                </tr>
            </table>
        </div> -->

        <div class="row">
            <table>
                <tr>
                    <td colspan="2">
                        <span class="detailContentBox-tabletitle">审批结论</span>
                    </td>
                </tr>
                <tr>
                    <td width="15%">审批结论：</td>
                    <td width="85%" class="enter terminationContractApprovalView-approvalConclusion"></td>
                </tr>
                <tr>
                    <td width="15%">审批意见：</td>
                    <td width="85%" class="enter terminationContractApprovalView-approvalOpinion"></td>
                </tr>
            </table>
        </div>

        <div class="row">
            <div class="fileInfoListOriginal" style="display:none" th:each="fileList,filesList:${files}">
                <input type="text" class="originalId" th:value="${fileList?.id}">
                <input type="text" class="originalUrl" th:value="${fileList?.path}">
                <input type="text" class="originalType" th:value="${fileList?.fileType}">
                <input type="text" class="originalName" th:value="${fileList?.originalName}">
                <input type="text" class="originalSize" th:value="${fileList?.size}">
            </div>
            <table class="signTable">
                <tr class="signConfirmationHistory" style="display: none;">
                    <td colspan="5">
                        <span class="detailContentBox-tabletitle">签署确认</span>
                    </td>
                </tr>
                <tr class="signConfirmationHistory" style="display: none;">
                    <td width="15%">签署确认：</td>
                    <td colspan="4" class="enter terminationContractApprovalView-signConfirmation"></td>
                </tr>
                <tr class="signingInformationHistory originalFileListHistory" style="display: none;">
                    <td width="15%" class="">
                        <span class="required_fileds_star">签署文件</span>
                    </td>
                    <td colspan="4" class="enter fileListBox">
                        <div class="uploaderFile">
                            <div class="fileContent">
                                <span class="spanHolder">上传附件</span>
                            </div>
                        </div>
                    </td>                                
                </tr>
                <tr class="signingInformationHistory" style="display: none;">
                    <td colspan="5">
                        <span class="">签署人信息</span>
                    </td>
                </tr>
                <tr class="signingInformationHistory signerHeader" style="display: none;">
                    <td width="33%">
                        <span>类型</span>
                    </td>
                    <td width="33%">
                        <span>姓名</span>
                    </td>
                    <!-- <td width="20%">
                        <span>证件类型</span>
                    </td>
                    <td width="20%">
                        <span>证件号码</span>
                    </td> -->
                    <td width="33%">
                        <span>联系方式</span>
                    </td>
                </tr>
                <tbody class="signingInformationHistory signerContent" style="display: none;">

                </tbody>
            </table>
        </div>
    </div>
    <!-- 条款审核 结束 -->

    <!-- 签署确认 -->
    <div class="nodeShow signConfirmationViewBox">
        <p class="detailContentBox-title"><span class="detailContentBox-title-small">销售合同签署</span>&nbsp;&nbsp;<span class="signConfirmationViewBox-log"></span></p>
        <div class="row">
            <table>
                <tr>
                    <td colspan="2">
                        <span class="detailContentBox-tabletitle">签署结论</span>
                    </td>
                </tr>
                <tr>
                    <td width="15%">签署结论：</td>
                    <td width="85%" class="enter signConfirmationView-businessNo"></td>
                </tr>
                <tr class="conclusionCause hide">
                    <td width="15%">否决原因：</td>
                    <td width="85%" class="enter signConfirmationView-vetoReason"></td>
                </tr>
                <tr class="uploadFile">
                    <td width="15%">图片/视频：</td>
                    <td width="85%" class="enter signConfirmationView-uploadFile">
                    </td>
                </tr>
                <tr>
                    <td width="15%">备注：</td>
                    <td width="85%" class="enter signConfirmationView-remark"></td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 签署确认 结束 -->

    <!-- 法务终审 -->
    <div class="nodeShow legalFinalAdjudicationViewBox">
        <p class="detailContentBox-title"><span class="detailContentBox-title-small">销售合同终审</span>&nbsp;&nbsp;<span class="legalFinalAdjudicationViewBox-log"></span></p>
        <div class="row">
            <table>
                <tr>
                    <td colspan="2">
                        <span class="detailContentBox-tabletitle">审批结论</span>
                    </td>
                </tr>
                <tr>
                    <td width="15%">签署审核结论：</td>
                    <td width="85%" class="enter legalFinalAdjudicationView-approvalConclusion"></td>
                </tr>
                <tr>
                    <td width="15%">签署审核意见：</td>
                    <td width="85%" class="enter legalFinalAdjudicationView-approvalOpinion"></td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 法务终审 结束 -->

    <!-- 合同变更 -->
    <div class="nodeShow contrractChangeViewBox">
        <p class="detailContentBox-title"><span class="detailContentBox-title-small">变更合同录入</span>&nbsp;&nbsp;<span class="contrractChangeViewBox-log"></span></p>
        <div class="row">
            <table>
                <tr>
                    <td width="15%">
                        <span >是否需要审核</span>：
                    </td>
                    <td colspan="3" class="enter contrractChangeViewBox-approval"></td>
                </tr>
                <tr class="contrractChangeViewBox-approvalChange">
                    <td width="15%">
                        <span >是否新增货物</span>：
                    </td>
                    <td colspan="3" class="enter contrractChangeViewBox-addGoods"> </td>
                </tr>
                <tr class="contrractChangeViewBox-approvalChange">
                    <td width="15%">
                        <span>补充合同编号</span>：
                    </td>
                    <td width="85%" class="enter contrractChangeViewBox-supplementContractNumber">
                    </td>
                </tr>
            </table>
        </div>
        <div class="row">
            <table>
                <tr>
                    <td colspan="2">
                        <span class="detailContentBox-tabletitle">合同文件</span>
                    </td>
                </tr>
                <tr class="uploadFile">
                    <td width="15%">合同文件：</td>
                    <td width="85%" class="enter contrractChangeViewBox-uploadFile">
                    </td>
                </tr>
                <tr>
                    <td width="15%">
                        <span>说明</span>：
                    </td>
                    <td colspan="3" class="enter  contrractChangeViewBox-remark">
                    </td>
                </tr>
            </table>
        </div>

        <!-- 货物信息 -->
        <div class="row ">
            <table class="hide contrractChangeViewBox-addGoodsChange">
                <tbody>
                <tr>
                    <td colspan="10">
                        <span class="detailContentBox-tabletitle">货物信息</span>
                    </td>
                </tr>
                <tr class="goodsInfoList_header">
                    <td width="8%">序号</td>
                    <td width="12%">名称</td>
                    <td width="12%">厂家</td>
                    <td width="11%">型号</td>
                    <td width="11%">单位</td>
                    <td width="10%">数量</td>
                    <td width="12%">是否明确单价</td>
                    <td width="10%">销售单价</td>
                    <td width="14%">备注</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- 保证金退还 -->
    <div class="nodeShow refundBondViewBox">
        <p class="detailContentBox-title"><span class="detailContentBox-title-small">保证金退还</span>&nbsp;&nbsp;<span class="refundBondViewBox-log"></span></p>
        <div class="row">
            <table>
                <tr>
                    <td colspan="2">
                        <span class="detailContentBox-tabletitle">退还确认</span>
                    </td>
                </tr>
                <tr>
                    <td width="15%">
                        <span >保证金退还形式</span>：
                    </td>
                    <td colspan="3" class="enter refundBondViewBox-returnType"></td>
                </tr>

                <tr class="uploadFile refundBondViewBox-voucherFilesChange hide" >
                    <td width="15%">上传凭证：</td>
                    <td width="85%" class="enter refundBondViewBox-voucherFiles">
                    </td>
                </tr>
                <tr>
                    <td width="15%">
                        <span>说明</span>：
                    </td>
                    <td colspan="3" class="enter  refundBondViewBox-remark">
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
