<template>
  <div class="container">
    <div class="pdf">
      <div id="printdiv">
        <!-- 表格1 -->
        <table
          style="margin:0 auto; font-family: 宋体;table-layout:fixed;"
          data-sort="sortDisabled"
          cellspacing="0"
          cellpadding="0"
          border="0"
        >
          <tbody>
            <!-- 隐藏行 -->
            <tr class="firstRow">
              <td style="width: 560px; border: 0px; word-break: break-all;">
                <span style="display:none">1</span>
              </td>
              <td style="width:50px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:50px;border:0px">
                <span style="display:none">1</span>
              </td>
            </tr>
            <tr>
              <td colspan="3" class="T4" id="Title">
                国有土地上住宅用房征收评估分户报告
              </td>
            </tr>
            <tr>
              <td colspan="1" class="tdl">
                征收项目名称：<span id="ProjectName"></span>
                <!-- <input
                type="text"
                style="width:80px;"
                readonly="readonly"
                type1="flow_hidden"
                id="InvestigateTable_Assessment.ID"
                name="InvestigateTable_Assessment.ID"
                value="隐藏域"
                defaultvalue=""
              /> -->
              </td>
              <td colspan="1" class="tdr">
                编号：
              </td>
              <td colspan="1" class="tdl">
                <span id="No">123</span>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- 表格2 -->
        <table
          style=" margin:0 auto;font-family: 宋体;table-layout:fixed;"
          data-sort="sortDisabled"
          cellspacing="0"
          cellpadding="0"
          border="1"
        >
          <tbody>
            <!-- 隐藏行 -->
            <tr class="firstRow" style="display:none">
              <td style="width:48px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:34px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:42px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:60px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:80px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:68px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:68px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:56px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:68px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:68px;border:0px">
                <span style="display:none">1</span>
              </td>
              <td style="width:68px;border:0px">
                <span style="display:none">1</span>
              </td>
            </tr>
            <!-- 第一小行 -->
            <tr>
              <td rowspan="4" class="Mulitc" id="SurveyTd">
                估<br />价<br />对<br />象
              </td>
              <td colspan="2" class="tdc">
                被征收人
              </td>
              <td colspan="2" class="tdc">
                <span id="Bzsr"></span>
              </td>
              <td colspan="1" class="tdc" style="word-break: break-all;">
                所在层/ <br />总层数
              </td>
              <td colspan="1" class="tdc">
                结构朝向
              </td>
              <td
                colspan="2"
                class="tdc"
                style="word-break: break-all;"
                rowspan="1"
              >
                结构等级
              </td>
              <td colspan="1" class="tdc">建筑面积<br />（㎡）</td>
              <td colspan="1" class="tdc">
                建造年份
              </td>
            </tr>
            <!-- 房屋坐落行 -->
            <tr>
              <td colspan="2" class="tdc">
                房屋坐落
              </td>
              <td colspan="2" class="tdc">
                <span id="Fwzl"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Layer"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Orientation"></span>
              </td>
              <td colspan="2" class="tdc" rowspan="1">
                <span id="StructureID_text"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="BuildingArea"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="CompletedYear"></span>
              </td>
            </tr>
            <!-- 地段行 -->
            <tr>
              <td colspan="2" class="tdc">
                地段
              </td>
              <td colspan="1" class="tdc">
                底层情况
              </td>
              <td colspan="1" class="tdc">
                土地性质
              </td>
              <td colspan="1" class="tdc">
                土地面积
              </td>
              <td colspan="1" class="tdc">
                <span id="Name_Survey0"></span>
              </td>
              <td colspan="2" class="tdc" rowspan="1">
                <span id="Name_Survey1"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Name_Survey3"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Name_Survey4"></span>
              </td>
            </tr>
            <!-- 空行? -->
            <tr id="SurveyTr0">
              <td colspan="2" class="tdc">
                <span id="Section"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Underlying"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="LandWay"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="LandArea"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Value_Survey0"></span>
              </td>
              <td colspan="2" class="tdc" rowspan="1">
                <span id="Value_Survey1"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Value_Survey3"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="Value_Survey4"></span>
              </td>
            </tr>

            <!-- 附属物行 -->
            <tr>
              <td rowspan="2" class="Mulitc">附<br />属<br />物</td>
              <td colspan="2" class="tdc">独用天井面积<br />（㎡）</td>
              <td colspan="2" class="tdc">独用晒台面积<br />（㎡）</td>
              <td colspan="1" class="tdc">
                围墙类别
              </td>
              <td colspan="1" class="tdc">围墙面积<br />（㎡）</td>
              <td colspan="2" class="tdc">
                自行车房类别
              </td>
              <td colspan="1" class="tdc">自行车房<br />房号</td>
              <td colspan="1" class="tdc">车房面积<br />（㎡）</td>
            </tr>
            <!-- 空行? -->
            <tr>
              <td colspan="2" class="tdc">
                <span id="CourtyardArea"></span>
              </td>
              <td colspan="2" class="tdc">
                <span id="ShaitaiArea"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="WallType"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="WallArea"></span>
              </td>
              <td colspan="2" class="tdc">
                <span id="GarageType"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="GarageNo"></span>
              </td>
              <td colspan="1" class="tdc">
                <span id="GarageArea"></span>
              </td>
            </tr>

            <!-- 估价目的 -->
            <tr>
              <td colspan="2" class="tdc">
                估价目的
              </td>
              <td colspan="7" class="tdl">
                &nbsp;&nbsp;为房屋征收部门与被征收人确定被征收房屋价值的补偿提供依据，评估被征收房屋的价值。
              </td>
              <td colspan="1" class="tdc">
                价值时点
              </td>
              <td colspan="1" class="tdc">
                <span id="MoneyPoint"></span>
              </td>
            </tr>
            <tr>
              <td
                rowspan="6"
                class="Mulitc"
                id="PropertyTd"
                style="word-break: break-all;"
              >
                市<br />场<br />价<br />评<br />估
              </td>
              <td
                colspan="5"
                rowspan="6"
                class="Mulitc"
                id="PropertyMo"
                style="text-align: left; word-break: break-all;"
              >
                &nbsp;&nbsp;市场价评估金额：评估比准价格×结构修正系数×使用年限调整系数×（1±层次差价率）×（1±朝向差价率）×建筑面积<br /><span
                  id="Calculation_Process"
                  style="display:block;"
                ></span>
              </td>
              <td colspan="3" class="tdc">
                建筑面积（㎡）
              </td>
              <td colspan="2" class="tdc">
                <span id="BuildingArea1"></span>
              </td>
            </tr>
            <tr>
              <td colspan="3" class="tdc">
                层次差价率（%）
              </td>
              <td colspan="2" class="tdc">
                <span id="LayerRatio"></span>
              </td>
            </tr>
            <tr>
              <td colspan="3" class="tdc">
                朝向差价率（%）
              </td>
              <td colspan="2" class="tdc">
                <span id="OrientationRatio"></span>
              </td>
            </tr>
            <tr>
              <td colspan="3" class="tdc">
                结构修正系数
              </td>
              <td colspan="2" class="tdc">
                <span id="StructureRatio"></span>
              </td>
            </tr>
            <tr>
              <td colspan="3" class="tdc">
                使用年限调整系数
              </td>
              <td colspan="2" class="tdc">
                <span id="YearRatio"></span>
              </td>
            </tr>
            <tr id="PropertyTr">
              <td colspan="3" class="tdc">
                评估金额(元)
              </td>
              <td colspan="2" class="tdc">
                <span id="HousingAssessmentValue"></span>
              </td>
            </tr>
            <tr id="DecorateTr0">
              <td rowspan="2" class="Mulitc" id="DecorateTd">
                住<br />宅<br />装<br />修<br />价<br />格
              </td>
              <td colspan="2" class="tdc">
                房号
              </td>
              <td colspan="1" class="tdc">
                使用面积（㎡）
              </td>
              <td colspan="1" class="tdc">
                单价（元/㎡）
              </td>
              <td colspan="2" class="tdc">
                房号
              </td>
              <td colspan="2" class="tdc">
                使用面积（㎡）
              </td>
              <td colspan="2" class="tdc">
                单价（元/㎡）
              </td>
            </tr>
            <tr id="DecorateTr1">
              <td colspan="1" class="tdc">
                公式
              </td>
              <td colspan="3" class="tdc">
                装修评估价格=单价×使用面积
              </td>
              <td colspan="2" class="tdc">
                使用面积小计（㎡）
              </td>
              <td colspan="1" class="tdc">
                <span id="DecorateArea"></span>
              </td>
              <td colspan="2" class="tdc">
                评估金额（元）
              </td>
              <td colspan="1" class="tdc">
                <span id="DecorateAssessedValue"></span>
              </td>
            </tr>
            <tr id="AttachedTr0">
              <td rowspan="2" class="Mulitc" id="AttachedTd">
                附<br />属<br />物
              </td>
              <td colspan="3" class="tdc">
                项目名称
              </td>
              <td colspan="1" class="tdc">
                面积
              </td>
              <td colspan="1" class="tdc">
                单价(元/㎡)
              </td>
              <td colspan="1" class="tdc">
                成新
              </td>
              <td colspan="2" class="tdc">
                评估金额(元)
              </td>
              <td colspan="2" class="tdc">
                备注
              </td>
            </tr>
            <tr id="AttachedTr1">
              <td colspan="5" class="tdc">
                小计
              </td>
              <td colspan="3" class="tdc">
                <span id="AttachedAssessedValue"></span>
              </td>
              <td colspan="2" class="tdc"></td>
            </tr>
            <tr id="LandMoneyTr">
              <td colspan="1" class="tdc2">相关<br />说明</td>
              <td colspan="10" class="tdl2">
                <span style="visibility: hidden;">两格</span
                >1、假设限制条件：委估房地产的用途、面积及建造年份由委托方提供，本公司未向政府有关部门核实，评估时假设上述内容合法、真实；<br /><span
                  style="visibility: hidden;"
                  >两格</span
                >
                2、估价依据：《房地产估价规范》及《宁波市国有土地上房屋征收评估技术规程》等。
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp;<span id="Note"></span>
              </td>
            </tr>
            <tr>
              <td rowspan="2" class="Mulitc">评估<br />结果</td>
              <td colspan="2" rowspan="2" class="Mulitc">
                评估总金额
              </td>
              <td colspan="2" class="tdc">
                （大写）
              </td>
              <td colspan="6" class="tdc">
                <span id="countValue_DX"></span>
              </td>
            </tr>
            <tr>
              <td colspan="2" class="tdc">
                （小写）
              </td>
              <td colspan="6" class="tdc">
                <span id="countValue_XX"></span>
              </td>
            </tr>
            <tr>
              <td colspan="1" class="tdc3">估价<br />人员<br />签章</td>
              <td colspan="7" class="tdc3"></td>
              <td colspan="1" class="tdc3">估价机构<br />签章</td>
              <td colspan="2" class="tdc3">
                <p style="height:50px">
                  <br />
                </p>
                <p style="text-align: right;margin-right:20px;height:20px">
                  年&nbsp;&nbsp;月 &nbsp;&nbsp;日
                </p>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- 段落文字 -->
        <p style="text-align:center">
          &nbsp;被征收人、承租人对估价结果有异议的，应当自收到评估报告之日起十日内，向出具评估报告的评估机构书面申请复核评估。
        </p>
      </div>
    </div>
    <div class="button">
      <el-button type="primary">保存到相册</el-button>
    </div>
  </div>
