This commit is contained in:
路 范
2021-09-24 12:49:11 +08:00
13 changed files with 146 additions and 1767 deletions

View File

@@ -59,13 +59,6 @@ export default new Router({
component: () =>
import ("../views/pdf/evaluateResultPdf")
},
// 评估结果pdf
{
path: "/evaluteResult",
name: "evaluteResult",
component: () =>
import ("../views/pdf/evaluteResult")
},
// 政策详情页面
{
path: "/policyInfo",

View File

@@ -1,137 +0,0 @@
<template>
<div>
<div ref="content" class="content">
<!-- <pdf :src="url" class="PDF"></pdf> -->
</div>
<div class="bottom">
<a href="" download="">
<el-button type="primary">保存到相册</el-button>
</a>
</div>
<iframe
src="https://zsxt.nbzs.org.cn/Files/UploadFiles/e85a13ef-431c-46a5-85cd-9dd1b4f50fc6/80616f98-da17-49bc-92d0-b87199963787.pdf"
frameborder="0"
></iframe>
<!-- <el-button type="primary" @click="this.savePdf()">测试2</el-button>
<el-button type="primary" @click="this.handlePrint()">测试3</el-button>
<el-button type="primary" @click="testdownload4()">测试4</el-button>
<div id="nav">222</div> -->
</div>
</template>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script>
import pdf from "vue-pdf";
import $ from "jquery";
import html2canvas from "html2canvas";
// import axios from "axios";
import request from "@/common/util";
import { mgop } from "@aligov/jssdk-mgop";
export default {
components: {
pdf
},
data() {
return {
url: ""
};
},
created() {
this.onInit();
},
mounted() {
// 截图
// html2canvas(this.$refs.PDF).then(canvas => {
// canvas.id = "mycanvas";
// const base64 = canvas.toDataURL("image/png");
// jquery("a").prop("href", base64);
// });
},
methods: {
onInit() {
this.onLoadData();
request({
url: "http://10.19.94.9:7099/api/agreement/info",
method: "post",
data: {
ticket: window.sessionStorage.getItem("ticket"),
id: "C655515B-FD91-48F2-BD79-EAABAFB7077C"
},
headers: { "Content-Type": "application/json; charset=UTF-8" },
responseType: "arraybuffer" //一定要设置响应类型否则页面会是空白pdf
}).then(result => {
console.log("请求成功了", result);
const binaryData = [];
binaryData.push(result.data);
//获取blob链接
this.url = window.URL.createObjectURL(
new Blob(binaryData, { type: "application/pdf" })
);
$("a").prop("href", this.url);
// if (pdfUrl) {
// this.handlePrint(pdfUrl);
// }
});
},
handlePrint() {
if (document.getElementById("print-iframe")) {
document.body.removeChild(document.getElementById("print-iframe"));
}
//判断iframe是否存在不存在则创建iframe
let iframe = document.getElementById("print-iframe");
if (!iframe) {
iframe = document.createElement("IFRAME");
let doc = null;
iframe.setAttribute("src", this.url);
iframe.setAttribute("id", "print-iframe");
document.body.appendChild(iframe);
doc = iframe.contentWindow.document;
doc.close();
iframe.contentWindow.focus();
}
iframe.contentWindow.print();
},
savePdf() {
ZWJSBridge.onReady(() => {
console.log("初始化完成后执行bridge方法-savePdf");
ZWJSBridge.saveImage({
url: this.url
})
.then(result => {
console.log("saveImage()成功:" + JSON.stringify(result));
})
.catch(error => {
console.log("saveImage()失败:" + JSON.stringify(result));
console.log(error);
});
});
},
testdownload4() {
ZWJSBridge.onReady(() => {
console.log("初始化完成后执行bridge方法-testdownload4");
ZWJSBridge.openLink({
url: this.url
})
.then(result => {
console.log("testdownload4():" + result);
})
.catch(error => {
console.log(error);
});
});
}
}
};
</script>
<style lang="less" scoped>
.content {
text-align: center;
line-height: 200px;
font-size: 30px;
margin-bottom: 20px;
}
.bottom {
text-align: center;
margin-bottom: 20px;
}
</style>

View File

@@ -1,953 +0,0 @@
/*
*文件用途说明:用于评估报告打印
*作者姓名:小严
*制作日期2017-09-21
*/
import $ from "jquery";
var ifDecoration = false;
var ifAttached = false;
var ifOther = false;
var annexNum = 1;
//var P_Money = "";
window.onload = function() {
var ID = $("#InvestigateTable_Assessment\\.ID").val();
GetInformationFromAssessment(ID);
var P_Money = "";
var IsLDF = "";
var InLayer = "";
var AllLayer = "";
var Orientation = "";
var StructureID_text = "";
var Jzmj = "";
var CompletedYear = "";
var ProjectName = "";
var LandTransferMoneyFormula = "";
//读取评估表信息
function GetInformationFromAssessment(id) {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentByID.ashx?ID=" +
id,
dataType: "JSON",
async: false,
cache: false,
success: function(data) {
//加载评估表信息
loadAssessment(data);
//加载调查表信息
loadInvestigateTable();
//加载估价对象自定义概况
loadSurvey();
////加载比准案例房地产状况
//loadProperty()
//加载装修
if (ifDecoration) {
loadDecoration1();
} else {
loadDecoration();
$("#printdiv1").hide();
}
//加载附属物
if (ifAttached) {
loadAttached1();
} else {
loadAttached();
$("#printdiv2").hide();
}
//加载其他
loadOther();
//加载房屋部位信息
//loadHouseLocation();
}
});
//加载评估表信息
function loadAssessment(data) {
//项目名称
$("#Title").html(
data.item[0]["ProjectName"] + "国有土地上住宅用房征收评估分户报告"
);
$("#ProjectName").html(data.item[0]["ProjectName"]);
ProjectName = data.item[0]["ProjectName"];
//编号
$("#No").html(data.item[0]["AssessmentNo"]);
//被征收人
$("#Bzsr").html(data.item[0]["Bzsr"]);
//房屋坐落
$("#Fwzl").html(data.item[0]["Fwzl"]);
//房屋部位
// $("#Orientation").html(data.item[0]["Orientation"]);
//所在层/总层数
InLayer = data.item[0]["InLayer"] || "";
AllLayer = data.item[0]["AllLayer"] || "";
$("#Layer").html(InLayer + "/" + AllLayer);
//落地房
IsLDF = data.item[0]["IsLDF"];
if (IsLDF == "是") {
$("#Orientation").html("/");
$("#StructureID_text").html("/");
$("#CompletedYear").html("/");
} else {
//朝向
$("#Orientation").html(data.item[0]["Orientation"]);
//结构等级
$("#StructureID_text").html(data.item[0]["StructureID_text"]);
//建造年份
$("#CompletedYear").html(data.item[0]["CompletedYear"]);
}
Orientation = data.item[0]["Orientation"];
StructureID_text = data.item[0]["StructureID_text"];
//建筑面积
//$("#BuildingArea").html(parseFloat(data.item[0]["BuildingArea"]));
$("#BuildingArea1").html(parseFloat(data.item[0]["BuildingArea"]));
Jzmj = data.item[0]["Jzmj"];
//建造年份
//$("#CompletedYear").html(data.item[0]["CompletedYear"]);
CompletedYear = data.item[0]["CompletedYear"];
//地段
$("#Section").html(data.item[0]["Section"]);
//底层情况
$("#Underlying").html(data.item[0]["Underlying"]);
//土地性质
$("#LandWay").html(data.item[0]["LandWay"]);
//土地面积
$("#LandArea").html(parseFloat(data.item[0]["LandArea"]));
//独用天井使用面积
$("#CourtyardArea").html(parseFloat(data.item[0]["CourtyardArea"]));
//独用晒台使用面积
$("#ShaitaiArea").html(parseFloat(data.item[0]["ShaitaiArea"]));
//围墙类别
$("#WallType").html(data.item[0]["WallType"]);
//围墙面积
$("#WallArea").html(parseFloat(data.item[0]["WallArea"]));
//车房类别
$("#GarageType").html(data.item[0]["GarageType"]);
//车房房号
$("#GarageNo").html(data.item[0]["GarageNo"]);
//车房面积
$("#GarageArea").html(parseFloat(data.item[0]["GarageArea"]));
//价值时点
var MoneyPoint = data.item[0]["MoneyPoint"].split("/");
if (MoneyPoint.length > 1)
$("#MoneyPoint").html(
MoneyPoint[0] +
"/" +
MoneyPoint[1] +
"/" +
MoneyPoint[2].split(" ")[0].substring(0, 2)
);
else {
MoneyPoint = data.item[0]["MoneyPoint"].split("-");
if (MoneyPoint.length > 1)
$("#MoneyPoint").html(
MoneyPoint[0] +
"/" +
MoneyPoint[1] +
"/" +
MoneyPoint[2].split(" ")[0].substring(0, 2)
);
else $("#MoneyPoint").html(data.item[0]["MoneyPoint"].split(" ")[0]);
}
//结构修正系数
$("#StructureRatio").html(parseFloat(data.item[0]["StructureRatio"]));
//使用年限调整系数
$("#YearRatio").html(parseFloat(data.item[0]["YearRatio"]));
//朝向差价率
$("#OrientationRatio").html(parseFloat(data.item[0]["OrientationRatio"]));
//层次差价率
$("#LayerRatio").html(parseFloat(data.item[0]["LayerRatio"]));
//层高修正系数
$("#LayerHighRatio").html(parseFloat(data.item[0]["LayerHighRatio"]));
//容积率修正系数
$("#VolumeRatio").html(parseFloat(data.item[0]["VolumeRatio"]));
/*
* 打印稿中显示其他因素修正系数
*/
if (parseFloat(data.item[0]["OtherRatio"]) > 0) {
OtherRatiohtml =
"<tr><td colspan='3' class='tdc'>其他因素调整系数</td><td colspan='2' class='tdc'>" +
parseFloat(data.item[0]["OtherRatio"]) +
"</td></tr>";
$("#PropertyTr").before(OtherRatiohtml);
var rowspan = parseFloat($("#PropertyTd").attr("rowspan")).add(1);
$("#PropertyTd").attr("rowspan", rowspan);
$("#PropertyMo").attr("rowspan", rowspan);
}
//房屋评估价值
$("#HousingAssessmentValue").html(
parseFloat(data.item[0]["HousingAssessmentValue"])
);
//加载比准案例房地产状况
loadProperty();
//评估比准价格×结构修正系数×使用年限调整系数×1±层次差价率×1±朝向差价率×建筑面积
if (parseFloat(data.item[0]["OtherRatio"]) > 0) {
$("#Calculation_Process").html(
P_Money +
"×" +
parseFloat(data.item[0]["StructureRatio"]) +
"×" +
data.item[0]["YearRatio"] +
"×(1" +
(parseFloat(data.item[0]["LayerRatio"]) < 0 ?
parseFloat(data.item[0]["LayerRatio"]) :
"+" + parseFloat(data.item[0]["LayerRatio"])) +
"%)×(1" +
(parseFloat(data.item[0]["OrientationRatio"]) < 0 ?
parseFloat(data.item[0]["OrientationRatio"]) :
"+" + parseFloat(data.item[0]["OrientationRatio"])) +
"%)×" +
parseFloat(data.item[0]["OtherRatio"]) +
"×" +
parseFloat(data.item[0]["Jzmj"]) +
"=" +
parseFloat(data.item[0]["HousingAssessmentValue"]) +
"元"
);
} else {
$("#Calculation_Process").html(
"&nbsp;" +
P_Money +
"×" +
parseFloat(data.item[0]["StructureRatio"]) +
"×" +
data.item[0]["YearRatio"] +
"×(1" +
(parseFloat(data.item[0]["LayerRatio"]) < 0 ?
parseFloat(data.item[0]["LayerRatio"]) :
"+" + parseFloat(data.item[0]["LayerRatio"])) +
"%)×(1" +
(parseFloat(data.item[0]["OrientationRatio"]) < 0 ?
parseFloat(data.item[0]["OrientationRatio"]) :
"+" + parseFloat(data.item[0]["OrientationRatio"])) +
"%)×" +
parseFloat(data.item[0]["Jzmj"]) +
"=" +
parseFloat(data.item[0]["HousingAssessmentValue"]) +
"元"
);
}
//装修面积
$("#DecorateArea").html(parseFloat(data.item[0]["DecorateArea"] || 0));
//装修评估价值
$("#DecorateAssessedValue").html(
parseFloat(data.item[0]["DecorateAssessedValue"] || 0)
);
//附属物评估价值
$("#AttachedAssessedValue").html(
parseFloat(data.item[0]["AttachedAssessedValue"] || 0)
);
LandTransferMoneyFormula = data.item[0]["LandTransferMoneyFormula"];
//土地金额显示
loadLandMoney();
//加载市场价评估显示
loadMarketPriceAssessed(data.item[0]);
//评估总金额
var countValue = parseFloat(data.item[0]["countValue"]);
$("#countValue_DX").html(AmountLtoU(countValue));
$("#countValue_XX").html(countValue + "元");
//备注
if (data.item[0]["Note"] != "") {
var noteArray = data.item[0]["Note"].split("\r\n");
var noteHtml = "";
for (var i = 0; i < noteArray.length; i++) {
noteHtml +=
"<p style='margin:0;text-indent:24px;'>" + noteArray[i] + "</p>";
}
$("#Note").html(noteHtml);
}
//装修类别
if (data.item[0]["DecorationType"] == "1") {
ifDecoration = true;
$("#DecorateArea").html("0");
$("#DecorateAssessedValue").html(
parseFloat(data.item[0]["DecorateAssessedValue"] || 0) +
"<br>详见附件" +
annexNum
);
annexNum++;
}
//附属物类别
if (data.item[0]["AttachedType"] == "1") {
ifAttached = true;
$("#AttachedAssessedValue").html(
parseFloat(data.item[0]["AttachedAssessedValue"] || 0) +
"详见附件" +
annexNum
);
annexNum++;
}
}
function loadInvestigateTable() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetInvestigateTable.ashx?id=" +
id,
async: false,
success: function(data) {
var tempData = JSON.parse(data);
$("#BuildingArea").html(parseFloat(tempData[0]["Area"]));
}
});
}
//加载市场价评估显示
function loadMarketPriceAssessed(data1) {
$("#BuildingArea1")
.parent()
.html(
'<table width="100% " cellpadding="0" cellspacing="0" style="table-layout: fixed; border-spacing: 0; border-collapse:collapse;">' +
'<tr><td class="tdc BuildArea0">' +
data1["Jzmj"] +
"</td></tr></table>"
);
//
$("#Parts")
.parent()
.html(
'<table width="100% " cellpadding="0" cellspacing="0" style="table-layout: fixed; border-spacing: 0; border-collapse:collapse;">' +
'<tr><td class="tdc Parts0" ></td></tr></table>'
);
$("#LayerRatio")
.parent()
.html(
'<table width="100% " cellpadding="0" cellspacing="0" style="table-layout: fixed; border-spacing: 0; border-collapse:collapse;">' +
'<tr><td class="tdc LayerRatio0" >' +
data1["LayerRatio"] +
"</td></tr></table>"
);
$("#OrientationRatio")
.parent()
.html(
'<table width="100% " cellpadding="0" cellspacing="0" style="table-layout: fixed; border-spacing: 0; border-collapse:collapse;">' +
'<tr><td class="tdc OrientationRatio0" >' +
data1["OrientationRatio"] +
"</td></tr></table>"
);
$("#StructureRatio")
.parent()
.html(
'<table width="100% " cellpadding="0" cellspacing="0" style="table-layout: fixed; border-spacing: 0; border-collapse:collapse; ">' +
'<tr><td class="tdc StructureRatio0" >' +
data1["StructureRatio"] +
"</td></tr></table>"
);
$("#YearRatio")
.parent()
.html(
'<table width="100% " cellpadding="0" cellspacing="0" style="table-layout: fixed; border-spacing: 0; border-collapse:collapse;">' +
'<tr><td class="tdc YearRatio0" >' +
data1["YearRatio"] +
"</td></tr></table>"
);
$("#HousingAssessmentValue")
.parent()
.html(
'<table width="100% " cellpadding="0" cellspacing="0" style="table-layout: fixed; border-spacing: 0; border-collapse:collapse;">' +
'<tr><td class="tdc HousingAssessmentValue0" >' +
data1["HousingAssessmentValue"] +
"</td></tr></table>"
);
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=HouseLocaion&parentID=" +
id,
async: false,
success: function(data) {
if (data != null && data.length > 0) {
//获取所有的属性值
var keys = Object.keys(data[0]);
//console.log(keys, "keys");
var tempLocationName = "";
var landhtml = "";
var pgLandmtml =
"<tr><td colspan='2' class='tdc'>所在层/总层数</td><td colspan='2' class='tdc'>朝向</td><td colspan='2' class='tdc'>结构</td><td colspan='2' class='tdc'>建筑面积(㎡)</td><td colspan='2' class='tdc'>建造年份</td></tr><tr><td colspan='2' class='tdc'>" +
InLayer +
"/" +
AllLayer +
"</td><td colspan='2' class='tdc'>" +
Orientation +
"</td > <td colspan='2' class='tdc'>" +
StructureID_text +
"</td><td colspan='2' class='tdc'>" +
Jzmj +
"</td><td colspan='2' class='tdc'>" +
CompletedYear +
"</td></tr> ";
for (var item = 0; item < data.length; item++) {
var tempItem = item;
var nextTempItem = item + 1;
keys.forEach(function(k) {
var nextTempClass = "tdc " + k + nextTempItem;
$("td." + k + tempItem)
.parent()
.append(
'<td style="border-left: 1px solid #000;" class="' +
nextTempClass +
'" >' +
data[item][k] +
"</td>"
);
});
landhtml +=
"&nbsp;" +
P_Money +
"×" +
parseFloat(data[item]["StructureRatio"]) +
"×" +
data[item]["YearRatio"] +
"×(1" +
(parseFloat(data[item]["LayerRatio"]) < 0 ?
parseFloat(data[item]["LayerRatio"]) :
"+" + parseFloat(data[item]["LayerRatio"])) +
"%)×(1" +
(parseFloat(data[item]["OrientationRatio"]) < 0 ?
parseFloat(data[item]["OrientationRatio"]) :
"+" + parseFloat(data[item]["OrientationRatio"])) +
"%)×" +
parseFloat(data[item]["BuildArea"]) +
"=" +
parseFloat(data[item]["HousingAssessmentValue"]) +
"元<br/>";
pgLandmtml +=
"<tr><td colspan='2' class='tdc'>" +
data[item]["InLayer"] +
"/" +
data[item]["AllLayer"] +
"</td><td colspan='2' class='tdc'>" +
data[item]["Orientation"] +
"</td > <td colspan='2' class='tdc'>" +
data[item]["StructureID_text"] +
"</td><td colspan='2' class='tdc'>" +
data[item]["BuildArea"] +
"</td><td colspan='2' class='tdc'>" +
data[item]["BuildYear"] +
"</td></tr> ";
}
if (IsLDF == "是") {
var rowspan = parseFloat($("#SurveyTd").attr("rowspan"))
.add(2)
.add(data.length);
$("#SurveyTd").attr("rowspan", rowspan);
$("#SurveyTr0").after(pgLandmtml);
}
$("#Calculation_Process").after(landhtml);
} else {
$("#house").attr("style", "display:none;");
$("#house1").attr("style", "display:none;");
}
}
});
}
//加载土地金额显示
function loadLandMoney() {
var moneyChoose = initData["InvestigateTable_Assessment_MoneyChoose"];
if (moneyChoose.index != "") {
var titleArray = new Array(4);
var valueArray = new Array(4);
var index = 0;
if (moneyChoose.indexOf("1") > -1) {
titleArray[index] = "土地出让<br>金";
if (LandTransferMoneyFormula == null) {
valueArray[index] =
"楼面地价×实际容积率×土地面积×扣除比例<br>" +
parseFloat(
initData["InvestigateTable_Assessment_LandTransferMoney"]
);
} else {
valueArray[index] =
LandTransferMoneyFormula +
"<br>" +
parseFloat(
initData["InvestigateTable_Assessment_LandTransferMoney"]
);
}
index++;
} else if (moneyChoose.indexOf("2") > -1) {
titleArray[index] = "地价<br>调整";
valueArray[index] =
"按房屋用途计算的楼面地价-按土地用途计算的楼面地价)×房屋建筑面积<br>" +
parseFloat(initData["InvestigateTable_Assessment_AdjustLandMoney"]);
index++;
}
if (moneyChoose.indexOf("0") > -1) {
titleArray[index] = "超容积率土地评估金额";
valueArray[index] =
"(证载土地面积-按标准容积率计算的土地面积)×楼面地价×容积率×综合费用修正系数<br>" +
parseFloat(
initData["InvestigateTable_Assessment_LandCompensationMoney"]
);
index++;
}
if (moneyChoose.indexOf("2") > -1 && moneyChoose.indexOf("1") > -1) {
titleArray[index] = "地价<br>调整";
valueArray[index] =
"按房屋用途计算的楼面地价-按土地用途计算的楼面地价)×房屋建筑面积<br>" +
parseFloat(initData["InvestigateTable_Assessment_AdjustLandMoney"]);
index++;
}
if (moneyChoose.indexOf("4") > -1) {
titleArray[index] = "补缴多余土地出让金";
valueArray[index] =
"土地性质为国有非出让土地的出让金按土地评估价的20%扣除<br>" +
parseFloat(
initData["InvestigateTable_Assessment_PaymentLandTransferMoney"]
);
index++;
}
var html = "";
for (var i = 0; i < index; i++) {
if (i % 2 == 0) {
html +=
"<tr><td colspan='1' class='tdc1'>" +
titleArray[i] +
"</td><td colspan='5' class='tdc1'>" +
valueArray[i] +
"</td>";
} else {
html +=
"<td colspan='1' class='tdc1'>" +
titleArray[i] +
"</td><td colspan='4' class='tdc1'>" +
valueArray[i] +
"</td></tr>";
}
}
if (index % 2 != 0) {
html += "<td colspan='5' class='tdc1'></td></tr>";
}
$("#LandMoneyTr").before(html);
}
}
//加载估价对象自定义概况
function loadSurvey() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=Survey&parentID=" +
id,
async: false,
//cache: false,
success: function(data) {
var NameString = "";
var ValueString = "";
for (var i = 0, c = data.length; i < c; i++) {
var elem = data[i];
if (i <= 4) {
$("#Name_Survey" + i + "").html(elem["S_Name"]);
$("#Value_Survey" + i + "").html(elem["S_Value"]);
}
if (i == 5) {
NameString += elem["S_Name"];
ValueString += elem["S_Value"];
}
if (i > 5) {
NameString += "," + elem["S_Name"];
ValueString += "," + elem["S_Value"];
}
}
if (NameString != "" && ValueString != "") {
var SurveyHtml0 = "<tr>";
var SurveyHtml1 = "<tr id='SurveyTr1'>";
var NameArray = NameString.split(",");
var ValueArray = ValueString.split(",");
var MaxNum = 9;
if (NameArray.length % 9 == 0)
MaxNum = parseInt(NameArray.length / 9).mul(9);
else
MaxNum = parseInt(NameArray.length / 9)
.add(1)
.mul(9);
for (var i = 0; i < MaxNum; i++) {
if (i < NameArray.length) {
if (i % 9 < 1) {
SurveyHtml0 +=
"<td colspan='2' class='tdc'>" + NameArray[i] + "</td>";
SurveyHtml1 +=
"<td colspan='2' class='tdc'>" + ValueArray[i] + "</td>";
} else {
SurveyHtml0 +=
"<td colspan='1' class='tdc'>" + NameArray[i] + "</td>";
SurveyHtml1 +=
"<td colspan='1' class='tdc'>" + ValueArray[i] + "</td>";
}
} else {
if (i % 9 < 1) {
SurveyHtml0 += "<td colspan='2' class='tdc'></td>";
SurveyHtml1 += "<td colspan='2' class='tdc'></td>";
} else {
SurveyHtml0 += "<td colspan='1' class='tdc'></td>";
SurveyHtml1 += "<td colspan='1' class='tdc'></td>";
}
}
if ((i + 1) % 9 == 0) {
SurveyHtml0 += "</tr>";
SurveyHtml1 += "</tr>";
var Num = parseInt(i / 9);
$("#SurveyTr" + Num + "").after(SurveyHtml0 + SurveyHtml1);
var rowspan = parseFloat($("#SurveyTd").attr("rowspan")).add(2);
$("#SurveyTd").attr("rowspan", rowspan);
SurveyHtml0 = "<tr>";
SurveyHtml1 = "<tr id='SurveyTr" + (Num + 1) + "'>";
}
}
}
}
});
}
//加载比准案例房地产状况
function loadProperty() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=Property&parentID=" +
id,
async: false,
//cache: false,
success: function(data) {
var PropertyHtml =
"<tr><td colspan='2' rowspan='" +
(data.length + 1) +
"' class='Mulitc'>比准案例房地产状况</td><td colspan='1' 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>";
for (var i = 0, c = data.length; i < c; i++) {
var elem = data[i];
PropertyHtml += "<tr>";
PropertyHtml +=
"<td colspan='1' class='tdc'>" + elem["P_Structure"] + "</td>";
var Time = elem["P_BuildYear"];
if (Time != null && Time != "") Time = Time.replace(/T.*/g, "");
else Time = "";
PropertyHtml += "<td colspan='1' class='tdc'>" + Time + "</td>";
PropertyHtml +=
"<td colspan='1' class='tdc'>" + elem["P_Orientation"] + "</td>";
PropertyHtml +=
"<td colspan='1' class='tdc'>" + elem["P_Layer"] + "</td>";
PropertyHtml +=
"<td colspan='2' class='tdc'>" + elem["P_LandType"] + "</td>";
PropertyHtml +=
"<td colspan='2' class='tdc'>" +
parseFloat(elem["P_Money"]) +
"</td>";
PropertyHtml += "</tr>";
P_Money = parseFloat(elem["P_Money"]);
}
if (data.length > 0) {
$("#PropertyTr").after(PropertyHtml);
var rowspan = parseFloat($("#PropertyTd").attr("rowspan"))
.add(data.length)
.add(1);
$("#PropertyTd").attr("rowspan", rowspan);
}
}
});
}
//加载装修
function loadDecoration() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=Decorate&parentID=" +
id,
async: false,
//cache: false,
success: function(data) {
if (data.length > 0) {
var DecorateHtml = "";
var RowNum = 0;
for (var i = 0, c = data.length; i < c; i++) {
var elem = data[i];
RowNum++;
DecorateHtml += "<tr>";
DecorateHtml +=
"<td colspan='2' class='tdc'>" + elem["D_HouseNo"] + "</td>";
DecorateHtml +=
"<td colspan='1' class='tdc'>" +
parseFloat(elem["D_UsingArea"]) +
"</td>";
DecorateHtml +=
"<td colspan='1' class='tdc'>" +
parseFloat(elem["D_UnitPrice"]) +
"</td>";
if (i + 1 < data.length) {
i++;
elem = data[i];
DecorateHtml +=
"<td colspan='2' class='tdc'>" + elem["D_HouseNo"] + "</td>";
DecorateHtml +=
"<td colspan='2' class='tdc'>" +
parseFloat(elem["D_UsingArea"]) +
"</td>";
DecorateHtml +=
"<td colspan='2' class='tdc'>" +
parseFloat(elem["D_UnitPrice"]) +
"</td>";
DecorateHtml += "</tr>";
} else {
DecorateHtml += "<td colspan='2' class='tdc'></td>";
DecorateHtml += "<td colspan='2' class='tdc'></td>";
DecorateHtml += "<td colspan='2' class='tdc'></td>";
DecorateHtml += "</tr>";
}
}
if (data.length > 0) {
$("#DecorateTr0").after(DecorateHtml);
var rowspan = parseFloat($("#DecorateTd").attr("rowspan")).add(
RowNum
);
$("#DecorateTd").attr("rowspan", rowspan);
}
} else {
$("#DecorateTr0").remove();
$("#DecorateTr1").remove();
}
}
});
}
//加载分部分项装修评估表
function loadDecoration1() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=Decorate1&parentID=" +
id,
async: false,
success: function(data) {
if (data.length > 0) {
var decorateHtml =
"<tr><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><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><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><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>"
$("#DecorateTr0").after(decorateHtml);
var rowspan = parseFloat($("#DecorateTd").attr("rowspan")).add(1);
$("#DecorateTd").attr("rowspan", rowspan);
var decorateHtml1 = "";
for (var i = 0, c = data.length; i < c; i++) {
var elem = data[i];
decorateHtml1 += "<tr>";
decorateHtml1 += "<td colspan='1'>" + elem["D1_No"] + "</td>";
decorateHtml1 += "<td colspan='1'>" + elem["D1_Name"] + "</td>";
decorateHtml1 +=
"<td colspan='1'>" + parseFloat(elem["D1_New"]) + "</td>";
decorateHtml1 += "<td colspan='1'>" + elem["D1_Unit"] + "</td>";
decorateHtml1 +=
"<td colspan='1'>" + parseFloat(elem["D1_Number"]) + "</td>";
decorateHtml1 +=
"<td colspan='1'>" + parseFloat(elem["D1_UnitPrice"]) + "</td>";
decorateHtml1 +=
"<td colspan='1'>" + parseFloat(elem["D1_Money"]) + "</td>";
decorateHtml1 += "<td colspan='1'>" + elem["D1_Remark"] + "</td>";
decorateHtml1 += "</tr>";
}
$("#Decorate").after(decorateHtml1);
}
}
});
}
//加载附属物
function loadAttached() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=Attached&parentID=" +
id,
async: false,
//cache: false,
success: function(data) {
if (data.length > 0) {
var AttachedHtml = "";
for (var i = 0, c = data.length; i < c; i++) {
var elem = data[i];
AttachedHtml += "<tr>";
AttachedHtml +=
"<td colspan='3' class='tdc'>" + elem["A_Name"] + "</td>";
AttachedHtml +=
"<td colspan='1' class='tdc'>" +
parseFloat(elem["A_Area"]) +
"</td>";
AttachedHtml +=
"<td colspan='1' class='tdc'>" +
parseFloat(elem["A_UnitPrice"]) +
"</td>";
AttachedHtml +=
"<td colspan='1' class='tdc'>" + elem["A_New"] + "</td>";
AttachedHtml +=
"<td colspan='2' class='tdc'>" +
parseFloat(elem["A_PGMoney"]) +
"</td>";
AttachedHtml +=
"<td colspan='2' class='tdc'>" + elem["A_Remark"] + "</td>";
AttachedHtml += "</tr>";
}
if (data.length > 0) {
$("#AttachedTr0").after(AttachedHtml);
var rowspan = parseFloat($("#AttachedTd").attr("rowspan")).add(
data.length
);
$("#AttachedTd").attr("rowspan", rowspan);
}
} else {
$("#AttachedTr0").remove();
$("#AttachedTr1").remove();
}
}
});
}
//加载其他附属物
function loadAttached1() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=Attached1&parentID=" +
id,
async: false,
success: function(data) {
if (data.length > 0) {
var attachedHtml =
"<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='3' class='tdc'></td>" +
"<td colspan='2' class='tdc'></td>" +
"</tr>";
$("#AttachedTr0").after(attachedHtml);
var rowspan = parseFloat($("#AttachedTd").attr("rowspan")).add(1);
$("#AttachedTd").attr("rowspan", rowspan);
var attachedHtml1 = "";
for (var i = 0, c = data.length; i < c; i++) {
var elem = data[i];
attachedHtml1 += "<tr>";
attachedHtml1 += "<td colspan='1'>" + elem["A1_No"] + "</td>";
attachedHtml1 += "<td colspan='1'>" + elem["A1_Name"] + "</td>";
attachedHtml1 +=
"<td colspan='1'>" + parseFloat(elem["A1_New"]) + "</td>";
attachedHtml1 += "<td colspan='1'>" + elem["A1_Unit"] + "</td>";
attachedHtml1 +=
"<td colspan='1'>" + parseFloat(elem["A1_Number"]) + "</td>";
attachedHtml1 +=
"<td colspan='1'>" + parseFloat(elem["A1_UnitPrice"]) + "</td>";
attachedHtml1 +=
"<td colspan='1'>" + parseFloat(elem["A1_Money"]) + "</td>";
attachedHtml1 += "<td colspan='1'>" + elem["A1_Remark"] + "</td>";
attachedHtml1 += "</tr>";
}
$("#Attached").after(attachedHtml1);
}
}
});
}
//加载其他
function loadOther() {
$.ajax({
url: "/Platform/PgInvestigateTable/ReportFile/GetAssessmentChildren.ashx?action=Other&parentID=" +
id,
async: false,
success: function(data) {
var sumA = 0;
if (data.length > 0) {
ifOther = true;
var otherHtml = "";
for (var i = 0, c = data.length; i < c; i++) {
var elem = data[i];
otherHtml += "<tr>";
otherHtml += "<td colspan='1'>" + elem["O_No"] + "</td>";
otherHtml += "<td colspan='1'>" + elem["O_Name"] + "</td>";
otherHtml +=
"<td colspan='1'>" + parseFloat(elem["O_New"]) + "</td>";
otherHtml += "<td colspan='1'>" + elem["O_Unit"] + "</td>";
otherHtml +=
"<td colspan='1'>" + parseFloat(elem["O_Number"]) + "</td>";
otherHtml +=
"<td colspan='1'>" + parseFloat(elem["O_UnitPrice"]) + "</td>";
otherHtml +=
"<td colspan='1'>" + parseFloat(elem["O_Money"]) + "</td>";
otherHtml += "<td colspan='1'>" + elem["O_Remark"] + "</td>";
otherHtml += "</tr>";
sumA += parseFloat(elem["O_Money"]);
}
otherHtml +=
"<tr><td colspan='2' class='tdc'>合计</td><td colspan='6' class='tdc'>" +
sumA +
"元</td></tr>";
$("#Other").after(otherHtml);
} else {
$("#printdiv3").hide();
}
}
});
}
}
};
function prn_preview5() {
var ID = $("#InvestigateTable_Assessment\\.ID").val();
$.post("/Platform/OperateLog/List.aspx?action=getdata&type=setlog", {
contents: "{0}一条评估记录",
id: ID,
instanceTable: "InvestigateTable_Assessment",
title: "{0}在{1}{2}一条评估记录",
type: "打印"
});
lod();
function lod() {
LODOP = getLodop();
LODOP.PRINT_INIT("");
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
LODOP.SET_PRINT_MODE("DOUBLE_SIDED_PRINT", 1);
var showhtml = document.getElementById("printdiv").innerHTML;
LODOP.ADD_PRINT_HTM("10mm", "14mm", "100%", "95%", showhtml);
LODOP.SET_PRINT_STYLEA(0, "ItemType", 4);
LODOP.SET_PRINT_STYLEA(0, "Horient", 3);
LODOP.SET_PRINT_STYLEA(0, "Vorient", 3);
if (ifDecoration) {
LODOP.NewPage();
showhtml = document.getElementById("printdiv1").innerHTML;
LODOP.ADD_PRINT_HTM("10mm", "14mm", "100%", "87%", showhtml);
LODOP.SET_PRINT_STYLEA(0, "ItemType", 4);
LODOP.SET_PRINT_STYLEA(0, "Horient", 3);
LODOP.SET_PRINT_STYLEA(0, "Vorient", 3);
}
if (ifAttached) {
LODOP.NewPage();
showhtml = document.getElementById("printdiv2").innerHTML;
LODOP.ADD_PRINT_HTM("10mm", "14mm", "100%", "87%", showhtml);
LODOP.SET_PRINT_STYLEA(0, "ItemType", 4);
LODOP.SET_PRINT_STYLEA(0, "Horient", 3);
LODOP.SET_PRINT_STYLEA(0, "Vorient", 3);
}
if (ifOther) {
LODOP.NewPage();
showhtml = document.getElementById("printdiv3").innerHTML;
LODOP.ADD_PRINT_HTM("10mm", "14mm", "100%", "87%", showhtml);
LODOP.SET_PRINT_STYLEA(0, "ItemType", 4);
LODOP.SET_PRINT_STYLEA(0, "Horient", 3);
LODOP.SET_PRINT_STYLEA(0, "Vorient", 3);
}
LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%");
LODOP.PREVIEW();
}
}

