kun
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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>-->
|
||||
|
|
||||
<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;
|
||||
|
||||
Reference in New Issue
Block a user