Skip to content

polysoft-nafmii / polysoft-h5

Go to a project
Commit 9192076f by lixin
Options

资质查询代码优化

1 parent 4c8a7b76
Inline Side-by-side
Showing 9 changed files with 226 additions and 87 deletions
src/i18n/lang/member/index.js
......@@ -30,6 +30,16 @@ const memberEn = {
representative: 'Company Representative Name', // 单位代表姓名
businessSituation: 'Business Situation', // 业务开展情况
contactList: 'Contact List' // 联系人列表
},
memberservice: {
tip: 'Tip: Please login the Membership System if you want to do some changes', // 提示：如需变更请登入会员系统办理
more: 'more', // 查看更多
join: 'Join', // 入会
quit: 'Quit', // 退会
change: 'Change' // 变更
},
mbusiness: {
updateTime: 'update time', // 更新时间
}
}
......@@ -65,6 +75,16 @@ const memberZh = {
representative: '单位代表姓名', // 单位代表姓名
businessSituation: '业务开展情况', // 业务开展情况
contactList: '联系人列表' // 联系人列表
},
memberservice: {
tip: '提示：如需变更请登入会员系统办理', // 提示：如需变更请登入会员系统办理
more: '查看更多', // 查看更多
join: '入会', // 入会
quit: '退会', // 退会
change: '变更' // 变更
},
mbusiness: {
updateTime: '更新时间', // 更新时间
}
}
export default {
......
src/router/modules/member.js
......@@ -70,7 +70,7 @@ const memberRouter = [{
title: '变更'
},
component: () => import( /* webpackChunkName: "changeList" */ '@/views/member/progress/change/list.vue') // 变更列表
}, ,
},
{
path: '/member/changeProgress',
name: 'ChangeProgress',
......@@ -78,6 +78,14 @@ const memberRouter = [{
title: '变更进度'
},
component: () => import( /* webpackChunkName: "changeProgress" */ '@/views/member/progress/change') // 变更进度
},
{
path: '/member/projectDetail',
name: 'ProjectDetail',
meta: {
title: '项目详情'
},
component: () => import( /* webpackChunkName: "projectDetail" */ '@/views/member/projectDetail') // 项目详情
}
]
......
src/views/member/business/index.vue
......@@ -8,7 +8,7 @@
<p slot="label" class="info">
<span class="update_time">
<van-icon :name="timeIcon" />
更新日期：{{item.update_time}}
{{$t('mbusiness.updateTime')}}：{{item.update_time}}
</span>
<span class="org">{{item.org}}</span>
</p>
......
src/views/member/result/index.vue
......@@ -7,28 +7,28 @@
<h3 slot="title" class="title">{{memberInfo.name}}</h3>
<div slot="label">
<p>
<span>社会统一信用代码：</span>
<span>{{$t('mdetail.socialCode')}}：</span>
<span class="info">{{memberInfo.shtyxydm}}</span>
</p>
<p>
<span>会员状态：</span>
<span>{{$t('mdetail.memberStatus')}}：</span>
<span class="info">{{memberInfo.status}}</span>
</p>
<p>
<span>会员级别：</span>
<span>{{$t('mdetail.memberLevel')}}：</span>
<span class="info">{{memberInfo.level}}</span>
</p>
<p>
<span>会籍类别：</span>
<span>{{$t('mdetail.memberType')}}：</span>
<span class="info">{{memberInfo.type}}</span>
</p>
</div>
</van-cell>
<van-cell>
<p slot="default" class="tip_more">
<span class="warning_tip"> 提示：如需变更请登录会员系统办理 </span>
<span class="warning_tip"> {{$t('memberservice.tip')}} </span>
<span class="more" @click="toOtherRouter('MemberDetail')">
查看更多
{{$t('memberservice.more')}}
<van-icon :name="moreIcon" />
</span>
</p>
......@@ -38,21 +38,21 @@
<div class="in">
<van-cell is-link :icon="joinIcon" @click="toOtherRouter('JoinProgress')">
<template #title>
<span class="oper_title">入会</span>
<span class="oper_title">{{$t('memberservice.join')}}</span>
</template>
</van-cell>
</div>
<div class="out">
<van-cell is-link :icon="quitIcon" @click="toOtherRouter('QuitProgress')">
<template #title>
<span class="oper_title">退会</span>
<span class="oper_title">{{$t('memberservice.quit')}}</span>
</template>
</van-cell>
</div>
<div class="change">
<van-cell is-link :icon="changeIcon" @click="toOtherRouter('ChangeList')">
<template #title>
<span class="oper_title">变更</span>
<span class="oper_title">{{$t('memberservice.change')}}</span>
</template>
</van-cell>
</div>
......@@ -108,7 +108,7 @@ export default {
}
.member_basic {
width: 396px;
height: 231px;
// height: 231px;
margin: 10px auto;
border-radius: 8px;
background: url("../../../assets/icon/bg_member_result.png") no-repeat;
......@@ -126,10 +126,13 @@ export default {
font-size: 12px;
display: flex;
justify-content: space-between;
align-items: center;
.warning_tip {
color: #ea5c6d;
}
.more {
display: inline-block;
width: 20%;
color: #666666;
align-items: center;
}
......
src/views/qulification/agreement/components/letterItem.vue
<template>
<section class="agreement_item">
<h3 class="item_title">{{navItem.title}}</h3>
<main v-if="navItem.children" class="item_content">
<p v-for="(item, index) in navItem.children" :key="index">
<span class="title">{{item.title}}</span>
......
src/views/qulification/agreement/master.vue
<template>
<div class="master_agreement">
<NafmHeader title="《NAGMII主协议》" />
<nav class="bav_bar">
<div v-for="navItem in barList" :key="navItem.id" :class="actNav === navItem.id ? 'act_item' : 'nav_item'" @click="navSwitch(navItem.id)">
<p>{{navItem.title}}</p>
<div v-show="actNav === navItem.id" class="under_line"></div>
</div>
</nav>
<main v-if="actNav === 'time'">
<time-item v-for="(item, index) in timeAgreements" :key="index" :agreement-item="item">
</time-item>
</main>
<main v-if="actNav === 'letter'">
<letter-item v-for="(item, index) in letterAgreements" :key="index" :nav-item="item">
</letter-item>
<div class="agreement_container">
<NafmHeader navClass="nafmii-head-bg3" title="《NAGMII主协议》">
<template slot="bottom">
<nav class="tab_bar">
<div v-for="navItem in barList" :key="navItem.id" :class="actNav === navItem.id ? 'act_item' : 'nav_item'" @click="navSwitch(navItem.id)">
<p>{{navItem.title}}</p>
<div v-show="actNav === navItem.id" class="under_line"></div>
</div>
</nav>
</template>
</NafmHeader>
<main class="agreement_content">
<section v-if="actNav === 'time'">
<time-item v-for="(item, index) in timeAgreements" :key="index" :agreement-item="item">
</time-item>
</section>
<section v-if="actNav === 'letter'">
<van-index-bar :sticky-offset-top="80">
<div v-for="item in letterAgreements" :key="item.title">
<van-index-anchor :index="item.title" />
<letter-item :nav-item="item"></letter-item>
</div>
</van-index-bar>
</section>
</main>
<section class="remark">
<h3 class="title">备注：</h3>
......@@ -54,6 +63,78 @@ export default {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-07'
}]
}, {
title: 'B',
children: [{
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-03'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-04'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-05'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-06'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-07'
}]
}, {
title: 'C',
children: [{
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-03'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-04'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-05'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-06'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-07'
}]
}, {
title: 'D',
children: [{
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-03'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-04'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-05'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-06'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-07'
}]
}, {
title: 'E',
children: [{
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-03'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-04'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-05'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-06'
}, {
title: 'XXXXXXXXXXXXX公司',
time: '2020-03-07'
}]
}],
timeAgreements: [{
time: '2021-03-03',
......@@ -82,17 +163,18 @@ export default {
}
</script>
<style lang="less" scoped>
.master_agreement {
padding: 0 20px;
}
.bav_bar {
.agreement_container {
width: 384px;
margin: 0 auto;
}
.tab_bar {
width: 384px;
margin: 6px auto;
display: flex;
justify-content: space-around;
font-size: 15px;
color: #ffffff;
background: blue;
background: transparent;
.act_item {
font-size: 19px;
font-family: PingFangSC-Semibold;
......@@ -117,5 +199,21 @@ export default {
color: #999999;
}
}
::v-deep .van-index-bar__sidebar {
border: 0.5px solid #dadada;
background-color: #f2f2f2;
margin-right: 10px;
padding: 10px 0;
border-radius: 11px;
.van-index-bar__index {
display: block;
padding: 0;
width: 20px;
line-height: 22px;
text-align: center;
font-size: 10px;
color: #777879;
}
}
</style>
src/views/qulification/detail.vue
<template>
<div>
<div class="detail_container">
<NafmHeader navClass="nafmii-head-bg3" title="资质查询" />
<section class="detail_content">
<van-cell-group class="">
......@@ -40,6 +40,7 @@
</template>
<script>
export default {
name: 'QulificationDetail',
data() {
return {
qulificationDetail: {
......
src/views/qulification/list.vue
<template>
<div>
<NafmHeader navClass="nafmii-head-bg3" title="资质查询" />
<div class="search_bar">
<van-field v-model="searchName" placeholder="请输入机构名称">
<template #label>
<div class="select" :style="searchName && searchName!== '' ? 'opacity: 1' : 'opacity: 0.6'">
<van-icon name="search" />
<span class="qulification_type">{{qulificationType}}</span>
<van-icon name="play" />
</div>
</template>
</van-field>
</div>
<section class="content">
<van-cell-group>
<van-cell v-for="item in searchList" :key="item.id" icon="search">
<template slot="title">
<!-- <van-icon name="search" /> -->
<!-- <span>{{item.name.replace(new RegExp(searchName, 'g'), '<span></span>')}}</span> -->
<span>{{item.name}}</span>
</template>
</van-cell>
</van-cell-group>
</section>
<div class="list_container">
<NafmHeader navClass="nafmii-head-bg3" title="资质查询">
<template slot="bottom">
<div class="search_bar">
<van-field v-model="searchName" placeholder="请输入机构名称">
<template #label>
<div class="select" :style="searchName && searchName!== '' ? 'opacity: 1' : 'opacity: 0.6'">
<van-icon name="search" />
<span class="qulification_type">{{qulificationType}}</span>
<van-icon name="play" />
</div>
</template>
</van-field>
</div>
</template>
</NafmHeader>
<main class="list_content">
<section class="content">
<van-cell-group>
<van-cell v-for="item in searchList" :key="item.id" icon="search">
<template slot="title">
<!-- <van-icon name="search" /> -->
<!-- <span>{{item.name.replace(new RegExp(searchName, 'g'), '<span></span>')}}</span> -->
<span>{{item.name}}</span>
</template>
</van-cell>
</van-cell-group>
</section>
</main>
</div>
</template>
<script>
export default {
name: 'QulificationList',
data() {
return {
searchName: 'aaa',
......@@ -38,8 +44,8 @@ export default {
</script>
<style lang="less" scoped>
.search_bar {
background: cyan;
padding: 20px;
width: 384px;
padding: 10px 15px;
.van-cell {
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.3);
......
src/views/qulification/search.vue
<template>
<div class="qulification_search">
<div class="qulification_search_container">
<NafmHeader navClass="nafmii-head-bg3" title="资质查询" />
<section class="logo">
</section>
<h3 class="search_title">会员及市场参与者情况查询</h3>
<section class="search_box">
<span class="select" @click="showSheet = true">
<van-icon name="search" />
<span class="qulification_type">{{qulificationType}}</span>
<van-icon name="play" />
</span>
<div class="visual_input" @click="toListSearch">
<span>请输入机构名称</span>
</div>
</section>
<section class="search_history">
<div class="history_header">
<span>搜索历史</span>
<span class="delete_circle">
<van-icon name="delete" />
<main class="qulification_content">
<section class="logo">
</section>
<h3 class="search_title">会员及市场参与者情况查询</h3>
<section class="search_box">
<span class="select" @click="showSheet = true">
<van-icon name="search" />
<span class="qulification_type">{{qulificationType}}</span>
<van-icon name="play" />
</span>
</div>
<div>
<span class="history_item" v-for=" item in historyItems" :key="item.id" @click="toDetail">{{item.name}}</span>
</div>
</section>
<div class="visual_input" @click="toListSearch">
<span>请输入机构名称</span>
</div>
</section>
<section class="search_history">
<div class="history_header">
<span>搜索历史</span>
<span class="delete_circle">
<van-icon name="delete" />
</span>
</div>
<div>
<span class="history_item" v-for=" item in historyItems" :key="item.id" @click="toDetail">{{item.name}}</span>
</div>
</section>
</main>
<van-action-sheet v-model="showSheet" :actions="actions" cancel-text="取消" close-on-click-action @select="onSelect" />
</div>
</template>
<script>
export default {
name: 'QulificationSearch',
data() {
return {
actions: [
......@@ -67,8 +70,9 @@ export default {
}
</script>
<style lang="less" scoped>
.qulification_search {
padding: 20px;
.qulification_search_container {
width: 384px;
margin: 0 auto;
.logo {
display: block;
width: 100px;
......@@ -112,7 +116,7 @@ export default {
}
}
.visual_input {
width: 285px;
// width: 285px;
color: #999999;
padding: 10px 0;
span {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!