系统消息通知弹窗中的副标题调整

system 模块 scheduling tab页面中日历组件默认让是调整

src/components/tools/ShowAnnouncement.vue

@@ -4,18 +4,16 @@ import xss from "xss"
     :title="title"
     :width="modelStyle.width"
     :visible="visible"
-    :bodyStyle ="bodyStyle"
+    :bodyStyle="bodyStyle"
     :switchFullscreen="switchFullscreen"
     @cancel="handleCancel"
   >
     <template slot="footer">
       <a-button key="back" @click="handleCancel">关闭</a-button>
-      <a-button v-if="record.openType==='url'" type="primary" @click="toHandle">去处理</a-button>
+      <a-button v-if="record.openType === 'url'" type="primary" @click="toHandle">去处理</a-button>
     </template>
     <a-card class="daily-article" :loading="loading">
-      <a-card-meta
+      <a-card-meta :title="record.titile" :description="'发布人：' + record.sender + ' 发布时间： ' + record.sendTime">
-        :title="record.titile"
-        :description="'发布人：'+record.sender + ' 发布时间： ' + record.sendTime">
       </a-card-meta>
       <a-divider />
       <span v-html="record.msgContent" class="article-content"></span>
@@ -24,15 +22,14 @@ import xss from "xss"
 </template>
 
 <script>
-  import {getUserList} from '@/api/api'
+import { getUserList } from '@/api/api'
-  import xss from 'xss'
+import xss from 'xss'
-  export default {
+export default {
-    name: "SysAnnouncementModal",
+  name: 'SysAnnouncementModal',
-    components: {
+  components: {},
-    },
+  data() {
-    data () {
     return {
-        title:"通知消息",
+      title: '通知消息',
       record: {},
       labelCol: {
         xs: { span: 24 },
@@ -45,42 +42,40 @@ import xss from "xss"
       visible: false,
       switchFullscreen: true,
       loading: false,
-        bodyStyle:{
+      bodyStyle: {
-          padding: "0",
+        padding: '0',
-          height:(window.innerHeight*0.8)+"px",
+        height: window.innerHeight * 0.8 + 'px',
-          "overflow-y":"auto",
+        'overflow-y': 'auto',
-
       },
-        modelStyle:{
+      modelStyle: {
         width: '60%',
         style: { top: '20px' },
-          fullScreen: false
+        fullScreen: false,
-        }
+      },
     }
   },
-    created () {
+  created() {},
-    },
   methods: {
-      detail (record) {
+    detail(record) {
       //update-begin---author:wangshuai ---date:20220107  for：将其它页面传递过来的用户名改成用户真实姓名
-        if(record.sender){
+      if (record.sender) {
-          getUserList({"username":record.sender}).then((res) =>{
+        getUserList({ username: record.sender }).then((res) => {
-            if(res.success && res.result.records.length>0){
+          if (res.success && res.result.records.length > 0) {
             record.sender = res.result.records[0].realname
           }
         })
       }
       //update-end---author:wangshuai ---date:20220107  for：将其它页面传递过来的用户名改成用户真实姓名
-        this.visible = true;
+      this.visible = true
       //update-begin-author:taoyan date:2022-7-14 for: VUEN-1702 【禁止问题】sql注入漏洞
-        if(record.msgContent){
+      if (record.msgContent) {
         record.msgContent = xss(record.msgContent)
       }
       //update-end-author:taoyan date:2022-7-14 for: VUEN-1702 【禁止问题】sql注入漏洞
-        this.record = record;
+      this.record = record
     },
-      handleCancel () {
+    handleCancel() {
-        this.visible = false;
+      this.visible = false
     },
     /** 切换全屏显示 */
     handleClickToggleFullScreen() {
@@ -94,19 +89,19 @@ import xss from "xss"
       }
       this.modelStyle.fullScreen = mode
     },
-      toHandle(){
+    toHandle() {
-        if(this.record.openType==='url'){
+      if (this.record.openType === 'url') {
-          this.visible = false;
+        this.visible = false
         //链接跳转
-          this.$router.push({path: this.record.openPage})
+        this.$router.push({ path: this.record.openPage })
       }
     },
-    }
+  },
-  }
+}
 </script>
 
 <style lang="less">
-  .announcementCustomModal{
+.announcementCustomModal {
   .ant-modal-header {
     border: none;
     display: inline-block;
@@ -114,8 +109,8 @@ import xss from "xss"
     z-index: 1;
     right: 56px;
     padding: 0;
-      .ant-modal-title{
+    .ant-modal-title {
-        .custom-btn{
+      .custom-btn {
         width: 56px;
         height: 56px;
         border: none;
@@ -123,13 +118,16 @@ import xss from "xss"
       }
     }
   }
-    .daily-article{
+  .daily-article {
     border-bottom: 0;
   }
-  }
+}
+.ant-card-meta-description {
+  color: #fff !important;
+}
 </style>
 <style scoped lang="less">
-  .daily-article {
+.daily-article {
   .article-button {
     font-size: 1.2rem !important;
   }
@@ -148,9 +146,9 @@ import xss from "xss"
       word-break: break-all;
       text-overflow: initial;
       white-space: normal;
-        font-size: .9rem !important;
+      font-size: 0.9rem !important;
-        margin-bottom: .8rem;
+      margin-bottom: 0.8rem;
-      }
     }
   }
+}
 </style>

src/style.less

@@ -188,10 +188,9 @@ body {
   }
   &-time-picker-combobox {
     background-color: @modalBg !important;
-    border-color: @formInputBorderColor !important
+    border-color: @formInputBorderColor !important;
   }
 
-
   &-picker {
     width: 100%;
     &-container {
@@ -202,7 +201,7 @@ body {
       color: #00e9fe !important;
     }
     &-select {
-      background-color: @formInputBgColor !important
+      background-color: @formInputBgColor !important;
     }
   }
 
@@ -275,7 +274,7 @@ body {
     }
   }
 }
-.ant-calendar-range .ant-calendar-in-range-cell::before{
+.ant-calendar-range .ant-calendar-in-range-cell::before {
   background: #1397a3;
 }
 
@@ -341,7 +340,8 @@ body {
 
   &-selected-day &-date,
   &-date:hover {
-    background-color: #072f32 !important;
+    background-color: #0b4f54 !important;
+    // background-color: #072f32 !important;
   }
 }
 
@@ -382,10 +382,10 @@ body {
 }
 
 // 输入框样式
-.ant-calendar-input{
+.ant-calendar-input {
   background-color: transparent !important;
 }
-.ant-calendar-range-middle{
+.ant-calendar-range-middle {
   color: #fff;
 }
 .ant-input {
@@ -639,7 +639,7 @@ input[type='number']::-webkit-outer-spin-button {
     }
   }
 }
-.ant-select-selection--multiple .ant-select-selection__choice{
+.ant-select-selection--multiple .ant-select-selection__choice {
   max-width: 60%;
 }