Commit 4eee56fc by fanx

注册发行

1 parent 3e699466
......@@ -19,7 +19,7 @@
"cropperjs": "^1.5.11",
"js-cookie": "^2.2.1",
"lib-flexible": "^0.3.2",
"vant": "2.5.7",
"vant": "2.12.6",
"vconsole": "^3.4.1",
"vue": "^2.6.11",
"vue-i18n": "^8.24.3",
......
......@@ -170,33 +170,7 @@ html {
}
}
.van-list__finished-text {
position: relative;
&::before {
content: "";
background-color: #999;
height: 4px;
transform: scale(1, 0.3);
width: 100px;
position: absolute;
top: 50%;
margin-top: -3px;
left: 120px;
}
&::after {
content: "";
background-color: #999;
height: 4px;
transform: scale(1, 0.3);
width: 100px;
position: absolute;
top: 50%;
margin-top: -3px;
right: 120px;
}
}
.noList {
.van-list__finished-text {
......@@ -209,15 +183,6 @@ html {
top: 93%;
}
// picc底部样式
.van-list__finished-text::before {
left: 2.1rem;
}
.van-list__finished-text::after {
right: 2.1rem;
}
input {
border: none;
}
......
......@@ -5,34 +5,35 @@
.icon-bg-member-result { width: 1212px; height: 717px; background-position: 0px 0px; }
.icon-bg-member { width: 828px; height: 406px; background-position: -2080px -432px; }
.icon-bg-mine { width: 828px; height: 340px; background-position: -2080px -1238px; }
.icon-center-about { width: 36px; height: 36px; background-position: -2319px -1598px; }
.icon-center-collect { width: 36px; height: 36px; background-position: -2375px -1598px; }
.icon-center-feedback { width: 36px; height: 36px; background-position: -2431px -1598px; }
.icon-center-message { width: 36px; height: 36px; background-position: -2487px -1598px; }
.icon-center-question { width: 36px; height: 36px; background-position: -2543px -1598px; }
.icon-center-setting { width: 36px; height: 36px; background-position: -2599px -1598px; }
.icon-center-study { width: 36px; height: 36px; background-position: -2655px -1598px; }
.icon-center-about { width: 36px; height: 36px; background-position: -2383px -1598px; }
.icon-center-collect { width: 36px; height: 36px; background-position: -2439px -1598px; }
.icon-center-feedback { width: 36px; height: 36px; background-position: -2495px -1598px; }
.icon-center-message { width: 36px; height: 36px; background-position: -2551px -1598px; }
.icon-center-question { width: 36px; height: 36px; background-position: -2607px -1598px; }
.icon-center-setting { width: 36px; height: 36px; background-position: -2663px -1598px; }
.icon-center-study { width: 36px; height: 36px; background-position: -2719px -1598px; }
.icon-change-member { width: 90px; height: 90px; background-position: -1514px -526px; }
.icon-change-membership { width: 1155px; height: 303px; background-position: 0px -737px; }
.icon-change-name { width: 1155px; height: 303px; background-position: 0px -1060px; }
.icon-change-representive { width: 1155px; height: 303px; background-position: 0px -1383px; }
.icon-email { width: 36px; height: 36px; background-position: -2711px -1598px; }
.icon-empty { width: 36px; height: 36px; background-position: -2767px -1598px; }
.icon-icon-arrow-right { width: 10px; height: 18px; background-position: -2879px -1598px; }
.icon-icon-classify { width: 30px; height: 30px; background-position: -1340px -670px; }
.icon-icon-clock { width: 30px; height: 30px; background-position: -1390px -670px; }
.icon-email { width: 36px; height: 36px; background-position: -2775px -1598px; }
.icon-empty { width: 36px; height: 36px; background-position: -2831px -1598px; }
.icon-icon-arrow-right { width: 10px; height: 18px; background-position: -2887px -1598px; }
.icon-icon-classify { width: 30px; height: 30px; background-position: -1396px -670px; }
.icon-icon-clock { width: 30px; height: 30px; background-position: -1446px -670px; }
.icon-join-member { width: 90px; height: 90px; background-position: -1624px -526px; }
.icon-logo-2 { width: 118px; height: 112px; background-position: -1376px -526px; }
.icon-logo { width: 224px; height: 224px; background-position: -1175px -737px; }
.icon-password { width: 36px; height: 36px; background-position: -2823px -1598px; }
.icon-password { width: 36px; height: 36px; background-position: -1910px -526px; }
.icon-pdf { width: 46px; height: 60px; background-position: -1844px -526px; }
.icon-photo-default { width: 124px; height: 124px; background-position: -1232px -526px; }
.icon-question-icon { width: 36px; height: 36px; background-position: -1910px -526px; }
.icon-question-icon { width: 36px; height: 36px; background-position: -1966px -526px; }
.icon-quit-member { width: 90px; height: 90px; background-position: -1734px -526px; }
.icon-shtyxydm { width: 54px; height: 54px; background-position: -2180px -1598px; }
.icon-tel { width: 36px; height: 36px; background-position: -1966px -526px; }
.icon-time-update { width: 45px; height: 45px; background-position: -2254px -1598px; }
.icon-user-question { width: 32px; height: 36px; background-position: -1288px -670px; }
.icon-user { width: 36px; height: 36px; background-position: -2022px -526px; }
.icon-verification { width: 36px; height: 36px; background-position: -1232px -670px; }
.icon-wechat { width: 80px; height: 78px; background-position: -2080px -1598px; }
\ No newline at end of file
.icon-tel { width: 36px; height: 36px; background-position: -2022px -526px; }
.icon-time-update { width: 45px; height: 45px; background-position: -2318px -1598px; }
.icon-user-question { width: 32px; height: 36px; background-position: -1344px -670px; }
.icon-user { width: 36px; height: 36px; background-position: -1232px -670px; }
.icon-verification { width: 36px; height: 36px; background-position: -1288px -670px; }
.icon-wechat { width: 80px; height: 78px; background-position: -2080px -1598px; }
.icon-filter { width: 44px; height: 50px; background-position: -2254px -1598px; }
\ No newline at end of file

1.47 MB | W: | H:

1.47 MB | W: | H:

src/assets/images/sprite.png
src/assets/images/sprite.png
src/assets/images/sprite.png
src/assets/images/sprite.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -9,7 +9,7 @@ console.log('lang',lang)
// 通过选项创建 VueI18n 实例
export default new VueI18n({
locale: 'zh', // 设置地区
locale: lang, // 设置地区
messages, // 设置地区信息
silentTranslationWarn: true
})
......
......@@ -6,6 +6,7 @@ const titleEn = {
collect: 'Collection',
study: 'Study',
question: 'Question',
questionDetail: 'QuestionDetail',
feedBack: 'FeedBack',
about: 'About',
setting: 'Setting',
......@@ -19,6 +20,7 @@ const titleEn = {
nationality: 'Edit Nationality',
email: 'Edit Email',
company: 'Edit Compnay',
regIssue: 'Register Issue'
}
}
const titleZh = {
......@@ -29,6 +31,7 @@ const titleZh = {
collect: '我的收藏',
study: '我的学习',
question: '常见问题',
questionDetail: '常见问题详情',
feedBack: '意见反馈',
about: '关于协会',
setting: '设置',
......@@ -41,7 +44,8 @@ const titleZh = {
name: '设置姓名',
nationality: '设置国籍',
email: '设置邮箱',
company: '设置单位'
company: '设置单位',
regIssue: '注册发行'
}
}
export default {
......
......@@ -13,7 +13,7 @@ const settingEn = {
const settingZh = {
setting: {
language: '多语言',
bindWechat: '绑定微信',
bindWechat: '微信绑定',
resetPassword: '重置密码',
privacyPolicy: '隐私政策',
serviceAgreement: '服务协议',
......
......@@ -4,6 +4,7 @@ import Home from '@/views/home/index.vue'
import userRouter from './modules/user'
import memberRouter from './modules/member'
import qulificationRouter from './modules/qualification'
import regIssueRouter from './modules/regIssue'
import { NativeMenuApi } from '@/api/NativeApis'
const APP_ENV = process.env.VUE_APP_NODE_ENV
......@@ -39,7 +40,7 @@ const routes = [
},
component: () => import(/* webpackChunkName: "catalog" */ '@/views/catalog/') // 首页
}
].concat(userRouter, memberRouter, qulificationRouter)
].concat(userRouter, memberRouter, qulificationRouter, regIssueRouter)
const router = new VueRouter({
routes
......
const regIssueRouter = [
{
path: '/regIssue',
name: 'RegIssue',
meta: {
title: '注册发行',
isLogin: false
},
component: () => import(/* webpackChunkName: "regIssue" */ '@/views/regIssue/index.vue') // 注册发行
},
]
export default regIssueRouter
\ No newline at end of file
......@@ -112,7 +112,7 @@ const userRouter = [
path: '/user/questionDetail',
name: 'QuestionDetail',
meta: {
title: '常见问题',
title: '常见详情',
isLogin: false
},
component: () => import(/* webpackChunkName: "questionDetail" */ '@/views/user/question/detail.vue') // 常见问题详情
......
......@@ -29,7 +29,9 @@ import {
DatetimePicker,
Search,
IndexBar,
IndexAnchor
IndexAnchor,
Sidebar,
SidebarItem
} from 'vant'
import NafmHeader from '@/components/NafmHeader'
......@@ -69,7 +71,9 @@ import FooterBottom from '@/components/FooterBottom'
DatetimePicker,
Search,
IndexBar,
IndexAnchor
IndexAnchor,
Sidebar,
SidebarItem
].forEach(item => Vue.use(item))
// 先预制,后期做统一调整
......
<template>
<div class="regIssue_container">
<NafmHeader :title="$t('title.regIssue')" navClass="nafmii-head-bg3">
<template #bottom>
<SearchFirst class="common_search" placeholder="请输入企业名称/注册报告名称/主承销商" />
<img :src="require('@/assets/icon/filter.png')" class="filter" @click="show=true" />
</template>
</NafmHeader>
<div class="regIssue_content">
<van-list v-model="loading" :finished="finished" finished-text="已经到底了" @load="onLoad">
<div class="regIssue_list">
<div class="regIssue_item" v-for="(item,index) in list" :key="index">
<h3>{{item.title}}</h3>
<div class="bottom">
<div class="btm_left">
<img :src="require('@/assets/icon/time_update.png')">
<span class="time">更新日期:{{item.time}} </span>
</div>
<div class="btm_right">{{item.type}}</div>
</div>
</div>
</div>
</van-list>
</div>
<van-popup v-model="show" position="right" :style="{ height: '100%',width: '85%' }">
<div class="filter_container">
<h3>项目状态</h3>
<div class="status_list">
</div>
<h3>品种</h3>
<div class="class_list">
</div>
</div>
</van-popup>
</div>
</template>
<script>
import SearchFirst from '@/components/SearchFirst'
export default {
name: 'RegIssue',
components: {
SearchFirst
},
data() {
return {
loading: false,
finished: false,
show: false,
list: [
{
title: '南京市高淳区城市投资有限公司关于发行2021年度第一期中期票据的注册报告',
time: '2021-4-12',
type: 'MTN'
},
{
title: '南京市高淳区城市投资有限公司关于发行2021年度第一期中期票据的注册报告',
time: '2021-4-12',
type: 'MTN'
}
]
}
},
methods: {
onLoad() {
this.finished = true
this.loading = false
}
}
}
</script>
<style lang="less" scoped>
@import "~@/assets/css/search.less";
/deep/ .nav_bottom_container {
display: flex;
flex-direction: row;
align-items: center;
.filter {
width: 18px;
height: 21px;
margin-left: 15px;
}
}
.common_search {
display: flex;
flex: 1;
width: auto;
}
.regIssue_list {
padding: 0 15px;
.regIssue_item {
padding: 10px 0 12px 0;
border-bottom: 1px solid #f8f8f8;
display: flex;
flex-direction: column;
h3 {
color: #222;
font-size: 16px;
}
.bottom {
display: flex;
flex-direction: row;
margin-top: 10px;
color: #888d8d;
font-size: 12px;
justify-content: space-between;
.btm_left {
display: flex;
align-items: center;
}
img {
width: 17px;
height: 17px;
margin-right: 7px;
}
}
}
}
</style>
\ No newline at end of file
<template>
<div class="detail_container">
<NafmHeader :title="title" navClass="nafmii-head-bg3" />
<NafmHeader :title="$t('title.questionDetail')" navClass="nafmii-head-bg3" />
<div class="detail_content">
<div class="content">
111
</div>
<div class="other_question question_some">
<h3>相关问题</h3>
<van-cell :title="item.title" v-for="(item,index) in list" :key="index" center is-link @click="jumpDetail(item.id)" />
<div class="title">入会准备资料</div>
<div class="time">
<span>发布时间</span>2021-4-12
</div>
<div class="content"></div>
</div>
</div>
......@@ -18,18 +16,17 @@ export default {
name: 'QuestionDetail',
data() {
return {
title: '详情',
list: [
{ id: '1', type: '产品创新', title: '问题一问题一问题一问题一问题一问题一问题一问题一问题一问题一' },
{ id: '2', type: '产品创新', title: '问题二问题二问题二问题二问题二问题二问题二问题二问题二问题二' },
]
}
},
mounted(){
mounted() {
// api 获取问题详情页面
},
methods:{
methods: {
}
}
</script>
......@@ -37,13 +34,29 @@ export default {
@import "./less/index.less";
.detail_container {
height: 100vh;
.content {
height: 200px;
}
}
.detail_content {
width: 384px;
margin: 15px auto;
padding: 15px;
display: flex;
flex-direction: column;
align-items: center;
.title {
color: #333;
font-size: 19px;
margin-bottom: 8px;
}
.time {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
color: #888d8d;
span {
margin-right: 15px;
}
}
.content {
margin-bottom: 30px;
}
}
</style>
\ No newline at end of file
<template>
<div class="question_list">
<div class="question_container">
<NafmHeader :title="$t('title.question')" navClass="nafmii-head-bg3"></NafmHeader>
<!-- <template #bottom>
<SearchFirst @jumpPage="jumpPage" :placeholder="placeholder" />
</template> -->
<div class="question_content">
<h2>{{$t('question.classification')}}</h2>
<div class="question_type">
<ul>
<li @click="jumpQuestion()">
<img :src="icon" alt="">
<span>产品创新</span>
</li>
<li>
<img :src="icon" alt="">
<span>产品创新</span>
</li>
<li>
<img :src="icon" alt="">
<span>产品创新</span>
</li>
<li>
<img :src="icon" alt="">
<span>产品创新</span>
</li>
</ul>
</div>
<div class="question_some">
<h3>常见问题</h3>
<van-cell :title="item.title" v-for="(item,index) in list" :key="index" center is-link @click="jumpDetail(item.id)" />
<van-sidebar v-model="activeKey" class="left_menu">
<van-sidebar-item v-for="(item,index) in menu" :key="index">
<template #title>
<img :src="item.icon">
<span>{{item.name}}</span>
</template>
</van-sidebar-item>
</van-sidebar>
<div class="right_content">
<div class="list_content">
<van-cell :title="item.title" center is-link v-for="(item,index) in list" @click="jumpDetail(item.id)" :key="index" />
</div>
</div>
</div>
</div>
</template>
<script>
// import SearchFirst from '@/components/SearchFirst.vue';
export default {
name: 'Question',
components: {
// SearchFirst
},
data() {
return {
icon: require('@/assets/icon/question_icon.png'),
placeholder: this.$t('question.askPlaceholder'),
list: [
{ id: '1', type: '产品创新', title: '问题一问题一问题一问题一问题一问题一问题一问题一问题一问题一' },
{ id: '1', type: '产品创新', title: '1问题一问题一问题一问题' },
{ id: '2', type: '产品创新', title: '2问题二问题二问题二问题' },
{ id: '2', type: '产品创新', title: '问题二问题二问题二问题二问题二问题二问题二问题二问题二问题二' },
]
],
menu: [{
icon: require('@/assets/icon/question_icon.png'),
name: '产品创新1',
id: 1.
}, {
icon: require('@/assets/icon/question_icon.png'),
name: '产品创新',
id: 1.
}, {
icon: require('@/assets/icon/question_icon.png'),
name: '产品创新',
id: 1.
}],
activeKey: 0
}
},
methods: {
......@@ -56,10 +51,6 @@ export default {
name: 'Home'
})
},
jumpQuestion() {
},
// 跳转问题详情
jumpDetail(id) {
this.$router.push({
......@@ -74,61 +65,59 @@ export default {
}
</script>
<style lang="less" scoped>
@import './less/index.less';
@import "./less/index.less";
.question_container {
overflow-y: hidden;
height: 100%;
}
.question_content {
width: 384px;
margin: 16px auto;
display: flex;
flex-direction: column;
h2 {
position: relative;
display: flex;
height: 30px;
font-size: 19px;
color: #222;
border-bottom: 1px solid #c9dbeb;
&:after {
content: "";
position: absolute;
left: 0;
top: 29px;
width: 76px;
border-bottom: 3px solid #135faa;
}
}
.question_type {
margin: 25px 0;
}
ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
li {
flex: 0 0 121px;
display: flex;
width: 121px;
height: 42px;
margin-bottom: 10px;
justify-content: center;
align-items: center;
border-radius: 8px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 6px 0px rgba(2, 15, 41, 0.06);
margin-right: 10px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
width: 18px;
height: 18px;
margin-right: 7px;
}
span {
color: #333;
font-size: 16px;
}
}
flex-direction: row;
height: calc(100vh - 41px);
}
/deep/ .van-sidebar-item {
width: 125px !important;
padding: 0;
height: 56px;
display: flex;
justify-content: center;
background-color: #f6f6f6;
}
/deep/ .van-sidebar-item__text {
display: flex;
align-items: center;
}
.left_menu {
height: 100%;
overflow-y: scroll;
width: 125px !important;
background-color: #f6f6f6;
img {
width: 18px;
height: 18px;
margin-right: 10px;
}
}
.right_content {
height: 100%;
overflow-y: scroll;
display: flex;
flex-direction: column;
flex: 1;
}
/deep/ .van-sidebar-item--select::before {
height: 29px;
width: 3px;
background-color: #135faa;
}
/deep/ .van-sidebar-item--select {
color: #135faa;
background-color: #fff;
}
.van-cell__title {
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
white-space: nowrap;
}
</style>
\ No newline at end of file
<template>
<div class="search_container">
</div>
</template>
<script>
export default {
name: 'Search'
}
</script>
\ No newline at end of file
......@@ -16,7 +16,7 @@
</van-cell>
<van-cell :title="$t('setting.bindWechat')" center is-link @click="jumpMessagePage('wechat')" value-class="right_content">
<template #default>
含笑一过
{{wechatNick}}
</template>
</van-cell>
<van-cell :title="$t('setting.resetPassword')" center is-link @click="jumpMessagePage('reset')" value-class="right_content" />
......@@ -33,7 +33,7 @@
</van-cell>
-->
<van-cell title="系统字体设置" center is-link @click="showSysFont=true" value-class="right_content">
<van-cell title="字体大小" center is-link @click="showSysFont=true" value-class="right_content">
<template #default>
<span>{{sysFontText}}</span>
</template>
......@@ -63,9 +63,10 @@ export default {
showZhEn: false, // 弹出中英文设置
fingerprintChecked: false, // 指纹ID解锁状态
faceIdChecked: false, // 面容ID解锁状态
wechatNick: '',// 微信昵称
showSysFont: false,
sysFontText: '标准',
columns: [{ text: '较小', value: 98 }, { text: '标准', value: 100 }, { text: '较大', value: 110 }, { text: '超大', value: 120 }],
sysFontText: getLocalStorage('sysFontText') || '标准字体',
columns: [{ text: '特大字体', value: 120 }, { text: '大字体', value: 110 }, { text: '标准字体', value: 100 }, { text: '小字体', value: 98 }],
}
},
mounted() {
......@@ -162,6 +163,7 @@ export default {
// 切换字体大小
onConfirm(opt) {
this.sysFontText = opt.text
setLocalStorage('sysFontText', this.sysFontText)
const size = opt.value
NativeApi.nativeTextZoom({
value: size
......
......@@ -919,6 +919,11 @@
resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
"@popperjs/core@^2.9.2":
version "2.9.2"
resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.9.2.tgz#adea7b6953cbb34651766b0548468e743c6a2353"
integrity sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==
"@soda/friendly-errors-webpack-plugin@^1.7.1":
version "1.8.0"
resolved "https://registry.yarnpkg.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.0.tgz#84751d82a93019d5c92c0cf0e45ac59087cd2240"
......@@ -1103,10 +1108,17 @@
"@types/webpack-sources" "*"
source-map "^0.6.0"
"@vant/icons@1.2.1":
version "1.2.1"
resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.2.1.tgz#309fecb97a4989866f045ce676b545c454701c8f"
integrity sha512-5ivsKQR4ySbdBW5UPoQDVqO6rdc1um3rvq/0VL+ZSA7Y3MdBQ3E4/NL0hoAY5/sZZeYfIDKEP21gpjUzdeEDQQ==
"@vant/icons@1.5.2":
version "1.5.2"
resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.5.2.tgz#3f3ea353a0eacd38c113757bd31836489facb10b"
integrity sha512-Gy2mFIgObvCh1azp6LklQYsNFrCjMLxf/mEzHD6WV0pZbMBNjsb7bWvAjPo3Wygo9IVtGqi/36wrtosv3PkyRg==
"@vant/popperjs@^1.0.0":
version "1.1.0"
resolved "https://registry.yarnpkg.com/@vant/popperjs/-/popperjs-1.1.0.tgz#b4edee5bbfa6fb18705986e313d4fd5f17942a0f"
integrity sha512-8MD1gz146awV/uPxYjz4pet22f7a9YVKqk7T+gFkWFwT9mEcrIUEg/xPrdOnWKLP9puXyYtm7oVfSDSefZ/p/w==
dependencies:
"@popperjs/core" "^2.9.2"
"@vue/babel-helper-vue-jsx-merge-props@^1.0.0", "@vue/babel-helper-vue-jsx-merge-props@^1.2.1":
version "1.2.1"
......@@ -8849,13 +8861,14 @@ validate-npm-package-license@^3.0.1:
spdx-correct "^3.0.0"
spdx-expression-parse "^3.0.0"
vant@2.5.7:
version "2.5.7"
resolved "https://registry.yarnpkg.com/vant/-/vant-2.5.7.tgz#b8cdbd77366c6e32d149c7bbd67b9ec4ea1b908d"
integrity sha512-JD5SxrSI1K0cKTDx0d+UNd/we576WznGNv19ZrhEK943aP8NxyDZ9oI4ZpnR4VmMjTxdANB4JW0CqqeXHMMZ1w==
vant@2.12.6:
version "2.12.6"
resolved "https://registry.yarnpkg.com/vant/-/vant-2.12.6.tgz#6edfb0d673236e5434d2e0c208ec66a81afcb7f2"
integrity sha512-mX5To5Z0w9lRuZi9SYQhP48DFk5bw6E/zgu0JEyk6RHdbbzjXEHp6+WqSa1Mb85vx9sdMMDWf/BJNXFwcCViyQ==
dependencies:
"@babel/runtime" "7.x"
"@vant/icons" "1.2.1"
"@vant/icons" "1.5.2"
"@vant/popperjs" "^1.0.0"
"@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
vue-lazyload "1.2.3"
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!