kun 9/25 9:21

This commit is contained in:
沈学坤
2019-09-25 09:21:20 +08:00
parent 62ee28fadf
commit f86504bdef
16 changed files with 681 additions and 459 deletions

View File

@@ -1,31 +1,32 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<header-nav :index_num="index_num"></header-nav>
<div id="box">
<h3>项目创建</h3>
<!-- 导航 -->
<div class="box">
<div
:class="sub == 0 ? 'color' : ''"
:style="{'background-image': sub == 0 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
>1 填写基本信息</div>
<div
:class="sub == 1 ? 'color' : ''"
:style="{'background-image': sub == 1 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
>2 填写详细信息</div>
<div :class="sub == 0 ? 'color' : ''"
:style="{'background-image': sub == 0 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}">1 填写基本信息</div>
<div :class="sub == 1 ? 'color' : ''"
:style="{'background-image': sub == 1 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}">2 填写详细信息</div>
</div>
<form action onsubmit="return false">
<form action
onsubmit="return false">
<div v-if="sub == 0">
<h4>基本信息</h4>
<!-- start -->
<aside>
<div>
<label for>项目名称:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>项目申报单位:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -33,11 +34,15 @@
<aside>
<div>
<label for>项目类型:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>项目落地区域:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -45,11 +50,15 @@
<aside>
<div>
<label for>一级项目方向:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>二级项目方向:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -57,11 +66,15 @@
<aside>
<div>
<label for>项目服务领域:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>申报单位属性:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -69,14 +82,16 @@
<aside>
<div>
<label for>申请日期:</label>
<select name id>
<select name
id>
<option value>2019-01-31</option>
<option value>2019-01-20</option>
</select>
</div>
<div>
<label for>截止日期:</label>
<select name id>
<select name
id>
<option value>2019-01-31</option>
<option value>2019-01-20</option>
</select>
@@ -87,11 +102,15 @@
<aside>
<div>
<label for>通讯地址:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>邮政编码:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -99,11 +118,15 @@
<aside>
<div>
<label for>电子信箱:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>传真电话:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -111,11 +134,15 @@
<aside>
<div>
<label for>法定代表人:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>法人代码:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -123,42 +150,67 @@
<aside>
<div>
<label for>负责人姓名:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
</aside>
<!-- end -->
<aside>
<div>
<label for>联系人姓名:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
</aside>
<!-- end -->
<div class="btn" @click="btn(1)">下一步</div>
<div class="btn"
@click="btn(1)">下一步</div>
</div>
<div v-if="sub == 1">
<div class="cc">
@@ -166,7 +218,10 @@
<aside>
<div>
<label for>项目主责单位:</label>
<input class="i-i" type="text" name id />
<input class="i-i"
type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -174,11 +229,15 @@
<aside>
<div>
<label for>项目名称:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>邮政编码:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -186,11 +245,15 @@
<aside>
<div>
<label for>电子信箱:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
<div>
<label for>传真电话:</label>
<input type="text" name id />
<input type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -198,38 +261,62 @@
<aside>
<div>
<label for>负责人姓名:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
</aside>
<!-- end -->
<aside>
<div>
<label for>联系人姓名:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
<input class="i"
type="text"
name
id />
</div>
</aside>
<!-- end -->
@@ -237,28 +324,30 @@
<div>
<div class="xx">
<h5>申报单位简介</h5>
<textarea name id></textarea>
<textarea name
id></textarea>
</div>
<div class="xx">
<h5>项目简介</h5>
<textarea name id></textarea>
<textarea name
id></textarea>
</div>
<div class="xx">
<h5>项目论证</h5>
<textarea name id></textarea>
<textarea name
id></textarea>
</div>
<div class="xx">
<h5>经费预算</h5>
<textarea name id></textarea>
<textarea name
id></textarea>
</div>
<div class="xxx">
<h5>申报单位承诺</h5>
<div class="plpl">
<span
@click="thf()"
:class="thff ? 'ic' : ''"
class="iconfont icon-fuxuankuang_xuanzhong"
></span>
<span @click="thf()"
:class="thff ? 'ic' : ''"
class="iconfont icon-fuxuankuang_xuanzhong"></span>
<label for>我们确认项目中报内容的真实性,并愿意承担相应的责任</label>
</div>
</div>
@@ -267,31 +356,36 @@
<div class="btnn">
<label id="uploadFile">
上传文件
<input id="uploadFile" v-show="false" type="file" @change="getFile($event)" />
<input id="uploadFile"
v-show="false"
type="file"
@change="getFile($event)" />
</label>
</div>
</div>
</div>
<div class="ll">
<div>保存</div>
<input type="submit" name="submit" value="提交" />
<input type="submit"
name="submit"
value="提交" />
</div>
</div>
</form>
</div>
<footerNav class="footer"></footerNav>
<footer-nav class="footer"></footer-nav>
</div>
</template>
<script>
/* eslint-disable */
import headerNav from "../../components/headerNav";
import HeaderNav from "../../components/HeaderNav";
/* eslint-disable */
import footerNav from "../../components/footerNav";
import FooterNav from "../../components/FooterNav";
export default {
components: {
headerNav,
footerNav
HeaderNav,
FooterNav
},
props: {},
data() {

View File

@@ -1,10 +1,11 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<header-nav :index_num="index_num"></header-nav>
<div id="box">
<!-- 公告 -->
<div class="top">
<img :src="imgUrl.xlb" alt />
<img :src="imgUrl.xlb"
alt />
<div>
<span>世界婚博会已通过初审</span>
<time>[2019-07-31]</time>
@@ -43,15 +44,18 @@
</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">
<select class="two"
name="type">
<option value>类型1</option>
<option value>类型2</option>
</select>
<select class="three" name="area">
<select class="three"
name="area">
<option value>区域1</option>
<option value>区域2</option>
</select>
@@ -61,17 +65,18 @@
<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')">
<div class="list"
:key="index"
v-if="index < 9"
@click="$jump('schedule')">
<div class="div">
<div class="bb">
<h3>世界婚博会</h3>
@@ -81,10 +86,14 @@
</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>
@@ -105,31 +114,29 @@
</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>
<footerNav class="footer"></footerNav>
<footer-nav class="footer"></footer-nav>
</div>
</template>
<script>
/* eslint-disable */
import headerNav from "../../components/headerNav";
import HeaderNav from "../../components/HeaderNav";
/* eslint-disable */
import footerNav from "../../components/footerNav";
import FooterNav from "../../components/FooterNav";
export default {
components: {
headerNav,
footerNav
HeaderNav,
FooterNav
},
props: {},
data() {

View File

@@ -1,24 +1,33 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<header-nav :index_num="index_num"></header-nav>
<div id="box">
<!-- 导航 -->
<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>
@@ -29,40 +38,78 @@
</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>
@@ -70,26 +117,33 @@
</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">
<h3>基本信息</h3>
<div class="one-o">
<ul v-for="(item,index) in arr" :key="index">
<ul v-for="(item,index) in arr"
:key="index">
<template v-for="(item,index) in text1">
<li :key="index">{{item}}</li>
</template>
@@ -127,20 +181,20 @@
</div>
</div>
</div>
<footerNav class="footer"></footerNav>
<footer-nav class="footer"></footer-nav>
</div>
</template>
<script>
/* eslint-disable */
import headerNav from "../../components/headerNav";
import HeaderNav from "../../components/HeaderNav";
/* eslint-disable */
import footerNav from "../../components/footerNav";
import FooterNav from "../../components/FooterNav";
export default {
components: {
headerNav,
footerNav
HeaderNav,
FooterNav
},
props: {},
data() {