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/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>