View File

@@ -15,6 +15,10 @@
class="baseImg"
/>
</div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div>
</template>
@@ -99,4 +103,17 @@ export default {
margin: 0 auto;
padding: 0;
}
.bottomContent {
position: absolute;
bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
</style>

View File

@@ -1,601 +0,0 @@
<template>
<div class="container">
<!-- 表格部分 -->
<div class="pdf" ref="image">
<div id="printdiv">
<!-- 表格1 -->
<table
style="margin:0 auto; margin-top:10px;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="3" 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="2" 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: center;height:20px">
&nbsp;&nbsp;
</p>
</td>
</tr>
</tbody>
</table>
<!-- 段落文字 -->
<p style="text-align:center">
&nbsp;被征收人承租人对估价结果有异议的应当自收到评估报告之日起十日内向出具评估报告的评估机构书面申请复核评估
</p>
</div>
</div>
<!-- 底部按钮 -->
<div class="bottom">
<a href="#" download="">
<el-button type="primary">保存到相册</el-button>
</a>
</div>
</div>
</template>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script>
import $ from "jquery";
import html2canvas from "html2canvas";
import "./evaluateResult.js";
export default {
data() {
return {};
},
methods: {},
created() {
Notify({
message: "无附件",
duration: 3000
});
},
mounted() {
html2canvas(this.$refs.image).then(canvas => {
canvas.id = "mycanvas";
var base64 = canvas.toDataURL("image/png");
$("a").prop("href", base64);
});
}
};
</script>
<style lang="less" scoped>
.container {
font-size: 8px;
.pdf {
width: 80%;
margin: 10px auto 20px;
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: 黑体;
}
}
}
.bottom {
text-align: center;
margin-bottom: 20px;
}
}
</style>

