FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

福田开发

Browse Source
This commit is contained in:
宋伟佳
2021-05-26 11:05:40 +08:00
parent 4db7ae5888
commit e372b36ff5
12 changed files with 1122 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/navMenu/index.vue
+267 -267
View File
@@ -68,7 +68,7 @@ export default {
navMenuList: [
{
title: '首页',
path: '/home',
path: '/home1',
isChildren: true, // 判断没有子菜单
'icon-class': 'home'
},
@@ -78,86 +78,86 @@ export default {
'icon-class': 'fagui',
menuId: 'PMYP5AG3M2',
children: [
{
title: '动态&资料',
path: '/dynamicInformation',
menuId: 'RAFQ4N4ARF'
},
// {
// title: '动态&资料',
// path: '/dynamicInformation',
// menuId: 'RAFQ4N4ARF'
// },
{
title: '国内标准法规',
path: '/domesticStandardsAndRegulations',
menuId: 'A59EFAQ7AC'
},
{
title: '海外标准法规',
path: '/foreignStandardsAndRegulations',
menuId: '6K8A2RZYRE'
},
{
title: '国内外政策',
path: '/foreignRegulationsDatabase',
menuId: '4DB4Y2H3NH'
},
// // {
// // title: '标准制修订管理',
// // path: '/demo2One'
// // },
{
title: '标准法规清单',
path: '/accessStandardsAndRegulations',
menuId: 'UR3CSDWEQM6Q2GEW339L'
},
// {
// title: '标准法规清单详情',
// path: '/details'
// }
// // {
// // title: '试验项目库',
// // path: '/demo2One'
// // },
// // {
// // title: '本地产品/项目库',
// // path: '/localProductsOrProjectLibrary'
// // },
{
title: '企业标准库',
path: '/enterpriseStandardDatabase',
menuId: '3YVZP8R4TC'
},
{
title: '企标制修订计划',
path: '/enterBSysRevPlanManaLib',
menuId: 'WW7YDHQ9Z679TGMDZMUS'
},
// title: '海外标准法规',
// path: '/foreignStandardsAndRegulations',
// menuId: '6K8A2RZYRE'
// },
// {
// title: '子公司标准库',
// path: '/subsidiaryStandardLibrary'
// title: '国内外政策',
// path: '/foreignRegulationsDatabase',
// menuId: '4DB4Y2H3NH'
// },
// // // {
// // // title: '标准制修订管理',
// // // path: '/demo2One'
// // // },
// {
// title: '标准法规清单',
// path: '/accessStandardsAndRegulations',
// menuId: 'UR3CSDWEQM6Q2GEW339L'
// },
// // {
// // title: '标准法规清单详情',
// // path: '/details'
// // }
// // // {
// // // title: '试验项目库',
// // // path: '/demo2One'
// // // },
// // // {
// // // title: '本地产品/项目库',
// // // path: '/localProductsOrProjectLibrary'
// // // },
// {
// title: '企业标准库',
// path: '/enterpriseStandardDatabase',
// menuId: '3YVZP8R4TC'
// },
// {
// title: '企标制修订计划',
// path: '/enterBSysRevPlanManaLib',
// menuId: 'WW7YDHQ9Z679TGMDZMUS'
// },
// // {
// // title: '子公司标准库',
// // path: '/subsidiaryStandardLibrary'
// // }
// {
// title: '车型/项目库',
// path: '/localProductsOrProjectLibrary',
// menuId: 'PCZKM8TQJAH5UP5EAXTJ'
// },
// {
// title: '未符合项跟踪',
// path: '/nonConfomity',
// menuId: 'HQSK8WWPDJG7R5F53LTK'
// },
// {
// title: '标准法规工作组',
// path: '/workGroup',
// menuId: 'QYRMD5TUNBP9XXFRNK5S'
// },
// {
// title: '备案产品标准库',
// path: '/enterpriseStandardFiling',
// menuId: 'MQBAGJQMSRZDRX3X5AVR'
// },
// {
// title: '标准合规评估结果', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
// path: '/standInvolveProject',
// menuId: 'JURHS3LVP35US88ABULS'
// }
{
title: '车型/项目库',
path: '/localProductsOrProjectLibrary',
menuId: 'PCZKM8TQJAH5UP5EAXTJ'
},
{
title: '未符合项跟踪',
path: '/nonConfomity',
menuId: 'HQSK8WWPDJG7R5F53LTK'
},
{
title: '标准法规工作组',
path: '/workGroup',
menuId: 'QYRMD5TUNBP9XXFRNK5S'
},
{
title: '备案产品标准库',
path: '/enterpriseStandardFiling',
menuId: 'MQBAGJQMSRZDRX3X5AVR'
},
{
title: '标准合规评估结果', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
path: '/standInvolveProject',
menuId: 'JURHS3LVP35US88ABULS'
}
// {
// title: '动态信息',
// path: '/information',
@@ -165,46 +165,46 @@ export default {
// }
]
},
{
title: '工作台',
path: '/processCenter',
'icon-class': 'liucheng',
menuId: '6GDJ5JDHUS',
children: [
{
title: '流程中心',
path: '/processCenter'
},
{
title: '发起流程',
path: '/createProcessNew'
},
// {
// title: '标准法规管理流程',
// path: '/newProcess/1'
// },
// {
// title: '政策管理流程',
// path: '/newProcess/2'
// },
// {
// title: '企标管理流程',
// path: '/newProcess/3'
// },
// {
// title: '标准采购翻译申请流程',
// path: '/newProcess/4'
// },
// {
// title: '工作组会议管理流程',
// path: '/newProcess/5'
// },
// {
// title: '标准法规清单管理流程',
// path: '/newProcess/6'
// }
]
},
// {
// title: '工作台',
// path: '/processCenter',
// 'icon-class': 'liucheng',
// menuId: '6GDJ5JDHUS',
// children: [
// {
// title: '流程中心',
// path: '/processCenter'
// },
// {
// title: '发起流程',
// path: '/createProcessNew'
// },
// // {
// // title: '标准法规管理流程',
// // path: '/newProcess/1'
// // },
// // {
// // title: '政策管理流程',
// // path: '/newProcess/2'
// // },
// // {
// // title: '企标管理流程',
// // path: '/newProcess/3'
// // },
// // {
// // title: '标准采购翻译申请流程',
// // path: '/newProcess/4'
// // },
// // {
// // title: '工作组会议管理流程',
// // path: '/newProcess/5'
// // },
// // {
// // title: '标准法规清单管理流程',
// // path: '/newProcess/6'
// // }
// ]
// },
{
title: '本地工具',
@@ -231,11 +231,11 @@ export default {
path: '/standContrast',
menuId: '3RYN5FLTTDYP7D2PJ44H'
},
{
title: '标准比对库',
path: '/standardComparisonLibrary',
menuId: 'AH56UDHHBVF5V7WZFWJQ'
}
// {
// title: '标准比对库',
// path: '/standardComparisonLibrary',
// menuId: 'AH56UDHHBVF5V7WZFWJQ'
// }
// {
// title: '预警管理',
// path: '/warningManage'
@@ -250,13 +250,13 @@ export default {
// },
]
},
{
title: '标准预警',
path: '/standardWarning',
'icon-class': 'warning',
menuId: 'ABCLRLJUQN44ENBS93CQ',
isChildren: true // 判断没有子菜单
},
// {
// title: '标准预警',
// path: '/standardWarning',
// 'icon-class': 'warning',
// menuId: 'ABCLRLJUQN44ENBS93CQ',
// isChildren: true // 判断没有子菜单
// },
// {
// title: '技术要求清单',
// path: '/skillReq',
@@ -271,148 +271,148 @@ export default {
// }
// ]
// },
{
title: '配置管理',
path: '/config',
'icon-class': 'conf',
menuId: '95KGANGWCV',
children: [
{
title: '标准法规属性管理',
path: '/standLawsAttrManage',
menuId: 'C5VHBSYRMA'
},
{
title: '资料中心管理',
path: '/dynamicInformationManage',
menuId: '6V2QZ9STRZ'
},
{
title: '机构管理',
path: '/MechanismManage',
menuId: '7MWCQK6NNH'
},
{
title: '角色管理',
path: '/roleManage',
menuId: 'NVU76EMB7N'
},
{
title: '用户管理',
path: '/userManage',
menuId: 'YRJUEVJVUJ'
},
{
title: '系统配置管理',
path: '/warningTimeSetting',
menuId: 'H2KC6P3PPM'
},
{
title: '文档转换监控',
path: '/convertDocView',
menuId: '3F52K25546'
},
// {
// title: '菜单管理',
// path: '/menuManage'
// },
// {
// title: '保密管理',
// path: '/convertDocView'
// },
{
title: '动态信息管理',
path: '/DynamicInformations',
menuId: '3C87BSHJUF'
},
{
title: '标准属性自定义',
path: '/attributeCustom',
menuId: 'PGPZXNUFEXC85BVPV9AU'
},
// {
// title: '流程分类管理',
// path: '/processClassificationManage',
// menuId: 'N323F2UB9FTUV5SD3GTD'
// },
// {
// title: '流程管理',
// path: '/processManage',
// menuId: 'K5KXSS3X9CF7CS8AMFJ5'
// },
{
title: 'SVPPS',
path: '/svpps',
menuId: 'AR52RX586LQHVZSVV83K'
},
{
title: '企标编号管理体系',
path: '/enterpriseStandardNumberManagement',
menuId: '9YSFG39S3CBFUJCEU3QX'
}
]
},
{
title: '个人中心',
path: '/personal',
'icon-class': 'ucenter',
menuId: 'ZY9RFA4M35',
children: [
{
title: '我的消息',
path: '/dynamics',
menuId: 'JCEV4AEV32'
},
{
title: '我的企标',
path: '/MyEnterpriseStandard',
menuId: 'LKU3W23UMEHDM9VLDHGK'
},
{
title: '我的收藏',
path: '/collection',
menuId: 'JY5LKL2HPD'
},
{
title: '我的浏览',
path: '/browsing',
menuId: 'HAEY2A4LMX'
},
{
title: '已收分享',
path: '/push',
menuId: '9F8T7DPYHE'
},
{
title: '已发分享',
path: '/forward',
menuId: 'K45Y9TGKZV2K4XP4CETD'
},
{
title: '我的问答',
path: '/questionsAndAnswers',
menuId: '8VKLZATQQG4NQHXV9UDS'
},
{
title: '我的板块',
path: '/plate',
menuId: 'TUYHX8JBWV'
}
// {
// title: '个人信息',
// path: '/info',
// menuId: '8K7FDHG89G'
// }
]
},
{
title: '搜索中心',
path: '/advancedSearch',
'icon-class': 'search',
menuId: 'K9BAYUPZBC',
isChildren: true // 判断没有子菜单
},
// {
// title: '配置管理',
// path: '/config',
// 'icon-class': 'conf',
// menuId: '95KGANGWCV',
// children: [
// {
// title: '标准法规属性管理',
// path: '/standLawsAttrManage',
// menuId: 'C5VHBSYRMA'
// },
// {
// title: '资料中心管理',
// path: '/dynamicInformationManage',
// menuId: '6V2QZ9STRZ'
// },
// {
// title: '机构管理',
// path: '/MechanismManage',
// menuId: '7MWCQK6NNH'
// },
// {
// title: '角色管理',
// path: '/roleManage',
// menuId: 'NVU76EMB7N'
// },
// {
// title: '用户管理',
// path: '/userManage',
// menuId: 'YRJUEVJVUJ'
// },
// {
// title: '系统配置管理',
// path: '/warningTimeSetting',
// menuId: 'H2KC6P3PPM'
// },
// {
// title: '文档转换监控',
// path: '/convertDocView',
// menuId: '3F52K25546'
// },
// // {
// // title: '菜单管理',
// // path: '/menuManage'
// // },
// // {
// // title: '保密管理',
// // path: '/convertDocView'
// // },
// {
// title: '动态信息管理',
// path: '/DynamicInformations',
// menuId: '3C87BSHJUF'
// },
// {
// title: '标准属性自定义',
// path: '/attributeCustom',
// menuId: 'PGPZXNUFEXC85BVPV9AU'
// },
// // {
// // title: '流程分类管理',
// // path: '/processClassificationManage',
// // menuId: 'N323F2UB9FTUV5SD3GTD'
// // },
// // {
// // title: '流程管理',
// // path: '/processManage',
// // menuId: 'K5KXSS3X9CF7CS8AMFJ5'
// // },
// {
// title: 'SVPPS',
// path: '/svpps',
// menuId: 'AR52RX586LQHVZSVV83K'
// },
// {
// title: '企标编号管理体系',
// path: '/enterpriseStandardNumberManagement',
// menuId: '9YSFG39S3CBFUJCEU3QX'
// }
// ]
// },
// {
// title: '个人中心',
// path: '/personal',
// 'icon-class': 'ucenter',
// menuId: 'ZY9RFA4M35',
// children: [
// {
// title: '我的消息',
// path: '/dynamics',
// menuId: 'JCEV4AEV32'
// },
// {
// title: '我的企标',
// path: '/MyEnterpriseStandard',
// menuId: 'LKU3W23UMEHDM9VLDHGK'
// },
// {
// title: '我的收藏',
// path: '/collection',
// menuId: 'JY5LKL2HPD'
// },
//
// {
// title: '我的浏览',
// path: '/browsing',
// menuId: 'HAEY2A4LMX'
// },
// {
// title: '已收分享',
// path: '/push',
// menuId: '9F8T7DPYHE'
// },
// {
// title: '已发分享',
// path: '/forward',
// menuId: 'K45Y9TGKZV2K4XP4CETD'
// },
// {
// title: '我的问答',
// path: '/questionsAndAnswers',
// menuId: '8VKLZATQQG4NQHXV9UDS'
// },
// {
// title: '我的板块',
// path: '/plate',
// menuId: 'TUYHX8JBWV'
// }
// // {
// // title: '个人信息',
// // path: '/info',
// // menuId: '8K7FDHG89G'
// // }
// ]
// },
// {
// title: '搜索中心',
// path: '/advancedSearch',
// 'icon-class': 'search',
// menuId: 'K9BAYUPZBC',
// isChildren: true // 判断没有子菜单
// },
// {
// title: '标准比对库',
// path: '/standardComparisonLibrary',
src/pages/home/components/EnterCard.vue
+5 -7
View File
@@ -25,13 +25,11 @@ export default {
<style lang="less" scoped>
.wx-card {
width: 140px;
height: 120px;
border: 2px solid #4091FF;
background: rgba(0, 72, 158, 0.8);
box-shadow: 0px 0px 21px 0px rgba(5, 20, 62, 0.41);
border-radius: 15px;
width: 214px;
line-height: 88px;
text-align: center;
background: rgba(182, 213, 255, 0.22);
margin-left: 10px;
display: flex;
justify-content: center;
align-items: center;
src/pages/home/index.vue
+1 -1
View File
@@ -27,7 +27,7 @@
</div>
<div class="home-input">
<el-input
placeholder="What are you looking for？"
placeholder="what are you looking for？"
@keyup.native.enter="search"
v-model="checkContent">
</el-input>
src/pages/home1/components/empennage/index.vue
+53
View File
@@ -0,0 +1,53 @@
<!-- 尾部链接 -->
<template>
<div class="link">
<ul>
<li><a href="http://www.sac.gov.cn/">国家标准化管理委员会</a></li>
<li><a href="http://www.sac.gov.cn/">全国标准公共服务平台</a></li>
<li><a href="http://www.sac.gov.cn/">国家标准全文公开</a></li>
<li><a href="http://www.sac.gov.cn/">全国汽车标准化技术委员会</a></li>
<li><a href="http://www.sac.gov.cn/">交通运输标准化信息平台</a></li>
<li><a href="http://www.sac.gov.cn/">工信部装备工业发展中心</a></li>
<li><a href="http://www.sac.gov.cn/">中华人民共和国生态环境部</a></li>
<li><a href="">更多链接></a></li>
</ul>
</div>
</template>
<script>
export default {
name: 'Empennage',
components: {},
mixins: [],
data() {
return {}
},
computed: {},
watch: {},
mounted() {},
methods: {},
}
</script>
<style lang="less" scoped>
.link {
height: 100%;
ul {
display: flex;
height: 100%;
text-align: center;
user-select: none;
li {
flex: 1;
a {
color: #ffffff;
&:hover {
color: #e9ca32;
text-decoration: underline;
}
}
}
}
}
</style>
src/pages/home1/components/navMenu/index.vue
+124
View File
@@ -0,0 +1,124 @@
<!-- 右侧导航 -->
<template>
<div class="nav-menu">
<div class="top">
<div class="menu-item">高级检索</div>
<div class="menu-item">个人中心</div>
<div class="menu-item">统计图表</div>
</div>
<!-- <div class="bottom">-->
<!-- <div v-for="(menuList, index) in navMenu" :key="index" class="menu-wrap" >-->
<!-- <div v-for="menu in menuList" :key="menu.title" class="menu-item">-->
<!-- {{ menu.title }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="bottom">
<div class="menu-wrap">
<enter-card label="国内法规" path="/domesticStandardsAndRegulations" style="margin-left:0px;"></enter-card>
<enter-card label="国外法规" path="/"></enter-card>
<enter-card label="标准清单" path="/"></enter-card>
</div>
<div class="menu-wrap">
<enter-card label="国内外政策" path="/" style="margin-left:0px;"></enter-card>
<enter-card label="企业标准" path="/"></enter-card>
<enter-card label="标准预警" path="/"></enter-card>
</div>
</div>
</div>
</template>
<script>
import EnterCard from '@/pages/home/components/EnterCard'
export default {
name: 'NavMenu',
components: {EnterCard},
mixins: [],
data() {
return {
navMenu: [
[
{
title: '国内法规',
path: '/domesticStandardsAndRegulations',
},
{
title: '国外法规',
path: '/',
},
{
title: '标准清单',
path: '/',
},
],
[
{
title: '国内外政策',
path: '/',
},
{
title: '企业标准',
path: '/',
},
{
title: '标准预警',
path: '/',
},
],
],
}
},
computed: {},
watch: {},
mounted() {},
methods: {
toPage() {
this.$router.push(this.path)
}
},
}
</script>
<style lang="less" scoped>
.nav-menu {
margin-bottom: 10px;
.top {
display: flex;
margin-bottom: 20px;
.menu-item {
flex: 1;
height: 50px;
margin-right: 10px;
line-height: 50px;
text-align: center;
color: #ffffff;
background: rgba(182, 213, 255, 0.22);
&:last-child {
margin-right: 0;
}
}
}
.bottom {
.menu-wrap {
display: flex;
color: #ffffff;
margin-bottom: 10px;
text-align: center;
&:last-child {
margin-bottom: 0;
}
.menu-item {
flex: 1;
line-height: 88px;
text-align: center;
margin-right: 10px;
background: rgba(182, 213, 255, 0.22);
&:last-child {
margin-right: 0;
}
}
}
}
}
</style>
src/pages/home1/components/realtimeinfo/index.vue
+91
View File
@@ -0,0 +1,91 @@
<!-- 资讯 -->
<template>
<div class="realimeinfo">
<ul>
<li v-for="item in realimeinfoList" :key="item.id" class="time-title">
<a class="title" :title="item.title">{{ item.title }}</a>
<span class="time">{{ putTime }}</span>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'Realimeinfo',
components: {},
mixins: [],
data() {
return {
putTime: '',
realimeinfoList: [
{
id: 1,
title: '资讯1',
},
{
id: 2,
title: '资讯2',
},
{
id: 3,
title: '资讯3',
},
{
id: 4,
title: '资讯4',
},
{
id: 5,
title: '资讯5',
},
{
id: 6,
title: '资讯6',
},
],
}
},
computed: {},
watch: {},
mounted() {
this.getDate()
},
methods: {
getDate() {
//获取当前时间
var date = new Date()
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()
if (month < 10) {
month = '0' + month
}
if (day < 10) {
day = '0' + day
}
var nowDate = year + '-' + month + '-' + day
this.putTime = nowDate
},
},
}
</script>
<style lang="less" scoped>
.realimeinfo {
.time-title {
margin: 15px;
.time {
float: right;
}
a {
color: #ffffff;
&:hover {
color: #e9c851;
text-decoration: underline;
}
}
}
}
</style>
src/pages/home1/components/release/index.vue
+90
View File
@@ -0,0 +1,90 @@
<!-- 标准发布 -->
<template>
<div class="release">
<ul>
<li v-for="item in standardReleaseList" :key="item.id" class="time-title">
<a class="title" :title="item.title">{{ item.title }}</a>
<span class="time">{{ putTime }}</span>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'Release',
components: {},
mixins: [],
data() {
return {
putTime: '',
standardReleaseList: [
{
id: 1,
title: '标准发布1',
},
{
id: 2,
title: '标准发布2',
},
{
id: 3,
title: '标准发布3',
},
{
id: 4,
title: '标准发布4',
},
{
id: 5,
title: '标准发布5',
},
{
id: 6,
title: '标准发布6',
},
],
}
},
computed: {},
watch: {},
mounted() {
this.getDate()
},
methods: {
getDate() {
//获取当前时间
var date = new Date()
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()
if (month < 10) {
month = '0' + month
}
if (day < 10) {
day = '0' + day
}
var nowDate = year + '-' + month + '-' + day
this.putTime = nowDate
},
},
}
</script>
<style lang="less" scoped>
.release {
.time-title {
margin: 15px;
.time {
float: right;
}
a {
color: #ffffff;
&:hover {
color: #e9c851;
text-decoration: underline;
}
}
}
}
</style>
src/pages/home1/components/searchGroup/index.vue
+104
View File
@@ -0,0 +1,104 @@
<!-- 搜索栏 -->
<template>
<div class="search-group">
<el-select
v-model="selectKey"
class="search-group-item"
placeholder="请选择"
>
<el-option
v-for="item in jumpPage"
:key="item.selectKey"
:label="item.label"
:value="item.selectKey"
></el-option>
</el-select>
<div class="search-condition">
<el-input
v-model="keywords"
type="text"
placeholder="请输入关键词"
clearable
></el-input>
<el-button class="primary_button" type="primary">搜索</el-button>
</div>
</div>
</template>
<script>
export default {
name: 'SearchGroup',
components: {},
mixins: [],
data() {
return {
selectKey: '',
keywords: '',
jumpPage: [
{
selectKey: '选项1',
label: '国内外标准法规',
},
{
selectKey: '选项2',
label: '研究报告',
},
{
selectKey: '选项3',
label: '企业标准',
},
{
selectKey: '选项4',
label: '动态&通知',
},
{
selectKey: '选项5',
label: '流程中心',
},
],
}
},
computed: {},
watch: {},
mounted() {},
methods: {},
}
</script>
<style lang="less" scoped>
.search-group {
display: flex;
width: 60vw;
height: 50px;
margin-bottom: 20px;
.search-group-item {
margin-right: 20px;
::v-deep {
.el-input__inner {
width: 18vm;
height: 40px;
color: #fff;
background: rgba(182, 213, 255, 0.22);
}
}
}
.search-condition {
display: flex;
flex: 1;
::v-deep {
.el-input__inner {
height: 40px;
font-size: 16px;
color: #fff;
background: rgba(182, 213, 255, 0.22);
}
}
}
.primary_button {
width: 8.2vw;
height: 40px;
background-color: #007dfe;
}
}
</style>
src/pages/home1/components/solicitopinions/index.vue
+90
View File
@@ -0,0 +1,90 @@
<!-- 标准征求意见 -->
<template>
<div class="solicitopinions">
<ul>
<li v-for="item in domesticDynamics" :key="item.id" class="time-title">
<a class="title" :title="item.title">{{ item.title }}</a>
<span class="time">{{ putTime }}</span>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'Solicitopinions',
components: {},
mixins: [],
data() {
return {
putTime: '',
domesticDynamics: [
{
id: 1,
title: '标准征求意见1',
},
{
id: 2,
title: '标准征求意见2',
},
{
id: 3,
title: '标准征求意见3',
},
{
id: 4,
title: '标准征求意见4',
},
{
id: 5,
title: '标准征求意见5',
},
{
id: 6,
title: '标准征求意见6',
},
],
}
},
computed: {},
watch: {},
mounted() {
this.getDate()
},
methods: {
getDate() {
//获取当前时间
var date = new Date()
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()
if (month < 10) {
month = '0' + month
}
if (day < 10) {
day = '0' + day
}
var nowDate = year + '-' + month + '-' + day
this.putTime = nowDate
},
},
}
</script>
<style lang="less" scoped>
.solicitopinions {
.time-title {
margin: 15px;
.time {
float: right;
}
a {
color: #ffffff;
&:hover {
color: #e9c851;
text-decoration: underline;
}
}
}
}
</style>
src/pages/home1/components/todoList/index.vue
+78
View File
@@ -0,0 +1,78 @@
<!-- 待办任务 -->
<template>
<div class="to-do-list">
<div>
<h3 class="task">待办任务</h3>
<span class="more">MORE</span>
</div>
<ul>
<li v-for="item in toDoTaskList" :key="item.id" class="time-title">
<a>{{ item.title }}</a>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'ToDoList',
components: {},
mixins: [],
data() {
return {
toDoTaskList: [
{
id: 1,
title: '标准制定流程1',
},
{
id: 2,
title: '标准制定流程2',
},
{
id: 3,
title: '标准制定流程3',
},
],
}
},
computed: {},
watch: {},
mounted() {},
methods: {},
}
</script>
<style lang="less" scoped>
.to-do-list {
flex: 1;
height: 100%;
overflow: hidden;
background: rgba(182, 213, 255, 0.22);
.task {
display: inline-block;
margin: 15px;
color: #FFFFFF;
font-size: 14px;
}
.more {
float: right;
color: #FFFFFF;
margin: 15px 15px;
&:hover {
color: red;
cursor: pointer;
}
}
.time-title {
margin: 15px;
}
a {
color: #ffffff;
&:hover {
color: #e9c851;
text-decoration: underline;
}
}
}
</style>
src/pages/home1/index.vue
+207
View File
@@ -0,0 +1,207 @@
<!-- 首页 -->
<template>
<div class="home">
<div class="home_header">
<div class="logo">
<span class="logo_title"></span>
</div>
<div class="user_exit">
<span>您好，{{ $store.getters.userInfo.uName }}</span>
<span class="exit" @click="logout">退出</span>
</div>
</div>
<div class="home_main">
<div class="left_wrapper">
<search-group></search-group>
<div class="main-tabs">
<div class="main-left-wrap">
<el-tabs
v-model="activeName"
class="home-tabs"
@tab-click="handleTabClick"
>
<el-tab-pane label="标准征求意见" name="solicitOpinions">
<solicitOpinions></solicitOpinions>
</el-tab-pane>
<el-tab-pane label="标准发布" name="release">
<release></release>
</el-tab-pane>
<el-tab-pane label="资讯" name="realTimeInfo">
<realTimeInfo></realTimeInfo>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
<div class="right_wrapper">
<nav-menu></nav-menu>
<todo-list></todo-list>
</div>
</div>
<div calss="home_footer">
<div class="footer">
<Empennage></Empennage>
</div>
</div>
</div>
</template>
<script>
import searchGroup from './components/searchGroup'
import realTimeInfo from './components/realtimeinfo'
import release from './components/release'
import navMenu from './components/navMenu'
import solicitOpinions from './components/solicitopinions'
import todoList from './components/todoList'
import Empennage from "./components/empennage"
export default {
name: 'Home',
components: {
Empennage,
searchGroup,
solicitOpinions,
realTimeInfo,
release,
navMenu,
todoList,
},
mixins: [],
data() {
return {
activeName: 'solicitOpinions',
}
},
computed: {},
watch: {},
mounted() {},
methods: {
handleTabClick(tab, event) {},
//退出登录
logout(){
this.$confirm('您确认要退出吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
confirmButtonClass: 'common-button-primary',
roundButton: true
}).then(() => {
this.$store.commit('setTypeFlag', 'loginOut')
this.$http.get('logout', {}, {
_this: this
}, res => {
this.$store.dispatch('logout')
this.$router.push('/login')
}, e => {})
}).catch(() => {
})
}
},
}
</script>
<style lang="less" scoped>
.home {
height: 100%;
display: flex;
flex-direction: column;
padding: 1.1vh 3.51vw 4.9vh;
//background: url('../../assets/images/home/BG.png') no-repeat;
background: url("../../assets/images/shangqi/home/BG.png") no-repeat;
background-size: 100% 100%;
.home_header {
position: relative;
display: flex;
justify-content: space-between;
height: 9.1vh;
margin-bottom: 2.7vh;
.logo {
width: 500px;
height: 70px;
background: url("../../assets/images/shangqi/home/logo2.png") no-repeat;
.logo_title {
height: 50px;
margin-top: 50px;
margin-left: 35%;
font-size: 25px;
font-weight: bold;
line-height: 50px;
color: #fff;
}
}
.user_exit {
span {
display: inline-block;
margin-top: 50px;
color: #fff;
}
.user,
.exit {
height: 50px;
margin: 5px;
font-size: 14px;
line-height: 50px;
color: #fff;
cursor: pointer;
&:hover {
color: #ecce38;
}
}
}
}
.home_main {
display: flex;
flex: 1;
overflow: hidden;
.left_wrapper {
display: flex;
flex: 1;
flex-direction: column;
width: 60vw;
height: 100%;
margin-right: 10px;
.home-tabs {
margin-left: 2.34vw;
::v-deep {
.el-tabs__item {
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
.el-tabs__nav-wrap::after {
background-color: transparent;
}
}
}
.main-tabs {
display: flex;
flex: 1;
flex-direction: column;
width: 60vw;
height: 67.7vh;
margin-right: 10px;
background: rgba(182, 213, 255, 0.22);
}
}
.right_wrapper {
display: flex;
flex-direction: column;
width: 32.2vw;
height: 100%;
}
.search-condition {
display: block;
.el-input {
width: 300px;
}
}
}
.footer {
height: 5.2vh;
margin-top: 1.3vh;
line-height: 5.2vh;
background: rgba(182, 213, 255, 0.22);
}
}
</style>
src/router/index.js
+12
View File
@@ -47,6 +47,18 @@ const routes = [
isBoolean: true
}
},
{
path: '/home1',
name: 'Home',
component: () =>
import('@/pages/home1'),
meta: {
requireAuth: true,
title: '福田首页',
menuId: '',
isBoolean: true
}
},
// 个人中心
{
path: '/personal',