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; width: 0px;
height: 5px; 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-face {
font-family: "HanWangKaiBold-Gb5"; font-family: "HanWangKaiBold-Gb5";
src: url("../static/fontFile/HanWangKaiBold-Gb5.ttf"); src: url("../static/fontFile/HanWangKaiBold-Gb5.ttf");

25
src/views/InformationQuery.vue
View File

@@ -342,27 +342,27 @@ export default {
} }
&:nth-of-type(2) { &:nth-of-type(2) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(3) { &:nth-of-type(3) {
width: 240px; width: 240px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(4) { &:nth-of-type(4) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(5) { &:nth-of-type(5) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(6) { &:nth-of-type(6) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(7) { &:nth-of-type(7) {
width: 140px; width: 140px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
} }
@@ -374,6 +374,7 @@ export default {
} }
td { td {
border:none!important;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
height: 40px; height: 40px;
@@ -387,27 +388,27 @@ export default {
&:nth-of-type(1) { &:nth-of-type(1) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(2) { &:nth-of-type(2) {
width: 240px; width: 240px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(3) { &:nth-of-type(3) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(4) { &:nth-of-type(4) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(5) { &:nth-of-type(5) {
width: 160px; width: 160px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
&:nth-of-type(6) { &:nth-of-type(6) {
width: 140px; width: 140px;
border-left: 1px solid #dcebf6; border-left: 1px solid #dcebf6!important;
} }
/* /*
&:nth-of-type(7) { &: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" /> <input type="text" name="party_pname" v-model="party_pname" />
</div> </div>
</div> </div>
<div class="btn" @click="btn(1)">下一步</div> <div class="btn" @click="btn(1)">下一页</div>
</div> </div>
<!-- 党组织申请2 --> <!-- 党组织申请2 -->
<div id="boxTwo" v-if="sub == 1"> <div id="boxTwo" v-if="sub == 1">

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

@@ -1,177 +1,183 @@
<template> <template>
<div class="wrapper" v-if="bgData"> <div class="wrapper">
<header-nav :index_num="index_num"></header-nav> <section v-if="bgData">
<div id="box"> <header-nav :index_num="index_num"></header-nav>
<!-- 内容ONE --> <div id="box">
<div class="container"> <!-- 内容ONE -->
<!-- 轮播图 --> <div class="container">
<div class="swiperone"> <!-- 轮播图 -->
<div class="swiper-container swiper-one swiper-no-swiping"> <div class="swiperone">
<div class="swiper-wrapper"> <div class="swiper-container swiper-one swiper-no-swiping">
<template v-for="(banner,index) in bgData.banner"> <div class="swiper-wrapper">
<div <template v-for="(banner,index) in bgData.banner">
class="swiper-slide" <div
:key="index" class="swiper-slide"
@click="$jParams('newsDetails',{id:banner.id})" :key="index"
> @click="$jParams('newsDetails',{id:banner.id})"
<img :src="banner.cover ? banner.cover : moren" alt /> >
<div class="box">{{banner.title}}</div> <img :src="banner.cover ? banner.cover : moren" alt />
</div> <div class="box">{{banner.title}}</div>
</template> </div>
</div> </template>
<!-- 如果需要分页器 -->
<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> </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> </div>
<ul class="ult"> </div>
<template v-for="(build,index) in bgData.build">
<li :key="index" v-if="index < 3" @click="$jParams('newsDetails',{id:build.id})"> <!-- 通知公告的box -->
<a href="javascript:void(0);">{{build.title}}</a> <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> </li>
</template> </template>
</ul> </ul>
<div class="top-p"> </div>
<div> </div>
<img class="o" :src="imgUrl.gq" alt /> <!-- TWO -->
<span>党组织信息</span> <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> </div>
<!-- <span class="more" @click="$jump('informationQuery')">更多>></span> --> <ul class="ult">
</div> <template v-for="(build,index) in bgData.build">
<div class="p"> <li :key="index" v-if="index < 3" @click="$jParams('newsDetails',{id:build.id})">
<ul class="ult-t"> <a href="javascript:void(0);">{{build.title}}</a>
<template v-for="(party,index) in bgData.party">
<li :key="index">
<!-- <a href="javascript:void(0);">{{party.party_name}}</a> -->
{{party.party_name}}
</li> </li>
</template> </template>
</ul> </ul>
<div class="img" @click="$jump('applyFor')"> <div class="top-p">
<div class="img-box"> <div>
<img :src="imgUrl.wjx" alt /> <img class="o" :src="imgUrl.gq" alt />
<span>申请成为党组织</span> <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> </div>
</div> <!-- 统一战线 -->
<!-- 统一战线 --> <div class="box-child">
<div class="box-child"> <div class="top-p">
<div class="top-p"> <div>
<div> <img class="n" :src="imgUrl.ws" alt />
<img class="n" :src="imgUrl.ws" alt /> <span>统一战线</span>
<span>统一战线</span> </div>
<span class="more" @click="$jParams('newsList',{type:1})">更多>></span>
</div> </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> </div>
<ul class="ulo"> <!-- 组织生活 -->
<template v-for="(battle,index) in bgData.battle"> <div class="box-child">
<li :key="index" v-if="index<9" @click="$jParams('newsDetails',{id:battle.id})"> <div class="top-p">
<a href="javascript:void(0);">{{battle.title}}</a> <div>
</li> <img class="e" :src="imgUrl.zz" alt />
</template> <span>组织生活</span>
</ul> </div>
</div> <span class="more" @click="$jParams('newsList',{type:2})">更多>></span>
<!-- 组织生活 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="e" :src="imgUrl.zz" alt />
<span>组织生活</span>
</div> </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> </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> </div>
</div> <!-- THREE -->
<!-- THREE --> <div class="container-three">
<div class="container-three"> <p class="title">@书记</p>
<p class="title">@书记</p> <div class="box-list">
<div class="box-list"> <template v-for="(contact,index) in bgData.contact">
<template v-for="(contact,index) in bgData.contact"> <div class="list" :key="index" v-if="index<3">
<div class="list" :key="index" v-if="index<3"> <img :src="contact.thumb" alt />
<img :src="contact.thumb" alt /> <div class="wen-ben">
<div class="wen-ben"> <h3>{{contact.society_name}}</h3>
<h3>{{contact.society_name}}</h3> <p>{{contact.content}}</p>
<p>{{contact.content}}</p> </div>
</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>
</div> </div>
</template> </template>
<img </div>
v-if="leftPos != 0" </div>
@click="scrollFeeds('left')" <!-- FOUR -->
class="mv-btn left-side" <div class="container-four">
:src="imgUrl.left" <p class="title">党建矩阵</p>
alt <div class="swiper-box-list">
/> <div id="img-box" class="f-row">
<img @click="scrollFeeds('right')" class="mv-btn right-side" :src="imgUrl.right" alt /> <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>
</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> </div>
</template> </template>
@@ -205,11 +211,31 @@ export default {
moren: require('../../../static/img/default.jpg'), moren: require('../../../static/img/default.jpg'),
}, },
bgData: [], bgData: [],
loading: true,
fullscreenLoading: true
}; };
}, },
computed: {}, computed: {},
watch: {}, watch: {
bgData() {
this.openFullScreen()
// setTimeout(() => {
// this.loading = false
// }, 1500);
}
},
methods: { 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) { link(href) {
window.location.href = href window.location.href = href
}, },
@@ -282,12 +308,21 @@ export default {
this.getData() this.getData()
}, },
mounted() { mounted() {
this.initSwiper(); this.initSwiper()
} }
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
#imgg {
width: 500px;
height: 600px;
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.swiper-wrapper { .swiper-wrapper {
height: auto !important; height: auto !important;
cursor: pointer; cursor: pointer;

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

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

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

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