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

kun 9/21 21:38

Browse Source
This commit is contained in:
kun
2019-09-21 21:37:27 +08:00
parent 685e122678
commit 5372695dcc
23 changed files with 1566 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/headerNav.vue
View File

@@ -2,9 +2,12 @@
<div id="wrapper" :style="{'background-image':'url('+imgUrl.home+')'}">
<div class="box">
<div @click="$jump('homePage')" :class="styleNum == 0 ? 'style': ''">党组织建设</div>
<div @click="$jump('homePage')" :class="styleNum == 1 ? 'style': ''">社会组织信用信息查询</div>
<div
@click="$jump('informationQuery',{id:1,text:'666'})"
:class="styleNum == 1 ? 'style': ''"
>社会组织信用信息查询</div>
<div @click="$jump('project')" :class="styleNum == 2 ? 'style': ''">政府购买社会组织服务项目管理</div>
<div @click="$jump('homePage')" :class="styleNum == 3 ? 'style': ''">个人中心</div>
<div @click="$jump('personalZte')" :class="styleNum == 3 ? 'style': ''">个人中心</div>
<div>
<span @click="$jump('login')">登录</span> |
<span @click="$jump('registered')">注册</span>

7
src/main.js
View File

@@ -16,6 +16,13 @@ Vue.prototype.$jump = function (url) {
})
}
Vue.prototype.$jParams = function (url, parameters) {
this.$router.push({
name: url,
params: parameters
})
}
Vue.use(ElementUI)
Vue.config.productionTip = false

38
src/router.js
View File

