This commit is contained in:
zhutianqi
2021-10-11 16:10:00 +08:00
parent 637b3e1bb4
commit 718a2b923b
11 changed files with 103 additions and 401 deletions
+38 -8
View File
@@ -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>
+13 -7
View File
@@ -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>
+12 -18
View File
@@ -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;
}
}
}
}
+2 -1
View File
@@ -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
+22 -14
View File
@@ -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;
}
}
}
+3 -1
View File
@@ -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">&#xe84e;</i>新增
v-btn-permission="'389d3690eeea9d3808bdff4d02dddbd8'">
<i class="el-icon-plus"></i>
<!-- <i class="iconfont">&#xe84e;</i>-->
新增
</el-button>
<el-button
class="common-button-default delete-button"