asd/chaoyangpc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

kun 19/10/9/21:58

Browse Source
This commit is contained in:
沈学坤
2019-10-09 21:57:13 +08:00
parent 8b2b683ca4
commit 47b35b28a2
19 changed files with 703 additions and 517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/project/Application.vue
View File

@@ -352,6 +352,9 @@
</div>
</div>
</div>
<template v-if="file">
<img class="img-img" :src="file" alt />
</template>
<div class="ll">
<button type="button" @click="submit(0)">保存</button>
<button type="submit" @click="submit(1)">提交</button>
@@ -525,8 +528,10 @@ export default {
proimages: _this.proimages
}
}).then(res => {
console.log(res)
if (res.data.code === 200) {
alert(res.data.message)
_this.file = ''
} else {
_this.$message.error('请求数据有问题！')
}
@@ -564,6 +569,11 @@ export default {
</script>
<style lang='scss' scoped>
.img-img{
margin-top: 25px;
width: 150px;
height: 250px;
}
.wrapper {
min-width: 1280px;
box-sizing: border-box;

25
src/views/project/Project.vue
View File

@@ -52,6 +52,11 @@
<option :key="index" :value="index">{{type}}</option>
</template>
</select>
<select class="two" name="type">
<template v-for="(type,index) in bgValue.type">
<option :key="index" :value="index">{{type}}</option>
</template>
</select>
<select class="three" name="area">
<template v-for="(area,index) in bgValue.area">
<option :key="index" :value="index">{{area}}</option>
@@ -73,7 +78,7 @@
<!-- 主题内容 -->
<div class="cc">
<template v-for="(item,index) in bgData.info">
<div class="list" :key="index" @click="$jump('schedule')">
<div class="list" :key="index" @click="$jParams('schedule',{id:item.id})">
<div class="div">
<div class="bb">
<h3>{{item.name}}</h3>
@@ -148,7 +153,8 @@ export default {
shz: require("../../../static/img/shz.png"),
zxz: require("../../../static/img/zxz.png")
},
text: ["全部", "项目初筛", "项目立项"],
// text: ["全部", "项目初筛", "项目立项"],
text: ["全部"],
sub: 0,
bgData: [],
bgValue: []
@@ -199,6 +205,7 @@ export default {
console.log(err)
})
},
/*
getDataThree() {
let _this = this
this.$http({
@@ -245,10 +252,13 @@ export default {
console.log(err)
})
},
*/
btn(index) {
let s = this.sub;
s = index;
this.sub = s;
/*
switch (this.sub) {
case 0:
this.getDataTwo();
@@ -259,10 +269,8 @@ export default {
case 2:
this.getDataFour();
break;
default:
break;
}
*/
},
handleSizeChange(val) {
this.pageNum = val;
@@ -270,6 +278,7 @@ export default {
},
handleCurrentChange(val) {
this.currentPage = val;
/*
switch (this.sub) {
case 0:
this.getDataTwo();
@@ -280,11 +289,9 @@ export default {
case 2:
this.getDataFour();
break;
default:
break;
}
*/
this.getDataTwo();
this.getPackData();
},
getPackData() { }

325
src/views/project/Schedule.vue
View File

@@ -5,29 +5,20 @@
<!-- 导航 -->
<div class="top">
<div class="span">
<span @click="btn(0)"
:class="sub == 0 ? 'style' : ''">项目进度</span>
<span @click="btn(1)"
:class="sub == 1 ? 'style' : ''">项目信息</span>
<span @click="btn(0)" :class="sub == 0 ? 'style' : ''">项目进度</span>
<span @click="btn(1)" :class="sub == 1 ? 'style' : ''">项目信息</span>
</div>
<div class="daochu"
v-if="sub == 1">项目导出</div>
<div class="daochu" v-if="sub == 1">项目导出</div>
</div>
<!-- 进度 -->
<div class="img"
v-if="sub == 0">
<img :src="imgUrl.tg"
v-if="state == 0" />
<img :src="imgUrl.btg"
v-if="state == 1" />
<img :src="imgUrl.shz"
v-if="state == 2" />
<img :src="imgUrl.zxz"
v-if="state == 3" />
<div class="img" v-if="sub == 0">
<img :src="imgUrl.tg" v-if="state == 0" />
<img :src="imgUrl.btg" v-if="state == 1" />
<img :src="imgUrl.shz" v-if="state == 2" />
<img :src="imgUrl.zxz" v-if="state == 3" />
</div>
<!-- 项目流程 -->
<div class="bobb"
v-if="sub == 0">
<div class="bobb" v-if="sub == 0">
<div class="left">
<div class="time">
<span>2019-09-01</span>
@@ -38,78 +29,40 @@
</div>
<div class="jdt">
<!-- 已申报 -->
<img class="sx0"
:src="imgUrl.sx0"
alt />
<img class="d0"
:src="imgUrl.d0"
v-if="zt != 0" />
<img class="d1"
:src="imgUrl.d1"
v-if="zt == 0" />
<img class="sx0" :src="imgUrl.sx0" alt />
<img class="d0" :src="imgUrl.d0" v-if="zt != 0" />
<img class="d1" :src="imgUrl.d1" v-if="zt == 0" />
<!-- 审核中 -->
<img class="sx1"
:src="imgUrl.sx1"
alt />
<img class="d0"
:src="imgUrl.d0"
v-if="zt != 1" />
<img class="d1"
:src="imgUrl.d1"
v-if="zt == 1" />
<img class="sx1" :src="imgUrl.sx1" alt />
<img class="d0" :src="imgUrl.d0" v-if="zt != 1" />
<img class="d1" :src="imgUrl.d1" v-if="zt == 1" />
<!-- 审核通过 -->
<img class="sx1"
:src="imgUrl.sx1"
alt />
<img class="d0"
:src="imgUrl.d0"
v-if="zt != 2" />
<img class="d1"
:src="imgUrl.d1"
v-if="zt == 2" />
<img class="sx1" :src="imgUrl.sx1" alt />
<img class="d0" :src="imgUrl.d0" v-if="zt != 2" />
<img class="d1" :src="imgUrl.d1" v-if="zt == 2" />
<!-- 评审中 -->
<img class="sx1"
:src="imgUrl.sx1"
alt />
<img class="d0"
:src="imgUrl.d0"
v-if="zt != 3" />
<img class="d1"
:src="imgUrl.d1"
v-if="zt == 3" />
<img class="sx1" :src="imgUrl.sx1" alt />
<img class="d0" :src="imgUrl.d0" v-if="zt != 3" />
<img class="d1" :src="imgUrl.d1" v-if="zt == 3" />
<!-- 评审通过 -->
<img class="sx1"
:src="imgUrl.sx1"
alt />
<img class="d0"
:src="imgUrl.d0"
v-if="zt != 4" />
<img class="d1"
:src="imgUrl.d1"
v-if="zt == 4" />
<img class="sx1" :src="imgUrl.sx1" alt />
<img class="d0" :src="imgUrl.d0" v-if="zt != 4" />
<img class="d1" :src="imgUrl.d1" v-if="zt == 4" />
<!-- end -->
<img class="sx1"
:src="imgUrl.sx1"
alt />
<img class="sx1" :src="imgUrl.sx1" alt />
</div>
<div class="bb">
<div class="o">
<span>项目已申报</span>
<img class="oo"
:src="imgUrl.d0"
alt />
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div>
<span>初筛审核中</span>
<img class="oo"
:src="imgUrl.d0"
alt />
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div class="div-v">
<span>初筛审核通过</span>
<img class="oo"
:src="imgUrl.d0"
alt />
<img class="oo" :src="imgUrl.d0" alt />
<section>
<span style="color:#e60012;font-size:20px;">总分: 71分</span>
<span style="color:#999;font-size:16px;">（及格分数: 70）</span>
@@ -117,53 +70,109 @@
</div>
<div>
<span>立项评审中</span>
<img class="oo"
:src="imgUrl.d0"
alt />
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div>
<span>立项评审通过</span>
<img class="oo"
:src="imgUrl.d0"
alt />
<img class="oo" :src="imgUrl.d0" alt />
</div>
</div>
</div>
<div class="right">
<p>项目流程说明</p>
<ul>
<li v-for="(list,index) in text"
:key="index">{{list}}</li>
<li v-for="(list,index) in text" :key="index">{{list}}</li>
</ul>
</div>
</div>
<!-- 项目信息 -->
<div class="boxx"
v-if="sub == 1">
<div class="boxx" v-if="sub == 1" :class="popupStatus == true ? 'fliter' : ''">
<h3>一、基本信息</h3>
<div class="one-o">
<ul v-for="(item,index) in arr"
:key="index">
<template v-for="(item,index) in text1">
<li :key="index">{{item}}</li>
</template>
<ul>
<li>项目名称：{{zData.name}}</li>
<li>项目申报单位：{{zData.company}}</li>
<li>项目类型：{{zData.tid}}</li>
<li>项目落地区域：{{zData.rid}}</li>
<li>一级项目方向：{{zData.first_level}}</li>
<li>二级项目方向：{{zData.secondary}}</li>
<li>项目服务领域：{{zData.fieldeara}}</li>
<li>项目有效期：{{zData.aterm + '-' + zData.fterm}}</li>
<li>申报单位属性：{{zData.attribute}}</li>
<li>通讯地址：{{zData.postaladdress}}</li>
<li>电子信箱：{{zData.pmail}}</li>
<li>传真电话：{{zData.fax_tel}}</li>
<li>邮政编码：{{zData.postalcode}}</li>
</ul>
<ul>
<li>法定代表人：{{zData.plegal}}</li>
<li>法人代码：{{zData.plcode}}</li>
<li>负责人姓名：{{zData.pname}}</li>
<li>职务：{{zData.poster}}</li>
<li>办公电话：{{zData.poffice_tel}}</li>
<li>手机：{{zData.aphone}}</li>
<li>联系人姓名：{{zData.cname}}</li>
<li>职务：{{zData.cpost}}</li>
<li>办公电话：{{zData.coffice_tel}}</li>
<li>手机：{{zData.cphone}}</li>
</ul>
<ul>
<li>项目主责单位：{{zData.prespo}}</li>
<li>通讯地址：{{zData.respoadd}}</li>
<li>邮政编码：{{zData.respopcode}}</li>
<li>传真电话：{{zData.respophone}}</li>
<li>电子信箱：{{zData.respomail}}</li>
<li>负责人姓名：{{zData.respopname}}</li>
<li>职务：{{zData.respopost}}</li>
<li>手机：{{zData.respoptel}}</li>
<li>办公电话：{{zData.respoophone}}</li>
<li>负责人姓名：{{zData.respocname}}</li>
<li>职务：{{zData.respocpost}}</li>
<li>办公电话：{{zData.respocophone}}</li>
<li>手机：{{zData.respoctel}}</li>
</ul>
</div>
<h3>二、申报单位简介:</h3>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际。“我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段。从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用。”章建华</p>
<p>{{zData.decldes}}</p>
</div>
<h3>三、项目简介</h3>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际。“我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段。从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用。”章建华</p>
<p>{{zData.prodes}}</p>
</div>
<h3>四、项目论证</h3>
<h4>(一) 项目实施的必要性、可行性</h4>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际。“我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段。从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用。”章建华</p>
<p>{{zData.prodemo}}</p>
</div>
<h4>(二) 项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间</h4>
<h5>1.项目实施的已有基础</h5>
<div class="one-e">
<p>{{zData.prodemojc}}</p>
</div>
<h5>2.具体方法和途径</h5>
<div class="one-e">
<p>{{zData.prodemotj}}</p>
</div>
<h5>3.进度安排</h5>
<div class="one-e">
<p>{{zData.prodemojd}}</p>
</div>
<h5>4.预期效果</h5>
<div class="one-e">
<p>{{zData.prodemoxg}}</p>
</div>
<h5>5.项目团队及分工</h5>
<div class="one-e">
<p>{{zData.prodemofg}}</p>
</div>
<h4>(三) 项目实施涵盖的范围、实施的规模、服务的人群，创新之处等</h4>
<div class="one-e">
<p>{{zData.prodemotwo}}</p>
</div>
<h3>五、经费预算:</h3>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际。“我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段。从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用。”章建华</p>
<p>{{zData.funds}}</p>
</div>
<h3>六、申报单位承诺:</h3>
<div class="one-e">
@@ -175,13 +184,18 @@
<span>
<span>下载</span>
&nbsp;|&nbsp;
<span>预览</span>
<span @click="preview()">预览</span>
</span>
</p>
</div>
</div>
<section id="preview" v-if="popupStatus">
<div class="tc" @click="preview()"></div>
<!-- <section class="tc-text">{{zData.proimages}}</section> -->
<img class="tc-text" :src="zData.proimages" />
</section>
</div>
<footer-nav class="footer"></footer-nav>
<footer-nav class="footer" :class="popupStatus == true ? 'fliter' : ''"></footer-nav>
</div>
</template>
@@ -190,7 +204,9 @@
import HeaderNav from "../../components/HeaderNav";
/* eslint-disable */
import FooterNav from "../../components/FooterNav";
var preD = function (e) {
e.preventDefault()
}
export default {
components: {
HeaderNav,
@@ -213,7 +229,7 @@ export default {
},
state: 0,
zt: 2,
arr: [1, 2, 3],
popupStatus: false,
text: [
"第一步：填写并提交项目申报书",
"第二步：线上初筛审核",
@@ -221,38 +237,97 @@ export default {
"第四步：线下立项评审",
"第五步：立项结果查询"
],
text1: [
"项目名称：世界婚会",
"项目申报单位：劳动社会组织",
"项目类型：活动",
"项目落地区域：北区",
"一级项目方向：婚礼",
"一级项目方向：婚礼",
"项目服务领域：北区",
"项目有效期：2019-09-02至2019-09-23",
"申报单位属性：国企",
"通讯地址：北京市海涟区",
"电子信箱：15901401996@qq.com",
"传真电话：81223221",
"邮政编码：100000"
]
zData: []
};
},
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: {
preview() {
this.popupStatus = !this.popupStatus
},
btn(index) {
let s = this.sub;
s = index;
this.sub = s;
},
getData(id) {
let _this = this
this.$http({
method: 'post',
url: 'v1/project/details',
data: {
id: id
}
}).then(res => {
if (res.data.data.code === 200) {
_this.zData = res.data.data.data.ProjectDetails
} else {
alert('请求失败！')
}
})
// eslint-disable-next-line handle-callback-err
.catch(err => {
console.log(err)
})
}
},
created() {},
mounted() {}
created() {
let id = this.$route.params.id
this.getData(id)
},
mounted() { }
};
</script>
<style lang='scss' scoped>
#preview {
width: 100%;
height: 100%;
position: fixed;
top: 0%;
left: 0%;
z-index: 999;
.tc {
width: 100%;
height: 100%;
background-color: rgba($color: #000, $alpha: 0.58);
position: fixed;
top: 0%;
left: 0%;
}
.tc-text {
width: 350px;
height: 600px;
background-color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
.fliter {
-webkit-filter: blur(10px);
-o-filter: blur(10px);
-moz-filter: blur(10px);
filter: blur(10px);
}
.wrapper {
min-width: 1280px;
box-sizing: border-box;
@@ -331,6 +406,24 @@ export default {
letter-spacing: 0px;
color: #333333;
}
h4 {
margin-top: 38px;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
h5 {
margin-top: 38px;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
.bobb {