View File

@@ -15,6 +15,10 @@
class="baseImg"
/>
</div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div>
</template>
@@ -29,7 +33,7 @@ export default {
apidata: {},
pic_width: "100%",
pic_height: "100%",
isloading: true,
isloading: true
};
},
created() {
@@ -45,13 +49,11 @@ export default {
type: "POST",
data: {
ticket:
this.$route.params.ticket ||
window.sessionStorage.getItem("ticket"),
id: "C655515B-FD91-48F2-BD79-EAABAFB7077C",
this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
id: this.$route.params.id
},
appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: (result) => {
console.log("pdf.vue页面请求pdf文件:", result);
onSuccess: result => {
if (result.data && result.data.success == true) {
console.log("result.data.data:", result.data.data);
this.apidata = result.data.data;
@@ -60,21 +62,21 @@ export default {
this.isloading = false;
}
},
onFail: (err) => {
onFail: err => {
console.log("用户无数据,不展示");
},
}
});
},
saveImages() {
ZWJSBridge.onReady(() => {
console.log("初始化完成后执行bridge方法-saveImages");
ZWJSBridge.saveImage({
url: this.apidata.pdf,
url: this.apidata.pdf
})
.then((result) => {
.then(result => {
console.log("saveImage()成功:" + JSON.stringify(result));
})
.catch((error) => {
.catch(error => {
console.log("saveImage()失败:" + JSON.stringify(result));
console.log(error);
});
@@ -84,17 +86,17 @@ export default {
ZWJSBridge.onReady(() => {
console.log("初始化完成后执行bridge方法-testdownload4");
ZWJSBridge.openLink({
url: this.apidata.pdf,
url: this.apidata.pdf
})
.then((result) => {
.then(result => {
console.log("测试新开窗口():" + result);
})
.catch((error) => {
.catch(error => {
console.log(error);
});
});
},
},
}
}
};
</script>
<style lang="less" scoped>
@@ -118,4 +120,17 @@ export default {
margin: 0 auto;
padding: 0;
}
.bottomContent {
position: absolute;
bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
</style>

View File

@@ -4,6 +4,10 @@
<div class="date">{{ info.publicTime }}</div>
<hr />
<div class="content"></div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div>
</template>
<script>
@@ -57,5 +61,17 @@ export default {
margin: 10px 0;
font-size: 14px;
}
.bottomContent {
margin-top: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
}
</style>

View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="container">
<div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
<div class="proCenterBox">
<div class="proCenterInfo">
@@ -58,6 +58,10 @@
</div>
</div>
</van-list>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div>
</div>
</template>
@@ -125,5 +129,19 @@ export default {
}
};
</script>
<style></style>
<style lang="less" scoped>
.container {
.bottomContent {
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
}
</style>

View File

@@ -6,8 +6,9 @@
<div class="text">为您查询到{{ prjListLength }}条结果</div>
<div
:key="index"
@click="showPdf(item.url)"
@click="showPdf(item.id)"
v-for="(item, index) in info.prjList.bcxyList"
class="content"
>
<el-card body-style="padding:0 10px 0">
<div>
@@ -46,6 +47,10 @@
</div>
</el-card>
</div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div>
</template>
<script>
@@ -90,9 +95,8 @@ export default {
this.info.prjList = prjList;
this.prjListLength = prjList.bcxyList.length;
},
showPdf(url) {
url = "";
this.$router.push({ name: "showPdf", params: { url: url } });
showPdf(id) {
this.$router.push({ name: "showPdf", params: { id } });
}
}
};
@@ -101,6 +105,7 @@ export default {
<style lang="less" scoped>
.container {
font-size: 12px;
position: relative;
.image {
margin-top: 20px;
text-align: center;
@@ -162,5 +167,17 @@ export default {
}
}
}
.bottomContent {
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
}
</style>

View File

@@ -57,6 +57,10 @@
<div class="bottom">
<el-button type="primary" @click="pageJump()">查看评估报告</el-button>
</div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div>
</template>
<script>
@@ -95,7 +99,7 @@ export default {
type: "POST",
data: {
ticket: window.sessionStorage.getItem("ticket"),
id: "FDE2318D-A545-4C95-9666-D01CE5EA635C" || this.$store.state.id,
id: this.$store.state.id,
type: this.$store.state.type
},
appKey: "es4b8zmz+2001833218+dehllx",
@@ -117,9 +121,10 @@ export default {
name: "evaluateResultPdf"
});
} else {
Notify({
this.$notify({
message: "无报告",
duration: 3000
duration: 3000,
type: "waring"
});
}
}
@@ -174,5 +179,18 @@ export default {
justify-content: center;
margin-bottom: 20px;
}
.bottomContent {
// position: absolute;
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
}
</style>

View File

@@ -106,6 +106,10 @@
</el-card>
</div>
</div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div>
</template>
<script>
@@ -167,6 +171,7 @@ export default {
<style lang="less" scoped>
.container {
font-size: 12px;
position: relative;
.image {
margin-top: 20px;
text-align: center;
@@ -251,5 +256,18 @@ export default {
}
}
}
.bottomContent {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
}
</style>

View File

@@ -1,20 +0,0 @@
@media screen and (max-width: 768px) {
html {
font-size: 324 / 18px;
}
}
@media screen and (min-width: 768px) {
html {
font-size: 324 / 18px;
}
}
@media screen and (min-width: 992px) {
html {
font-size: 396 / 18px;
}
}
@media screen and (min-width: 1200px) {
html {
font-size: 504 / 18px;
}
}

View File

@@ -1,22 +0,0 @@
@size: 18px;
@media screen and (max-width: 768px) {
html {
font-size: 324 / @size;
}
}
@media screen and (min-width: 768px) {
html {
font-size: 324 / @size;
}
}
@media screen and (min-width: 992px) {
html {
font-size: 396 / @size;
}
}
@media screen and (min-width: 1200px) {
html {
font-size: 504 / @size;
}
}