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

kun 10/6/22:48

Browse Source
This commit is contained in:
沈学坤
2019-10-06 22:48:06 +08:00
parent a19326ecc6
commit 60fa6ac94e
8 changed files with 515 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,8 +4,7 @@
<div id="box">
<!-- 公告 -->
<div class="top">
<img :src="imgUrl.xlb"
alt />
<img :src="imgUrl.xlb" alt />
<div>
<span>世界婚博会已通过初审</span>
<time>[2019-07-31]</time>
@@ -44,20 +43,19 @@
</div>
<!-- 下拉框 -->
<div class="select">
<select class="one"
name="date">
<select class="one" name="date">
<option value>2017/10/14 至 2017/10/15</option>
<option value>2017/10/14 至 2017/10/15</option>
</select>
<select class="two"
name="type">
<option value>类型1</option>
<option value>类型2</option>
<select class="two" name="type">
<template v-for="(type,index) in types">
<option :key="index" :value="index">{{type}}</option>
</template>
</select>
<select class="three"
name="area">
<option value>区域1</option>
<option value>区域2</option>
<select class="three" name="area">
<template v-for="(area,index) in area">
<option :key="index" :value="index">{{area}}</option>
</template>
</select>
<span @click="$jump('application')">项目申报</span>
</div>
@@ -65,47 +63,42 @@
<div class="con">
<!-- 导航 -->
<div class="top-t">
<h3 @click="btn(index)"
v-for="(item,index) in text"
:key="index"
:class="sub == index ? 'style' : ''">{{item}}</h3>
<h3
@click="btn(index)"
v-for="(item,index) in text"
:key="index"
:class="sub == index ? 'style' : ''"
>{{item}}</h3>
</div>
<!-- 主题内容 -->
<div class="cc">
<template v-for="(item,index) in sData">
<div class="list"
:key="index"
v-if="index < 9"
@click="$jump('schedule')">
<template v-for="(item,index) in bgData">
<div class="list" :key="index" v-if="index < 9" @click="$jump('schedule')">
<div class="div">
<div class="bb">
<h3>世界婚博会</h3>
<h3>{{item.name}}</h3>
<h5>活动</h5>
</div>
<time>2019-07-19</time>
<time>{{item.protime}}</time>
</div>
<dl>
<dt>
<img :src="imgUrl.tg"
v-if="item.state == 0" />
<img :src="imgUrl.btg"
v-if="item.state == 1" />
<img :src="imgUrl.shz"
v-if="item.state == 2" />
<img :src="imgUrl.zxz"
v-if="item.state == 3" />
<img :src="imgUrl.tg" v-if="item.state == 0" />
<img :src="imgUrl.btg" v-if="item.state == 1" />
<img :src="imgUrl.shz" v-if="item.state == 2" />
<img :src="imgUrl.zxz" v-if="item.state == 3" />
</dt>
<dd>
<span class="iconfont icon-zuzhijiegou"></span>
<span>朝阳社会组织</span>
<span>{{item.party_id}}</span>
</dd>
<dd>
<span class="iconfont icon-weizhi"></span>
<span>北京市朝阳区建外街道</span>
<span>{{item.postaladdress}}</span>
</dd>
<dd>
<span class="iconfont icon-shenhetongguo1"></span>
<span>当前申报阶段：立项审核中</span>
<span class="block">当前申报阶段：{{item.status}}</span>
</dd>
</dl>
</div>
@@ -114,13 +107,15 @@
</div>
<!-- 分页按钮 -->
<div class="page">
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="pageSize"
background
layout="prev, pager, next"
:total="10"></el-pagination>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="pageSize"
background
layout="prev, pager, next"
:total="10"
></el-pagination>
</div>
</div>
</div>
@@ -154,23 +149,52 @@ export default {
},
text: ["全部", "项目初筛", "项目立项"],
sub: 0,
sData: [
{ state: 0 },
{ state: 0 },
{ state: 0 },
{ state: 1 },
{ state: 1 },
{ state: 2 },
{ state: 3 },
{ state: 3 },
{ state: 2 },
{ state: 0 }
]
bgData: [],
types: [],
area: []
};
},
computed: {},
watch: {},
methods: {
getData() {
let _this = this
this.$http({
method: 'get',
url: 'v1/project/get-info',
data: {}
}).then(res => {
if (res.data.code === 200) {
_this.types = res.data.data.type
_this.area = res.data.data.area
} else {
_this.$message.error('请求数据有问题！')
}
})
// eslint-disable-next-line handle-callback-err
.catch(err => {
console.log(err)
})
this.$http({
method: 'get',
url: 'v1/project/list',
data: {}
}).then(res => {
if (res.data.code === 200) {
_this.bgData = res.data.data.data.info
console.log(_this.bgData);
} else {
_this.$message.error('请求数据有问题！')
}
})
// eslint-disable-next-line handle-callback-err
.catch(err => {
console.log(err)
})
},
btn(index) {
let s = this.sub;
s = index;
@@ -184,13 +208,14 @@ export default {
this.currentPage = val;
this.getPackData();
},
getPackData() {}
getPackData() { }
},
created() {
this.currentPage = Number(localStorage.getItem("pagination")) || 1;
this.handleCurrentChange(this.currentPage);
this.getData()
},
mounted() {}
mounted() { }
};
</script>
@@ -209,10 +234,12 @@ export default {
box-sizing: border-box;
.bottom {
padding: 35px 30px 0px;
padding: 35px 30px 100px;
box-sizing: border-box;
width: 1200px;
height: 1320px;
// height: 1320px;
box-sizing: border-box;
background-color: #ffffff;
.page {
@@ -262,7 +289,14 @@ export default {
.con {
width: 1140px;
height: 773px;
// height: 773px;
.cc::after {
content: "";
width: 367px;
display: block;
height: 0px;
}
.cc {
display: flex;
@@ -301,6 +335,15 @@ export default {
letter-spacing: 0px;
color: #666666;
}
.block{
width: 288px;
height: 14px;
line-height: 14px;
display: inline-block;
overflow: hidden;
}
}
dt {