ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update:增加评估结果页面

Browse Source
This commit is contained in:
lisl
2021-09-14 16:12:16 +08:00
parent fd3731dbbc
commit 3b2143dbdb
3 changed files with 949 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

908
FrontCode2/sunshine_levy/src/views/pdf/evaluteResult.vue Normal file
View File

@@ -0,0 +1,908 @@
<template>
<div class="container" style="padding:10px;text-align:center">
<div id="printdiv">
<!-- 第一行 -->
<table
style="width: 80%;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"></span>
</td>
</tr>
</tbody>
</table>
<!-- 第二行 -->
<table
style="width: 80%; 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>
&nbsp;被征收人、承租人对估价结果有异议的，应当自收到评估报告之日起十日内，向出具评估报告的评估机构书面申请复核评估。
</p>
</div>
<p>
<br />
</p>
<!-- 第三行 -->
<div id="printdiv1">
<table
style="width: 80%; margin:0 auto;font-family: 宋体;"
class="table1"
data-sort="sortDisabled"
cellspacing="0"
cellpadding="0"
border="0"
>
<tbody>
<tr class="firstRow">
<td style="width:35px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:90px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:120px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:140px;border:0px">
<span style="display:none">1</span>
</td>
</tr>
<tr>
<td colspan="8">
分部分项装修评估表
</td>
</tr>
<tr id="Decorate">
<td colspan="1">
序号
</td>
<td colspan="1">
项目
</td>
<td colspan="1">
成新
</td>
<td colspan="1">
单位
</td>
<td colspan="1">
数量
</td>
<td colspan="1">
单价
</td>
<td colspan="1">
评估金额（元）
</td>
<td colspan="1">
备注
</td>
</tr>
</tbody>
</table>
</div>
<p>
<br />
</p>
<!-- 第四行 -->
<div id="printdiv2">
<table
style="width: 80%; margin:0 auto;font-family: 宋体;"
class="table2"
data-sort="sortDisabled"
cellspacing="0"
cellpadding="0"
border="0"
>
<tbody>
<tr class="firstRow">
<td style="width:35px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:90px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:120px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:140px;border:0px">
<span style="display:none">1</span>
</td>
</tr>
<tr>
<td colspan="8">
其他附属物评估表
</td>
</tr>
<tr id="Attached">
<td colspan="1">
序号
</td>
<td colspan="1">
项目
</td>
<td colspan="1">
成新
</td>
<td colspan="1">
单位
</td>
<td colspan="1">
数量
</td>
<td colspan="1">
单价
</td>
<td colspan="1">
评估金额（元）
</td>
<td colspan="1">
备注
</td>
</tr>
</tbody>
</table>
</div>
<p>
<br />
</p>
<!-- 第五行 -->
<div id="printdiv3">
<table
style="width: 80%;margin:0 auto; font-family: 宋体;"
class="table3"
data-sort="sortDisabled"
cellspacing="0"
cellpadding="0"
border="0"
>
<tbody>
<tr class="firstRow">
<td style="width:35px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:90px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:70px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:120px;border:0px">
<span style="display:none">1</span>
</td>
<td style="width:140px;border:0px">
<span style="display:none">1</span>
</td>
</tr>
<tr>
<td colspan="8">
其他评估表
</td>
</tr>
<tr id="Other">
<td colspan="1">
序号
</td>
<td colspan="1">
项目
</td>
<td colspan="1">
成新
</td>
<td colspan="1">
单位
</td>
<td colspan="1">
数量
</td>
<td colspan="1">
单价
</td>
<td colspan="1">
评估金额（元）
</td>
<td colspan="1">
备注
</td>
</tr>
</tbody>
</table>
</div>
<p>
<br />
</p>
</div>
</template>
<style>
table,
td,
th,
p,
div,
span,
label {
font-size: 12px;
line-height: 20px;
font-family: 宋体;
}
#printdiv1 table td {
font-size: 12px;
line-height: 20px;
}
#printdiv1 table td span {
font-size: 12px;
line-height: 20px;
}
#printdiv1 table td span span {
font-size: 12px;
line-height: 20px;
}
.table1 {
border-collapse: collapse;
word-break: break-all;
vertical-align: middle;
}
.table1 td {
border: solid 1px #000;
margin: 2px;
padding: 1px 1px 1px 5px;
font-size: 12px !important;
line-height: 20px !important;
height: 20px;
text-align: center;
}
.table1 span {
font-size: 12px !important;
line-height: 20px !important;
}
</style>
<style>
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: 黑体;
}
</style>
<style>
table,
td,
th,
p,
div,
span,
label {
font-size: 12px;
line-height: 20px;
font-family: 宋体;
}
#printdiv2 table td {
font-size: 12px;
line-height: 20px;
}
#printdiv2 table td span {
font-size: 12px;
line-height: 20px;
}
#printdiv2 table td span span {
font-size: 12px;
line-height: 20px;
}
.table2 {
border-collapse: collapse;
word-break: break-all;
vertical-align: middle;
}
.table2 td {
border: solid 1px #000;
margin: 2px;
padding: 1px 1px 1px 5px;
font-size: 12px !important;
line-height: 20px !important;
height: 20px;
text-align: center;
}
.table2 span {
font-size: 12px !important;
line-height: 20px !important;
}
</style>
<style lang="less" scoped>
table,
td,
th,
p,
div,
span,
label {
font-size: 12px;
line-height: 20px;
font-family: 宋体;
}
#printdiv3 table td {
font-size: 12px;
line-height: 20px;
}
#printdiv3 table td span {
font-size: 12px;
line-height: 20px;
}
#printdiv3 table td span span {
font-size: 12px;
line-height: 20px;
}
.table3 {
border-collapse: collapse;
word-break: break-all;
vertical-align: middle;
}
.table3 td {
border: solid 1px #000;
margin: 2px;
padding: 1px 1px 1px 5px;
font-size: 12px !important;
line-height: 20px !important;
height: 20px;
text-align: center;
}
.table3 span {
font-size: 12px !important;
line-height: 20px !important;
}
</style>

5
FrontCode2/sunshine_levy/src/views/report/compensate.vue
View File

@@ -4,7 +4,7 @@
<img alt src="@/assets/img/evalute.png" />
</div>
<div class="text">为您查询到{{ this.result }}条结果</div>
<div :key="index" v-for="(item, index) in info">
<div :key="index" v-for="(item, index) in info" @click="pageJump()">
<el-card body-style="padding:10px">
<div>
<img alt src="@/assets/img/bianhao.png" />
@@ -79,6 +79,9 @@ export default {
onLoadData() {
console.log(this.$route.params);
this.type = this.$route.params.type;
},
pageJump() {
this.$router.push("/evaluteResult");
}
}
};