update:增加评估结果页面

This commit is contained in:
2021-09-14 16:12:16 +08:00
parent fd3731dbbc
commit 3b2143dbdb
3 changed files with 949 additions and 26 deletions

View File

@@ -1,44 +1,56 @@
import Vue from 'vue' import Vue from "vue";
import Router from 'vue-router' import Router from "vue-router";
Vue.use(Router) Vue.use(Router);
export default new Router({ export default new Router({
mode:'hash', mode: "hash",
routes: [ routes: [{
{ path: "/index",
path: '/index', name: "index",
name: 'index', component: () =>
component: () => import('../views') import ("../views")
}, },
{ {
path: '/', path: "/",
name: 'index', name: "index",
component: () => import('../views') component: () =>
import ("../views")
}, },
// 选择项目页面 // 选择项目页面
{ {
path: '/project-select', path: "/project-select",
name: 'projectSelect', name: "projectSelect",
component: () => import('../views/project') component: () =>
import ("../views/project")
}, },
// 评估结果页面 // 评估结果页面
{ {
path: '/report/compensate', path: "/report/compensate",
name: 'reportCompensate', name: "reportCompensate",
component: () => import('../views/report/compensate') component: () =>
import ("../views/report/compensate")
}, },
// 协议结果页面 // 协议结果页面
{ {
path: '/report/agreement', path: "/report/agreement",
name: 'reportAgreement', name: "reportAgreement",
component: () => import('../views/report/agreement') component: () =>
import ("../views/report/agreement")
}, },
// 查看pdf页面 // 查看pdf页面
{ {
path: '/showPdf', path: "/showPdf",
name: 'showPdf', name: "showPdf",
component: () => import('../views/pdf/pdf') component: () =>
import ("../views/pdf/pdf")
}, },
// 评估结果pdf
{
path: "/evaluteResult",
name: "evaluteResult",
component: () =>
import ("../views/pdf/evaluteResult")
}
] ]
}) });

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>

View File

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