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

kun 19/10/16 14:13

Browse Source
This commit is contained in:
沈学坤
2019-10-16 14:12:28 +08:00
parent 8cb91aae99
commit d01f3b2af0
7 changed files with 225 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.vue
View File

@@ -25,8 +25,21 @@ body {
width: 0px;
height: 5px;
}
}
table {
td {
border: 1px solid #000 !important;
height: 25px;
line-height: 25px;
text-align: center;
padding: none;
}
}
img {
cursor: pointer;
}
}
@font-face {
font-family: "HanWangKaiBold-Gb5";
src: url("../static/fontFile/HanWangKaiBold-Gb5.ttf");

25
src/views/InformationQuery.vue
View File

@@ -342,27 +342,27 @@ export default {
}
&:nth-of-type(2) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(3) {
width: 240px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(4) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(5) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(6) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(7) {
width: 140px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
}
@@ -374,6 +374,7 @@ export default {
}
td {
border:none!important;
line-height: 40px;
text-align: center;
height: 40px;
@@ -387,27 +388,27 @@ export default {
&:nth-of-type(1) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(2) {
width: 240px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(3) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(4) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(5) {
width: 160px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
&:nth-of-type(6) {
width: 140px;
border-left: 1px solid #dcebf6;
border-left: 1px solid #dcebf6!important;
}
/*
&:nth-of-type(7) {

2
src/views/home/ApplyFor.vue
View File

@@ -102,7 +102,7 @@
<input type="text" name="party_pname" v-model="party_pname" />
</div>
</div>
<div class="btn" @click="btn(1)">下一步</div>
<div class="btn" @click="btn(1)">下一页</div>
</div>
<!-- 党组织申请2 -->
<div id="boxTwo" v-if="sub == 1">

339
src/views/home/HomePage.vue
View File

@@ -1,177 +1,183 @@
<template>
<div class="wrapper" v-if="bgData">
<header-nav :index_num="index_num"></header-nav>
<div id="box">
<!-- 内容ONE -->
<div class="container">
<!-- 轮播图 -->
<div class="swiperone">
<div class="swiper-container swiper-one swiper-no-swiping">
<div class="swiper-wrapper">
<template v-for="(banner,index) in bgData.banner">
<div
class="swiper-slide"
:key="index"
@click="$jParams('newsDetails',{id:banner.id})"
>
<img :src="banner.cover ? banner.cover : moren" alt />
<div class="box">{{banner.title}}</div>
</div>
</template>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev swiper-button-white"></div>
<div class="swiper-button-next swiper-button-white"></div>
</div>
</div>
<!-- 通知公告的box -->
<div class="right">
<!-- 通知公告 -->
<div class="top">
<div class="b">
<span>通知公告</span>
<span class="more" @click="$jParams('newsList',{type:3})">更多>></span>
</div>
</div>
<!-- 列表显示 -->
<ul>
<template v-for="(notice,index) in bgData.notice">
<li :key="index" v-if="index < 8" @click="$jParams('newsDetails',{id:notice.id})">
<a href="javascript:void(0);">
<span>{{notice.title}}</span>
<time>[{{notice.created_at}}]</time>
</a>
</li>
</template>
</ul>
</div>
</div>
<!-- TWO -->
<div class="container-two">
<p class="title">新闻动态</p>
<div id="boxs">
<!-- 党组织信息 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="o" :src="imgUrl.dh" alt />
<span>区域化党建</span>
<div class="wrapper">
<section v-if="bgData">
<header-nav :index_num="index_num"></header-nav>
<div id="box">
<!-- 内容ONE -->
<div class="container">
<!-- 轮播图 -->
<div class="swiperone">
<div class="swiper-container swiper-one swiper-no-swiping">
<div class="swiper-wrapper">
<template v-for="(banner,index) in bgData.banner">
<div
class="swiper-slide"
:key="index"
@click="$jParams('newsDetails',{id:banner.id})"
>
<img :src="banner.cover ? banner.cover : moren" alt />
<div class="box">{{banner.title}}</div>
</div>
</template>
</div>
<span class="more" @click="$jParams('newsList',{type:4})">更多>></span>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev swiper-button-white"></div>
<div class="swiper-button-next swiper-button-white"></div>
</div>
<ul class="ult">
<template v-for="(build,index) in bgData.build">
<li :key="index" v-if="index < 3" @click="$jParams('newsDetails',{id:build.id})">
<a href="javascript:void(0);">{{build.title}}</a>
</div>
<!-- 通知公告的box -->
<div class="right">
<!-- 通知公告 -->
<div class="top">
<div class="b">
<span>通知公告</span>
<span class="more" @click="$jParams('newsList',{type:3})">更多>></span>
</div>
</div>
<!-- 列表显示 -->
<ul>
<template v-for="(notice,index) in bgData.notice">
<li :key="index" v-if="index < 8" @click="$jParams('newsDetails',{id:notice.id})">
<a href="javascript:void(0);">
<span>{{notice.title}}</span>
<time>[{{notice.created_at}}]</time>
</a>
</li>
</template>
</ul>
<div class="top-p">
<div>
<img class="o" :src="imgUrl.gq" alt />
<span>党组织信息</span>
</div>
</div>
<!-- TWO -->
<div class="container-two">
<p class="title">新闻动态</p>
<div id="boxs">
<!-- 党组织信息 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="o" :src="imgUrl.dh" alt />
<span>区域化党建</span>
</div>
<span class="more" @click="$jParams('newsList',{type:4})">更多>></span>
</div>
<!-- <span class="more" @click="$jump('informationQuery')">更多>></span> -->
</div>
<div class="p">
<ul class="ult-t">
<template v-for="(party,index) in bgData.party">
<li :key="index">
<!-- <a href="javascript:void(0);">{{party.party_name}}</a> -->
{{party.party_name}}
<ul class="ult">
<template v-for="(build,index) in bgData.build">
<li :key="index" v-if="index < 3" @click="$jParams('newsDetails',{id:build.id})">
<a href="javascript:void(0);">{{build.title}}</a>
</li>
</template>
</ul>
<div class="img" @click="$jump('applyFor')">
<div class="img-box">
<img :src="imgUrl.wjx" alt />
<span>申请成为党组织</span>
<div class="top-p">
<div>
<img class="o" :src="imgUrl.gq" alt />
<span>党组织信息</span>
</div>
<!-- <span class="more" @click="$jump('informationQuery')">更多>></span> -->
</div>
<div class="p">
<ul class="ult-t">
<template v-for="(party,index) in bgData.party">
<li :key="index">
<!-- <a href="javascript:void(0);">{{party.party_name}}</a> -->
{{party.party_name}}
</li>
</template>
</ul>
<div class="img" @click="$jump('applyFor')">
<div class="img-box">
<img :src="imgUrl.wjx" alt />
<span>申请成为党组织</span>
</div>
</div>
</div>
</div>
</div>
<!-- 统一战线 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="n" :src="imgUrl.ws" alt />
<span>统一战线</span>
<!-- 统一战线 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="n" :src="imgUrl.ws" alt />
<span>统一战线</span>
</div>
<span class="more" @click="$jParams('newsList',{type:1})">更多>></span>
</div>
<span class="more" @click="$jParams('newsList',{type:1})">更多>></span>
<ul class="ulo">
<template v-for="(battle,index) in bgData.battle">
<li :key="index" v-if="index<9" @click="$jParams('newsDetails',{id:battle.id})">
<a href="javascript:void(0);">{{battle.title}}</a>
</li>
</template>
</ul>
</div>
<ul class="ulo">
<template v-for="(battle,index) in bgData.battle">
<li :key="index" v-if="index<9" @click="$jParams('newsDetails',{id:battle.id})">
<a href="javascript:void(0);">{{battle.title}}</a>
</li>
</template>
</ul>
</div>
<!-- 组织生活 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="e" :src="imgUrl.zz" alt />
<span>组织生活</span>
<!-- 组织生活 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="e" :src="imgUrl.zz" alt />
<span>组织生活</span>
</div>
<span class="more" @click="$jParams('newsList',{type:2})">更多>></span>
</div>
<span class="more" @click="$jParams('newsList',{type:2})">更多>></span>
<ul class="ult">
<template v-for="(organization,index) in bgData.organization">
<li
:key="index"
v-if="index < 9"
@click="$jParams('newsDetails',{id:organization.id})"
>
<a href="javascript:void(0);">{{organization.title}}</a>
</li>
</template>
</ul>
</div>
<ul class="ult">
<template v-for="(organization,index) in bgData.organization">
<li
:key="index"
v-if="index < 9"
@click="$jParams('newsDetails',{id:organization.id})"
>
<a href="javascript:void(0);">{{organization.title}}</a>
</li>
</template>
</ul>
</div>
</div>
</div>
<!-- THREE -->
<div class="container-three">
<p class="title">@书记</p>
<div class="box-list">
<template v-for="(contact,index) in bgData.contact">
<div class="list" :key="index" v-if="index<3">
<img :src="contact.thumb" alt />
<div class="wen-ben">
<h3>{{contact.society_name}}</h3>
<p>{{contact.content}}</p>
</div>
</div>
</template>
</div>
</div>
<!-- FOUR -->
<div class="container-four">
<p class="title">党建矩阵</p>
<div class="swiper-box-list">
<div id="img-box" class="f-row">
<template v-for="(links,index) in bgData.links">
<div class="img-box" :key="index" v-if="index < 8" @click="link(links.link)">
<img :src="links.url" alt />
<p>{{links.name}}</p>
<!-- THREE -->
<div class="container-three">
<p class="title">@书记</p>
<div class="box-list">
<template v-for="(contact,index) in bgData.contact">
<div class="list" :key="index" v-if="index<3">
<img :src="contact.thumb" alt />
<div class="wen-ben">
<h3>{{contact.society_name}}</h3>
<p>{{contact.content}}</p>
</div>
</div>
</template>
<img
v-if="leftPos != 0"
@click="scrollFeeds('left')"
class="mv-btn left-side"
:src="imgUrl.left"
alt
/>
<img @click="scrollFeeds('right')" class="mv-btn right-side" :src="imgUrl.right" alt />
</div>
</div>
<!-- FOUR -->
<div class="container-four">
<p class="title">党建矩阵</p>
<div class="swiper-box-list">
<div id="img-box" class="f-row">
<template v-for="(links,index) in bgData.links">
<div class="img-box" :key="index" v-if="index < 8" @click="link(links.link)">
<img :src="links.url" alt />
<p>{{links.name}}</p>
</div>
</template>
<img
v-if="leftPos != 0"
@click="scrollFeeds('left')"
class="mv-btn left-side"
:src="imgUrl.left"
alt
/>
<img @click="scrollFeeds('right')" class="mv-btn right-side" :src="imgUrl.right" alt />
</div>
</div>
</div>
</div>
</div>
<footer-nav class="footer"></footer-nav>
<footer-nav class="footer"></footer-nav>
</section>
<el-button type="primary" v-else></el-button>
<!-- <div v-if="loading">
<img id="imgg" src="../../../static/img/loading.gif" alt />
</div>-->
</div>
</template>
@@ -205,11 +211,31 @@ export default {
moren: require('../../../static/img/default.jpg'),
},
bgData: [],
loading: true,
fullscreenLoading: true
};
},
computed: {},
watch: {},
watch: {
bgData() {
this.openFullScreen()
// setTimeout(() => {
// this.loading = false
// }, 1500);
}
},
methods: {
openFullScreen() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
setTimeout(() => {
loading.close();
}, 2000);
},
link(href) {
window.location.href = href
},
@@ -282,12 +308,21 @@ export default {
this.getData()
},
mounted() {
this.initSwiper();
this.initSwiper()
}
};
</script>
<style lang='scss' scoped>
#imgg {
width: 500px;
height: 600px;
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.swiper-wrapper {
height: auto !important;
cursor: pointer;

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

@@ -168,7 +168,7 @@
</div>
</aside>
<!-- end -->
<div class="btn" @click="btn(1)">下一步</div>
<div class="btn" @click="btn(1)">下一页</div>
</div>
<div v-show="sub == 1">
<div class="cc">
@@ -358,7 +358,7 @@
</template>
<div class="ll">
<button type="button" @click="btn(0)">上一页</button>
<button type="button" @click="submit(0)">保存</button>
<button v-if="0" type="button" @click="submit(0)">保存</button>
<button type="submit" @click="submit(1)">提交</button>
</div>
</div>

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

@@ -173,9 +173,7 @@
<p>{{zData.prodemotwo}}</p>
</div>
<h3>五、经费预算:</h3>
<div class="one-e">
<p v-html="zData.funds">{{zData.funds}}</p>
</div>
<div id="one_e" v-html="zData.funds">{{zData.funds}}</div>
<h3>六、申报单位承诺:</h3>
<div class="one-e">
<p>{{msg}}</p>
@@ -314,6 +312,13 @@ export default {
</script>
<style lang='scss' scoped>
#one_e {
width: 100%;
margin-top: 27px;
margin-bottom: 60px;
padding-top: 27px;
}
#preview {
width: 100%;
height: 100%;

BIN
static/img/loading.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB