kun 9/19 21:40

This commit is contained in:
kun
2019-09-19 21:38:58 +08:00
parent dd5f652106
commit 685e122678
40 changed files with 3049 additions and 185 deletions

164
package-lock.json generated
View File

@@ -1789,7 +1789,6 @@
"version": "6.10.2",
"resolved": "https://registry.npm.taobao.org/ajv/download/ajv-6.10.2.tgz?cache=0&sync_timestamp=1563141444360&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv%2Fdownload%2Fajv-6.10.2.tgz",
"integrity": "sha1-086gTWsBeyiUrWkED+yLYj60vVI=",
"dev": true,
"requires": {
"fast-deep-equal": "^2.0.1",
"fast-json-stable-stringify": "^2.0.0",
@@ -1806,8 +1805,7 @@
"ajv-keywords": {
"version": "3.4.1",
"resolved": "https://registry.npm.taobao.org/ajv-keywords/download/ajv-keywords-3.4.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.4.1.tgz",
"integrity": "sha1-75FuJxxkrBIXH9g4TqrmsjRYVNo=",
"dev": true
"integrity": "sha1-75FuJxxkrBIXH9g4TqrmsjRYVNo="
},
"alphanum-sort": {
"version": "1.0.2",
@@ -2065,6 +2063,14 @@
"integrity": "sha1-3TeelPDbgxCwgpH51kwyCXZmF/0=",
"dev": true
},
"async-validator": {
"version": "1.8.5",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
"integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
"requires": {
"babel-runtime": "6.x"
}
},
"asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz",
@@ -2215,6 +2221,11 @@
}
}
},
"babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
},
"babel-helpers": {
"version": "6.24.1",
"resolved": "https://registry.npm.taobao.org/babel-helpers/download/babel-helpers-6.24.1.tgz",
@@ -2418,7 +2429,6 @@
"version": "6.26.0",
"resolved": "https://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
"integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
"dev": true,
"requires": {
"core-js": "^2.4.0",
"regenerator-runtime": "^0.11.0"
@@ -2427,8 +2437,7 @@
"regenerator-runtime": {
"version": "0.11.1",
"resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.11.1.tgz",
"integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk=",
"dev": true
"integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk="
}
}
},
@@ -2608,8 +2617,7 @@
"big.js": {
"version": "5.2.2",
"resolved": "https://registry.npm.taobao.org/big.js/download/big.js-5.2.2.tgz",
"integrity": "sha1-ZfCvOC9Xi83HQr2cKB6cstd2gyg=",
"dev": true
"integrity": "sha1-ZfCvOC9Xi83HQr2cKB6cstd2gyg="
},
"binary-extensions": {
"version": "1.13.1",
@@ -3364,6 +3372,16 @@
"integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
"dev": true
},
"clone-deep": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
"integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
"requires": {
"is-plain-object": "^2.0.4",
"kind-of": "^6.0.2",
"shallow-clone": "^3.0.0"
}
},
"co": {
"version": "4.6.0",
"resolved": "https://registry.npm.taobao.org/co/download/co-4.6.0.tgz",
@@ -4300,8 +4318,7 @@
"deepmerge": {
"version": "1.5.2",
"resolved": "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz",
"integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M=",
"dev": true
"integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M="
},
"default-gateway": {
"version": "5.0.3",
@@ -4637,6 +4654,14 @@
}
}
},
"dom7": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/dom7/-/dom7-2.1.3.tgz",
"integrity": "sha512-QTxHHDox+M6ZFz1zHPAHZKI3JOHY5iY4i9BK2uctlggxKQwRhO3q3HHFq1BKsT25Bm/ySSj70K6Wk/G4bs9rMQ==",
"requires": {
"ssr-window": "^1.0.1"
}
},
"domain-browser": {
"version": "1.2.0",
"resolved": "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz",
@@ -4780,6 +4805,19 @@
"integrity": "sha1-W2JhlltWSg9N8PHIYkZIeJcBf1I=",
"dev": true
},
"element-ui": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.12.0.tgz",
"integrity": "sha512-DapyT0PW4i/1ETPHk8K8Qbe8B6hj10+dXsRTrOTFryV9wAs6e9mCxbV65awokyR2/v/KuIHJmqX+mH3wUa4rOQ==",
"requires": {
"async-validator": "~1.8.1",
"babel-helper-vue-jsx-merge-props": "^2.0.0",
"deepmerge": "^1.2.0",
"normalize-wheel": "^1.0.1",
"resize-observer-polyfill": "^1.5.0",
"throttle-debounce": "^1.0.1"
}
},
"elliptic": {
"version": "6.5.1",
"resolved": "https://registry.npm.taobao.org/elliptic/download/elliptic-6.5.1.tgz",
@@ -4804,8 +4842,7 @@
"emojis-list": {
"version": "2.1.0",
"resolved": "https://registry.npm.taobao.org/emojis-list/download/emojis-list-2.1.0.tgz",
"integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
"dev": true
"integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k="
},
"encodeurl": {
"version": "1.0.2",
@@ -5912,8 +5949,7 @@
"fast-deep-equal": {
"version": "2.0.1",
"resolved": "https://registry.npm.taobao.org/fast-deep-equal/download/fast-deep-equal-2.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-deep-equal%2Fdownload%2Ffast-deep-equal-2.0.1.tgz",
"integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
"dev": true
"integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
},
"fast-glob": {
"version": "2.2.7",
@@ -5932,8 +5968,7 @@
"fast-json-stable-stringify": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/fast-json-stable-stringify/download/fast-json-stable-stringify-2.0.0.tgz",
"integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
"dev": true
"integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I="
},
"fast-levenshtein": {
"version": "2.0.6",
@@ -6310,14 +6345,12 @@
"balanced-match": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true
"dev": true
},
"brace-expansion": {
"version": "1.1.11",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@@ -6337,8 +6370,7 @@
"concat-map": {
"version": "0.0.1",
"bundled": true,
"dev": true,
"optional": true
"dev": true
},
"console-control-strings": {
"version": "1.1.0",
@@ -6486,7 +6518,6 @@
"version": "3.0.4",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"brace-expansion": "^1.1.7"
}
@@ -7936,7 +7967,6 @@
"version": "2.0.4",
"resolved": "https://registry.npm.taobao.org/is-plain-object/download/is-plain-object-2.0.4.tgz",
"integrity": "sha1-LBY7P6+xtgbZ0Xko8FwqHDjgdnc=",
"dev": true,
"requires": {
"isobject": "^3.0.1"
}
@@ -8043,8 +8073,7 @@
"isobject": {
"version": "3.0.1",
"resolved": "https://registry.npm.taobao.org/isobject/download/isobject-3.0.1.tgz",
"integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
"dev": true
"integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
},
"isstream": {
"version": "0.1.2",
@@ -9345,8 +9374,7 @@
"json-schema-traverse": {
"version": "0.4.1",
"resolved": "https://registry.npm.taobao.org/json-schema-traverse/download/json-schema-traverse-0.4.1.tgz",
"integrity": "sha1-afaofZUTq4u4/mO9sJecRI5oRmA=",
"dev": true
"integrity": "sha1-afaofZUTq4u4/mO9sJecRI5oRmA="
},
"json-stable-stringify-without-jsonify": {
"version": "1.0.1",
@@ -9405,8 +9433,7 @@
"kind-of": {
"version": "6.0.2",
"resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-6.0.2.tgz",
"integrity": "sha1-ARRrNqYhjmTljzqNZt5df8b20FE=",
"dev": true
"integrity": "sha1-ARRrNqYhjmTljzqNZt5df8b20FE="
},
"kleur": {
"version": "2.0.2",
@@ -9610,7 +9637,6 @@
"version": "1.2.3",
"resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-1.2.3.tgz",
"integrity": "sha1-H/XcaRHJ8KBiUxpMBLYJQGEIwsc=",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^2.0.0",
@@ -9621,7 +9647,6 @@
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/json5/download/json5-1.0.1.tgz",
"integrity": "sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=",
"dev": true,
"requires": {
"minimist": "^1.2.0"
}
@@ -9979,8 +10004,7 @@
"minimist": {
"version": "1.2.0",
"resolved": "https://registry.npm.taobao.org/minimist/download/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
},
"mississippi": {
"version": "3.0.0",
@@ -10094,7 +10118,7 @@
"nan": {
"version": "2.14.0",
"resolved": "https://registry.npm.taobao.org/nan/download/nan-2.14.0.tgz",
"integrity": "sha1-eBj3IgJ7JFmobwKV1DTR/CM2xSw=",
"integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
"dev": true,
"optional": true
},
@@ -10132,8 +10156,7 @@
"neo-async": {
"version": "2.6.1",
"resolved": "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.1.tgz",
"integrity": "sha1-rCetpmFn+ohJpq3dg39rGJrSCBw=",
"dev": true
"integrity": "sha1-rCetpmFn+ohJpq3dg39rGJrSCBw="
},
"nice-try": {
"version": "1.0.5",
@@ -10292,6 +10315,11 @@
"integrity": "sha1-suHE3E98bVd0PfczpPWXjRhlBVk=",
"dev": true
},
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"npm-run-path": {
"version": "2.0.2",
"resolved": "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-2.0.2.tgz",
@@ -11779,8 +11807,7 @@
"punycode": {
"version": "2.1.1",
"resolved": "https://registry.npm.taobao.org/punycode/download/punycode-2.1.1.tgz",
"integrity": "sha1-tYsBCsQMIsVldhbI0sLALHv0eew=",
"dev": true
"integrity": "sha1-tYsBCsQMIsVldhbI0sLALHv0eew="
},
"q": {
"version": "1.5.1",
@@ -12251,6 +12278,11 @@
"integrity": "sha1-79qpjqdFEyTQkrKyFjpqHXqaIUc=",
"dev": true
},
"resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
"integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
},
"resolve": {
"version": "1.12.0",
"resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.12.0.tgz?cache=0&sync_timestamp=1564641434608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.12.0.tgz",
@@ -12430,6 +12462,34 @@
"watch": "~0.18.0"
}
},
"sass-loader": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.0.tgz",
"integrity": "sha512-+qeMu563PN7rPdit2+n5uuYVR0SSVwm0JsOUsaJXzgYcClWSlmX0iHDnmeOobPkf5kUglVot3QS6SyLyaQoJ4w==",
"requires": {
"clone-deep": "^4.0.1",
"loader-utils": "^1.2.3",
"neo-async": "^2.6.1",
"schema-utils": "^2.1.0",
"semver": "^6.3.0"
},
"dependencies": {
"schema-utils": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.2.0.tgz",
"integrity": "sha512-5EwsCNhfFTZvUreQhx/4vVQpJ/lnCAkgoIHLhSpp4ZirE+4hzFvdJi0FMub6hxbFVBJYSpeVVmon+2e7uEGRrA==",
"requires": {
"ajv": "^6.10.2",
"ajv-keywords": "^3.4.1"
}
},
"semver": {
"version": "6.3.0",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
}
}
},
"sax": {
"version": "1.2.4",
"resolved": "https://registry.npm.taobao.org/sax/download/sax-1.2.4.tgz",
@@ -12645,6 +12705,14 @@
"safe-buffer": "^5.0.1"
}
},
"shallow-clone": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
"integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
"requires": {
"kind-of": "^6.0.2"
}
},
"shebang-command": {
"version": "1.2.0",
"resolved": "https://registry.npm.taobao.org/shebang-command/download/shebang-command-1.2.0.tgz",
@@ -13051,6 +13119,11 @@
"tweetnacl": "~0.14.0"
}
},
"ssr-window": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-1.0.1.tgz",
"integrity": "sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg=="
},
"ssri": {
"version": "6.0.1",
"resolved": "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz",
@@ -13363,6 +13436,15 @@
"util.promisify": "~1.0.0"
}
},
"swiper": {
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-5.0.2.tgz",
"integrity": "sha512-FZSGGAu7AysM9FzBx+kWKhZ21e0Dg2B2UDSuY1KCxXxcy41dUaXwZD1L/0+Xr3jNx0AYAoJ/u6YfNJsBXfY5Wg==",
"requires": {
"dom7": "^2.1.3",
"ssr-window": "^1.0.1"
}
},
"symbol-tree": {
"version": "3.2.4",
"resolved": "https://registry.npm.taobao.org/symbol-tree/download/symbol-tree-3.2.4.tgz",
@@ -13624,6 +13706,11 @@
"integrity": "sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=",
"dev": true
},
"throttle-debounce": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
"integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
},
"through": {
"version": "2.3.8",
"resolved": "https://registry.npm.taobao.org/through/download/through-2.3.8.tgz",
@@ -14023,7 +14110,6 @@
"version": "4.2.2",
"resolved": "https://registry.npm.taobao.org/uri-js/download/uri-js-4.2.2.tgz",
"integrity": "sha1-lMVA4f93KVbiKZUHwBCupsiDjrA=",
"dev": true,
"requires": {
"punycode": "^2.1.0"
}

View File

@@ -10,8 +10,10 @@
},
"dependencies": {
"core-js": "^2.6.5",
"element-ui": "^2.12.0",
"node-sass": "^4.12.0",
"swiper": "^5.0.1",
"sass-loader": "^8.0.0",
"swiper": "^5.0.2",
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vuex": "^3.0.1"

View File

@@ -6,7 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>rising_sun</title>
<title>朝阳社区服务</title>
</head>
<body>

View File

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

View File

@@ -3,9 +3,12 @@ import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui'
import '../static/css/reset.css'
import '../static/css/swiper.css'
import '../static/fonts/iconfont.css'
import 'element-ui/lib/theme-chalk/index.css'
Vue.prototype.$jump = function (url) {
this.$router.push({
@@ -13,6 +16,7 @@ Vue.prototype.$jump = function (url) {
})
}
Vue.use(ElementUI)
Vue.config.productionTip = false
new Vue({

View File

@@ -3,10 +3,16 @@ import Router from 'vue-router'
/** 首页 */
import homePage from './views/homePage/homePage'
import applyFor from './views/homePage/applyFor'
import newsDetails from './views/homePage/newsDetails'
/** 登录 */
import login from './views/login/login'
/** 注册 */
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 headerNav from './components/headerNav'
@@ -16,14 +22,39 @@ import footerNav from './components/footerNav'
Vue.use(Router)
export default new Router({
mode: 'history',
mode: 'hash',
base: process.env.BASE_URL,
routes: [
{
path: '/application',
name: 'application',
component: application
},
{
path: '/project',
name: 'project',
component: project
},
{
path: '/schedule',
name: 'schedule',
component: schedule
},
{
path: '/',
name: 'homePage',
component: homePage
},
{
path: '/applyFor',
name: 'applyFor',
component: applyFor
},
{
path: '/newsDetails',
name: 'newsDetails',
component: newsDetails
},
{
path: '/login',
name: 'login',

View File

@@ -0,0 +1,643 @@
<template>
<div class="wr">
<headerNav :index_num="index_num"></headerNav>
<div class="wrapperr">
<p class="title">党组织申请</p>
<!-- 进度条 -->
<div class="he">
<div
class="list"
v-for="(item,index) in text"
:key="index"
:style="{'background-image': sub == index ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
>
<span :style="sub == index ? 'color:#fff' : 'color:#000'">{{item}}</span>
</div>
</div>
<!-- 用户填写的内容 -->
<form action method enctype="multipart/form-data">
<!-- 党组织申请1 -->
<div id="boxOne" v-if="sub == 0">
<h3>基本信息</h3>
<div class="b">
<div class="o">
<label>
<span>社会组织名称:</span>
<input class="input" type="text" name="name" />
</label>
<label>
<span>社会组织类型:</span>
<select name="type" id></select>
</label>
</div>
<div class="o">
<label>
<span>流动党员数量:</span>
<input class="input" type="text" name="name" />
</label>
<label>
<span>已有党员数量:</span>
<input class="input" type="text" name="name" />
</label>
</div>
<div class="o">
<label>
<span>从业人员总数:</span>
<input class="input" type="text" name="name" />
</label>
<label>
<span>党组织名称:</span>
<input class="input" type="text" name="name" />
</label>
</div>
<div class="o-zero">
<span>是否建立党组织:</span>
<div>
<label for>
<input type="radio" name="yn" value="yes" checked />&nbsp;&nbsp;
</label>&nbsp;&nbsp;&nbsp;&nbsp;
<label for>
<input type="radio" name="yn" value="no" />&nbsp;&nbsp;
</label>
</div>
</div>
<div class="o-one">
<span>是否建立功能型党组织:</span>
<div>
<label for>
<input type="radio" name="ynn" value="yes" checked />&nbsp;&nbsp;
</label>&nbsp;&nbsp;&nbsp;&nbsp;
<label for>
<input type="radio" name="ynn" value="no" />&nbsp;&nbsp;
</label>
</div>
</div>
<div class="o-o">
<label>登记管理机关:</label>
<input type="text" />
</div>
<div class="o-o">
<label>业务主管单位:</label>
<input type="text" />
</div>
<div class="o-two">
<label>隶属的上一级党组织名称:</label>
<input type="text" />
</div>
</div>
<div class="btn" @click="btn(1)">下一步</div>
</div>
<!-- 党组织申请2 -->
<div id="boxTwo" v-if="sub == 1">
<!-- !!!!!! -->
<h3>党组织书记情况</h3>
<div class="b">
<div>
<label for>姓名:</label>
<input type="text" />
</div>
<div style="display: flex;
align-items: center;">
<label for>姓别:</label>
<label class="label">
<input type="radio" name="sex" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="sex" />&nbsp;&nbsp;
</label>
</div>
<div>
<label for>年龄:</label>
<input type="text" />
</div>
<div>
<label for>行政职务:</label>
<input type="text" />
</div>
<div>
<label for>近三年参加上级党组织培训次数:</label>
<input type="text" />
</div>
</div>
<!-- !!!!!! -->
<h3 style="margin-top:35px;">党组织信息</h3>
<div class="b">
<div>
<label for>近三年发展党员数:</label>
<input type="text" />
</div>
<div style="display: flex;
align-items: center;">
<label for>是否建立群团组织:</label>
<label class="label">
<input type="radio" name="ss" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="ss" />&nbsp;&nbsp;
</label>
</div>
<div>
<label for>专职党务工作者人数:</label>
<input type="text" />
</div>
<div style="display: flex;
align-items: center;">
<label for>是否选派党建工作指导员:</label>
<label class="label">
<input type="radio" name="ww" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="ww" />&nbsp;&nbsp;
</label>
</div>
<div>
<label for>党组织年度活动经费(万元):</label>
<input type="text" />
</div>
<div>
<label for>党组织年度活动场所面积(平米):</label>
<input type="text" />
</div>
</div>
<div @click="btn(2)" style="display:flex;justify-content:center;margin-top:35px;">
<input type="submit" value="立即提交" />
</div>
</div>
</form>
<!-- succeed -->
<div class="succeed" v-if="sub == 2">
<div>
<img :src="imgUrl.succeed" alt />
<span>党组织申请已提交成功</span>
</div>
</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 {
imgUrl: {
bg0: require("../../../static/img/bg0.png"),
bg1: require("../../../static/img/bg1.png"),
succeed: require("../../../static/img/succeed.png")
},
text: ["1 填写基本信息", "2 填写党组织信息", "3 提交审核"],
sub: 0,
index_num: 0
};
},
computed: {},
watch: {},
methods: {
btn(n) {
let s = this.sub;
s = n;
this.sub = s;
}
},
created() {},
mounted() {}
};
</script>
<style lang='scss' scoped>
.wr {
width: 1280px;
box-sizing: border-box;
.footer {
margin-top: 80px;
}
}
.wrapperr {
width: 1200px;
margin: 40px auto;
padding: 34px 31px 100px;
box-sizing: border-box;
background-color: #ffffff;
.succeed {
margin-top: 70px;
div {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
img {
width: 118px;
height: 118px;
margin-bottom: 28px;
}
span {
font-family: "MicrosoftYaHei";
font-size: 26px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
}
form {
h3 {
width: 1138px;
height: 38px;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
border-bottom: 2px solid #dedede;
padding-left: 30px;
box-sizing: border-box;
margin-bottom: 58px;
}
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;
}
#boxTwo {
.b {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
div {
margin-bottom: 25px;
height: 43px;
label {
text-align: right;
width: 229px;
height: 16px;
display: inline-block;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
input[type="text"] {
margin-left: 30px;
width: 386px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
outline: none;
}
.label {
width: 386px;
height: 43px;
margin-left: 30px;
display: flex;
align-items: center;
}
}
}
input[type="submit"] {
width: 330px;
height: 63px;
line-height: 63px;
text-align: center;
background-color: #e60012;
border-radius: 5px;
font-family: "MicrosoftYaHei";
font-size: 26px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
}
}
#boxOne {
.b {
width: 100%;
.o-two {
width: 100%;
height: 43px;
display: flex;
align-items: center;
padding-left: 16px;
box-sizing: border-box;
margin-bottom: 60px;
label {
display: inline-block;
width: 181px;
height: 16px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
input {
width: 913px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
margin-left: 30px;
outline: none;
}
}
.o-o {
width: 100%;
height: 43px;
display: flex;
align-items: center;
padding-left: 96px;
box-sizing: border-box;
margin-bottom: 25px;
label {
display: inline-block;
width: 101px;
height: 16px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
input {
width: 913px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
margin-left: 30px;
outline: none;
}
}
.o-one {
width: 100%;
height: 43px;
box-sizing: border-box;
display: flex;
align-items: center;
margin-bottom: 11px;
div {
margin-left: 30px;
display: flex;
align-items: center;
label {
display: flex;
align-items: center;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0px;
color: #333333;
}
/*
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;
}*/
}
span {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
.o-zero {
margin-bottom: 11px;
width: 100%;
height: 43px;
padding-left: 80px;
box-sizing: border-box;
display: flex;
align-items: center;
div {
margin-left: 30px;
display: flex;
align-items: center;
label {
display: flex;
align-items: center;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0px;
color: #333333;
}
/*
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;
}
*/
}
span {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
.o {
margin-bottom: 25px;
width: 100%;
height: 43px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 96px;
box-sizing: border-box;
label {
width: 547px;
height: 43px;
display: inline-block;
box-sizing: border-box;
select {
width: 386px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
outline: none;
box-sizing: border-box;
/* 清除默认的箭头样式 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/* 右侧添加小箭头的背景图 */
background: url("../../../static/img/xa.png") 360px center
no-repeat;
background-size: 14px 8px;
}
.input {
width: 386px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
outline: none;
box-sizing: border-box;
}
span {
margin-right: 30px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
display: inline-block;
width: 101px;
text-align: right;
}
}
}
}
.btn {
cursor: pointer;
margin: 0 auto;
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;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
}
}
}
.he {
margin: 44px auto 70px;
width: 598px;
height: 34px;
display: flex;
justify-content: space-between;
align-items: center;
.list {
width: 192px;
height: 34px;
line-height: 34px;
text-align: center;
background-size: 100% 100%;
font-family: "MicrosoftYaHei";
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
}
}
.title {
text-align: center;
font-family: "MicrosoftYaHei";
font-size: 22px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
</style>

View File

@@ -1,146 +1,148 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<!-- 内容ONE -->
<div class="container">
<!-- 轮播图 -->
<div class="swiperone">
<div class="swiper-container swiper-one">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img :src="imgUrl.lb" alt />
<div class="box">加强基础设施建设完善城市功能扩大城市容量</div>
</div>
<div class="swiper-slide">
<img :src="imgUrl.lb" alt />
<div class="box">加强基础设施建设完善城市功能扩大城市容量</div>
</div>
<div class="swiper-slide">
<img :src="imgUrl.lb" alt />
<div class="box">加强基础设施建设完善城市功能扩大城市容量</div>
<div id="box">
<!-- 内容ONE -->
<div class="container">
<!-- 轮播图 -->
<div class="swiperone">
<div class="swiper-container swiper-one">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img :src="imgUrl.lb" alt />
<div class="box">加强基础设施建设完善城市功能扩大城市容量</div>
</div>
<div class="swiper-slide">
<img :src="imgUrl.lb" alt />
<div class="box">加强基础设施建设完善城市功能扩大城市容量</div>
</div>
<div class="swiper-slide">
<img :src="imgUrl.lb" alt />
<div class="box">加强基础设施建设完善城市功能扩大城市容量</div>
</div>
</div>
</div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev swiper-button-white"></div>
<div class="swiper-button-next swiper-button-white"></div>
</div>
<!-- 通知公告的box -->
<div class="right">
<!-- 通知公告 -->
<div class="top">
<div class="b">
<span>通知公告</span>
<span>更多>></span>
</div>
</div>
<!-- 列表显示 -->
<ul>
<template v-for="(item,index) in mData">
<li :key="index" v-if="index < 8">
<a href="javascript:void(0);">
<span>{{item.text}}</span>
<time>[{{item.time}}]</time>
</a>
</li>
</template>
</ul>
</div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev swiper-button-white"></div>
<div class="swiper-button-next swiper-button-white"></div>
</div>
<!-- 通知公告的box -->
<div class="right">
<!-- 通知公告 -->
<div class="top">
<div class="b">
<span>通知公告</span>
<span>更多>></span>
<!-- TWO -->
<div class="container-two">
<p class="title">新闻动态</p>
<div id="box">
<!-- 党组织信息 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="o" :src="imgUrl.gq" alt />
<span>党组织信息</span>
</div>
<span @click="$jump('newsDetails')">更多>></span>
</div>
<div class="p">
<div class="text">
<p>党的建设即马克思主义建党理论同党的建设实践的统一马克思主义党的学说的应用</p>
<p>党的建设包括三个方面的含义</p>
<p>一是研究党的建设的理论科学</p>
<p>二是在马克思主义党的学说指导下所进行的党的建设的实践活动</p>
<p>三是作为理论原则与实际行动两者中介的约法规章</p>
</div>
<div class="img" @click="$jump('applyFor')">
<div class="img-box">
<img :src="imgUrl.wjx" alt />
<span>申请成为党组织</span>
</div>
</div>
</div>
</div>
<!-- 统一战线 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="n" :src="imgUrl.ws" alt />
<span>统一战线</span>
</div>
<span @click="$jump('newsDetails')">更多>></span>
</div>
<ul class="ulo">
<template v-for="(item,index) in mmData">
<li :key="index" v-if="index<9">
<a href="javascript:void(0);">{{item.text}}</a>
</li>
</template>
</ul>
</div>
<!-- 组织生活 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="e" :src="imgUrl.zz" alt />
<span>组织生活</span>
</div>
<span @click="$jump('newsDetails')">更多>></span>
</div>
<ul class="ult">
<template v-for="(item,index) in mmmData">
<li :key="index" v-if="index<9">
<a href="javascript:void(0);">{{item.text}}</a>
</li>
</template>
</ul>
</div>
</div>
<!-- 列表显示 -->
<ul>
<template v-for="(item,index) in mData">
<li :key="index" v-if="index < 8">
<a href="javascript:void(0);">
<span>{{item.text}}</span>
<time>[{{item.time}}]</time>
</a>
</li>
</div>
<!-- THREE -->
<div class="container-three">
<p class="title">@书记</p>
<div class="box-list">
<template v-for="(item,index) in sData">
<div class="list" :key="index" v-if="index<3">
<img :src="item.img" alt />
<div class="wen-ben">
<h3>{{item.title}}</h3>
<p>{{item.text}}</p>
</div>
</div>
</template>
</ul>
</div>
</div>
<!-- TWO -->
<div class="container-two">
<p class="title">新闻动态</p>
<div id="box">
<!-- 党组织信息 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="o" :src="imgUrl.gq" alt />
<span>党组织信息</span>
</div>
<span>更多>></span>
</div>
<div class="p">
<div class="text">
<p>党的建设即马克思主义建党理论同党的建设实践的统一马克思主义党的学说的应用</p>
<p>党的建设包括三个方面的含义</p>
<p>一是研究党的建设的理论科学</p>
<p>二是在马克思主义党的学说指导下所进行的党的建设的实践活动</p>
<p>三是作为理论原则与实际行动两者中介的约法规章</p>
</div>
<div class="img">
<div class="img-box">
<img :src="imgUrl.wjx" alt />
<span>申请成为党组织</span>
</div>
</div>
</div>
</div>
<!-- 统一战线 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="n" :src="imgUrl.ws" alt />
<span>统一战线</span>
</div>
<span>更多>></span>
</div>
<ul class="ulo">
<template v-for="(item,index) in mmData">
<li :key="index" v-if="index<9">
<a href="javascript:void(0);">{{item.text}}</a>
</li>
</template>
</ul>
</div>
<!-- 组织生活 -->
<div class="box-child">
<div class="top-p">
<div>
<img class="e" :src="imgUrl.zz" alt />
<span>组织生活</span>
</div>
<span>更多>></span>
</div>
<ul class="ult">
<template v-for="(item,index) in mmmData">
<li :key="index" v-if="index<9">
<a href="javascript:void(0);">{{item.text}}</a>
</li>
</template>
</ul>
</div>
</div>
</div>
<!-- THREE -->
<div class="container-three">
<p class="title">@书记</p>
<div class="box-list">
<template v-for="(item,index) in sData">
<div class="list" :key="index" v-if="index<3">
<img :src="item.img" alt />
<div class="wen-ben">
<h3>{{item.title}}</h3>
<p>{{item.text}}</p>
<!-- FOUR -->
<div class="container-four">
<p class="title">党建矩阵</p>
<div class="swiper-box-list">
<div class="swiper-container swiper-two">
<div class="swiper-wrapper">
<template v-for="(item,index) in list">
<div class="swiper-slide" :key="index">
<img :src="imgUrl.img3" alt />
<span>中国政府网站{{index+1}}</span>
</div>
</template>
</div>
<div class="swiper-button-next"></div>
</div>
</template>
</div>
</div>
<!-- FOUR -->
<div class="container-four">
<p class="title">党建矩阵</p>
<div class="swiper-box-list">
<div class="swiper-container swiper-two">
<div class="swiper-wrapper">
<template v-for="(item,index) in list">
<div class="swiper-slide" :key="index">
<img :src="imgUrl.img3" alt />
<span>中国政府网站{{index+1}}</span>
</div>
</template>
</div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
@@ -293,7 +295,7 @@ export default {
created() {},
mounted() {
// this.initSwiper();
this.initialSwiper();
// this.initialSwiper();
}
};
</script>
@@ -301,7 +303,6 @@ export default {
<style lang='scss' scoped>
.wrapper {
width: 1280px;
height: 2893px;
box-sizing: border-box;
position: relative;
@@ -519,6 +520,7 @@ export default {
width: 309px;
display: flex;
justify-content: flex-end;
cursor: pointer;
.img-box {
width: 157px;

View File

@@ -0,0 +1,243 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<div class="box">
<div class="left">
<dl>
<dt>
<img class="one" :src="imgUrl.img5" alt />
<img class="two" :src="imgUrl.wjx" alt />
</dt>
<dd>
<span class="d-o">因势而谋书写能源转型发展大文章</span>
</dd>
<dd>
<span class="d-b">
来源:央视网
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
发布时间:2019-08-08
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
浏览量:11123
</span>
</dd>
</dl>
<div class="text">
<p>近日,国家能源局召开党组中心组学习(扩大)会议,专题学习习近平新时代中国特色社会主义思想学习纲要中关于掌握马克思主义思想方法和工作方法重要论述扎实推进国家能源局不忘初心牢记使命主题教育马克思主义思想方法和工作方法是我们党的看家本领落实四个革命一个合作能源安全新战略,构建清洁低碳安全高效的能源体系任务艰巨而繁重,迫切需要我们掌握科学的世界观和方法论,树立科学的思想方法和工作方法国家能源局党组书记局长章建华开门见山,强调了把马克思主义的科学方法和工作方法贯穿能源发展全过程的重要意义坚持实事求是在调查硏究中找准问题在革命建设改革各个历史时期,中国共产党运用马克思主义世界观和方法论,系统具体历史地分析中国社会运动及其发展规律,在实践过程中形成了实事求是问题导向等一系列科学的思想方法和工作方法</p>
<p>习近平总书记关于掌握马克思主义思想方法和工作方法的重要论述,是马克思主义世界观和方法论在当代中国的具体运用我国仍处于并将长期处于社会主义初级阶段,是最大的国情和实际我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段从能源来,我国富煤少油缺气的资源禀赋,决定了煤炭在较长一个时期內作为我国主体能源的地位不会发玍变化,这就要求我们坚持从煤炭资源丰富旳国情岀发,切实抓好煤炭清洁高效利用章建华说对此,国家能源局党组成员副局长刘宝华也指岀,煤炭资源的清洁开发和利用,是保障能源安全旳基石近些年我们在煤电领堿实施以大代小,老小机组拆除近亿千瓦,极大地提髙了煤电发电的整体质量,能效大幅提升,污染大幅下降在煤炭领堿实施产能置换政策,对提髙效率降低成本提升安全水平也发挥了决定性的作用实际工作中的问题则需要通过调査研究来发现和解决主题教育开展以来,国家能源局党组高度重视调查研究工作,在中央第二十指导组的指导下,局党组和40个基层党组织结合职责任务,有针对性地确定调研课题118个,局领导和各部门各单位主要负责同志带头深入一线接地气搞调研坚持理想信念在服务人民中担当履责正如章建华所说,马克思主乂的世界观人生观价值观与方法论是有机统一的,方法论的背后是党性修养是价值追求是品格境界掌握马克思主义的思想方法和工作方法必须知行合一,植于心践于行共产党员必须把理想信念植于心,树牢四个意识,坚定四个自信,坚决做到两个维护,自觉把对党忠诚体现到对党的信仰忠诚上,体现到对党组织忠诚上</p>
</div>
</div>
<div class="right">
<h3>热点新闻</h3>
<div>
<template v-for="(item,index) in list">
<dl :key="index" v-if="index < 4">
<dt>
<img :src="imgUrl.img4" alt />
</dt>
<dd>
<span class="dd">活动策划是提高市场占有率的有效行为</span>
</dd>
<dd>
<time>2019-10-14</time>
</dd>
</dl>
</template>
</div>
</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: 0,
imgUrl: {
img4: require("../../../static/img/img4.png"),
img5: require("../../../static/img/img5.png"),
wjx: require("../../../static/img/wjx.png")
},
list: [1, 2, 3, 4, 5, 6, 7, 8, 9]
};
},
computed: {},
watch: {},
methods: {},
created() {},
mounted() {}
};
</script>
<style lang='scss' scoped>
.wrapper {
width: 1280px;
box-sizing: border-box;
.box {
width: 100%;
padding: 42px 40px 0px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
.left {
width: 840px;
height: 1283px;
background-color: #ffffff;
padding: 35px 30px 70px;
box-sizing: border-box;
dl {
position: relative;
width: 780px;
height: 587px;
box-sizing: border-box;
dd {
.d-o {
display: inline-block;
margin: 28px 0 23px;
font-family: "MicrosoftYaHei";
font-size: 24px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
.d-b {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #999999;
}
}
dt {
.one {
width: 780px;
height: 494px;
}
.two {
width: 28px;
height: 26px;
position: absolute;
right: 0%;
bottom: 5%;
}
}
}
.text {
margin: 38px auto 0px;
overflow: hidden;
width: 775px;
height: 550px;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #666666;
p {
text-indent: 1em;
}
}
}
.right {
width: 301px;
height: 1282px;
background-color: #ffffff;
border: solid 1px rgba($color: #ccc, $alpha: 0.48);
padding-top: 33px;
box-sizing: border-box;
div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
dl {
margin-bottom: 30px;
dt {
img {
width: 260px;
height: 144px;
border-radius: 10px;
}
}
dd {
span {
margin-top: 10px;
display: inline-block;
width: 266px;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 1px;
color: #333333;
display: -webkit-box;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
white-space: normal;
}
time {
display: inline-block;
width: 266px;
text-align: right;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 1px;
color: #999999;
}
}
}
h3 {
margin-left: 20px;
margin-bottom: 30px;
font-family: "MicrosoftYaHei";
font-size: 22px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
}
.footer {
margin-top: 80px;
}
}
</style>

View File

@@ -0,0 +1,644 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<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>
<form action>
<div v-if="sub == 0">
<h4>基本信息</h4>
<!-- start -->
<aside>
<div>
<label for>项目名称:</label>
<input type="text" name id />
</div>
<div>
<label for>项目申报单位:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>项目类型:</label>
<input type="text" name id />
</div>
<div>
<label for>项目落地区域:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>一级项目方向:</label>
<input type="text" name id />
</div>
<div>
<label for>二级项目方向:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>项目服务领域:</label>
<input type="text" name id />
</div>
<div>
<label for>申报单位属性:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>申请日期:</label>
<select name id>
<option value>2019-01-31</option>
<option value>2019-01-20</option>
</select>
</div>
<div>
<label for>截止日期:</label>
<select name id>
<option value>2019-01-31</option>
<option value>2019-01-20</option>
</select>
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>通讯地址:</label>
<input type="text" name id />
</div>
<div>
<label for>邮政编码:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>电子信箱:</label>
<input type="text" name id />
</div>
<div>
<label for>传真电话:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>法定代表人:</label>
<input type="text" name id />
</div>
<div>
<label for>法人代码:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>负责人姓名:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
</div>
</aside>
<!-- end -->
<aside>
<div>
<label for>联系人姓名:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
</div>
</aside>
<!-- end -->
<div class="btn" @click="btn(1)">下一步</div>
</div>
<div v-if="sub == 1">
<div class="cc">
<!-- start -->
<aside>
<div>
<label for>项目主责单位:</label>
<input class="i-i" type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>项目名称:</label>
<input type="text" name id />
</div>
<div>
<label for>邮政编码:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>电子信箱:</label>
<input type="text" name id />
</div>
<div>
<label for>传真电话:</label>
<input type="text" name id />
</div>
</aside>
<!-- end -->
<!-- start -->
<aside>
<div>
<label for>负责人姓名:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
</div>
</aside>
<!-- end -->
<aside>
<div>
<label for>联系人姓名:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>职务:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>办公电话:</label>
<input class="i" type="text" name id />
</div>
<div>
<label for>手机:</label>
<input class="i" type="text" name id />
</div>
</aside>
<!-- end -->
</div>
<div>
<div class="xx">
<h5>申报单位简介</h5>
<textarea name id></textarea>
</div>
<div class="xx">
<h5>项目简介</h5>
<textarea name id></textarea>
</div>
<div class="xx">
<h5>项目论证</h5>
<textarea name id></textarea>
</div>
<div class="xx">
<h5>经费预算</h5>
<textarea name id></textarea>
</div>
<div class="xxx">
<h5>申报单位承诺</h5>
<div>
<input type="checkbox" name id checked />
<label for>我们确认项目中报内容的真实性,并愿意承担相应的责任</label>
</div>
</div>
<div class="xxx">
<h5>项目主责单位意见</h5>
<div class="btnn">
<span>上传文件</span>
</div>
</div>
</div>
<div class="ll">
<div>保存</div>
<input type="submit" name id value="提交" />
</div>
</div>
</form>
</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: 2,
sub: 0,
imgUrl: {
bg0: require("../../../static/img/bg0.png"),
bg1: require("../../../static/img/bg1.png"),
xa: require("../../../static/img/xa.png")
}
};
},
computed: {},
watch: {},
methods: {
btn(index) {
let s = this.sub;
s = index;
this.sub = s;
}
},
created() {},
mounted() {}
};
</script>
<style lang='scss' scoped>
.wrapper {
width: 1280px;
box-sizing: border-box;
#box {
margin: 40px auto 0;
padding: 34px 32px 100px 28px;
box-sizing: border-box;
width: 1200px;
background-color: #ffffff;
form {
.ll {
margin-top: 80px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
div {
margin-right: 152px;
width: 197px;
height: 63px;
background-color: #ff9800;
border-radius: 5px;
font-family: "MicrosoftYaHei";
font-size: 26px;
font-weight: normal;
font-stretch: normal;
line-height: 63px;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
}
input[type="submit"] {
width: 197px;
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;
}
}
.xxx {
margin-top: 60px;
width: 100%;
height: 72px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
div {
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;
}
.btnn {
cursor: pointer;
width: 96px;
height: 32px;
background-image: linear-gradient(
69deg,
#cc263f 0%,
#f42b47 100%,
#ed162d 100%,
#e60012 100%
),
linear-gradient(#e60012, #e60012);
background-blend-mode: normal, normal;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
span {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
}
}
}
.xx {
margin-top: 60px;
width: 100%;
height: 188px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
textarea {
width: 1139px;
height: 138px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
resize: none;
}
h5 {
width: 100%;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
.cc {
width: 1140px;
margin: 0 auto 0px;
aside {
width: 100%;
height: 43px;
div {
display: flex;
align-items: center;
label {
display: inline-block;
width: 101px;
height: 43px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 43px;
text-align: right;
letter-spacing: 0px;
color: #323232;
}
.i-i {
width: 1009px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
outline: none;
margin-left: 30px;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #323232;
}
}
}
}
.btn {
margin: 60px auto 0;
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;
letter-spacing: 0px;
text-align: center;
color: #ffffff;
}
aside {
width: 1138px;
height: 43px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
label {
display: inline-block;
width: 101px;
height: 43px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 43px;
text-align: right;
letter-spacing: 0px;
color: #323232;
}
select {
/* 清除默认的箭头样式 */
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;
padding-left: 83px;
box-sizing: border-box;
outline: none;
margin-left: 30px;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #323232;
}
input {
box-sizing: border-box;
width: 386px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
outline: none;
margin-left: 30px;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #323232;
}
.i {
width: 151px;
height: 43px;
background-color: #ffffff;
border: solid 1px #c7c7c7;
outline: none;
margin-left: 30px;
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #323232;
}
}
h4 {
width: 1138px;
height: 38px;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
padding-left: 30px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
margin-bottom: 54px;
}
}
.box {
width: 395px;
height: 34px;
margin: 44px auto 70px;
display: flex;
justify-content: space-between;
align-items: center;
div {
width: 192px;
height: 34px;
background-size: 100% 100%;
font-family: "MicrosoftYaHei";
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 34px;
text-align: center;
letter-spacing: 0px;
color: #333333;
}
.color {
color: #fff;
}
}
h3 {
width: 89px;
height: 23px;
margin: 0 auto;
font-family: "MicrosoftYaHei";
font-size: 22px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
.footer {
margin-top: 80px;
}
}
</style>

View File

@@ -0,0 +1,576 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<div id="box">
<!-- 公告 -->
<div class="top">
<img :src="imgUrl.xlb" alt />
<div>
<span>世界婚博会已通过初审</span>
<time>[2019-07-31]</time>
</div>
</div>
<div class="bottom">
<!-- 表格 -->
<div class="table">
<div class="top-p">项目概览</div>
<div class="top-b">
<div>
<section>
<span>初筛通过</span>
<span>10</span>
</section>
</div>
<div>
<section>
<span>立项通过</span>
<span>10</span>
</section>
</div>
<div>
<section>
<span>执行中</span>
<span>10</span>
</section>
</div>
<div>
<section>
<span>已完结</span>
<span>10</span>
</section>
</div>
</div>
</div>
<!-- 下拉框 -->
<div class="select">
<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>
<select class="three" name="area">
<option value>区域1</option>
<option value>区域2</option>
</select>
<span @click="$jump('application')">项目申报</span>
</div>
<!-- container -->
<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>
</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="div">
<div class="bb">
<h3>世界婚博会</h3>
<h5>活动</h5>
</div>
<time>2019-07-19</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" />
</dt>
<dd>
<span class="iconfont icon-zuzhijiegou"></span>
<span>朝阳社会组织</span>
</dd>
<dd>
<span class="iconfont icon-weizhi"></span>
<span>北京市朝阳区建外街道</span>
</dd>
<dd>
<span class="iconfont icon-shenhetongguo1"></span>
<span>当前申报阶段立项审核中</span>
</dd>
</dl>
</div>
</template>
</div>
</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>
</div>
</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: 2,
pageSize: 1,
currentPage: 1,
totalCount: 1,
imgUrl: {
xlb: require("../../../static/img/xlb.png"),
tg: require("../../../static/img/tg.png"),
btg: require("../../../static/img/btg.png"),
shz: require("../../../static/img/shz.png"),
zxz: require("../../../static/img/zxz.png")
},
text: ["全部", "项目初筛", "项目立项"],
sub: 0,
sData: [
{ state: 0 },
{ state: 0 },
{ state: 0 },
{ state: 1 },
{ state: 1 },
{ state: 2 },
{ state: 3 },
{ state: 3 },
{ state: 2 },
{ state: 0 }
]
};
},
computed: {},
watch: {},
methods: {
btn(index) {
let s = this.sub;
s = index;
this.sub = s;
},
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() {}
};
</script>
<style lang='scss' scoped>
.wrapper {
width: 1280px;
box-sizing: border-box;
.footer {
margin-top: 80px;
}
#box {
margin: 0 auto;
width: 1200px;
box-sizing: border-box;
.bottom {
padding: 35px 30px 0px;
box-sizing: border-box;
width: 1200px;
height: 1320px;
background-color: #ffffff;
.page {
margin-top: 60px;
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;
}
}
.con {
width: 1140px;
height: 773px;
.cc {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
.list {
margin-bottom: 60px;
width: 367px;
height: 184px;
background-color: #ffffff;
box-shadow: 0px 19px 21px 3px rgba(145, 142, 142, 0.1);
border-radius: 10px;
padding: 19px 29px 0px 16px;
box-sizing: border-box;
dl {
width: 100%;
height: 97px;
margin-top: 25px;
position: relative;
dd {
margin-bottom: 22px;
.iconfont {
font-size: 17px;
color: #ccc;
margin-right: 16px;
}
span {
font-family: "MicrosoftYaHei";
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
}
}
dt {
img {
position: absolute;
right: -8.5%;
bottom: -26%;
width: 119px;
height: 95px;
}
}
}
.div {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
time {
font-family: "MicrosoftYaHei";
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #999999;
}
.bb {
display: flex;
justify-content: center;
align-items: center;
h5 {
margin-left: 6px;
height: 18px;
color: #f6ad35;
text-align: center;
line-height: 18px;
border: 1px solid #f6ad35;
border-radius: 4px;
font-size: 12px;
}
h3 {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
}
}
}
.top-t {
width: 1140px;
height: 38px;
padding-left: 12px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #ccc;
margin-bottom: 60px;
h3 {
text-align: center;
margin-right: 78px;
width: 90px;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333;
}
.style {
color: #e60012;
position: relative;
&::after {
content: "";
width: 91px;
height: 2px;
background-image: linear-gradient(#e60012, #e60012),
linear-gradient(#ff7f7f, #ff7f7f);
background-blend-mode: normal, normal;
position: absolute;
left: 0%;
bottom: -86%;
}
}
}
}
.select {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
margin-bottom: 50px;
.one {
padding-left: 30px;
box-sizing: border-box;
/* 清除默认的箭头样式 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/* 右侧添加小箭头的背景图 */
background: url("../../../static/img/xa.png") 280px center no-repeat;
background-size: 14px 8px;
width: 325px;
height: 38px;
background-color: #f9f8f8;
border-radius: 4px;
border: solid 1px #c7c7c7;
outline: none;
}
.two {
padding-left: 30px;
box-sizing: border-box;
/* 清除默认的箭头样式 */
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;
outline: none;
}
.three {
padding-left: 30px;
box-sizing: border-box;
/* 清除默认的箭头样式 */
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;
outline: none;
}
span {
display: inline-block;
text-align: center;
line-height: 32px;
width: 96px;
height: 32px;
background-image: linear-gradient(
69deg,
#cc263f 0%,
#f42b47 100%,
#ed162d 100%,
#e60012 100%
),
linear-gradient(#e60012, #e60012);
background-blend-mode: normal, normal;
border-radius: 4px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
}
}
.table {
width: 1137px;
height: 181px;
border: solid 1px #dadada;
background-color: #f6f6f6;
.top-b {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
div {
width: 282px;
height: 140px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
section {
width: 72px;
height: 67px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
span:first-child {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
}
span:last-child {
font-family: "MicrosoftYaHei";
font-size: 24px;
font-weight: bold;
font-stretch: normal;
letter-spacing: 0px;
color: #e60012;
}
}
}
}
.top-p {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
width: 1136px;
height: 40px;
background-color: #f6f6f6;
text-align: center;
line-height: 40px;
}
}
}
.top {
width: 732px;
height: 40px;
margin: 30px 0 30px;
display: flex;
justify-content: space-between;
align-items: center;
img {
width: 33px;
height: 27px;
}
div {
width: 672px;
height: 21px;
display: flex;
justify-content: space-between;
align-items: center;
span {
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
}
time {
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
letter-spacing: 0px;
color: #999999;
}
}
}
}
}
</style>

View File

@@ -0,0 +1,522 @@
<template>
<div class="wrapper">
<headerNav :index_num="index_num"></headerNav>
<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>
</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>
<!-- 项目流程 -->
<div class="bobb" v-if="sub == 0">
<div class="left">
<div class="time">
<span>2019-09-01</span>
<span>2019-09-01</span>
<span>2019-09-01</span>
<span>2019-09-01</span>
<span>2019-09-01</span>
</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="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 != 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" />
<!-- end -->
<img class="sx1" :src="imgUrl.sx1" alt />
</div>
<div class="bb">
<div class="o">
<span>项目已申报</span>
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div>
<span>初筛审核中</span>
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div>
<span>初筛审核通过</span>
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div>
<span>立项评审中</span>
<img class="oo" :src="imgUrl.d0" alt />
</div>
<div>
<span>立项评审通过</span>
<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>
</ul>
</div>
</div>
<!-- 项目信息 -->
<div class="boxx" v-if="sub == 1">
<h3>基本信息</h3>
<div class="one-o">
<ul v-for="(item,index) in arr" :key="index">
<template v-for="(item,index) in text1">
<li :key="index">{{item}}</li>
</template>
</ul>
</div>
<h3>申报单位简介:</h3>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用章建华</p>
</div>
<h3>项目简介</h3>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用章建华</p>
</div>
<h3>项目论证</h3>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用章建华</p>
</div>
<h3>经费预算:</h3>
<div class="one-e">
<p>我国仍处于井将长期处于社会主义初级阶段,是最大的国情和实际我们开展各项工作,要一切从实际出发,牢牢立足这个最大国情和实际,不要超越阶段从能源来看,我国當富煤少油缺气?的资源禀赋,决定了煤炭在较长一个时期内作为我国主体能源的地位不会发玍变化,这就婓求我们坚持从煤炭资源丰富的囯情出发,切实抓好煤炭清洁高效利用章建华</p>
</div>
<h3>申报单位承诺:</h3>
<div class="one-e">
<p>我们确认项目中报内容的真实性,并愿意承担相应的责任</p>
</div>
<h3>项目主责单位意见 :</h3>
<div class="one-e">
<p>
<span>
<span>下载</span>
&nbsp;|&nbsp;
<span>预览</span>
</span>
</p>
</div>
</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: 2,
sub: 0,
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"),
sx0: require("../../../static/img/sx0.png"),
sx1: require("../../../static/img/sx1.png"),
d0: require("../../../static/img/d0.png"),
d1: require("../../../static/img/d1.png")
},
state: 0,
zt: 2,
arr: [1, 2, 3],
text: [
"第一步:填写并提交项目申报书",
"第二步:线上初筛审核",
"第三步:项目初筛结果查询",
"第四步:线下立项评审",
"第五步:立项结果查询"
],
text1: [
"项目名称:世界婚会",
"项目申报单位:劳动社会组织",
"项目类型:活动",
"项目落地区域:北区",
"一级项目方向:婚礼",
"一级项目方向:婚礼",
"项目服务领域:北区",
"项目有效期2019-09-02至2019-09-23",
"申报单位属性:国企",
"通讯地址:北京市海涟区",
"电子信箱15901401996@qq.com",
"传真电话81223221",
"邮政编码100000"
]
};
},
computed: {},
watch: {},
methods: {
btn(index) {
let s = this.sub;
s = index;
this.sub = s;
}
},
created() {},
mounted() {}
};
</script>
<style lang='scss' scoped>
.wrapper {
width: 1280px;
box-sizing: border-box;
#box {
margin: 40px auto 0;
width: 1200px;
background-color: #ffffff;
padding: 35px 30px 100px;
box-sizing: border-box;
position: relative;
.boxx {
margin-top: 68px;
width: 100%;
box-sizing: border-box;
.one-e {
width: 100%;
margin-top: 27px;
margin-bottom: 60px;
p {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #666666;
}
span {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: 0px;
color: #7471ef;
}
}
.one-o {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
margin-bottom: 60px;
ul {
width: 350px;
height: 674px;
box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.15);
border-radius: 5px;
padding: 30px 0 0 20px;
box-sizing: border-box;
li {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
margin-bottom: 28px;
color: #333333;
}
}
}
h3 {
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
.bobb {
margin-top: 110px;
width: 100%;
height: 974px;
padding: 0 40px 0 11px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
.left {
width: 419px;
height: 974px;
display: flex;
justify-content: space-evenly;
align-items: flex-start;
.time {
width: 120px;
height: 734px;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-end;
margin-top: 72px;
.span {
display: inline-block;
width: 119px;
height: 18px;
font-family: "MicrosoftYaHei";
font-size: 22px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
.jdt {
width: 32px;
height: 974px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
.sx0 {
width: 3px;
height: 79px;
}
.sx1 {
width: 3px;
height: 153px;
}
.wzx {
width: 20px;
height: 21px;
}
.zx {
width: 20px;
height: 21px;
}
}
.bb {
margin-top: 70px;
width: 180px;
height: 750px;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-start;
.o {
padding-left: 5px;
box-sizing: border-box;
width: 170px;
height: 36px;
position: relative;
border-bottom: 2px solid #b0c3cd;
img {
width: 10px;
height: 10px;
position: absolute;
right: 0%;
bottom: -16%;
}
}
div {
padding-left: 5px;
box-sizing: border-box;
width: 100%;
height: 36px;
position: relative;
border-bottom: 2px solid #b0c3cd;
img {
width: 10px;
height: 10px;
position: absolute;
right: 0%;
bottom: -16%;
}
}
span {
display: inline-block;
width: 135px;
height: 22px;
text-align: center;
line-height: 22px;
font-family: "MicrosoftYaHei";
font-size: 22px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
}
}
.right {
padding: 35px 30px;
box-sizing: border-box;
width: 535px;
height: 698px;
box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.15);
border-radius: 10px;
ul {
margin-top: 48px;
li {
font-family: "MicrosoftYaHei";
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0px;
color: #666666;
}
}
p {
text-align: center;
width: 100%;
font-family: "MicrosoftYaHei";
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 31px;
letter-spacing: 0px;
color: #333333;
}
}
}
.img {
width: 119px;
height: 95px;
position: absolute;
right: 0%;
top: 1%;
img {
width: 119px;
height: 95px;
}
}
.top {
width: 1140px;
height: 38px;
border-bottom: 1px solid #ccc;
padding-left: 12px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
.daochu {
width: 96px;
height: 32px;
background-image: linear-gradient(
69deg,
#cc263f 0%,
#f42b47 100%,
#ed162d 100%,
#e60012 100%
),
linear-gradient(#e60012, #e60012);
background-blend-mode: normal, normal;
border-radius: 4px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 32px;
text-align: center;
letter-spacing: 0px;
color: #ffffff;
}
.span {
span {
margin-right: 40px;
display: inline-block;
width: 120px;
height: 38px;
text-align: center;
font-family: "MicrosoftYaHei";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
}
.style {
color: #e60012;
position: relative;
&::after {
content: "";
width: 120px;
height: 2px;
background-color: #e60012;
position: absolute;
bottom: 0%;
left: 0%;
}
}
}
}
}
.footer {
margin-top: 80px;
}
}
</style>

View File

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

View File

@@ -34,6 +34,12 @@
<div class="code-name">&amp;#xe63a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span>
<div class="name">分期-审核通过</div>
<div class="code-name">&amp;#xe64e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b5;</span>
<div class="name">领带</div>
@@ -64,6 +70,12 @@
<div class="code-name">&amp;#xe6c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<div class="name">位置</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name"></div>
@@ -76,6 +88,12 @@
<div class="code-name">&amp;#xe688;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61c;</span>
<div class="name">组织结构</div>
<div class="code-name">&amp;#xe61c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe622;</span>
<div class="name">人像-01</div>
@@ -147,6 +165,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shenhetongguo1"></span>
<div class="name">
分期-审核通过
</div>
<div class="code-name">.icon-shenhetongguo1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lingdai"></span>
<div class="name">
@@ -192,6 +219,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weizhi"></span>
<div class="name">
位置
</div>
<div class="code-name">.icon-weizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-test"></span>
<div class="name">
@@ -210,6 +246,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zuzhijiegou"></span>
<div class="name">
组织结构
</div>
<div class="code-name">.icon-zuzhijiegou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-renxiang-"></span>
<div class="name">
@@ -265,6 +310,14 @@
<div class="code-name">#icon-vertical_line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shenhetongguo1"></use>
</svg>
<div class="name">分期-审核通过</div>
<div class="code-name">#icon-shenhetongguo1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lingdai"></use>
@@ -305,6 +358,14 @@
<div class="code-name">#icon-ren</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weizhi"></use>
</svg>
<div class="name">位置</div>
<div class="code-name">#icon-weizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-test"></use>
@@ -321,6 +382,14 @@
<div class="code-name">#icon-fuzeren</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zuzhijiegou"></use>
</svg>
<div class="name">组织结构</div>
<div class="code-name">#icon-zuzhijiegou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-renxiang-"></use>

View File

@@ -1,10 +1,10 @@
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1568814622742'); /* IE9 */
src: url('iconfont.eot?t=1568814622742#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1568814622742') format('woff'),
url('iconfont.ttf?t=1568814622742') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1568814622742#iconfont') format('svg'); /* iOS 4.1- */
src: url('iconfont.eot?t=1568874615557'); /* IE9 */
src: url('iconfont.eot?t=1568874615557#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAArMAAsAAAAAEzQAAAp+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEeAqWaJJcATYCJAM4Cx4ABCAFhG0HgTUbPxBRVLE6yL7AtmFPNsk6bs5xwxikgwCAxQAAAAAAgAgvQD+Pm/Z+foL8BKmYbBWdsyuVObSE1oGJGaHnsDlSnajRE28dOXHv1ZpekYXZ8WEZVSKFNk97kLnf/aOQKzldpSpkhSxRdJv7rTiFBOMoLg0wkJjyJIEvQPNs6IW+WjpbuwPZku7izd4nE+6+AJeEcrTaFLJUoRHqj1aP0lwdD8KC0U0oifYYrE0PVwEYGBmvzesBAkDEallarh9fxCYalRG67EblYtPlRcfEI5J0UciJA6DbSNKebb0AsFd8PvohvyQAFCZAb6TZripx+uEvRWfNu6s8BgCXAwAwgGwCaIDgCs1/GbBJsoVCwnrTOoBohzLhyvoKmPKBoydOOf7sWz/z5pd6J2ZidGVINDtagISUiAyLQ0Pd/Y+HwMQATUAUDsEXGmTgc6zYgQR8ztiBFHwutwMR+DzQmVaNBgUWaiIocFBTQIGGOh4UENTZoEBB3QoZ6lCfAQUC9SYoYKgvIQ/EqCLXTogmQEXgB/oFaPPF9ghDhCZGwVIPmgiDzEgISw5FYSkysH1RNN5Rem4ihwI5TkorlZxMKgoP4EL0q6uIFnGcUqwMlHNBhLBKmlsxXII9mDidSGxxhbEOB8yzOkP1Tst5WwjvEILtduLWcVrCal22s0KwTuKY5C/79MxxfyWrJL7kTWAvQns8W0/0AN39XIri9AuIOfR8ahaQdRE6NFx8YzDaggS71JqYOOs5hIqtPAsgE1zhzLaFfL3v7fwX/J2VMJ/VU9+va/dOvfKmzh7i8PIO1uZyhfn9Ya4W20spbZ5scskXefqVLf2+UP87BezVt3i7Z16RzyGcMclvDcfiwyMliptDMVTX4FrrGaCEs6zCdh5hyzlCErby+fQej+4sOSz8/lqvl+ct4yhZNcHsIk4kno1hFweAcpWM4bQsRVZ8/HlDJDrun3C/krV5xzz0ejxVyRFePiVqGFDeh3dHX/Cog09t9H7G29JYR9jtkbjOyGO+CnLDE20/k2wNrY/r7Ax7xZ902Df2nI+E9fEA2HnBYeubVD1xWFKz0NfVOOQv8HgaH8iJAtRtgaex4H2Lz8jyv1OL5vve1sf2erPlRU/8UW95+dxjPt2tYcuIbUgYbOwBWTNh4YmYKG6l1BHPxgmppbqHihQtJHh+HqDnkH8ghbVlnD0abmSRqyPU6STkRFdE/UA+EmKha1Dffvb2+ahVzrHkQrDjaoTuCLQPhbCukShLor7zestNLzUTPIMeqy/M4lfLWu7shW8LaTAjlton89v4+6HebQRZHhEOsTZ3FOp4NCV9H4RD+0OWBc7MIieceTY3SlRNkAyi3cnH8e+xkQXSRBBrQup8WDeSGY1jWOr3b/FRavU4qeBYGD7XygF8jYWOu0Unb6e5nMG9vlDitDfW2YX2k6zMdrrTEtrgPGU9UT87KB0Rcs5s6SRZvNprca79RMdO4bocDqAE+yJi7+gco4XtbTrTz4laW+oQ7Lotgvomu1x9Q0Cw61lEar2lztMng2+7BOaINmuIZrPIKA6Eb83M/oKFhmcjkiLaDXXtKpd+hWH+WJ6NeLb3pfYA0AV7yyyzRlXaKj2oKhRVtVrhbP30I0eU3LOC1iWiqABVlT5tXulzyUkVFC+oelLEw0Ra4QjzeXsEIxIvXL16oRiAie34nJnSLihAQdrFgsKoMgLJjwMlg/f3rZ0Bu14M2lVbmeFLXQ+716imsXXT2VzLbmXKOn9GbWXwPSV6XD17Tt5jIqypDqjJmzkTl998NSI4cGnC7KExQ6pIQ2AwWpe1Xj3pYdCTNUU5cTk1xYZOd9lEGDXLA+RGRYnWdslzCwIvMUp4QfjOvB+VJRcgKce04uoNiytRFayZS9W35uO34k2uJ0xgQF3P0mu8h8CUOPgQRgWjYDYAGEDxqNpKJZjNYHT9ER8K8FGKiF42M4ZJUtC5Df0/rJHl1qR9IgmeG7mocrqqdsiw6Ql1eoFPV35dUgkLGkWVKTdjZ0wKHXrM3BT1R+34P+igqTg+d8MVz4WxlZoqk/iTitIHc64DZ6/OtG4tmFX3+NXHdWWf3guoPtKtjk8nH0/PT5+ezYlgViXbG/qA4ONvvXUcGJ8BguRBaC9LOc6//3SWOlFrBg21vqNjvYQpAARAozWrE5/NOPv+6/9TRrNgRAxINWWkDLaeAQrWsvjxS5daKQIEzHsisXTzgEZt0uvVjQO8dIu48Psp/JUiSSO1ZNeuJSqmCABc4Gs5JffDmpq4WCXso49wrLiHbvLPq3mtTqPT8rB6a3Fl8TVt3lB1dUxpjBo3lPdRnKxUtsuqTGGjtFSyaF8e3saS4KYJ1JwL2uup+qS5dGbAnwHynC0Bdtk17QfM9u0/fq+I/CgibnSxfs2I8RMjTPuW+0z3GSc9/mvE0iv5QYnD1HBiUP4Vh8Bvx6qaezTxqinx2oYEzagmoYEjZGoaAbqeJn5gC3XsKLWV2nLybqFs/y06x8Ln/aeiH/77byqmCUBftTitJbVx9+7G1Ja0QQ46WOAE741gwqBbZY9SR8baZ0WqyVtEHfm2YLPsceYh9ilHCoibFES5I9WR7kS1KnucXXWlbqkbsLzUTfw9yoS333p7/yk3Zc2PQCtteT++59wTqKd5tGYtxTMgjEd6Ox7xqKV+QxUymZAaP81kBKDROBCqTKao4zRVWSIsXtBauJ8LLlpQKqBK9n32AvneLZdY71+3UVZKe3yJ9cQHhafilRfMOlv1i3Mi61CNFf47XzfsiPv7sNKlvPx33I43DNsPx1/+q/08/vRTrOLzQHDaB2gnHly79uBEzd8u/NprGNglI6TJ94rM3vcugYNNz32xvGJ3yee/XJAsJO/FFbkH//hzlP35h3JZ3i2kwt3j88vcpC+4T3rKTd4jRqnyMDfplRrJe1dy9uburfCSXjZXttcsyyXvgfldoK1Ge1owVokkAfdgoW4gO3F1WGSO+PdISHozt3Ba/WF8DRsRX4Kn1n+cO9R7eeP/iyXlg6zDsYVOHHp82Am4gzc/MCgm/iZh/zM2vHV26iZRNirQkK8SJED9ZqlwNHClnEG/3dQnp59TqzhLSZHDTiD1FAAQe8QxoDgQ3q9LC0ntOvxoIbaBAjHEGDBIINmfDs42MPhYhQYRiSkGIsvN6awg3go0SAEg07dkQJR+DBQ5N8Fhwb+ERvCfgRHqH4sQXdhA6OtEkJVaS7YvPOYRKyjmYEomybPjttH1CVWyuSfu015v6INhgv7Y3G/TDRL6Mg4JEzWIUYL0XMO1dABay9B4HmMZOxqNzbCbs/B2aKfkWmwr46Fc1CwroDB3NEqMyKWjbd/HP0FKYuV8zJgvxzfIC8zmQV9HL4X/jUKpxmxL72BCGYiESaAM9lgNXBOGLKtnoAnfbgyVog6do7Yx1CVzybRKp36tXuoaLMRx6NHyohBGNGKQCImRBEl/pviIQzIkRwqQHeinSDe3I2sI94NG4r0jk1KJ+xt+rqpysxIS7yx0AicnFdNGZXKyt1zxSOtTNAtttuaU044Y4oZMCwxkO4t0aj02qDhtucksfR/VXjHcjoQAAA==') format('woff2'),
url('iconfont.woff?t=1568874615557') format('woff'),
url('iconfont.ttf?t=1568874615557') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1568874615557#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
@@ -19,6 +19,10 @@
content: "\e63a";
}
.icon-shenhetongguo1:before {
content: "\e64e";
}
.icon-lingdai:before {
content: "\e6b5";
}
@@ -39,6 +43,10 @@
content: "\e6c5";
}
.icon-weizhi:before {
content: "\e603";
}
.icon-icon-test:before {
content: "\e605";
}
@@ -47,6 +55,10 @@
content: "\e688";
}
.icon-zuzhijiegou:before {
content: "\e61c";
}
.icon-renxiang-:before {
content: "\e622";
}

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@@ -12,6 +12,13 @@
"unicode": "e63a",
"unicode_decimal": 58938
},
{
"icon_id": "657336",
"name": "分期-审核通过",
"font_class": "shenhetongguo1",
"unicode": "e64e",
"unicode_decimal": 58958
},
{
"icon_id": "853015",
"name": "领带",
@@ -47,6 +54,13 @@
"unicode": "e6c5",
"unicode_decimal": 59077
},
{
"icon_id": "4608884",
"name": "位置",
"font_class": "weizhi",
"unicode": "e603",
"unicode_decimal": 58883
},
{
"icon_id": "5650491",
"name": "包",
@@ -61,6 +75,13 @@
"unicode": "e688",
"unicode_decimal": 59016
},
{
"icon_id": "6429428",
"name": "组织结构",
"font_class": "zuzhijiegou",
"unicode": "e61c",
"unicode_decimal": 58908
},
{
"icon_id": "7447567",
"name": "人像-01",

View File

@@ -23,6 +23,9 @@ Created by iconfont
<glyph glyph-name="vertical_line" unicode="&#58938;" d="M531.185-47.532c0-8.9-6.494-16.114-14.503-16.114h-9.364c-8.010 0-14.504 7.214-14.504 16.114v863.066c0 8.899 6.494 16.114 14.504 16.114h9.364c8.009 0 14.503-7.215 14.503-16.114v-863.066z" horiz-adv-x="1024" />
<glyph glyph-name="shenhetongguo1" unicode="&#58958;" d="M492.8 128c-6.4 0-12.8 0-19.2 6.4l-102.4 96c-12.8 12.8-12.8 32 0 44.8 12.8 12.8 32 12.8 44.8 0L512 185.6c12.8-12.8 12.8-32 0-44.8C512 134.4 499.2 128 492.8 128zM492.8 128c-6.4 0-19.2 6.4-25.6 12.8-12.8 12.8-12.8 32 0 44.8l204.8 198.4c12.8 12.8 32 12.8 44.8 0 12.8-12.8 12.8-32 0-44.8L512 134.4C505.6 128 499.2 128 492.8 128zM832-128 256-128c-70.4 0-128 70.4-128 153.6L128 608c0 83.2 57.6 153.6 128 153.6l128 0C396.8 838.4 467.2 896 544 896s147.2-57.6 160-134.4l128 0c70.4 0 128-70.4 128-153.6l0-582.4C960-57.6 902.4-128 832-128zM256 697.6c-38.4 0-64-44.8-64-89.6l0-582.4C192-19.2 224-64 256-64L832-64c38.4 0 64 44.8 64 89.6L896 608c0 51.2-32 89.6-64 89.6l-160 0c-6.4 0-19.2 6.4-25.6 12.8C640 716.8 640 723.2 640 729.6c0 0 0 6.4 0 6.4C640 787.2 595.2 832 544 832S448 787.2 448 736c0 0 0 0 0 0 0-6.4 0-19.2-6.4-25.6C435.2 704 422.4 697.6 416 697.6L256 697.6zM736 544l-384 0C332.8 544 320 556.8 320 576L320 704c0 19.2 12.8 32 32 32S384 723.2 384 704l0-96 320 0L704 704c0 19.2 12.8 32 32 32S768 723.2 768 704l0-128C768 556.8 755.2 544 736 544z" horiz-adv-x="1024" />
<glyph glyph-name="lingdai" unicode="&#59061;" d="M893.456828 186.944995M491.889987 558.060291M568.154951 557.006286M709.039655 103.587496c-20.708648 174.401052-107.328447 464.491986-126.550231 527.540951 62.075801 67.906599 83.463923 175.224814 84.384899 179.975001 2.174526 11.244089-5.068436 22.170952-16.271592 24.539906-2.729158 0.584308-67.332525 14.147208-122.711809 14.147208-55.359842 0-120.362298-13.542434-123.101689-14.116509-11.213389-2.359744-18.466584-13.265118-16.302291-24.529673 0.910743-4.739954 22.167882-112.090914 84.238566-180.010817-19.271926-63.060221-106.016569-352.901469-126.722146-527.289218-0.677429-5.714142 1.026376-11.460006 4.699022-15.891945 2.298346-2.77009 57.565067-68.62496 164.40642-133.402289 3.241834-1.969864 6.883781-2.913353 10.535961-2.913353 2.034333 0 4.052293 0.35918 6.027274 0.937348 2.359744 0.431835 4.678556 1.119497 6.817266 2.365884 1.609661 0.938372 3.009544 2.142803 4.300956 3.450589 113.421212 63.967894 160.426783 127.675868 162.402787 130.402979C708.290595 93.072001 709.654662 98.355331 709.039655 103.587496zM527.889899 807.768493c32.584116 0 69.907163-4.090155 92.713588-7.988951-8.966209-32.93204-30.634718-97.476055-70.625524-139.431609L505.237993 660.347932c-39.980573 41.955554-61.576427 106.47808-70.502727 139.421376C457.665511 803.668105 495.245408 807.768493 527.889899 807.768493zM526.084787-2.842489c-75.077929 47.192835-121.593336 95.489818-137.187499 112.38665 21.626553 167.042457 102.963023 435.171194 123.091456 508.84924l31.229259 0c20.128433-73.678046 101.516068-342.770737 123.019825-509.772262C652.499941 92.339314 609.185436 44.689061 526.084787-2.842489z" horiz-adv-x="1024" />
@@ -38,12 +41,18 @@ Created by iconfont
<glyph glyph-name="ren" unicode="&#59077;" d="M78.22291438-72.30107625000005c0-14.21935406 9.47956969-23.69892375 23.69892374-23.69892375s23.69892375 9.47956969 23.69892375 23.69892375c0 213.33036656 173.03552063 386.36588719 386.36588625 386.36588625s386.37923813-173.03552063 386.37923907-386.36588625c0-14.21935406 9.47956969-23.69892375 23.69892281-23.69892375s23.69892375 9.47956969 23.69892375 23.69892375c0 196.74779531-132.74067469 362.66696344-310.51597969 417.19451437 90.06926062 45.03463031 151.713165 137.52051375 151.713165 244.14564282C786.96091906 740.738895 663.69981406 864 511.98664813 864S237.03908094 740.738895 237.03908094 589.0390809400001c0-106.66518281 61.6305525-199.1110125 151.69981406-244.14564281C208.60037281 292.74245530999997 78.22291438 126.82328718999997 78.22291438-72.30107625000005z m206.22736499 663.75678c0 125.62432219 101.92539844 227.56307156 227.54972063 227.56307156s227.56307156-101.99215594 227.56307156-227.56307156S637.651025 363.85257750000005 512 363.85257750000005s-227.54972063 101.92539844-227.54972063 227.60312625z m0 0" horiz-adv-x="1024" />
<glyph glyph-name="weizhi" unicode="&#58883;" d="M822.7 523.2C822.7 694 683.8 832.9 513 832.9S203.3 694 203.3 523.2h0.7c-0.1-2.5-0.2-4.9-0.2-7.4 0-147.6 208.8-438.9 287.4-555.4l21.8-23.9 21.8 23.9c78.6 108.4 287.4 407.8 287.4 555.4 0 2.5-0.1 4.9-0.2 7.4h0.7zM513 27.9c-73.7 100.8-250.1 380.5-250.1 487.9 0 137.9 112.2 250.1 250.1 250.1s250.1-112.2 250.1-250.1c0-107.4-176.4-387.1-250.1-487.9zM513 675.4c-82.2 0-149.1-66.9-149.1-149.1S430.8 377.1 513 377.1 662.1 444 662.1 526.2 595.2 675.4 513 675.4z m0-244.4c-52.5 0-95.2 42.7-95.2 95.2s42.7 95.2 95.2 95.2 95.2-42.7 95.2-95.2S565.5 431 513 431z" horiz-adv-x="1024" />
<glyph glyph-name="icon-test" unicode="&#58885;" d="M113.066667 378.666667h822.4v-70.4H113.066667zM804.266667-29.866667H243.2C162.133333-29.866667 96 36.266667 96 117.333333V428.8C96 509.866667 162.133333 576 243.2 576h561.066667c81.066667 0 147.2-66.133333 147.2-147.2V117.333333c0-81.066667-66.133333-147.2-147.2-147.2zM243.2 526.933333c-53.333333 0-98.133333-43.733333-98.133333-98.133333V117.333333c0-53.333333 43.733333-98.133333 98.133333-98.133333h561.066667c53.333333 0 98.133333 43.733333 98.133333 98.133333V428.8c0 53.333333-43.733333 98.133333-98.133333 98.133333H243.2zM697.6 548.266667H349.866667v58.666666c0 109.866667 58.666667 122.666667 84.266666 122.666667h179.2c25.6 0 44.8-7.466667 59.733334-22.4 25.6-25.6 25.6-66.133333 24.533333-91.733333v-67.2z m-298.666667 49.066666h248.533334v8.533334 8.533333c0 18.133333 1.066667 44.8-10.666667 56.533333-2.133333 2.133333-7.466667 7.466667-24.533333 7.466667H434.133333c-29.866667 0-35.2-45.866667-35.2-72.533333v-8.533334zM523.733333 225.066667c-61.866667 0-112 50.133333-112 112V362.666667h225.066667v-24.533334c-1.066667-61.866667-51.2-113.066667-113.066667-113.066666z m-57.6 87.466666c9.6-22.4 32-37.333333 57.6-37.333333 25.6 0 48 16 57.6 37.333333H466.133333z" horiz-adv-x="1024" />
<glyph glyph-name="fuzeren" unicode="&#59016;" d="M586 236.9c0 9.6-12.1 25.3-31.8 51h-84.6c-19.6-25.6-31.7-41.4-31.7-51 0.8-10.5 23.5-56.5 44.2-83.1-17.7-78.8-38.5-137.5-38.5-206.2 0-23.5 51.9-72.3 67.5-73.6h1.7c15.5 1.2 67.5 50.1 67.5 73.6 0 68.7-20.9 127.4-38.5 206.2 20.8 26.8 43.4 72.7 44.2 83.1zM512 832.5c59.9 0 116.2-23.3 158.6-65.7 42.4-42.4 65.7-98.7 65.7-158.6S712.9 492 670.6 449.7C628.2 407.3 571.9 384 512 384s-116.2 23.3-158.6 65.7-65.7 98.7-65.7 158.6 23.3 116.2 65.7 158.6c42.4 42.3 98.7 65.6 158.6 65.6M512 896C353.1 896 224.3 767.2 224.3 608.3S353.1 320.5 512 320.5s287.7 128.8 287.7 287.7S670.9 896 512 896zM1024-128h-63.8c0 247.1-201.1 448.2-448.2 448.2S63.8 119.1 63.8-128H0c0 69.1 13.5 136.2 40.2 199.3C66 132.3 103 187 150 234s101.8 83.9 162.7 109.7C375.8 370.5 442.9 384 512 384s136.2-13.5 199.3-40.2C772.3 318 827 281 874 234s83.9-101.8 109.7-162.7c26.8-63.1 40.3-130.2 40.3-199.3z" horiz-adv-x="1024" />
<glyph glyph-name="zuzhijiegou" unicode="&#58908;" d="M957.134328 191.044776h-63.681592V339.422886a63.681592 63.681592 0 0 1-63.681592 63.681592H543.840796V550.845771h77.054726a63.681592 63.681592 0 0 1 63.681592 63.681592V832.318408a63.681592 63.681592 0 0 1-63.681592 63.681592H403.104478a63.681592 63.681592 0 0 1-63.681592-63.681592v-217.791045a63.681592 63.681592 0 0 1 63.681592-63.681592h77.054726v-147.741293H192.955224a63.681592 63.681592 0 0 1-63.681592-63.681592v-148.37811H65.59204a63.681592 63.681592 0 0 1-63.681592-63.681592v-191.044776a63.681592 63.681592 0 0 1 63.681592-63.681592h191.044776a63.681592 63.681592 0 0 1 63.681592 63.681592v191.044776a63.681592 63.681592 0 0 1-63.681592 63.681592H192.955224V339.422886h286.567164v-148.37811h-63.681592a63.681592 63.681592 0 0 1-63.681592-63.681592v-191.044776a63.681592 63.681592 0 0 1 63.681592-63.681592h191.044776a63.681592 63.681592 0 0 1 63.681592 63.681592v191.044776a63.681592 63.681592 0 0 1-63.681592 63.681592h-63.681592V339.422886H829.771144v-148.37811h-63.681592a63.681592 63.681592 0 0 1-63.681592-63.681592v-191.044776a63.681592 63.681592 0 0 1 63.681592-63.681592h191.044776a63.681592 63.681592 0 0 1 63.681592 63.681592v191.044776a63.681592 63.681592 0 0 1-63.681592 63.681592zM403.104478 832.318408h217.791044v-217.791045H403.104478zM256.636816-64.318408H65.59204v191.044776h191.044776v-191.044776z m350.248756 0z m0 0h-191.044776v191.044776h191.044776z m350.885572-31.840796v31.840796H766.089552v191.044776h191.044776v-191.044776z" horiz-adv-x="1024" />
<glyph glyph-name="renxiang-" unicode="&#58914;" d="M514.6 391.7c111.9 0 203 91.1 203 203s-91.1 203-203 203-203-91.1-203-203 91-203 203-203z m0 376c95.4 0 173-77.6 173-173s-77.6-173-173-173-173 77.6-173 173 77.6 173 173 173zM882.5-6.4c-2.7 95.8-42 185.5-110.8 252.5-68.9 67.1-159.9 104.1-256.1 104.1s-187.2-37-256.1-104.1c-68.8-67-108.1-156.7-110.8-252.5-0.2-6.8 2.3-13.2 7-18 4.7-4.8 11.2-7.6 17.9-7.6h683.9c6.7 0 13.3 2.8 17.9 7.6 4.8 4.8 7.3 11.3 7.1 18zM178.8-2c7.7 181.1 154.7 322.3 336.8 322.3 182.1 0 329-141.1 336.8-322.3H178.8zM431.1 477.6c4.9-4.2 35.9-28.9 81.7-28.9 24.6 0 53.6 7.2 85 28.6 3.7 2.5 4.6 7.5 2.1 11.1-2.5 3.7-7.5 4.6-11.1 2.1-80-54.5-140.6-6.4-147.3-0.7l-0.1 0.1c-3.4 2.8-8.4 2.4-11.2-1-2.9-3.4-2.5-8.5 0.9-11.3z" horiz-adv-x="1024" />

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
static/img/bg0.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 694 B

BIN
static/img/bg1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 719 B

BIN
static/img/btg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/img/d0.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 B

BIN
static/img/d1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 712 B

BIN
static/img/img4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

BIN
static/img/img5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 565 KiB

BIN
static/img/shz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/img/succeed.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
static/img/sx0.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 B

BIN
static/img/sx1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

BIN
static/img/tg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/img/wxz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 768 B

BIN
static/img/xa.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 B

BIN
static/img/xian.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 253 B

BIN
static/img/xlb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 B

BIN
static/img/xz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 468 B

BIN
static/img/zxz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB