commit
This commit is contained in:
@@ -1,9 +1,6 @@
|
||||
<template>
|
||||
<div class="wx-card" @click="toPage">
|
||||
<div @click="toPage">
|
||||
<div>
|
||||
<div>
|
||||
<i class="icon" :class="icon" />
|
||||
</div>
|
||||
<div v-if="label">
|
||||
<span class="card-font">{{ label }}</span>
|
||||
</div>
|
||||
@@ -30,16 +27,49 @@
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wx-card {
|
||||
width: 214px;
|
||||
line-height: 70px;
|
||||
text-align: center;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
margin-left: 10px;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
padding-left: 10px;
|
||||
& > div {
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
background-color: #E4E4E4;
|
||||
}
|
||||
}
|
||||
.wx-card:hover {
|
||||
& > div {
|
||||
color: #fff;
|
||||
background-color: #5ea9f6;
|
||||
}
|
||||
}
|
||||
.wx-card1 {
|
||||
line-height: 70px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
padding-left: 10px;
|
||||
& > div {
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
background: #fff;
|
||||
border: 2px dashed #E4E4E4;
|
||||
div {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.labelNull {
|
||||
height: 100%;
|
||||
@@ -47,7 +77,7 @@
|
||||
align-items: center;
|
||||
.el-icon-circle-plus-outline {
|
||||
font-size: 50px;
|
||||
color: #F4F4F4;
|
||||
color: #E4E4E4;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -3,12 +3,12 @@
|
||||
<div class="link">
|
||||
<div class="title">友情链接</div>
|
||||
<ul>
|
||||
<li v-for="(link, index) in linkList" v-if="index<5" :key="index" @click="openLinkUrl(link.url)">
|
||||
<li class="myLi1" v-for="(link, index) in linkList" v-if="index<5" :key="index" @click="openLinkUrl(link.url)">
|
||||
<a v-if="link.name.length>10" v-html="link.name.substring(0,10)+'...'" :title="link.name"></a>
|
||||
<a v-else v-html="link.name" :title="link.name"></a>
|
||||
</li>
|
||||
<li>
|
||||
<router-link to="/linkManage">更多链接></router-link>
|
||||
<li class="myLi2">
|
||||
<span @click="$router.push('linkManage')">更多链接 ⋙</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -61,6 +61,7 @@ export default {
|
||||
border-radius: 3px;
|
||||
height: 100%;
|
||||
.title {
|
||||
font-weight: bold;
|
||||
padding-left: 10px;
|
||||
width: 80px;
|
||||
}
|
||||
@@ -70,20 +71,25 @@ export default {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
user-select: none;
|
||||
li {
|
||||
border-right: 1px solid #f4f4f4;
|
||||
.myLi1 {
|
||||
border-right: 2px solid #f4f4f4;
|
||||
flex: 1;
|
||||
a {
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
li:hover {
|
||||
.myLi1:hover {
|
||||
background: #5ea9f6;
|
||||
a {
|
||||
color: #e9ca32;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.myLi2 {
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
color: #5ea9f6 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -2,13 +2,13 @@
|
||||
<template>
|
||||
<div class="nav-menu">
|
||||
<div class="lattice">
|
||||
<div class="title">快捷入口</div>
|
||||
<div class="title"><i class="el-icon-s-promotion"></i> 快捷入口</div>
|
||||
<div class="menu-wrap">
|
||||
<enter-card v-for="(item, index) in list"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:path="item.path"
|
||||
:class="list.length === 1 ? 'wx-card1' : (list.length == 2 ? 'wx-card2' :'')">
|
||||
:class="item.class">
|
||||
</enter-card>
|
||||
</div>
|
||||
</div>
|
||||
@@ -43,6 +43,7 @@
|
||||
var json = {}
|
||||
json.label = item.menuName
|
||||
json.path = item.menuUrl
|
||||
json.class = 'wx-card'
|
||||
this.list.push(json)
|
||||
}
|
||||
})
|
||||
@@ -50,6 +51,7 @@
|
||||
var json = {}
|
||||
json.label = ''
|
||||
json.path = '/plate'
|
||||
json.class = 'wx-card1'
|
||||
this.list.push(json)
|
||||
}
|
||||
}
|
||||
@@ -65,6 +67,8 @@
|
||||
<style lang="less" scoped>
|
||||
.nav-menu {
|
||||
.lattice {
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
.title {
|
||||
margin-bottom: 10px;
|
||||
padding-left: 10px;
|
||||
@@ -78,36 +82,26 @@
|
||||
height: 240px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content:space-between;
|
||||
font-size: 18px;
|
||||
justify-content: space-between;
|
||||
color: #333333;
|
||||
margin-bottom: 10px;
|
||||
margin: 0 10px 10px 0;
|
||||
text-align: center;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.wx-card {
|
||||
height: 70px;
|
||||
background-color: #FFFFFF;
|
||||
width: 32%;
|
||||
margin: 0 0 10px 0;
|
||||
height: 70px;
|
||||
width: 33.333333%;
|
||||
}
|
||||
.wx-card1 {
|
||||
width: 100%;
|
||||
}
|
||||
.wx-card2 {
|
||||
width: 49%;
|
||||
height: 70px;
|
||||
width: 33.333333%;
|
||||
}
|
||||
.menu-item {
|
||||
flex: 1;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
background: #FFFFFF;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,12 +13,13 @@
|
||||
ref="selection"
|
||||
:data="standardReleaseList"
|
||||
tooltip-effect="dark"
|
||||
style="padding:0 0 20px 0;"
|
||||
border
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
label="序号"
|
||||
type="index"
|
||||
align="center"
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
|
||||
@@ -13,12 +13,13 @@
|
||||
ref="selection"
|
||||
:data="domesticDynamics"
|
||||
tooltip-effect="dark"
|
||||
style="padding:0 0 20px 0;"
|
||||
border
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
label="序号"
|
||||
type="index"
|
||||
align="center"
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
|
||||
@@ -1,14 +1,16 @@
|
||||
<!-- 待办任务 -->
|
||||
<template>
|
||||
<div class="to-do-list">
|
||||
<div>
|
||||
<span class="task">待办任务</span>
|
||||
<div class="more" @click="togo">更多</div>
|
||||
<div style="border-bottom: 2px solid #f4f4f4">
|
||||
<span class="task">
|
||||
<i class="el-icon-s-goods"></i> 待办任务
|
||||
</span>
|
||||
<div class="more" @click="togo">更多 ⋙</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="item in toDoTaskList" :key="item.id" class="time-title">
|
||||
<div style="height: 18px">
|
||||
<a style="color: #333333" @click="dealWith(item)">{{ item.prcName }}</a>
|
||||
<span @click="dealWith(item)">{{ item.prcName }}</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -646,34 +648,40 @@ export default {
|
||||
<style lang="less" scoped>
|
||||
.to-do-list {
|
||||
border-radius: 3px;
|
||||
//flex: 1;
|
||||
height: calc(~'100% - 300px');
|
||||
height: calc(~'100% - 310px');
|
||||
overflow: hidden;
|
||||
background: #FFFFFF;
|
||||
.task {
|
||||
display: inline-block;
|
||||
margin: 15px;
|
||||
color: #333333;
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.more {
|
||||
float: right;
|
||||
color: #333333;
|
||||
color: #5ea9f6;
|
||||
margin: 15px 15px;
|
||||
&:hover {
|
||||
color: #5ea9f6;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
height: calc(~'100% - 50px');
|
||||
overflow-y: auto;
|
||||
}
|
||||
ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.time-title {
|
||||
margin: 15px;
|
||||
border-bottom: 1px dashed #cccccc;
|
||||
}
|
||||
a {
|
||||
color: #333333;
|
||||
&:hover {
|
||||
color: #e9c851;
|
||||
text-decoration: underline;
|
||||
span {
|
||||
cursor: pointer;
|
||||
}
|
||||
span:hover {
|
||||
color: #5ea9f6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -132,9 +132,11 @@ export default {
|
||||
.home-tabs {
|
||||
/deep/.el-tabs__content {
|
||||
height: calc(~'100% - 55px');
|
||||
margin: 0 10px;
|
||||
}
|
||||
::v-deep.el-tabs__header{
|
||||
margin: 0 70px 15px 10px
|
||||
margin: 0 10px 15px 10px;
|
||||
border-bottom: 1px solid #F4F4F4;
|
||||
}
|
||||
::v-deep {
|
||||
.el-tabs__item {
|
||||
|
||||
@@ -450,14 +450,14 @@ export default {
|
||||
.card-top {
|
||||
width: 100%;
|
||||
background: #2d8cf0;
|
||||
height: 120px;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.card-top-left {
|
||||
img {
|
||||
margin: 10px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
.card-top-right {
|
||||
|
||||
@@ -44,8 +44,10 @@
|
||||
class="common-button-primary add-button"
|
||||
size="mini"
|
||||
@click="openModal(null,'addOpt')"
|
||||
v-btn-permission="'389d3690eeea9d3808bdff4d02dddbd8'"
|
||||
><i class="iconfont"></i>新增
|
||||
v-btn-permission="'389d3690eeea9d3808bdff4d02dddbd8'">
|
||||
<i class="el-icon-plus"></i>
|
||||
<!-- <i class="iconfont"></i>-->
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
class="common-button-default delete-button"
|
||||
|
||||
Reference in New Issue
Block a user