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

src/assets/css/index.css

-[v-cloak]{
-  display: none
+[v-cloak] {
+  display: none;
 }
 /* 新增按钮颜色 */
-.form-group .el-button--primary{
-  background-color: #264dd9!important;
-  border-color: #264dd9!important;
+.form-group .el-button--primary {
+  background-color: #264dd9 !important;
+  border-color: #264dd9 !important;
 }
 /* 返回按钮颜色 */
-.from_return>.el-button--primary{
-  background-color: #edf0ff!important;
-  border-color: #edf0ff!important;
-  color:#264dd9!important;
+.from_return > .el-button--primary {
+  background-color: #edf0ff !important;
+  border-color: #edf0ff !important;
+  color: #264dd9 !important;
 }
 /* 取消按钮颜色 */
-.form_c{
-  background-color: #dde4ff!important;
-  border-color: #dde4ff!important;
-  color:#264dd9!important ; 
+.form_c {
+  background-color: #dde4ff !important;
+  border-color: #dde4ff !important;
+  color: #264dd9 !important ;
 }
 /* 确定按钮颜色 */
-.form_t{
-  background-color: #264dd9!important;
-  border-color: #264dd9!important;
-  color:#f4f7fc!important ; 
+.form_t {
+  background-color: #264dd9 !important;
+  border-color: #264dd9 !important;
+  color: #f4f7fc !important ;
 }
 /* 搜索框颜色 */
-.form-group .el-input__inner{
-  border-radius: 28px!important;
-  border: 1px solid #bcc1d0!important;
-  background: #f4f7fc!important;
-  color: #8890a7!important;
-}
-.drawer_return .el-input__inner{
-  border-radius: 28px!important;
-  border: 1px solid #bcc1d0!important;
-  background: #f4f7fc!important;
-  color: #8890a7!important;
+.form-group .el-input__inner {
+  border-radius: 28px !important;
+  border: 1px solid #bcc1d0 !important;
+  background: #f4f7fc !important;
+  color: #8890a7 !important;
+}
+.drawer_return .el-input__inner {
+  border-radius: 28px !important;
+  border: 1px solid #bcc1d0 !important;
+  background: #f4f7fc !important;
+  color: #8890a7 !important;
 }
 /* 多行文本框样式 */
-.jbxx_desc textarea{
-  height: 150px!important;
-  border-radius: 8px!important;
-  border-color: #bcc1d0!important;
-  outline: none!important;
-  resize: none!important;
+.jbxx_desc textarea {
+  height: 150px !important;
+  border-radius: 8px !important;
+  border-color: #bcc1d0 !important;
+  outline: none !important;
+  resize: none !important;
 }
 /* 面包屑文字大小 */
-.el-breadcrumb{
+.el-breadcrumb {
   font-size: 14px;
   color: #898d9e;
 }
 /* 编辑颜色*/
-.primary-edit{
+.primary-edit {
   color: #264dd9;
   cursor: pointer;
 }
 /* 删除颜色 */
-.primary-del{
+.primary-del {
   color: #264dd9;
   cursor: pointer;
 }
-.space_bet{}
+.space_bet {
+}
 /* reset */
 html {
-
 }
 body {
   margin: 0;
@@ -87,7 +87,7 @@ h5 {
   font-weight: normal;
 }
 
-div{
+div {
   box-sizing: border-box;
 }
 /* reset end */
@@ -152,56 +152,56 @@ div{
   padding: 0 20px;
 }
 /* 设置抽屉的样式 */
-.el-drawer__header{
+.el-drawer__header {
   display: none;
 }
-.from_return{
+.from_return {
   text-align: center;
   padding: 18px 20px 10px;
   border-bottom: 1px solid #edf0ff;
   position: relative;
 }
-.from_return>.el-button--primary{
+.from_return > .el-button--primary {
   position: absolute;
   top: 15px;
   left: 20px;
 }
-.from_return>span{
-  color:#1a2236;
+.from_return > span {
+  color: #1a2236;
   font-size: 16px;
 }
-.demo-drawer__content .el-form-item__label{
+.demo-drawer__content .el-form-item__label {
   color: #242c43;
 }
-.demo-drawer__content .el-input__inner{
+.demo-drawer__content .el-input__inner {
   border: 1px solid #bcc1d0;
   border-radius: 17px;
   color: #58617a;
   background: #fff;
 }
-.demo-drawer__footer{
+.demo-drawer__footer {
   text-align: right;
   padding-right: 40px;
   margin-top: 40px;
 }
-.el-form-item__error{
-  font-size:11px;
+.el-form-item__error {
+  font-size: 11px;
 }
 /* 设置提示弹窗的样式 */
-.el-dialog{
+.el-dialog {
   border-radius: 10px;
 }
 .el-dialog__header {
   border-bottom: 1px solid #edf0ff;
 }
-.el-dialog__title{
+.el-dialog__title {
   font-size: 16px;
   font-weight: 700;
   color: #1d1e20;
   border-left: 4px solid #0367f6;
   padding-left: 8px;
 }
-.el-dialog__body{
+.el-dialog__body {
   font-size: 18px;
   color: #242c43;
   text-align: center;
@@ -213,23 +213,22 @@ div{
 .el-tabs__item {
   font-size: 16px;
   color: #8890a7;
-  line-height: 24px!important;
+  line-height: 24px !important;
 }
 .el-tabs__nav-scroll .el-tabs__item {
-  line-height: 40px!important;
+  line-height: 40px !important;
 }
 .el-tabs__item:hover {
   color: #687087;
-
 }
 .el-tabs__item.is-active {
   color: #e56600 !important;
 }
-.el-tabs__active-bar{
+.el-tabs__active-bar {
   height: 3px;
-  background-color:#e56600 !important;
+  background-color: #e56600 !important;
 }
-.el-tabs__nav-wrap::after{
+.el-tabs__nav-wrap::after {
   height: 1px;
   background-color: #edf0ff;
 }
@@ -277,51 +276,54 @@ border-radius:8px;
 } */
 /* 左右布局 */
 .flex {
-height: 100%;
-display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
-display: -moz-box; /* Firefox 17- */
-display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
-display: -moz-flex; /* Firefox 18+ */
-display: -ms-flexbox; /* IE 10 */
-display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
+  height: 100%;
+  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
+  display: -moz-box; /* Firefox 17- */
+  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
+  display: -moz-flex; /* Firefox 18+ */
+  display: -ms-flexbox; /* IE 10 */
+  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
 }
 .flex-left {
-width: 178px;
-background-color: #1a2236;
-height: 100%;
+  width: 178px;
+  background-color: #1a2236;
+  height: 100%;
 }
 .flex-right {
-padding: 0 20px 20px;
-box-sizing: border-box;
--webkit-box-flex: auto;
--ms-flex: auto;
--webkit-flex: auto;
-flex: 1;
-overflow-y: auto;
+  padding: 0 20px 20px;
+  box-sizing: border-box;
+  -webkit-box-flex: auto;
+  -ms-flex: auto;
+  -webkit-flex: auto;
+  flex: 1;
+  overflow-y: auto;
 }
-.flex-right-box{
-width: 100%;
-height: 100%;
-position: relative;
+.flex-right-box {
+  width: 100%;
+  height: 100%;
+  position: relative;
 }
-.ces-main{
-position: absolute;
-width: 100%;
+.ces-main {
+  position: absolute;
+  width: 100%;
 }
-.v-modal{
-background: #000a2b!important;
+.v-modal {
+  background: #000a2b !important;
 }
-.drawer600{
-width: 600px!important;
+.drawer600 {
+  width: 600px !important;
 }
-.drawer620{
-width: 620px!important;
+.drawer620 {
+  width: 620px !important;
 }
-.drawer1202{
-  width: 1202px!important;
+.drawer1202 {
+  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{
-  content:""
+.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 {
+  content: "";
 }
 /* 设置switch的样式 */
 .switchStyle1 .el-switch__label {
@@ -347,8 +349,8 @@ width: 620px!important;
 .switchStyle1.el-switch .el-switch__core,
 .switchStyle1.el-switch .el-switch__label {
   width: 62px !important;
-  height: 28px!important;
-  border-radius: 28px!important;
+  height: 28px !important;
+  border-radius: 28px !important;
 }
 .switchStyle1 .el-switch__core {
   background: #f8f9fd !important;
@@ -372,7 +374,7 @@ width: 620px!important;
   right: 0;
   top: 2.1px;
 }
-.switchStyle1.el-switch.is-checked .el-switch__core::after{
+.switchStyle1.el-switch.is-checked .el-switch__core::after {
   margin-left: -25px;
 }
 .switchStyle1 .el-switch__label * {
@@ -412,7 +414,8 @@ width: 620px!important;
 .el-input__inner {
   border-radius: 8px;
 }
-.el-input-group__append, .el-input-group__prepend {
+.el-input-group__append,
+.el-input-group__prepend {
   border-radius: 8px;
 }
 .el-button {
@@ -454,10 +457,10 @@ width: 620px!important;
 .el-scrollbar {
   border-radius: 8px;
 }
-.el-popper[x-placement^=bottom] .popper__arrow::after {
+.el-popper[x-placement^="bottom"] .popper__arrow::after {
   border-bottom-color: transparent;
 }
-.el-popper[x-placement^=top] .popper__arrow::after {
+.el-popper[x-placement^="top"] .popper__arrow::after {
   border-top-color: transparent;
 }
 /* 单选激活样式 */
@@ -465,7 +468,7 @@ width: 620px!important;
   border-color: #838383;
   background-color: #fff;
 }
-.el-radio__input.is-checked+.el-radio__label {
+.el-radio__input.is-checked + .el-radio__label {
   color: #1a2236;
   font-weight: 700;
 }
@@ -508,7 +511,6 @@ width: 620px!important;
   margin: 0 auto;
 }
 
-
 /* common */
 .apass_breadcrumb > .el-breadcrumb {
   padding: 15px 0;
@@ -519,7 +521,10 @@ width: 620px!important;
   color: #898d9e;
   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;
   font-weight: normal;
 }
@@ -564,11 +569,11 @@ width: 620px!important;
 .apaas_button .el-button.is-disabled,
 .apaas_button .el-button.is-disabled:focus,
 .apaas_button .el-button.is-disabled:hover {
-  color: #C0C4CC;
+  color: #c0c4cc;
   cursor: not-allowed;
   background-image: none;
-  background-color: #FFF;
-  border-color: #EBEEF5;
+  background-color: #fff;
+  border-color: #ebeef5;
 }
 
 .apass_table .el-table th > .cell {
@@ -831,4 +836,10 @@ width: 620px!important;
 .meassage_detail_dialog .detail_item .full_content .item_content {
   margin: 0;
 }
+.no_wrap .apass_table td .cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+}
 /* 详情页公共样式 by xuyiming ~~~end */

src/pages/message-management/banner/banner-list.vue

@@ -2,6 +2,7 @@
   <div class="list_container">
     <apass-list
       ref="list"
+      class="no_wrap"
       :list-header="listHeader"
       :list-data="listData"
       :list-total="listTotal"

src/pages/message-management/directed-push/directed-push-list.vue

@@ -2,6 +2,7 @@
   <div class="list_container">
     <apass-list
       ref="list"
+      class="no_wrap"
       :list-header="listHeader"
       :list-data="listData"
       :list-total="listTotal"

src/pages/message-management/message-alert/message-alert-list.vue

@@ -2,6 +2,7 @@
   <div class="list_container">
     <apass-list
       ref="list"
+      class="no_wrap"
       :list-header="listHeader"
       :list-data="listData"
       :list-total="listTotal"

src/pages/message-management/message-template/message-template-list.vue

@@ -2,6 +2,7 @@
   <div class="list_container">
     <apass-list
       ref="list"
+      class="no_wrap"
       :list-header="listHeader"
       :list-data="listData"
       :list-total="listTotal"

src/pages/message-management/recommended/recommended-list.vue

@@ -2,6 +2,7 @@
   <div class="list_container">
     <apass-list
       ref="list"
+      class="no_wrap"
       :list-header="listHeader"
       :list-data="listData"
       :list-total="listTotal"