This commit is contained in:
沈学坤
2019-10-31 11:26:45 +08:00
parent d3f025249a
commit e75a448c55
10 changed files with 225 additions and 79 deletions

View File

@@ -363,6 +363,15 @@
</div>
</div>
</form>
<div class="queren" v-if="popupStatus">
<div>
<p>是否确认申报项目</p>
<div>
<span @click="popupStatus = !popupStatus"></span>
<span @click="submitYes"></span>
</div>
</div>
</div>
</div>
<footer-nav class="footer"></footer-nav>
</div>
@@ -376,6 +385,9 @@ import FooterNav from "../../components/FooterNav";
import RichTextOne from "../../components/RichTextOne";
// import RegisteredVue from '../Registered.vue';
const T_T = new Date()
var preD = function (e) {
e.preventDefault()
}
export default {
components: {
HeaderNav,
@@ -392,6 +404,7 @@ export default {
bg1: require("../../../static/img/bg1.png"),
xa: require("../../../static/img/xa.png")
},
popupStatus: false,
thff: false,
types: [],
area: [],
@@ -450,7 +463,19 @@ export default {
};
},
computed: {},
watch: {},
watch: {
popupStatus(val) {
if (val) {
document.body.style.overflow = 'hidden'
document.addEventListener('touchmove', preD, {
passive: false
}) /** 禁止页面滑动 */
} else {
document.body.style.overflow = '' /**出现滚动条 */
document.removeEventListener('touchmove', preD, { passive: false })
}
}
},
methods: {
/** 获取富文本内容 */
getContent(data) {
@@ -509,9 +534,11 @@ export default {
this.sub = s
}
}
},
/** 上传文件 */
getFile(event) {
let filetypes = [".jpg", ".png", ".jpeg"]
let filepath = event.target.value
if (filepath) {
@@ -536,8 +563,10 @@ export default {
alert("附件大小不能大于" + filemaxsize / 1024 + "M");
return false;
}
let _this = this
let file = event.target.files[0];
/*
let reader = new FileReader()
reader.readAsDataURL(file) // 这里是最关键的一步,转换就在这里
@@ -562,7 +591,6 @@ export default {
let regd = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
let regs = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
if (this.sub == 1) {
if (this.prespo == '' || this.respoadd == '' || this.respopcode == '' ||
this.respomail == '' || this.respopname == '' ||
@@ -593,6 +621,7 @@ export default {
return
}
let s = this.subStatus;
s = index;
this.subStatus = s
@@ -601,6 +630,12 @@ export default {
alert('文件还未上传!')
return
}
this.popupStatus = true
},
/** 申报项目 */
submitYes() {
this.popupStatus = false
let _this = this
this.$http({
method: 'post',
@@ -752,6 +787,51 @@ export default {
min-width: 1280px;
box-sizing: border-box;
.queren {
width: 100%;
height: 100%;
position: fixed;
left: 0%;
top: 0%;
background-color: rgba($color: #000, $alpha: 0.56);
display: flex;
align-items: center;
justify-content: center;
& > div {
width: 500px;
height: 400px;
background: #fff;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 100px 0 100px;
box-sizing: border-box;
& > p {
font-size: 32px;
font-weight: 600;
}
& > div {
width: 100%;
padding: 32px;
box-sizing: border-box;
margin: 20px auto 0;
display: flex;
justify-content: space-between;
align-items: center;
span {
font-size: 30px;
cursor: pointer;
}
}
}
}
#box {
margin: 40px auto 0;
padding: 34px 32px 100px 28px;
@@ -767,13 +847,13 @@ export default {
justify-content: center;
align-items: center;
button[type="button"] {
button[type='button'] {
margin-right: 152px;
width: 197px;
height: 63px;
background-color: #ff9800;
border-radius: 5px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 26px;
font-weight: normal;
font-stretch: normal;
@@ -785,12 +865,12 @@ export default {
border: 0;
}
button[type="submit"] {
button[type='submit'] {
width: 197px;
height: 63px;
background-color: #e60012;
border-radius: 5px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 26px;
font-weight: normal;
font-stretch: normal;
@@ -817,7 +897,7 @@ export default {
align-items: center;
label {
margin-left: 16px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 16px;
font-weight: normal;
font-stretch: normal;
@@ -845,7 +925,7 @@ export default {
line-height: 32px;
text-align: center;
margin-left: 25px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 16px;
font-weight: normal;
font-stretch: normal;
@@ -873,7 +953,7 @@ export default {
align-items: center;
label {
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 16px;
font-weight: normal;
font-stretch: normal;
@@ -900,7 +980,7 @@ export default {
border: solid 1px #c7c7c7;
resize: none;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -911,7 +991,7 @@ export default {
p {
margin-top: 38px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -921,7 +1001,7 @@ export default {
h5 {
width: 100%;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -931,7 +1011,7 @@ export default {
h3 {
width: 100%;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -955,7 +1035,7 @@ export default {
display: inline-block;
width: 101px;
height: 43px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 16px;
font-weight: normal;
font-stretch: normal;
@@ -973,7 +1053,7 @@ export default {
border: solid 1px #c7c7c7;
outline: none;
margin-left: 20px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -990,7 +1070,7 @@ export default {
height: 63px;
background-color: #e60012;
border-radius: 5px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 26px;
font-weight: normal;
font-stretch: normal;
@@ -1012,7 +1092,7 @@ export default {
display: inline-block;
width: 101px;
height: 43px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 16px;
font-weight: normal;
font-stretch: normal;
@@ -1029,7 +1109,7 @@ export default {
-moz-appearance: none;
-webkit-appearance: none;
/* 右侧添加小箭头的背景图 */
background: url("../../../static/img/xa.png") 360px center no-repeat;
background: url('../../../static/img/xa.png') 360px center no-repeat;
background-size: 14px 8px;
width: 386px;
height: 43px;
@@ -1039,7 +1119,7 @@ export default {
box-sizing: border-box;
outline: none;
margin-left: 20px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -1055,7 +1135,7 @@ export default {
border: solid 1px #c7c7c7;
outline: none;
margin-left: 20px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -1070,7 +1150,7 @@ export default {
border: solid 1px #c7c7c7;
outline: none;
margin-left: 20px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -1082,7 +1162,7 @@ export default {
h4 {
width: 1138px;
height: 38px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -1106,7 +1186,7 @@ export default {
width: 192px;
height: 34px;
background-size: 100% 100%;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 14px;
font-weight: normal;
font-stretch: normal;
@@ -1125,7 +1205,7 @@ export default {
width: 89px;
height: 23px;
margin: 0 auto;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 22px;
font-weight: normal;
font-stretch: normal;

View File

@@ -182,9 +182,14 @@
<div class="one-e">
<p>
<span>
<a :href="zData.proimages" download="fileName" target="_blank">
<a :href="zData.proimages" :download="fileName">
<span>下载</span>
</a>
<!-- <a
@click="downloadTxt(zData.proimages,'fileName')"
>
<span>下载</span>
</a>-->
&nbsp;|&nbsp;
<span @click="preview()">预览</span>
</span>
@@ -242,7 +247,8 @@ export default {
],
zData: [],
zDate: [],
id: Number
id: Number,
fileName:null
};
},
computed: {},
@@ -260,6 +266,21 @@ export default {
}
},
methods: {
// downloadTxt(content, filename) {
// var eleLink = document.createElement('a');
// eleLink.download = filename;
// eleLink.style.display = 'none';
// // 字符内容转变成blob地址
// var blob = new Blob([content]);
// eleLink.href = URL.createObjectURL(blob);
// // 触发点击
// document.body.appendChild(eleLink);
// eleLink.click();
// // 然后移除
// document.body.removeChild(eleLink);
// window.location.href = o; // 本窗口打开下载
// window.open(centent, '_blank'); // 新开窗口下载
// },
download() {
this.getPdf('pdfDom', '项目申请书')
},
@@ -283,6 +304,8 @@ export default {
if (res.data.data.code === 200) {
_this.zData = res.data.data.data.ProjectDetails
_this.zDate = res.data.data.data.ProjectReview
let index = _this.zData.proimages.lastIndexOf("\/")
_this.fileName = _this.zData.proimages.substring(index+1,_this.zData.proimages.length)
} else {
alert('请求失败!')
}
@@ -376,7 +399,7 @@ export default {
margin-bottom: 60px;
p {
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -386,7 +409,7 @@ export default {
}
span {
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -413,7 +436,7 @@ export default {
box-sizing: border-box;
li {
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -424,7 +447,7 @@ export default {
}
}
h3 {
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -433,7 +456,7 @@ export default {
}
h4 {
margin-top: 38px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -442,7 +465,7 @@ export default {
}
h5 {
margin-top: 38px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -481,7 +504,7 @@ export default {
display: inline-block;
width: 119px;
height: 18px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 22px;
font-weight: normal;
font-stretch: normal;
@@ -569,7 +592,7 @@ export default {
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
position: absolute;
left: -8%;
bottom: -100%;
@@ -583,7 +606,7 @@ export default {
height: 22px;
text-align: center;
line-height: 22px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 22px;
font-weight: normal;
font-stretch: normal;
@@ -605,7 +628,7 @@ export default {
margin-top: 48px;
li {
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 18px;
font-weight: normal;
font-stretch: normal;
@@ -618,7 +641,7 @@ export default {
p {
text-align: center;
width: 100%;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 24px;
font-weight: normal;
font-stretch: normal;
@@ -664,7 +687,7 @@ export default {
linear-gradient(#e60012, #e60012);
background-blend-mode: normal, normal;
border-radius: 4px;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 16px;
font-weight: normal;
font-stretch: normal;
@@ -681,7 +704,7 @@ export default {
width: 120px;
height: 38px;
text-align: center;
font-family: "MicrosoftYaHei";
font-family: 'MicrosoftYaHei';
font-size: 20px;
font-weight: normal;
font-stretch: normal;
@@ -693,7 +716,7 @@ export default {
color: #e60012;
position: relative;
&::after {
content: "";
content: '';
width: 120px;
height: 2px;
background-color: #e60012;