@@ -13,6 +13,14 @@ import registered from './views/registered/registered'
import project from './views/project/project'
import schedule from './views/project/schedule'
import application from './views/project/application'
/** 个人中心 */
import personalZte from './views/personalZte/personalZte'
import apply from './views/personalZte/apply'
import collection from './views/personalZte/collection'
import declare from './views/personalZte/declare'
import modify from './views/personalZte/modify'
/** 信息查询 */
import informationQuery from './views/informationQuery/informationQuery'
/** 头部导航 */
import headerNav from './components/headerNav'
@@ -25,6 +33,36 @@ export default new Router({
mode: 'hash',
base: process.env.BASE_URL,
routes: [
{
path: '/informationQuery',
name: 'informationQuery',
component: informationQuery
},
{
path: '/modify',
name: 'modify',
component: modify
},
{
path: '/declare',
name: 'declare',
component: declare
},
{
path: '/collection',
name: 'collection',
component: collection
},
{
path: '/apply',
name: 'apply',
component: apply
},
{
path: '/personalZte',
name: 'personalZte',
component: personalZte
},
{
path: '/application',
name: 'application',

2
src/views/homePage/applyFor.vue
View File

@@ -16,7 +16,7 @@
</div>
<!-- 用户填写的内容 -->
<form action method enctype="multipart/form-data">
<form action method onsubmit="return false" enctype="multipart/form-data">
<!-- 党组织申请1 -->
<div id="boxOne" v-if="sub == 0">
<h3>基本信息</h3>

404
src/views/informationQuery/informationQuery.vue Normal file
View File

@@ -0,0 +1,404 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<div id="box">
<!-- 搜索框 -->
<div class="search">
<input type="text" placeholder="请输入搜索内容" />
<label for>搜索</label>
</div>
<!-- 分类搜索 -->
<div class="select-box">
<select name="type" id>
<option value>社会</option>
<option value>团体</option>
</select>
<select name="time" id>
<option value>09-18</option>
<option value>09-19</option>
</select>
<select name="year" id>
<option value>2017</option>
<option value>2019</option>
</select>
<select name="condition" id>
<option value>good</option>
<option value>bad</option>
</select>
</div>
<!-- 搜索记录 -->
<template>
<div class="record">
<div class="list">
<span>类型：社会团体</span>
<span class="iconfont icon-cuowu"></span>
</div>
</div>
</template>
<!-- 表格 -->
<div class="box-table">
<div class="caption">
<span
v-for="(list,index) in text"
:class="sub == index ? 'color' : ''"
:key="index"
@click="btn(index)"
>{{list}}</span>
</div>
<table>
<tr>
<th>序号</th>
<th>社会组织名称</th>
<th>统一社会信用代码</th>
<th>社会组织类型</th>
<th>法定代表人</th>
<th>成立登记日期</th>
<th>状态</th>
</tr>
<tr v-for="(item,index) in sData" :key="index" :class="index % 2 == 0 ? 'bgcbz' : 'bgcz'">
<td>{{item.id}}</td>
<td>{{item.zuzhi}}</td>
<td>{{item.daima}}</td>
<td>{{item.type}}</td>
<td>{{item.dbr}}</td>
<td>{{item.date}}</td>
<td v-if="item.zt == 0" style="color:#2fd63f">正常</td>
<td v-if="item.zt == 1" style="color:#e13232">异常</td>
</tr>
</table>
</div>
</div>
<footerNav class="footer"></footerNav>
</div>
</template>
<script>
/* eslint-disable */
import headerNav from "../../components/headerNav";
/* eslint-disable */
import footerNav from "../../components/footerNav";
export default {
components: {
headerNav,
footerNav
},
props: {},
data() {
return {
index_num: 1,
text: ["全部", "异常名单", "白名单"],
sub: 0,
imgUrl: {
xa: require("../../../static/img/xa.png")
},
sData: [
{
id: 1,
zuzhi: "劳动经济学会",
daima: "51100000MJ000035X2",
type: "社会团体",
dbr: "王五",
date: "2019-10-14",
zt: 0
},
{
id: 2,
zuzhi: "劳动经济学会",
daima: "51100000MJ000035X2",
type: "社会团体",
dbr: "王五",
date: "2019-10-14",
zt: 1
},
{
id: 3,
zuzhi: "劳动经济学会",
daima: "51100000MJ000035X2",
type: "社会团体",
dbr: "王五",
date: "2019-10-14",
zt: 0
}
]
};
},
computed: {},
watch: {},
methods: {
btn(index) {
let s = this.sub;
s = index;
this.sub = s;
},
getData() {}
},
created() {},
mounted() {
this.getData();
}
};
</script>
<style lang='scss' scoped>
.wrapper {
width: 1280px;
box-sizing: border-box;
position: relative;
#box {
width: 1200px;
background-color: #ffffff;
margin: 40px auto 80px;
box-sizing: border-box;
padding: 35px 30px 86px;
.box-table {
width: 100%;
table {
width: 100%;
th {
line-height: 40px;
text-align: center;
height: 40px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
background-color: #f6fafd;
&:nth-of-type(1) {
width: 86px;
}
&:nth-of-type(2) {
width: 160px;
border-left: 1px solid #dcebf6;
border-right: 1px solid #dcebf6;
}
&:nth-of-type(3) {
width: 240px;
}
&:nth-of-type(4) {
width: 160px;
border-left: 1px solid #dcebf6;
border-right: 1px solid #dcebf6;
}
&:nth-of-type(5) {
width: 160px;
}
&:nth-of-type(6) {
width: 180px;
border-left: 1px solid #dcebf6;
border-right: 1px solid #dcebf6;
}
&:nth-of-type(7) {
width: 144px;
}
}
.bgcz {
background-color: #f6fafd;
}
.bgcbz {
background-color: #fff;
}
td {
line-height: 40px;
text-align: center;
height: 40px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #595959;
&:nth-of-type(1) {
width: 86px;
}
&:nth-of-type(2) {
width: 160px;
border-left: 1px solid #dcebf6;
border-right: 1px solid #dcebf6;
}
&:nth-of-type(3) {
width: 240px;
}
&:nth-of-type(4) {
width: 160px;
border-left: 1px solid #dcebf6;
border-right: 1px solid #dcebf6;
}
&:nth-of-type(5) {
width: 160px;
}
&:nth-of-type(6) {
width: 180px;
border-left: 1px solid #dcebf6;
border-right: 1px solid #dcebf6;
}
&:nth-of-type(7) {
width: 144px;
}
}
}
.caption {
width: 1140px;
height: 38px;
border-bottom: 1px solid #dedede;
margin-top: 76px;
margin-bottom: 30px;
padding-left: 30px;
box-sizing: border-box;
span {
display: inline-block;
height: 38px;
text-align: center;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
margin-right: 49px;
&:nth-of-type(1) {
width: 60px;
}
&:nth-of-type(2) {
width: 110px;
}
&:nth-of-type(3) {
width: 89px;
}
}
.color {
color: #e60012;
position: relative;
&::after {
content: "";
width: 100%;
height: 2px;
background-image: linear-gradient(#e60012, #e60012),
linear-gradient(#ff7f7f, #ff7f7f);
background-blend-mode: normal, normal;
position: absolute;
left: 0%;
bottom: 0%;
}
}
}
}
.record {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
.list {
margin-right: 25px;
border-radius: 4px;
border: solid 1px #c7c7c7;
padding: 10px 24px;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
.iconfont {
margin-left: 10px;
}
}
}
.select-box {
display: flex;
align-items: center;
select {
&:nth-of-type(1) {
/* 清除默认的箭头样式 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/* 右侧添加小箭头的背景图 */
background: url("../../../static/img/xa.png") 90px center no-repeat;
background-size: 14px 8px;
width: 134px;
height: 38px;
background-color: #f9f8f8;
border-radius: 4px;
border: solid 1px #c7c7c7;
}
/* 清除默认的箭头样式 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/* 右侧添加小箭头的背景图 */
background: url("../../../static/img/xa.png") 126px center no-repeat;
background-size: 14px 8px;
width: 170px;
height: 38px;
background-color: #f9f8f8;
border-radius: 4px;
border: solid 1px #c7c7c7;
margin-right: 55px;
padding-left: 30px;
box-sizing: border-box;
outline: none;
margin-bottom: 30px;
}
}
.search {
width: 100%;
height: 50px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
input {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
padding: 0 18px;
box-sizing: border-box;
width: 1025px;
height: 50px;
border: solid 1px #c7c7c7;
outline: none;
}
label {
width: 96px;
height: 50px;
background-color: #e60012;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
}
}
}
}
</style>

430
src/views/personalZte/apply.vue Normal file
View File

@@ -0,0 +1,430 @@
<template>
<div class="w" :style="{height:num + 'px'}">
<div class="img-box">
<img class="img" :src="imgUrl.tg" v-if="state == 0" />
<img class="img" :src="imgUrl.btg" v-if="state == 1" />
<img class="img" :src="imgUrl.shz" v-if="state == 2" />
<img class="img" :src="imgUrl.zxz" v-if="state == 3" />
</div>
<form>
<div class="items" v-if="!zhuangtai">
<h3>基本信息</h3>
<!-- start -->
<div class="item">
<label for>社会组织名称:</label>
<input class="input0" type="text" value="劳动组织" />
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>社会组织类型:</label>
<select class="input1" name id>
<option value>劳动</option>
<option value>团体</option>
</select>
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>流动党员数量:</label>
<input class="input0" type="text" value="20" />
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>已有党员数量:</label>
<input class="input0" type="text" value="20" />
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>从业人员总数:</label>
<input class="input0" type="text" value="20" />
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>党组织名称:</label>
<input class="input0" type="text" value="劳动组织" />
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>是否建立党组织:</label>
<label class="label" for>
<input type="radio" name="q" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="q" />&nbsp;&nbsp;否
</label>
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>是否建立“功能型”党组织:</label>
<label class="label" for>
<input type="radio" name="q" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="q" />&nbsp;&nbsp;否
</label>
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>登记管理机关:</label>
<input class="input2" type="text" value="劳动管理机关" />
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>业务主管单位:</label>
<input class="input2" type="text" value="劳动管理机关" />
</div>
<!-- end -->
<!-- start -->
<div class="item">
<label for>隶属的上一级党组织名称:</label>
<input class="input2" type="text" value="劳动组织" />
</div>
<!-- end -->
<div class="btn" @click="anNui()">下一页</div>
</div>
<div class="items" v-if="zhuangtai">
<div>
<h3>党组织书记情况</h3>
<!-- start -->
<div class="it">
<label for>姓名:</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>性别:</label>
<label class="label" for>
<input type="radio" name="sex" />&nbsp;&nbsp;男&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="sex" />&nbsp;&nbsp;女
</label>
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>年龄:</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>行政职务:</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>近三年参加上级党组织培训次数:</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
</div>
<div style="margin-top:60px;">
<h3>党组织信息</h3>
<!-- start -->
<div class="it">
<label for>近三年发展党员数:</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>是否建立群团组织:</label>
<label class="label" for>
<input type="radio" name="zz" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="zz" />&nbsp;&nbsp;否
</label>
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>专职党务工作者人数:</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>是否选派党建工作指导员:</label>
<label class="label" for>
<input type="radio" name="zd" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="zd" />&nbsp;&nbsp;否
</label>
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>党组织年度活动经费(万元):</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
<!-- start -->
<div class="it">
<label for>党组织年度活动场所面积(平米):</label>
<input class="input0" type="text" value />
</div>
<!-- end -->
</div>
</div>
</form>
</div>
</template>
<script>
export default {
components: {},
props: {},
data () {
return {
imgUrl: {
tg: require('../../../static/img/tg.png'),
btg: require('../../../static/img/btg.png'),
shz: require('../../../static/img/shz.png'),
zxz: require('../../../static/img/zxz.png'),
xa: require('../../../static/img/xa.png')
},
state: 0,
zhuangtai: false,
num: 1050
}
},
computed: {},
watch: {
num (newValue, oldValue) {
this.$emit('listenToChildExen', this.num)
}
},
methods: {
anNui () {
this.zhuangtai = !this.zhuangtai
this.num = 1073
},
sendMsgToParent () {
this.$emit('listenToChildExen', this.num)
}
},
created () {},
mounted () {
this.sendMsgToParent()
}
}
</script>
<style lang='scss' scoped>
.w {
width: 934px;
background-color: #ffffff;
padding: 35px 30px 0px;
box-sizing: border-box;
position: relative;
.items {
width: 100%;
label input[type="radio"] {
width: 17px;
height: 17px;
appearance: none;
-webkit-appearance: none;
outline: none;
margin: 0;
cursor: pointer;
}
label input[type="radio"]:after {
width: 17px;
height: 17px;
display: block;
content: "";
background: url("../../../static/img/wxz.png") no-repeat;
background-size: 100% 100%;
}
label input[type="radio"]:checked:after {
background: url("../../../static/img/xz.png") no-repeat;
}
h3 {
width: 874px;
height: 37px;
padding-left: 29px;
box-sizing: border-box;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
border-bottom: 1px solid #dedede;
margin-bottom: 60px;
}
.btn {
width: 230px;
height: 63px;
background-color: #e60012;
border-radius: 5px;
margin: 60px auto 0px;
text-align: center;
line-height: 63px;
font-family: "MicrosoftYaHei";
font-size: 26px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
}
.item {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
.label {
display: inline-block;
width: 386px;
height: 43px;
margin-left: 30px;
text-align: left;
}
label {
width: 197px;
height: 43px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 43px;
text-align: right;
letter-spacing: 0px;
color: #333333;
}
.input0 {
margin-left: 30px;
width: 386px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
padding-left: 30px;
box-sizing: border-box;
outline: none;
}
.input1 {
margin-left: 30px;
/* 清除默认的箭头样式 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/* 右侧添加小箭头的背景图 */
background: url("../../../static/img/xa.png") 360px center no-repeat;
background-size: 14px 8px;
width: 386px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
padding-left: 30px;
box-sizing: border-box;
outline: none;
}
.input2 {
margin-left: 30px;
width: 647px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
padding-left: 30px;
box-sizing: border-box;
outline: none;
}
}
.it {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 24px;
&:last-child {
margin-bottom: 0;
}
.label {
display: inline-block;
width: 386px;
height: 43px;
margin-left: 30px;
text-align: left;
}
label {
width: 229px;
height: 43px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 43px;
text-align: right;
letter-spacing: 0px;
color: #333333;
}
.input0 {
margin-left: 30px;
width: 386px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
padding-left: 30px;
box-sizing: border-box;
outline: none;
}
}
}
.img-box {
width: 158px;
height: 121px;
opacity: 0.5;
position: absolute;
right: 0%;
top: 0%;
img {
width: 158px;
height: 121px;
}
}
}
</style>

240
src/views/personalZte/collection.vue Normal file
View File

@@ -0,0 +1,240 @@
<template>
<div class="wr">
<template v-for="(item,index) in mData">
<div class="page" :key="index">
<time>
<span class="iconfont icon-shizhong"></span>
{{item.time}}
</time>
<div id="box">
<template v-for="(list,index) in item.shujv">
<div class="box" :key="index">
<span class="iconfont icon-changyongtubiao-mianxing-"></span>
<aside>
<span class="span1">活动策划是提高市场占有率的有效行为</span>
<span class="span2">来源板块：统一战线</span>
</aside>
<p>活动策划是提高市场占有率的有效行为，一份可执行、可操作、创意突出的活动策划案，可升企...升企业的知名度及品牌美誉度。活动策划案是相对于市场策划案而言，严格说它们同属市场策划的兄弟分支，活动策划</p>
</div>
</template>
</div>
</div>
</template>
<!-- 分页按钮 -->
<div class="pages">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="pageSize"
background
layout="prev, pager, next"
:total="10"
></el-pagination>
</div>
<!-- end -->
</div>
</template>
<script>
export default {
components: {},
props: {},
data () {
return {
pageSize: 1,
currentPage: 1,
totalCount: 1,
mData: [
{ time: '2019-10-14', shujv: [1, 2, 3, 4] },
{ time: '2019-10-14', shujv: [1, 2, 3, 4, 5] }
],
num: 1019
}
},
computed: {},
watch: {},
methods: {
sendMsgToParent () {
this.$emit('listenToChildExen', this.num)
},
handleSizeChange (val) {
this.pageNum = val
this.getPackData()
},
handleCurrentChange (val) {
this.currentPage = val
this.getPackData()
},
getPackData () {}
},
created () {
this.currentPage = Number(localStorage.getItem('pagination')) || 1
this.handleCurrentChange(this.currentPage)
},
mounted () {
this.sendMsgToParent()
}
}
</script>
<style lang='scss' scoped>
.wr {
width: 934px;
height: 1019px;
background-color: #ffffff;
box-sizing: border-box;
padding-top: 35px;
.pages {
margin-top: 60px;
margin-right: 24px;
height: 36px;
display: flex;
justify-content: flex-end;
align-items: center;
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #e60012;
}
/deep/ .el-icon.el-icon-arrow-left::before {
content: "上一页";
font-family: "MicrosoftYaHei";
font-size: 12px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #646464;
}
/deep/ .el-pagination .btn-prev {
width: 80px;
}
/deep/ .el-pagination .btn-next {
width: 80px;
}
/deep/ .el-icon.el-icon-arrow-right::before {
content: "下一页";
font-family: "MicrosoftYaHei";
font-size: 12px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #646464;
}
}
.page {
margin-bottom: 60px;
height: 364px;
box-sizing: border-box;
#box {
overflow-y: scroll;
height: 375px;
padding-bottom: 40px;
box-sizing: border-box;
&::-webkit-scrollbar {
width: 0px;
}
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.box {
width: 875px;
height: 135px;
box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.15);
border-radius: 5px;
margin-top: 40px;
padding: 31px 23px 32px 28px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
&:nth-of-type(1) {
margin-top: 30px;
}
.iconfont {
font-size: 23px;
color: #fec300;
position: absolute;
right: 23px;
top: 23px;
}
aside {
width: 689px;
height: 23px;
display: flex;
justify-content: space-between;
align-items: center;
.span1 {
display: inline-block;
width: 60%;
font-family: "MicrosoftYaHei";
font-size: 22px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #333333;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.span2 {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
color: #999999;
}
}
p {
height: 20px;
line-height: 20px;
width: 100%;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 1px;
color: #666666;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
}
time {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
display: flex;
align-items: center;
margin-left: 30px;
.iconfont {
font-size: 24px;
margin-right: 24px;
}
}
}
}
</style>

43
src/views/personalZte/declare.vue Normal file
View File

@@ -0,0 +1,43 @@
<template>
<div class="wra">
<p>暂无数据~</p>
</div>
</template>
<script>
export default {
components: {},
props: {},
data () {
return {
num: 1050
}
},
computed: {},
watch: {},
methods: {
sendMsgToParent () {
this.$emit('listenToChildExen', this.num)
}
},
created () {},
mounted () {
this.sendMsgToParent()
}
}
</script>
<style lang='scss' scoped>
.wra {
width: 934px;
height: 1050px;
background-color: #ffffff;
padding: 35px 30px 0px;
box-sizing: border-box;
p {
font-size: 25px;
font-weight: 900;
}
}
</style>

109
src/views/personalZte/modify.vue Normal file
View File

@@ -0,0 +1,109 @@
<template>
<div class="wrap">
<form onsubmit="return false">
<div class="box">
<label for>请输入原密码:</label>
<input class="input" type="text" name id />
</div>
<div class="box">
<label for>请输入新密码:</label>
<input class="input" type="text" name id />
</div>
<div class="box">
<label for>请再次输入新密码:</label>
<input class="input" type="text" name id />
</div>
<div class="btn">
<input type="submit" name id value="保存" />
</div>
</form>
</div>
</template>
<script>
export default {
components: {},
props: {},
data () {
return {
num: 654
}
},
computed: {},
watch: {},
methods: {
sendMsgToParent () {
this.$emit('listenToChildExen', this.num)
}
},
created () {},
mounted () {
this.sendMsgToParent()
}
}
</script>
<style lang='scss' scoped>
.wrap {
width: 934px;
height: 654px;
background-color: #ffffff;
padding-top: 36px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: flex-start;
form {
.box {
width: 100%;
margin-bottom: 30px;
label {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #333333;
width: 133px;
height: 40px;
text-align: right;
display: inline-block;
}
.input {
width: 400px;
height: 40px;
background-color: #ffffff;
border-radius: 5px;
border: solid 1px #dbdbda;
outline: none;
margin-left: 30px;
}
}
.btn {
display: flex;
justify-content: center;
margin-top: 60px;
input[type="submit"] {
width: 230px;
height: 63px;
background-color: #e60012;
border-radius: 5px;
font-family: "MicrosoftYaHei";
font-size: 26px;
font-weight: normal;
font-stretch: normal;
line-height: 63px;
text-align: center;
letter-spacing: 0px;
color: #ffffff;
outline: none;
}
}
}
}
</style>

131
src/views/personalZte/personalZte.vue Normal file
View File

@@ -0,0 +1,131 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<div id="box">
<div class="left" :style="{height:heightVal+'px'}">
<div
class="list"
@click="btn(index)"
v-for="(list,index) in text"
:key="index"
:class="sub == index ? 'color' : ''"
>{{list}}</div>
</div>
<div class="right">
<apply v-if="sub == 0" @listenToChildExen="showMsgFromChild"></apply>
<collection v-if="sub == 1" @listenToChildExen="showMsgFromChild"></collection>
<declare v-if="sub == 2" @listenToChildExen="showMsgFromChild"></declare>
<modify v-if="sub == 3" @listenToChildExen="showMsgFromChild"></modify>
</div>
</div>
<footerNav class="footer"></footerNav>
</div>
</template>
<script>
/* eslint-disable */
import headerNav from "../../components/headerNav";
/* eslint-disable */
import footerNav from "../../components/footerNav";
import apply from "./apply";
import collection from "./collection";
import declare from "./declare";
import modify from "./modify";
export default {
components: {
headerNav,
footerNav,
apply,
collection,
declare,
modify
},
props: {},
data() {
return {
index_num: 3,
text: ["党组织申请", "我的收藏", "项目申报", "个人中心-修改密码"],
sub: 0,
heightVal: 1050
};
},
computed: {},
watch: {},
methods: {
showMsgFromChild(data) {
this.heightVal = data;
},
btn(index) {
let s = this.sub;
s = index;
this.sub = s;
}
},
created() {},
mounted() {}
};
</script>
<style lang='scss' scoped>
.wrapper {
width: 1280px;
#box {
width: 100%;
margin: 40px auto 0;
box-sizing: border-box;
padding: 0 40px;
display: flex;
justify-content: space-between;
align-items: center;
.left {
width: 241px;
background-color: #ffffff;
box-shadow: 0px 7px 11px 0px rgba(231, 231, 231, 0.7);
border-radius: 2px;
.list {
width: 100%;
height: 48px;
margin-top: 21px;
text-align: left;
line-height: 48px;
padding-left: 37px;
box-sizing: border-box;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
.color {
position: relative;
color: #e60012;
&::after {
content: "";
width: 5px;
height: 48px;
background-color: #e60012;
border-radius: 8px;
position: absolute;
left: 0%;
top: 0%;
}
}
}
.right {
width: 934px;
background-color: #ffffff;
}
}
.footer {
margin-top: 80px;
}
}
</style>

33
src/views/project/application.vue
View File

@@ -14,7 +14,7 @@
:style="{'background-image': sub == 1 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
>2 填写详细信息</div>
</div>
<form action>
<form action onsubmit="return false">
<div v-if="sub == 0">
<h4>一、基本信息</h4>
<!-- start -->
@@ -253,8 +253,8 @@
</div>
<div class="xxx">
<h5>六、申报单位承诺</h5>
<div>
<input type="checkbox" name id checked />
<div class="plpl">
<input type="checkbox" name id checked disabled />
<label for>我们确认项目中报内容的真实性,并愿意承担相应的责任</label>
</div>
</div>
@@ -373,20 +373,25 @@ export default {
justify-content: space-between;
align-items: flex-start;
div {
.plpl {
display: flex;
align-items: center;
}
label {
margin-left: 16px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0px;
color: #323232;
}
label {
margin-left: 16px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0px;
color: #323232;
input {
width: 20px;
height: 20px;
border: 2px solid red;
}
}
.btnn {

21
src/views/project/schedule.vue
View File

@@ -60,9 +60,13 @@
<span>初筛审核中</span>
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div>
<div class="div-v">
<span>初筛审核通过</span>
<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>
</section>
</div>
<div>
<span>立项评审中</span>
@@ -384,6 +388,21 @@ export default {
right: 0%;
bottom: -16%;
}
section {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 132%;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
font-family: "MicrosoftYaHei";
position: absolute;
left: -8%;
bottom: -100%;
white-space: nowrap;
}
}
span {

2
src/views/registered/registered.vue
View File

@@ -3,7 +3,7 @@
<div class="box">
<div class="boxx">
<h3>立 即 注 冊</h3>
<form action method enctype="multipart/form-data">
<form action method onsubmit="return false" enctype="multipart/form-data">
<!-- 请输入组织名称 -->
<label>
<span class="one">