Skip to content

A
apaas-ui
Commit dfcb797f authored by 徐一鸣's avatar 徐一鸣
Browse files
Options

【消息提醒管理】列表显示需优化，消息详情过长

parent 10bdb520
Hide whitespace changes
Inline Side-by-side
Showing with 134 additions and 118 deletions
src/assets/css/index.css
View file @ dfcb797f
[v-cloak]{ [v-cloak] {
display: none display: none;
} }
/* 新增按钮颜色 */ /* 新增按钮颜色 */
.form-group .el-button--primary{ .form-group .el-button--primary {
background-color: #264dd9!important; background-color: #264dd9 !important;
border-color: #264dd9!important; border-color: #264dd9 !important;
} }
/* 返回按钮颜色 */ /* 返回按钮颜色 */
.from_return>.el-button--primary{ .from_return > .el-button--primary {
background-color: #edf0ff!important; background-color: #edf0ff !important;
border-color: #edf0ff!important; border-color: #edf0ff !important;
color:#264dd9!important; color: #264dd9 !important;
} }
/* 取消按钮颜色 */ /* 取消按钮颜色 */
.form_c{ .form_c {
background-color: #dde4ff!important; background-color: #dde4ff !important;
border-color: #dde4ff!important; border-color: #dde4ff !important;
color:#264dd9!important ; color: #264dd9 !important ;
} }
/* 确定按钮颜色 */ /* 确定按钮颜色 */
.form_t{ .form_t {
background-color: #264dd9!important; background-color: #264dd9 !important;
border-color: #264dd9!important; border-color: #264dd9 !important;
color:#f4f7fc!important ; color: #f4f7fc !important ;
} }
/* 搜索框颜色 */ /* 搜索框颜色 */
.form-group .el-input__inner{ .form-group .el-input__inner {
border-radius: 28px!important; border-radius: 28px !important;
border: 1px solid #bcc1d0!important; border: 1px solid #bcc1d0 !important;
background: #f4f7fc!important; background: #f4f7fc !important;
color: #8890a7!important; color: #8890a7 !important;
} }
.drawer_return .el-input__inner{ .drawer_return .el-input__inner {
border-radius: 28px!important; border-radius: 28px !important;
border: 1px solid #bcc1d0!important; border: 1px solid #bcc1d0 !important;
background: #f4f7fc!important; background: #f4f7fc !important;
color: #8890a7!important; color: #8890a7 !important;
} }
/* 多行文本框样式 */ /* 多行文本框样式 */
.jbxx_desc textarea{ .jbxx_desc textarea {
height: 150px!important; height: 150px !important;
border-radius: 8px!important; border-radius: 8px !important;
border-color: #bcc1d0!important; border-color: #bcc1d0 !important;
outline: none!important; outline: none !important;
resize: none!important; resize: none !important;
} }
/* 面包屑文字大小 */ /* 面包屑文字大小 */
.el-breadcrumb{ .el-breadcrumb {
font-size: 14px; font-size: 14px;
color: #898d9e; color: #898d9e;
} }
/* 编辑颜色*/ /* 编辑颜色*/
.primary-edit{ .primary-edit {
color: #264dd9; color: #264dd9;
cursor: pointer; cursor: pointer;
} }
/* 删除颜色 */ /* 删除颜色 */
.primary-del{ .primary-del {
color: #264dd9; color: #264dd9;
cursor: pointer; cursor: pointer;
} }
.space_bet{} .space_bet {
}
/* reset */ /* reset */
html { html {
} }
body { body {
margin: 0; margin: 0;
...@@ -87,7 +87,7 @@ h5 { ...@@ -87,7 +87,7 @@ h5 {
font-weight: normal; font-weight: normal;
} }
div{ div {
box-sizing: border-box; box-sizing: border-box;
} }
/* reset end */ /* reset end */
...@@ -141,7 +141,7 @@ div{ ...@@ -141,7 +141,7 @@ div{
} }
.ss_card > .sc_right_container > .sc_info { .ss_card > .sc_right_container > .sc_info {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.form-group { .form-group {
padding: 20px 20px 15px; padding: 20px 20px 15px;
...@@ -152,56 +152,56 @@ div{ ...@@ -152,56 +152,56 @@ div{
padding: 0 20px; padding: 0 20px;
} }
/* 设置抽屉的样式 */ /* 设置抽屉的样式 */
.el-drawer__header{ .el-drawer__header {
display: none; display: none;
} }
.from_return{ .from_return {
text-align: center; text-align: center;
padding: 18px 20px 10px; padding: 18px 20px 10px;
border-bottom: 1px solid #edf0ff; border-bottom: 1px solid #edf0ff;
position: relative; position: relative;
} }
.from_return>.el-button--primary{ .from_return > .el-button--primary {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 20px; left: 20px;
} }
.from_return>span{ .from_return > span {
color:#1a2236; color: #1a2236;
font-size: 16px; font-size: 16px;
} }
.demo-drawer__content .el-form-item__label{ .demo-drawer__content .el-form-item__label {
color: #242c43; color: #242c43;
} }
.demo-drawer__content .el-input__inner{ .demo-drawer__content .el-input__inner {
border: 1px solid #bcc1d0; border: 1px solid #bcc1d0;
border-radius: 17px; border-radius: 17px;
color: #58617a; color: #58617a;
background: #fff; background: #fff;
} }
.demo-drawer__footer{ .demo-drawer__footer {
text-align: right; text-align: right;
padding-right: 40px; padding-right: 40px;
margin-top: 40px; margin-top: 40px;
} }
.el-form-item__error{ .el-form-item__error {
font-size:11px; font-size: 11px;
} }
/* 设置提示弹窗的样式 */ /* 设置提示弹窗的样式 */
.el-dialog{ .el-dialog {
border-radius: 10px; border-radius: 10px;
} }
.el-dialog__header { .el-dialog__header {
border-bottom: 1px solid #edf0ff; border-bottom: 1px solid #edf0ff;
} }
.el-dialog__title{ .el-dialog__title {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #1d1e20; color: #1d1e20;
border-left: 4px solid #0367f6; border-left: 4px solid #0367f6;
padding-left: 8px; padding-left: 8px;
} }
.el-dialog__body{ .el-dialog__body {
font-size: 18px; font-size: 18px;
color: #242c43; color: #242c43;
text-align: center; text-align: center;
...@@ -213,23 +213,22 @@ div{ ...@@ -213,23 +213,22 @@ div{
.el-tabs__item { .el-tabs__item {
font-size: 16px; font-size: 16px;
color: #8890a7; color: #8890a7;
line-height: 24px!important; line-height: 24px !important;
} }
.el-tabs__nav-scroll .el-tabs__item { .el-tabs__nav-scroll .el-tabs__item {
line-height: 40px!important; line-height: 40px !important;
} }
.el-tabs__item:hover { .el-tabs__item:hover {
color: #687087; color: #687087;
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #e56600 !important; color: #e56600 !important;
} }
.el-tabs__active-bar{ .el-tabs__active-bar {
height: 3px; height: 3px;
background-color:#e56600 !important; background-color: #e56600 !important;
} }
.el-tabs__nav-wrap::after{ .el-tabs__nav-wrap::after {
height: 1px; height: 1px;
background-color: #edf0ff; background-color: #edf0ff;
} }
...@@ -277,51 +276,54 @@ border-radius:8px; ...@@ -277,51 +276,54 @@ border-radius:8px;
} */ } */
/* 左右布局 */ /* 左右布局 */
.flex { .flex {
height: 100%; height: 100%;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */ display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */ display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */ display: -ms-flexbox; /* IE 10 */
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
} }
.flex-left { .flex-left {
width: 178px; width: 178px;
background-color: #1a2236; background-color: #1a2236;
height: 100%; height: 100%;
} }
.flex-right { .flex-right {
padding: 0 20px 20px; padding: 0 20px 20px;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-flex: auto; -webkit-box-flex: auto;
-ms-flex: auto; -ms-flex: auto;
-webkit-flex: auto; -webkit-flex: auto;
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
} }
.flex-right-box{ .flex-right-box {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.ces-main{ .ces-main {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
.v-modal{ .v-modal {
background: #000a2b!important; background: #000a2b !important;
} }
.drawer600{ .drawer600 {
width: 600px!important; width: 600px !important;
} }
.drawer620{ .drawer620 {
width: 620px!important; width: 620px !important;
} }
.drawer1202{ .drawer1202 {
width: 1202px!important; width: 1202px !important;
} }
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{ .el-form-item.is-required:not(.is-no-asterisk)
content:"" .el-form-item__label-wrap
> .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
content: "";
} }
/* 设置switch的样式 */ /* 设置switch的样式 */
.switchStyle1 .el-switch__label { .switchStyle1 .el-switch__label {
...@@ -338,7 +340,7 @@ width: 620px!important; ...@@ -338,7 +340,7 @@ width: 620px!important;
/*关闭时文字位置设置*/ /*关闭时文字位置设置*/
.switchStyle1 .el-switch__label--left { .switchStyle1 .el-switch__label--left {
z-index: 1; z-index: 1;
left: 28px; left: 28px;
top: 1px; top: 1px;
} }
.switchStyle1 .el-switch__label.is-active { .switchStyle1 .el-switch__label.is-active {
...@@ -347,8 +349,8 @@ width: 620px!important; ...@@ -347,8 +349,8 @@ width: 620px!important;
.switchStyle1.el-switch .el-switch__core, .switchStyle1.el-switch .el-switch__core,
.switchStyle1.el-switch .el-switch__label { .switchStyle1.el-switch .el-switch__label {
width: 62px !important; width: 62px !important;
height: 28px!important; height: 28px !important;
border-radius: 28px!important; border-radius: 28px !important;
} }
.switchStyle1 .el-switch__core { .switchStyle1 .el-switch__core {
background: #f8f9fd !important; background: #f8f9fd !important;
...@@ -372,7 +374,7 @@ width: 620px!important; ...@@ -372,7 +374,7 @@ width: 620px!important;
right: 0; right: 0;
top: 2.1px; top: 2.1px;
} }
.switchStyle1.el-switch.is-checked .el-switch__core::after{ .switchStyle1.el-switch.is-checked .el-switch__core::after {
margin-left: -25px; margin-left: -25px;
} }
.switchStyle1 .el-switch__label * { .switchStyle1 .el-switch__label * {
...@@ -412,7 +414,8 @@ width: 620px!important; ...@@ -412,7 +414,8 @@ width: 620px!important;
.el-input__inner { .el-input__inner {
border-radius: 8px; border-radius: 8px;
} }
.el-input-group__append, .el-input-group__prepend { .el-input-group__append,
.el-input-group__prepend {
border-radius: 8px; border-radius: 8px;
} }
.el-button { .el-button {
...@@ -454,10 +457,10 @@ width: 620px!important; ...@@ -454,10 +457,10 @@ width: 620px!important;
.el-scrollbar { .el-scrollbar {
border-radius: 8px; border-radius: 8px;
} }
.el-popper[x-placement^=bottom] .popper__arrow::after { .el-popper[x-placement^="bottom"] .popper__arrow::after {
border-bottom-color: transparent; border-bottom-color: transparent;
} }
.el-popper[x-placement^=top] .popper__arrow::after { .el-popper[x-placement^="top"] .popper__arrow::after {
border-top-color: transparent; border-top-color: transparent;
} }
/* 单选激活样式 */ /* 单选激活样式 */
...@@ -465,13 +468,13 @@ width: 620px!important; ...@@ -465,13 +468,13 @@ width: 620px!important;
border-color: #838383; border-color: #838383;
background-color: #fff; background-color: #fff;
} }
.el-radio__input.is-checked+.el-radio__label { .el-radio__input.is-checked + .el-radio__label {
color: #1a2236; color: #1a2236;
font-weight: 700; font-weight: 700;
} }
.el-radio__inner::after { .el-radio__inner::after {
width: 8px; width: 8px;
height: 8px; height: 8px;
} }
.el-radio__input.is-checked .el-radio__inner::after { .el-radio__input.is-checked .el-radio__inner::after {
background-color: #e56600; background-color: #e56600;
...@@ -508,7 +511,6 @@ width: 620px!important; ...@@ -508,7 +511,6 @@ width: 620px!important;
margin: 0 auto; margin: 0 auto;
} }
/* common */ /* common */
.apass_breadcrumb > .el-breadcrumb { .apass_breadcrumb > .el-breadcrumb {
padding: 15px 0; padding: 15px 0;
...@@ -519,7 +521,10 @@ width: 620px!important; ...@@ -519,7 +521,10 @@ width: 620px!important;
color: #898d9e; color: #898d9e;
line-height: 23px; line-height: 23px;
} }
.apass_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { .apass_breadcrumb
> .el-breadcrumb
.el-breadcrumb__item:last-child
.el-breadcrumb__inner {
color: #242c43; color: #242c43;
font-weight: normal; font-weight: normal;
} }
...@@ -527,7 +532,7 @@ width: 620px!important; ...@@ -527,7 +532,7 @@ width: 620px!important;
min-width: 90px; min-width: 90px;
color: #0f2683; color: #0f2683;
} }
.apaas_button .el-button--mini, .apaas_button .el-button--mini,
.apaas_button .el-button--mini.is-round { .apaas_button .el-button--mini.is-round {
padding: 10px 15px; padding: 10px 15px;
} }
...@@ -546,8 +551,8 @@ width: 620px!important; ...@@ -546,8 +551,8 @@ width: 620px!important;
background-color: #e15260; background-color: #e15260;
border-color: #e15260; border-color: #e15260;
} }
.apaas_button .el-button.is-disabled, .apaas_button .el-button.is-disabled,
.apaas_button .el-button.is-disabled:focus, .apaas_button .el-button.is-disabled:focus,
.apaas_button .el-button.is-disabled:hover { .apaas_button .el-button.is-disabled:hover {
cursor: not-allowed; cursor: not-allowed;
} }
...@@ -564,11 +569,11 @@ width: 620px!important; ...@@ -564,11 +569,11 @@ width: 620px!important;
.apaas_button .el-button.is-disabled, .apaas_button .el-button.is-disabled,
.apaas_button .el-button.is-disabled:focus, .apaas_button .el-button.is-disabled:focus,
.apaas_button .el-button.is-disabled:hover { .apaas_button .el-button.is-disabled:hover {
color: #C0C4CC; color: #c0c4cc;
cursor: not-allowed; cursor: not-allowed;
background-image: none; background-image: none;
background-color: #FFF; background-color: #fff;
border-color: #EBEEF5; border-color: #ebeef5;
} }
.apass_table .el-table th > .cell { .apass_table .el-table th > .cell {
...@@ -831,4 +836,10 @@ width: 620px!important; ...@@ -831,4 +836,10 @@ width: 620px!important;
.meassage_detail_dialog .detail_item .full_content .item_content { .meassage_detail_dialog .detail_item .full_content .item_content {
margin: 0; margin: 0;
} }
/* 详情页公共样式 by xuyiming ~~~end */ .no_wrap .apass_table td .cell {
\ No newline at end of file overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
white-space: nowrap;
}
/* 详情页公共样式 by xuyiming ~~~end */
src/pages/message-management/banner/banner-list.vue
View file @ dfcb797f
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div class="list_container"> <div class="list_container">
<apass-list <apass-list
ref="list" ref="list"
class="no_wrap"
:list-header="listHeader" :list-header="listHeader"
:list-data="listData" :list-data="listData"
:list-total="listTotal" :list-total="listTotal"
......
src/pages/message-management/directed-push/directed-push-list.vue
View file @ dfcb797f
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div class="list_container"> <div class="list_container">
<apass-list <apass-list
ref="list" ref="list"
class="no_wrap"
:list-header="listHeader" :list-header="listHeader"
:list-data="listData" :list-data="listData"
:list-total="listTotal" :list-total="listTotal"
......
src/pages/message-management/message-alert/message-alert-list.vue
View file @ dfcb797f
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div class="list_container"> <div class="list_container">
<apass-list <apass-list
ref="list" ref="list"
class="no_wrap"
:list-header="listHeader" :list-header="listHeader"
:list-data="listData" :list-data="listData"
:list-total="listTotal" :list-total="listTotal"
......
src/pages/message-management/message-template/message-template-list.vue
View file @ dfcb797f
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div class="list_container"> <div class="list_container">
<apass-list <apass-list
ref="list" ref="list"
class="no_wrap"
:list-header="listHeader" :list-header="listHeader"
:list-data="listData" :list-data="listData"
:list-total="listTotal" :list-total="listTotal"
......
src/pages/message-management/recommended/recommended-list.vue
View file @ dfcb797f
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div class="list_container"> <div class="list_container">
<apass-list <apass-list
ref="list" ref="list"
class="no_wrap"
:list-header="listHeader" :list-header="listHeader"
:list-data="listData" :list-data="listData"
:list-total="listTotal" :list-total="listTotal"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment