|
|
|
@ -1,7 +1,7 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="addContent">
|
|
|
|
<div class="addContent">
|
|
|
|
<div class="detail_content" ref="pdf">
|
|
|
|
<div class="detail_content" ref="pdf">
|
|
|
|
<div class="left_content">
|
|
|
|
<div class="left_content" id="left_content">
|
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left" class="form">
|
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left" class="form">
|
|
|
|
<el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="8" style="height: 50px">
|
|
|
|
<el-col :span="8" style="height: 50px">
|
|
|
|
@ -1834,12 +1834,12 @@
|
|
|
|
<div class="right_content">
|
|
|
|
<div class="right_content">
|
|
|
|
<div class="left_title">
|
|
|
|
<div class="left_title">
|
|
|
|
<el-steps :active="active" finish-status="process" align-center>
|
|
|
|
<el-steps :active="active" finish-status="process" align-center>
|
|
|
|
<el-step title="初审中"></el-step>
|
|
|
|
<el-step title="初审"></el-step>
|
|
|
|
<el-step title="复审中"></el-step>
|
|
|
|
<el-step title="复审"></el-step>
|
|
|
|
<!-- <el-step title="专家评审中"></el-step> -->
|
|
|
|
<!-- <el-step title="专家评审中"></el-step> -->
|
|
|
|
<!-- <el-step title="市级评定中"></el-step> -->
|
|
|
|
<!-- <el-step title="市级评定中"></el-step> -->
|
|
|
|
<!-- <el-step title="上级评定中"></el-step> -->
|
|
|
|
<!-- <el-step title="上级评定中"></el-step> -->
|
|
|
|
<el-step title="终审中"></el-step>
|
|
|
|
<el-step title="终审"></el-step>
|
|
|
|
<!-- <el-step title="评定通过"></el-step> -->
|
|
|
|
<!-- <el-step title="评定通过"></el-step> -->
|
|
|
|
</el-steps>
|
|
|
|
</el-steps>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -1847,9 +1847,9 @@
|
|
|
|
<el-tabs type="border-card">
|
|
|
|
<el-tabs type="border-card">
|
|
|
|
<el-tab-pane label="审批流程">
|
|
|
|
<el-tab-pane label="审批流程">
|
|
|
|
<div class="empty">
|
|
|
|
<div class="empty">
|
|
|
|
<div class="top">
|
|
|
|
<!-- <div class="top">
|
|
|
|
同步获取表单流程
|
|
|
|
同步获取表单流程
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<!-- <p v-if="pageType == 'edit'" class="bottom">
|
|
|
|
<!-- <p v-if="pageType == 'edit'" class="bottom">
|
|
|
|
暂无审批流程
|
|
|
|
暂无审批流程
|
|
|
|
</p> -->
|
|
|
|
</p> -->
|
|
|
|
@ -1868,8 +1868,10 @@
|
|
|
|
<div class="attach_left" v-if="item.approvalAttachment">附件</div>
|
|
|
|
<div class="attach_left" v-if="item.approvalAttachment">附件</div>
|
|
|
|
<div class="attach_right" v-if="item.approvalAttachment">
|
|
|
|
<div class="attach_right" v-if="item.approvalAttachment">
|
|
|
|
<div v-for="(attachment, index) in item.children" :key="index" class="attach_item">
|
|
|
|
<div v-for="(attachment, index) in item.children" :key="index" class="attach_item">
|
|
|
|
|
|
|
|
<a :href="VUE_APP_BASE_API + item.url" target="_blank">
|
|
|
|
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
|
|
|
|
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
|
|
|
|
<span class="icon_name">{{ attachment | dealURL }}</span>
|
|
|
|
<span class="icon_name">{{ attachment | dealURL }}</span>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -1914,7 +1916,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="operate_btn">
|
|
|
|
<div class="operate_btn">
|
|
|
|
<el-button @click="goBack">返回</el-button>
|
|
|
|
<el-button @click="goBack">返回</el-button>
|
|
|
|
<el-button v-if="pageType == 'edit'" @click="submitForm('ts')">暂存</el-button>
|
|
|
|
<!-- <el-button v-if="pageType == 'edit'" @click="submitForm('ts')">暂存</el-button> -->
|
|
|
|
<el-button v-if="pageType == 'edit'" type="success" @click="submitForm('sub')">提交</el-button>
|
|
|
|
<el-button v-if="pageType == 'edit'" type="success" @click="submitForm('sub')">提交</el-button>
|
|
|
|
<el-button v-if="pageType == 'detail'" @click="printOutpdf" class="btn">导出申报信息</el-button>
|
|
|
|
<el-button v-if="pageType == 'detail'" @click="printOutpdf" class="btn">导出申报信息</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -1945,7 +1947,7 @@ export default {
|
|
|
|
dicts: ['bms_responsibility_unit', 'bms_level', 'bms_affiliation_type', 'sys_declaration_type', 'jjh_project_type', 'template_industry', 'new_template_type'],
|
|
|
|
dicts: ['bms_responsibility_unit', 'bms_level', 'bms_affiliation_type', 'sys_declaration_type', 'jjh_project_type', 'template_industry', 'new_template_type'],
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
VUE_APP_BASE_API:location.origin + '/api' ,
|
|
|
|
VUE_APP_BASE_API:process.env.VUE_APP_BASE_API,
|
|
|
|
size: '',
|
|
|
|
size: '',
|
|
|
|
templateInfo: {},
|
|
|
|
templateInfo: {},
|
|
|
|
baseInfo: {},
|
|
|
|
baseInfo: {},
|
|
|
|
@ -3205,17 +3207,21 @@ export default {
|
|
|
|
printOutpdf() {
|
|
|
|
printOutpdf() {
|
|
|
|
let name = ''
|
|
|
|
let name = ''
|
|
|
|
name = `${this.templateInfo.templateName}_${this.baseInfo.enterpriseName}`
|
|
|
|
name = `${this.templateInfo.templateName}_${this.baseInfo.enterpriseName}`
|
|
|
|
|
|
|
|
document.getElementById("left_content").style.overflow = 'visible';
|
|
|
|
|
|
|
|
let _this = this
|
|
|
|
|
|
|
|
setTimeout(()=>{
|
|
|
|
html2canvas(this.$refs.pdf).then(function(canvas) {
|
|
|
|
html2canvas(this.$refs.pdf).then(function(canvas) {
|
|
|
|
let contentWidth = canvas.width;
|
|
|
|
// let contentWidth = canvas.width;
|
|
|
|
let contentHeight = canvas.height;
|
|
|
|
// let contentHeight = canvas.height;
|
|
|
|
|
|
|
|
let contentWidth = _this.$refs.pdf.offsetWidth;
|
|
|
|
|
|
|
|
let contentHeight = _this.$refs.pdf.offsetHeight;
|
|
|
|
//a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
|
|
|
|
//a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
|
|
|
|
let imgWidth = 595.28;
|
|
|
|
let imgWidth = 595.28;
|
|
|
|
let imgHeight = 595.28/contentWidth * contentHeight;
|
|
|
|
let imgHeight = (595.28 / contentWidth) * contentHeight;
|
|
|
|
|
|
|
|
console.log(canvas.toDataURL("image/jpeg", 1.0));
|
|
|
|
// 第一个参数： l：横向 p：纵向
|
|
|
|
// 第一个参数： l：横向 p：纵向
|
|
|
|
// 第二个参数：测量单位（"pt"，"mm", "cm", "m", "in" or "px"）
|
|
|
|
// 第二个参数：测量单位（"pt"，"mm", "cm", "m", "in" or "px"）
|
|
|
|
let pdf = new JsPDF("p", "pt");
|
|
|
|
let pdf = new JsPDF("p", "pt", "a4");
|
|
|
|
|
|
|
|
|
|
|
|
pdf.addImage(
|
|
|
|
pdf.addImage(
|
|
|
|
canvas.toDataURL("image/jpeg", 1.0),
|
|
|
|
canvas.toDataURL("image/jpeg", 1.0),
|
|
|
|
"JPEG",
|
|
|
|
"JPEG",
|
|
|
|
@ -3225,7 +3231,9 @@ export default {
|
|
|
|
imgHeight
|
|
|
|
imgHeight
|
|
|
|
);
|
|
|
|
);
|
|
|
|
pdf.save(name + ".pdf");
|
|
|
|
pdf.save(name + ".pdf");
|
|
|
|
|
|
|
|
document.getElementById("left_content").style.overflow = 'auto';
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
},200)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -3461,15 +3469,20 @@ list-style: none; /* 清除列表项前的标记 */
|
|
|
|
// justify-content: space-between;
|
|
|
|
// justify-content: space-between;
|
|
|
|
padding: 0 80px 0 50px;
|
|
|
|
padding: 0 80px 0 50px;
|
|
|
|
.attach_item{
|
|
|
|
.attach_item{
|
|
|
|
// width: 55%;
|
|
|
|
width: 85%;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
// justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
padding: 0 5px;
|
|
|
|
padding: 0 5px;
|
|
|
|
color: inherit;
|
|
|
|
color: inherit;
|
|
|
|
border: 1px solid #e4e7ed;
|
|
|
|
border: 1px solid #e4e7ed;
|
|
|
|
border-radius: 2px;
|
|
|
|
border-radius: 2px;
|
|
|
|
margin: 10px 20px 10px 0;
|
|
|
|
margin: 10px 20px 10px 0;
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
.li_img {
|
|
|
|
.li_img {
|
|
|
|
width: 25px;
|
|
|
|
width: 25px;
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
|
