代码规范修复

src/assets/styles/element-ui.scss

@@ -14,18 +14,12 @@
 .el-upload__input {
   display: none;
 }
+
 /** 下拉框选中样式*/
-.el-select .el-input.is-focus .el-input__inner{
+.el-select .el-input.is-focus .el-input__inner {
   border: 1px solid #5FB54B;
 }
-.el-select-dropdown__item.selected{
-  background: #F6FCF5;
-  border-radius: 4px 4px 0px 0px;
-  font-size: 14px;
-  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
-  font-weight: bold;
-  color: #5FB54B;
-}
+
 /** 级联选择 边框选中样式*/
 .el-cascader .el-input.is-focus .el-input__inner {
   border: 1px solid #5FB54B;
@@ -37,31 +31,46 @@
     color: #5FB54B;
   }
 }
-.el-input--small .el-input__icon{
+
+.el-select-dropdown__item.selected {
+  background: #F6FCF5;
+  border-radius: 4px 4px 0px 0px;
+  font-size: 14px;
+  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+  font-weight: bold;
+  color: #5FB54B;
+}
+
+.el-input--small .el-input__icon {
   color: #AFAFAF;
 }
-.el-form-item__label{
+
+.el-form-item__label {
   font-size: 14px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
   color: #707070;
 }
-.el-form-item.is-error .el-input__inner{
+
+.el-form-item.is-error .el-input__inner {
   border-radius: 4px 4px 4px 4px;
   opacity: 1;
-  border: 1px solid #DB4747!important;
+  border: 1px solid #DB4747 !important;
 }
-.el-form-item__error{
+
+.el-form-item__error {
   font-size: 12px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
   color: #DB4747;
 }
-.el-month-table td .cell{
+
+.el-month-table td .cell {
   font-size: 14px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
   color: #666666;
+
   &:hover {
     font-size: 14px;
     font-family: Microsoft YaHei-Bold, Microsoft YaHei;
@@ -69,11 +78,13 @@
     color: #5FB54B;
   }
 }
-.el-date-picker__header-label{
+
+.el-date-picker__header-label {
   font-size: 14px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
   color: #666666;
+
   &:hover {
     font-size: 14px;
     font-family: Microsoft YaHei-Bold, Microsoft YaHei;
@@ -81,41 +92,50 @@
     color: #5FB54B;
   }
 }
-.el-picker-panel__icon-btn{
+
+.el-picker-panel__icon-btn {
   color: #AFAFAF;
+
   &:hover {
     color: #5FB54B;
   }
 }
-.el-month-table td.current:not(.disabled) .cell{
+
+.el-month-table td.current:not(.disabled) .cell {
   font-size: 14px;
   font-family: Microsoft YaHei-Bold, Microsoft YaHei;
   font-weight: bold;
   color: #5FB54B;
 }
-.el-month-table td.today .cell{
+
+.el-month-table td.today .cell {
   font-size: 14px;
   font-family: Microsoft YaHei-Bold, Microsoft YaHei;
   font-weight: bold;
   color: #5FB54B;
 }
-.el-form-item--small.el-form-item{
-  margin-right: 20px!important;
+
+.el-form-item--small.el-form-item {
+  margin-right: 20px !important;
 }
-.el-input--small{
-  width: 220px!important;
+
+.el-input--small {
+  width: 220px !important;
 }
+
 input::-webkit-input-placeholder {
-  font-size: 14px!important;
-  font-family: Microsoft YaHei-Regular, Microsoft YaHei!important;
-  font-weight: 400!important;
-  color: #AFAFAF!important;
+  font-size: 14px !important;
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei !important;
+  font-weight: 400 !important;
+  color: #AFAFAF !important;
 }
-.el-select-dropdown__item{
+
+.el-select-dropdown__item {
   font-size: 14px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
   color: #666666;
+
   &:hover {
     background: #F6FCF5;
     border-radius: 4px 4px 0px 0px;
@@ -125,13 +145,16 @@ input::-webkit-input-placeholder {
     color: #5FB54B;
   }
 }
-.el-select .el-input__inner:focus{
-  border: 1px solid #5FB54B!important;
+
+.el-select .el-input__inner:focus {
+  border: 1px solid #5FB54B !important;
 }
-.el-input__inner:focus{
-  border: 1px solid #5FB54B!important;
+
+.el-input__inner:focus {
+  border: 1px solid #5FB54B !important;
 }
-.el-input--small .el-input__inner{
+
+.el-input--small .el-input__inner {
   font-size: 14px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
@@ -141,7 +164,8 @@ input::-webkit-input-placeholder {
   opacity: 1;
   border: 1px solid #E5E5E5;
 }
-.el-input--medium .el-input__inner{
+
+.el-input--medium .el-input__inner {
   font-size: 14px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
   font-weight: 400;
@@ -151,75 +175,90 @@ input::-webkit-input-placeholder {
   opacity: 1;
   border: 1px solid #E5E5E5;
 }
-.el-select .el-input .el-select__caret{
+
+.el-select .el-input .el-select__caret {
   color: #AFAFAF;
 }
+
 /** 删除弹出层*/
-.el-message-box{
+.el-message-box {
   width: 399px;
   min-height: 195px;
   border-radius: 4px 4px 4px 4px;
   border: none;
-  padding-bottom: 0!important;
-  .el-message-box__header{
+  padding-bottom: 0 !important;
+
+  .el-message-box__header {
     background: #5FB54B;
     height: 44px;
-    .el-message-box__title{
+
+    .el-message-box__title {
       font-size: 16px;
       font-family: Microsoft YaHei-Regular, Microsoft YaHei;
       font-weight: 400;
       color: #FFFFFF;
     }
   }
-  .el-message-box__content{
+
+  .el-message-box__content {
     padding: 37px 20px;
   }
-  .el-message-box__close{
+
+  .el-message-box__close {
     color: #FFFFFF;
     font-size: 14px;
   }
-  .el-message-box__status.el-icon-warning{
+
+  .el-message-box__status.el-icon-warning {
     color: #FF9D4E;
-    font-size: 18px!important;
+    font-size: 18px !important;
   }
-  .el-message-box__message{
-    padding-left: 30px!important;
+
+  .el-message-box__message {
+    padding-left: 30px !important;
     font-size: 14px;
     font-family: Microsoft YaHei-Regular, Microsoft YaHei;
     font-weight: 400;
     color: #666666;
   }
-  .el-message-box__btns{
+
+  .el-message-box__btns {
     padding: 0 20px 20px 0;
   }
 }
+
 /** dialog*/
-.el-dialog{
-  border-radius: 4px 4px 4px 4px!important;
-  .el-dialog__header{
+.el-dialog {
+  border-radius: 4px 4px 4px 4px !important;
+
+  .el-dialog__header {
     height: 44px;
     padding: 12px 20px;
     border-radius: 4px 4px 0px 0px;
     background: #5FB54B;
-    .el-dialog__title{
+
+    .el-dialog__title {
       font-size: 16px;
       font-family: Microsoft YaHei-Regular, Microsoft YaHei;
       font-weight: 400;
       color: #FFFFFF;
       line-height: 20px;
     }
-    .el-dialog__headerbtn .el-dialog__close{
+
+    .el-dialog__headerbtn .el-dialog__close {
       color: #FFFFFF;
       font-size: 14px;
       line-height: 20px;
     }
-    .el-dialog__headerbtn{
-      top: 14px!important;
+
+    .el-dialog__headerbtn {
+      top: 14px !important;
     }
   }
-  .el-dialog__body{
+
+  .el-dialog__body {
     //padding: 30px 25px 20px 25px;
-    .dialog-footer{
+    .dialog-footer {
       //padding-right: 20px;
       padding-top: 30px;
       display: flex;
@@ -227,6 +266,7 @@ input::-webkit-input-placeholder {
     }
   }
 }
+
 .cell {
   .el-tag {
     margin-right: 0px;
@@ -302,62 +342,77 @@ input::-webkit-input-placeholder {
 .el-submenu__icon-arrow {
   display: none;
 }
+
 // 日期选择器的样式
-.el-range-editor.el-input__inner{
+.el-range-editor.el-input__inner {
   width: 220px;
   height: 32px;
   background: #ffffff;
   border-radius: 4px 4px 4px 4px;
 }
-.el-range-editor.is-active{
+
+.el-range-editor.is-active {
   border-color: #5FB54B;
-  &:hover{
+
+  &:hover {
     border-color: #5FB54B;
   }
 }
-.el-date-table td.start-date span, .el-date-table td.end-date span{
+
+.el-date-table td.start-date span, .el-date-table td.end-date span {
   background-color: #5FB54B !important;
+
   &:focus {
     color: #ffffff;
   }
-  &:hover{
+
+  &:hover {
     color: #ffffff;
   }
 }
-.el-date-table td.today span{
+
+.el-date-table td.today span {
   color: #5FB54B;
 }
-.el-date-table td div{
-  &:hover{
-    color:#5FB54B;
+
+.el-date-table td div {
+  &:hover {
+    color: #5FB54B;
   }
 }
+
 .el-date-table td span {
   &:focus {
     color: #5FB54B;
   }
-  &:hover{
+
+  &:hover {
     color: #5FB54B;
   }
 }
+
 // 日期选择器的背景
 .el-date-table td.in-range div,
 .el-date-table td.in-range div:hover,
 .el-date-table.is-week-mode .el-date-table__row.current div,
-.el-date-table.is-week-mode .el-date-table__row:hover di{
+.el-date-table.is-week-mode .el-date-table__row:hover di {
   background-color: #F6FCF5;
 }
+
 // 列表前的多选框的样式
-.el-checkbox__input.is-checked .el-checkbox__inner{
+.el-checkbox__input.is-checked .el-checkbox__inner {
   background-color: #5FB54B;
   border-color: #5FB54B;
 }
-.el-checkbox__inner:hover{
+
+.el-checkbox__inner:hover {
   border-color: #5FB54B;
 }
+
 .el-checkbox__input.is-focus .el-checkbox__inner {
   border-color: #5FB54B;
 }
+
 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: #5FB54B;
   border-color: #5FB54B;
@@ -374,15 +429,18 @@ input::-webkit-input-placeholder {
   background-color: #5FB54B;
   color: #FFFFFF;
 }
+
 .el-pagination__sizes .el-input .el-input__inner:hover {
   border-color: #5FB54B;
 }
+
 //.el-pagination.is-background .el-pager li:not(.disabled):hover {
 //  color: #5FB54B;
 //}
 .el-checkbox__input.is-checked + .el-checkbox__label {
   color: #5FB54B;
 }
+
 .el-textarea__inner:focus {
   outline: none;
   border-color: #5FB54B;
@@ -414,44 +472,29 @@ input::-webkit-input-placeholder {
   border-color: #5bb647 !important;
 }
 
-.el-input-number__decrease:hover{
+.el-input-number__decrease:hover {
   color: #5bb647;
 }
+
 .el-input-number__increase:hover {
   color: #5bb647;
 }
+
 // 下拉选多选
-.el-select .el-select__tags > span{
+.el-select .el-select__tags > span {
   display: flex;
   width: 148px;
 }
 
-.el-textarea__inner:focus {
-  outline: none;
-  border-color: #5FB54B;
-}
-
-.el-tabs__active-bar {
-  background-color: #5FB54B;
-}
-.el-tabs__item.is-active {
-  color: #5FB54B;
+// 调整复选框样式
+.el-table .disabledCheck .cell .el-checkbox__inner {
+  margin-right: 3px;
 }
 
-.el-tabs__item:hover {
-  color: #5FB54B;
-  cursor: pointer;
-}
 .el-input-number .el-input input {
   text-align: left;
 }
-.el-cascader{
-  color: #5FB54B;
-}.el-checkbox__inner{
-  height: 14px;
-  width: 14px;
- }
-// 调整复选框样式
-.el-table .disabledCheck .cell .el-checkbox__inner {
-  margin-right: 3px;
+
+.el-tooltip__popper {
+  max-width: 50%
 }

src/views/article-management/article-edit.vue

@@ -154,6 +154,9 @@ export default {
           this.$confirm('系统将立即发布编辑内容,是否确定?', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消',
+            customClass: 'box-logout',
+            cancelButtonClass: 'resetBtn',
+            confirmButtonClass: 'queryBtn',
             type: 'warning'
           }).then(() => {
             updateArticle(this.form).then(response => {