<template>
  <div>
    <!-- 四方协议 -->
    <div v-if="form.fourAspect" class="print-area">
      <p style="text-align: center; line-height: 37px">
        <strong
          ><span style="font-family: 宋体; font-size: 32px"
            >安置补偿款监管使用协议</span
          ></strong
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">&nbsp;</span>
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方（被安置对象、商品房购买人、借款人）：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">身份证号码：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia2 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">地址：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia3 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">电话：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia4 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >所属征收项目名称：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.projectName ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">房票安置转换</span
        ><span style="font-family: 仿宋; font-size: 22px">协议编号：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.numbering ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <br />
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >乙方（商品房出卖人）：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">&nbsp;</span>
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">法定代表人：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi2 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">地址：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi3 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">电话：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi4 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <br />
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >丙方（贷款银行）：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxBing1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">地址：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxBing3 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">联系电话：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxBing4 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <br />
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >丁方（资金监管方）：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxDing1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">地址：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxDing2 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px">电话：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxDing3 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <br />
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >为确保甲方通过内江</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">高新</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">区实施的</span
          ><span style="font-family: 仿宋">“</span></span
        ><span style="font-family: 仿宋; font-size: 22px">房票安置</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >”工作以实现房屋安置，确保乙方取得出售给甲方的商品房购房款和丙方收回出借给甲方的按揭款，维护甲乙丙三方合法权益，甲方授权丁方监管其获得的安置补偿款，且甲乙丙三方均同意由丁方代甲方将本协议约定的甲方被监管安置补偿款资金（下称“甲方被监管资金”）用于向乙方支付购房款和向丙方偿付按揭款本息。为此，甲乙丙丁四方</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >经协商一致，签订本协议</span
        ><span style="font-family: 仿宋; font-size: 22px">。</span>
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第一条</span>
            <span style="font-family: 仿宋"
              >甲方选购商品房的价款总额与支付方式</span
            ></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            >1.甲方选购的商品房的主要情况</span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方自愿选购乙方出售（楼盘名称）</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.homePurchaseInfo.propertiesForSaleName ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">的商品房，包括：（</span
          ><span style="font-family: 仿宋">1）住宅房屋。房号：</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.roomNumber ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">;建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.area || "\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">㎡；</span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">2）车位。车位号：</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.roomNumber) || "　/　"
          }}</span>
          <!-- "\u00a0\u00a0\u00a0\u00a0" --> </span
        ><span style="font-family: 仿宋; font-size: 22px">；建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.area) || "　/　"
          }}</span>
          <!-- "\u00a0\u00a0\u00a0\u00a0" --> </span
        ><span style="font-family: 仿宋; font-size: 22px">㎡。</span>
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方所购商品房的具体情况以及双方的权利义务等，由甲方与乙方另行签订的</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >商品房买卖合同约定，并以其为准。</span
        >
      </p>
      <p style="line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            >{{ "\u00a0\u00a0\u00a0\u00a0"
            }}<span style="font-family: 仿宋"
              >2.甲方选购的商品房价款</span
            ></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方选购乙方商品房的</span
        ><span style="font-family: 仿宋; font-size: 22px">总价款为</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.totalPrice ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元，其中：</span>
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋"
            >1）住宅房屋价款为人民币 &nbsp;</span
          ></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.price || "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.area || "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">㎡</span
          ><span style="font-family: 仿宋">×</span></span
        ><span style="font-family: 仿宋; font-size: 22px">建筑单价</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.unitPrice ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">元</span
          ><span style="font-family: 仿宋">/㎡）；</span></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">2）车位价款为人民币</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.price) || "　/　"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.area) || "　/　"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">㎡</span
          ><span style="font-family: 仿宋">×</span></span
        ><span style="font-family: 仿宋; font-size: 22px">建筑单价</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.unitPrice) || "　/　"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">元</span
          ><span style="font-family: 仿宋">/㎡）。</span></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            >3.商品房价款支付方式及时间</span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">1）商品房总价款中的</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxB ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxC ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋"
            >），由甲方授权丁方在收到本协议项下的甲方安置补偿款后</span
          ><span style="font-family: 仿宋"
            >20个工作日内代为向乙方支付；</span
          ></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">2）商品房总价款中的</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxD
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxE ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          >），由甲方自行筹集资金，在签订商品房买卖合同前直接向乙方支付；</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋"
            >3）除上述第（1）（2）项的款项作为购房首付款，商品房总价款中的剩余款项</span
          ></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxF
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxG ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          >）由甲方向丙方进行按揭贷款，甲方授权丁方按月将安置补偿款用于代甲方向丙方偿付按揭款本息。</span
        >
      </p>
      <p style="text-indent: 40px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第二条</span>
            <span style="font-family: 仿宋">甲方按揭贷款额度</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 40px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >丙方经甲方申请，同意向甲方发放购买乙方商品房所需的按揭贷款共计</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxH
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxI ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          >）。每月还款金额暂计为</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJ
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxK ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          >）。具体借款期限、利率、发放方式、分期还款时间和金额以及权利义务等由甲方与丙方签订的借款合同约定，并以其为准。</span
        >
      </p>
      <p style="text-indent: 40px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第三条</span>
            <span style="font-family: 仿宋">甲方被监管资金的额度</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方授权丁方对甲方获得的全部安置补偿款进行监管，金额为：</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxL ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxM ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">）。</span>
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >（注：甲方办理商品房买卖涉及的各项税费及其他费用不属于甲方被监管资金的范围，由甲方自行向相关单位缴纳）</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第四条</span>
            <span style="font-family: 仿宋">银行账户的开设</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >为确保本协议项下的各项资金安全和各方目的的实现，甲方、乙方和丁方均需在丙方开设银行账户，用以接收和划转资金。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第五条</span>
            <span style="font-family: 仿宋">甲方被监管资金的划转</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.甲方授权丁方在各期安置补偿款进入甲方账户后的当日，即可将其全部转入丁方账户作为被监管资金。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >2.本协议项下的被监管资金，丁方根据甲乙双方商品房买卖合同约定的付款期限和本协议第一条第3款第（1）项约定的额度，首先将其用于代甲方向乙方支付购房款，丙方根据丁方的通知办理前述资金的划转；其后，丁方根据甲丙双方借款合同约定的还款期限和本协议第一条第3款第（3）项约定的额度，将其用于代甲方向丙方偿付按揭款本息。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第六条</span>
            <span style="font-family: 仿宋">资金账户和资金监管要求</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.甲方、乙方、丁方在丙方开设的账户，在甲方与乙方的商品房买卖合同约定的义务或甲方与丙方的借款合同约定的义务未履行完毕之前，不得撤销。若任何一方因债务致使账户及其资金被国家机关冻结或划付，应承担给自己和其他各方造成的一切损失。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >2.丁方对被监管资金须专款专用，不得挪作他用。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >3.因甲方的原因致使丁无法代甲方向乙方或丙方支付购房款或偿付按揭款，乙方或丙方应向甲方主张权利，丁方不承担任何责任。</span
        >
      </p>
      <p style="text-indent: 40px; line-height: 35px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第七条</span>
            <span style="font-family: 仿宋">违约</span></span
          ></strong
        ><strong
          ><span style="font-family: 仿宋; font-size: 22px">责任</span></strong
        ><span style="font-family: 仿宋; font-size: 22px">&nbsp;</span>
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.甲方在商品房买卖合同或借款合同义务未履行完毕前包括但不限于撤销账户、挂失、取现、开通其他收费业务，或出现专用账户及其资金被国家司法机关冻结或划付等情形，致使乙方不能按时足额取得购房款或丙方不能收回按揭款本息的，应按商品房买卖合同或借款合同的约定承担违约金；如违约金不足以弥补给乙方或丙方造成的实际损失的，还应据实赔偿相关方损失，如甲方因本条上述情形导致征信受损、房屋被依法查封拍卖等不利后果由甲方承担，与丁方无关。</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >&nbsp;&nbsp;&nbsp;</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >2.丁方在甲方被监管资金已按时足额转入其账户后未按时足额代为向乙方支付购房款或向丙方偿付按揭款本息，或者将甲方被监管资金挪作他用，除应继续履行代付或代还义务外，应</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >比照商品房买卖合同或借款合同的约定承担违约金；如违约金不足以弥补给乙方或丙方造成的损失的，还应赔偿该损失。</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >&nbsp;&nbsp;&nbsp;</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; font-size: 22px"
          >3.任何一方违反本协议约定，除按约定支付违约金外，还应承担权利方为主张权利而产生的包括但不限于诉讼费、保全费、执行费、律师费、差旅费等。
          &nbsp;&nbsp;</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >&nbsp;</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span
            style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
            ><span style="font-family: 仿宋">第八条</span>
            <span style="font-family: 仿宋">争议的解决</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >1.本协议在履行过程中如果发生争议，各方应协商解决，协商不成的，向丁方所在地人民法院提起诉讼解决。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >2.本协议内容涉及资金监管、商品房买卖、借款等行为和关系，若协议履行中发生的争议仅涉及单一行为关系时，其诉讼当事人仅限于该行为关系的争议当事人，不得滥用权利将无关的其他协议主体列为诉讼当事人，否则，应承担给其他协议主体造成的损失（如律师费、误工费、差旅费等）。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <strong
          ><span
            style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
            ><span style="font-family: 仿宋">第九条</span>
            <span style="font-family: 仿宋">附则</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >1.本协议未尽事宜，可签订</span
        ><span style="font-family: 仿宋; font-size: 22px">补充协议</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >。</span
        >
      </p>
      <!-- <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >{{ "\u00a0\u00a0\u00a0\u00a0"
          }}<span style="font-family: 仿宋"
            >2.本协议经甲乙丙丁四方签章后生效。</span
          ></span
        >
      </p> -->
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >2.本协议经甲乙丙丁四方签章后生效。</span
        ><span style="font-family: 仿宋; font-size: 22px"></span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
        ></span>
      </p>
      <p style="text-indent: 37px; line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >3.本协议一式四份，甲乙丙丁四方各执一份</span
        ><span style="font-family: 仿宋; font-size: 22px">，</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 22px"
          >均具有同等法律效力。</span
        >
      </p>

      <br />
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >甲方（</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >签字</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >）：</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          ><span style="font-family: 仿宋">身份证件号码</span
          ><span style="font-family: 仿宋"
            >：{{ form.fourAspectContent.boxJia2 }}
          </span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >联系电话：{{ form.fourAspectContent.boxJia4 }}</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >联系地址：{{ form.fourAspectContent.boxJia3 }}</span
        >
      </p>
      <br />
      <br />
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >&nbsp;</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >乙方（</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >盖章</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >）：</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >授权代表：</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >联系电话：{{ form.fourAspectContent.boxYi4 }}</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >联系地址：{{ form.fourAspectContent.boxYi3 }}</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >&nbsp;</span
        >
      </p>
      <br />
      <br />
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >丙方（</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >盖</span
        ><span
          style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >章）：</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >授权代表：</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >联系地址：{{ form.fourAspectContent.boxBing3 }}</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >联系电话：{{ form.fourAspectContent.boxBing4 }}</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >&nbsp;</span
        >
      </p>
      <br />
      <br />
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >丁方（盖章）：</span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          ><span style="font-family: 仿宋">授权代理人</span
          ><span style="font-family: 仿宋">：</span></span
        >
      </p>
      <p style="line-height: 35px">
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >联系电话：{{ form.fourAspectContent.boxDing3 }}</span
        >
      </p>
      <p
        style="
          text-align: justify;
          text-justify: inter-ideograph;
          line-height: 35px;
        "
      >
        <span style="font-family: 仿宋; color: rgb(51, 51, 51); font-size: 19px"
          >&nbsp;</span
        >
      </p>
      <p style="text-align: right">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">签订时间：</span>
          {{ form.fourAspectContent.boxO1
          }}<span style="font-family: 仿宋">年</span>
          {{ form.fourAspectContent.boxO2
          }}<span style="font-family: 仿宋">月</span>
          {{ form.fourAspectContent.boxO3
          }}<span style="font-family: 仿宋">日</span>{{ "\u00a0\u00a0" }}</span
        >
      </p>
      <p>
        <br />
      </p>
      <p>
        <br />
      </p>
      <div v-if="!printing">
        <el-button @click="submitData" type="primary" v-if="form.phase === 3"
          >暂存</el-button
        >
        <el-button @click="print" type="primary">打印</el-button>
        <el-button @click="handleSubmit" type="primary" v-if="form.phase === 3"
          >已签约并提交</el-button
        >
      </div>
    </div>
    <!-- 三方协议 -->
    <div v-else class="print-area">
      <p style="text-align: center; line-height: 33px">
        <strong
          ><span style="font-family: 宋体; font-size: 32px"
            >安置补偿款监管使用协议</span
          ></strong
        >
      </p>
      <p style="text-align: center; line-height: 33px">
        <strong
          ><span style="font-family: 宋体; font-size: 16px"
            >（特殊情况使用：如被安置对象征信无法取得银行贷款等）</span
          ></strong
        ><strong
          ><span style="font-family: 宋体; font-size: 24px"
            >&nbsp;</span
          ></strong
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">&nbsp;</span>
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方（被安置对象、商品房购买人）：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">身份证号码：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia2 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">地址：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia3 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">电话：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxJia4 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >所属征收项目名称：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.projectName ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">房票安置转换</span
        ><span style="font-family: 仿宋; font-size: 22px">协议编号：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.numbering ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <br />
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >乙方（商品房出卖人）：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">&nbsp;</span>
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">法定代表人：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi2 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">地址：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi3 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">电话：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxYi4 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <br />
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">丙方（资金监管方）</span
          ><span style="font-family: 仿宋">：</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxBing1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">地址：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxBing2 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">电话：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxBing3 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        >
      </p>
      <br />
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">为确保甲方通过</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px"> 高新 </span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">区实施的</span
          ><span style="font-family: 仿宋">“</span></span
        ><span style="font-family: 仿宋; font-size: 22px">房票安置</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >”工作以实现房屋安置，确保乙方取得出售给甲方的商品房购房款，维护甲乙双方合法权益，甲方授权丙方监管其获得的安置补偿款，且甲乙双方均同意由丙方代甲方将本协议约定的甲方被监管安置补偿款资金（下称“甲方被监管资金”）用于向乙方支付购房款。为此，甲乙丙三方</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >经协商一致，签订本协议</span
        ><span style="font-family: 仿宋; font-size: 22px">。</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第一条</span>
            <span style="font-family: 仿宋"
              >甲方选购商品房的价款总额与支付方式</span
            ></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            >1.甲方选购的商品房的主要情况</span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方自愿选购乙方出售（楼盘名称）</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (form.homePurchaseInfo &&
              form.homePurchaseInfo.propertiesForSaleName) ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">的商品房，包括：（</span
          ><span style="font-family: 仿宋">1）住宅房屋。房号：</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.roomNumber ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">;建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.area || "\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">㎡；</span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">2）车位。车位号：</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.roomNumber) ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">；建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.area) || "\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">㎡。</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方所购商品房的具体情况以及双方的权利义务等，由甲方与乙方另行签订的</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >商品房买卖合同约定，并以其为准。</span
        >
      </p>
      <p style="line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            >{{ "\u00a0\u00a0\u00a0\u00a0"
            }}<span style="font-family: 仿宋"
              >2.甲方选购的商品房价款</span
            ></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方选购乙方商品房的</span
        ><span style="font-family: 仿宋; font-size: 22px">总价款为</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.totalPrice ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元，其中：</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋"
            >1）住宅房屋价款为人民币 &nbsp;</span
          ></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.price || "\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.area || "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">㎡</span
          ><span style="font-family: 仿宋">×</span></span
        ><span style="font-family: 仿宋; font-size: 22px">建筑单价</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            house.unitPrice || "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">元</span
          ><span style="font-family: 仿宋">/㎡）；</span></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">2）车位价款为人民币</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.price) || "\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（建筑面积</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.area) || "\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">㎡</span
          ><span style="font-family: 仿宋">×</span></span
        ><span style="font-family: 仿宋; font-size: 22px">建筑单价</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            (car && car.unitPrice) || "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">元</span
          ><span style="font-family: 仿宋">/㎡）。</span></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            >3.商品房价款支付方式及时间</span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">1）商品房总价款中的</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxB ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxC ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋"
            >），由甲方授权丙方在收到本协议项下的甲方安置补偿款后</span
          ><span style="font-family: 仿宋"
            >20个工作日内代为向乙方支付；</span
          ></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋">2）商品房总价款中的</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxD ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxE ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          >），由甲方自行筹集资金，在签订商品房买卖合同前直接向乙方支付；</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋"
            >3）除上述第（1）（2）项的款项作为购房首付款，商品房总价款中的剩余款项</span
          ></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN1 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN2 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px"
          >）由甲方向丙方进行转账并监管</span
        ><span style="font-family: 仿宋; font-size: 22px"
          >。甲方授权丙方在签订协议后分</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px"
            >{{ "\u00a0" }}<span style="font-family: 仿宋">2</span></span
          ></span
        ><span style="font-family: 仿宋; font-size: 22px"
          >期将剩余款项支付给乙方</span
        ><span style="font-family: 仿宋; font-size: 22px">，其中，甲方于</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN3 || "\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">年</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN4 || "\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">月</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            "\u00a0"
          }}</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN5 || "\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">日前支付</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN6 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN7 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">）</span
        ><span style="font-family: 仿宋; font-size: 22px">；甲方于</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN8 || "\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">年</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN9 || "\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">月</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            "\u00a0"
          }}</span></span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN10 || "\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">日前支付</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN11 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxN12 ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">）。</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            >4.商品房交付时间</span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋"
            >1）因甲方不具备贷款资格，经甲乙丙三方协商一致，乙方同意按照以上第一条第3款的分期付款方式收取甲方房款。</span
          ></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">（</span
          ><span style="font-family: 仿宋"
            >2）甲乙丙三方知晓并同意，丙方付清该房屋全部总价款为乙方向甲方交付房屋的前提条件。在乙方收到全部房款前，甲方及丙方均不得以乙方延期交房为由主张权利。</span
          ></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第二条</span>
            <span style="font-family: 仿宋">甲方被监管资金的额度</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >甲方授权丙方对甲方获得的全部安置补偿款进行监管，金额为：</span
        >
      </p>
      <p style="line-height: 33px">
        <span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxL ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">元（大写：</span
        ><span style="text-decoration: underline"
          ><span style="font-family: 仿宋; font-size: 22px">{{
            form.fourAspectContent.boxM ||
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span></span
        ><span style="font-family: 仿宋; font-size: 22px">）。</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >（注：甲方办理商品房买卖涉及的各项税费及其他费用不属于甲方被监管资金的范围，由甲方自行向相关单位缴纳）</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第三条</span>
            <span style="font-family: 仿宋">甲方监管账户的开设</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >为确保本协议项下的各项资金安全和各方目的的实现，甲方须提供一张银行卡用于接收安置补偿款并交予丙方进行保管。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第四条</span>
            <span style="font-family: 仿宋">甲方被监管资金的划转</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.甲方授权丙方在各期安置补偿款进入甲方账户后的当日，即可将其全部转入丙方账户作为被监管资金。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >2.本协议项下的被监管资金，丙方根据甲乙双方商品房买卖合同约定的付款期限和本协议第一条第3款第（1）项约定的额度，首先将其用于代甲方向乙方支付购房款；其后，丙方根据甲乙双方商品房买卖合同约定的付款期限和本协议第一条第3款第（3）项约定的金额，用于代甲方向乙方支付剩余购房款项。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第五条</span>
            <span style="font-family: 仿宋">资金账户和资金监管要求</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.甲方提供或开设的账户，在甲方与乙方的商品房买卖合同约定的义务未履行完毕之前，不得撤销。若因债务致使账户及其资金被国家机关冻结或划付，应承担给自己和其他各方造成的一切损失。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >2.丙方对被监管资金须专款专用，不得挪作他用。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >3.因甲方的原因致使丙方无法代甲方向乙方支付购房款，乙方应向甲方主张权利。</span
        >
      </p>
      <p style="text-indent: 40px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第六条</span>
            <span style="font-family: 仿宋">违约</span></span
          ></strong
        ><strong
          ><span style="font-family: 仿宋; font-size: 22px">责任</span></strong
        ><span style="font-family: 仿宋; font-size: 22px">{{ "\u00a0" }}</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.甲方在商品房买卖合同义务未履行完毕前擅自撤销账户，或者账户及其资金被国家机关冻结或划付，致使乙方不能取得购房款的，应按商品房买卖合同的约定承担违约金；如违约金不足以弥补给乙方造成的损失的，还应赔偿对方损失。</span
        ><span style="font-family: 仿宋; font-size: 22px">{{
          "\u00a0\u00a0\u00a0"
        }}</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >2.丙方在甲方被监管资金已按时足额转入其账户后未按时足额代为向乙方支付购房款，或者将甲方被监管资金挪作他用，除应继续履行代付义务外，应比照商品房买卖合同的约定承担违约金；如违约金不足以弥补给乙方造成的损失的，还应赔偿该损失。</span
        ><span style="font-family: 仿宋; font-size: 22px">{{
          "\u00a0\u00a0\u00a0"
        }}</span>
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >3.任何一方违反本协议约定，除按约定支付违约金外，还应承担权利方为主张权利而产生的包括但不限于诉讼费、保全费、执行费、律师费、差旅费等。
          &nbsp;&nbsp;&nbsp;</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第七条</span>
            <span style="font-family: 仿宋">争议的解决</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.本协议在履行过程中如果发生争议，各方应协商解决，协商不成的，向丙方所在地人民法院提起诉讼解决。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >2.本协议内容涉及资金监管、商品房买卖等行为和关系，若协议履行中发生的争议仅涉及单一行为关系时，其诉讼当事人仅限于该行为关系的争议当事人，不得滥用权利将无关的其他协议主体列为诉讼当事人，否则，应承担给其他协议主体造成的损失（如律师费、误工费、差旅费等）。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <strong
          ><span style="font-family: 仿宋; font-size: 22px"
            ><span style="font-family: 仿宋">第八条</span>
            <span style="font-family: 仿宋">附则</span></span
          ></strong
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >1.本协议未尽事宜，可签订补充协议。</span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋"
            >2.本协议经甲乙丙三方盖章或签字后生效。</span
          ></span
        >
      </p>
      <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          >3.本协议一式三份，甲乙丙三方各执一份，均具有同等法律效力。</span
        >
      </p>
      <!-- <p style="text-indent: 37px; line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">{{ "\u00a0" }}</span>
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">{{ "\u00a0" }}</span>
      </p> -->
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">甲方（签字）：</span>
          {{
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}<span style="font-family: 仿宋">乙方（盖章）：</span>
        </span>
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">身份证件号码：</span>
          {{
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}<span style="font-family: 仿宋">授权代表</span
          ><span style="font-family: 仿宋">: </span></span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">联系电话：</span>
          {{
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}<span style="font-family: 仿宋">联系电话：</span>
          {{
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span
        >
      </p>
      <br />
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">丙方（公章）：</span>
          {{
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">授权代表：</span>
          {{
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">联系电话：</span>
          {{
            "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
          }}</span
        >
      </p>
      <p style="line-height: 33px">
        <span style="font-family: 仿宋; font-size: 22px">{{ "\u00a0" }}</span>
      </p>
      <p style="text-align: right">
        <span style="font-family: 仿宋; font-size: 22px"
          ><span style="font-family: 仿宋">签订时间：</span>
          {{ form.fourAspectContent.boxO1
          }}<span style="font-family: 仿宋">年</span>
          {{ form.fourAspectContent.boxO2
          }}<span style="font-family: 仿宋">月</span>
          {{ form.fourAspectContent.boxO3
          }}<span style="font-family: 仿宋">日</span>{{ "\u00a0\u00a0" }}</span
        >
      </p>
      <p>
        <br />
      </p>
      <div v-if="!printing">
        <el-button @click="submitData" type="primary">暂存</el-button>
        <el-button @click="print" type="primary">打印</el-button>
        <el-button
          @click="handleSubmit"
          v-loading.fullscreen.lock="fullscreenLoading"
          type="primary"
          >已签约并提交</el-button
        >
        <!-- <el-button @click="handleClick" type="primary" ref="btn">提交</el-button> -->
      </div>
    </div>
  </div>
</template>

<script>
import { dealPhase3 } from "@/api/housingTicket";
import { info } from "@/api/ticket";
export default {
  data() {
    return {
      fullscreenLoading: false,
      form: {
        fourAspect: false,
        fourAspectAgreement: "",
        fourAspectContent: {
          boxA: "",
          boxB: "",
          boxBing1: "",
          boxBing2: "",
          boxBing3: "",
          boxC: "",
          boxD: "",
          boxDing1: "",
          boxDing2: "",
          boxDing3: "",
          boxE: "",
          boxF: "",
          boxG: "",
          boxH: "",
          boxI: "",
          boxJ: "",
          boxJia1: "",
          boxJia2: "",
          boxJia3: "",
          boxJia4: "",
          boxJia5: "",
          boxJia6: "",
          boxK: "",
          boxL: "",
          boxM: "",
          boxN1: "",
          boxN10: "",
          boxN11: "",
          boxN12: "",
          boxN2: "",
          boxN3: "",
          boxN4: "",
          boxN5: "",
          boxN6: "",
          boxN7: "",
          boxN8: "",
          boxN9: "",
          boxYi1: "",
          boxYi2: "",
          boxYi3: "",
          boxYi4: "",
          homePurchaseInfo: {
            homePurchaseInfoInnerList: [
              {
                area: 0,
                price: 0,
                roomNumber: "",
                type: 0,
                unitPrice: 0,
              },
            ],
            propertiesForSaleName: "",
            totalPrice: 0,
          },
        },
        id: "",
        signed: false,
      },
      printing: false,
      house: {},
      car: {},
    };
  },
  created() {
    this.getInfo();
  },
  methods: {
    getInfo() {
      if (this.$route.query.id) {
        info(this.$route.query).then((res) => {
          this.form = res.d;
          this.house = res.d.homePurchaseInfo.homePurchaseInfoInnerList[0];
          this.car = res.d.homePurchaseInfo.homePurchaseInfoInnerList[1];
        });
      } else {
        this.form = JSON.parse(localStorage.getItem("printFourParty"));
        this.house = JSON.parse(
          localStorage.getItem("printFourPartyHouseInfo")
        );
        this.car = JSON.parse(localStorage.getItem("printFourPartyCarInfo"));
      }
    },
    print() {
      this.printing = true;
      setTimeout(() => {
        window.print();
        this.printing = false;
      }, 100);
    },
    handleSubmit() {
      this.fullscreenLoading = true;
      this.form.signed = true;
      this.form.fourAspectAgreement =
        document.getElementsByClassName("print-area")[0].innerHTML;
      dealPhase3(this.form)
        .then((res) => {
          this.fullscreenLoading = false;
          if (res.c === 200) {
            this.$message.success("签约成功");
            setTimeout(() => {
              window.close();
            }, 1000);
          }
        })
        .catch((err) => {
          setTimeout(() => {
            this.fullscreenLoading = false;
          }, 500);
        });
    },
    submitData() {
      this.form.fourAspectAgreement =
        document.getElementsByClassName("print-area")[0].innerHTML;
      this.form.signed = false;
      dealPhase3(this.form).then((res) => {
        if (res.c === 200) {
          this.$message.success("生成协议成功");
          setTimeout(() => {
            window.close();
          }, 1000);
        }
      });
      //   this.form.number =
      //     this.form.housingTicketContent.householdRegistrationDataList.reduce(
      //       (acc, obj) => Number(acc) + Number(obj.boxL),
      //       0
      //     );
      //   add(this.form).then((res) => {
      //     this.$message.success("提交成功");
      //     this.dialogVisible = false;
      //   });
    },
    // handleClick(){
    //   this.$refs.btn
    //   setTimeout(() => {

    //   }, 3000);
    // }
    // saveToHtml() {
    //   // 获取页面的所有元素和样式
    //   //   const elements = document.querySelectorAll("body");
    //   console.log();
    //   //   elements.forEach((element) => {
    //   //     const styles = window.getComputedStyle(element);
    //   //     console.log(element, styles);
    //   //   });
    //   //   return elements;
    // },
  },
};
</script>

<style>
.print-area {
  width: 842px;
  margin: 0 auto;
  padding: 0 90px;
}
</style>