</template>
<script>
import "./evaluateResult.js";
export default {};
</script>

<style lang="less" scoped>
.container {
  font-size: 8px;
  .pdf {
    width: 80%;
    margin: 10px auto;
    padding: 0 10px;
    border: 1px solid black;
    #printdiv {
      table,
      td,
      th,
      p,
      div,
      span,
      label {
        // font-size: 12px;
        line-height: 18px;
        font-family: 宋体;
        height: auto;
        // min-height: 18px;
      }

      #printdiv table td {
        // font-size: 12px;
        line-height: 18px;
        height: auto !important;
        min-height: 18px;
      }

      #printdiv table td span {
        // font-size: 12px;
        line-height: 18px;
        height: auto !important;
        min-height: 18px;
      }

      #printdiv table td span span {
        // font-size: 12px;
        line-height: 18px;
      }

      .tdl {
        word-break: break-all;
        height: 18px;
      }

      .tdr {
        word-break: break-all;
        height: 18px;
        text-align: right;
      }

      .tdc {
        word-break: break-all;
        // height: 18px;
        text-align: center;
      }

      .tdc1 {
        word-break: break-all;
        height: 40px;
        text-align: center;
      }

      .tdc2 {
        word-break: break-all;
        height: 50px;
        text-align: center;
      }

      .tdl2 {
        word-break: break-all;
        height: 50px;
        text-align: left;
      }

      .tdc3 {
        word-break: break-all;
        height: 60px;
        text-align: center;
      }

      .Mulitc {
        word-break: break-all;
        text-align: center;
      }

      .T4 {
        text-align: center;
        vertical-align: middle;
        // height: 50px;
        // font-size: 18px !important;
        font-family: 黑体;
      }
    }
  }
  .button {
    text-align: center;
    margin-bottom: 20px;
  }
}
</style>
