feat: 回款消息样式微调

client/src/views/OaSystem/marketCenter/returnMessage/index.scss

@@ -1,9 +1,9 @@
 ._ReturnMessageBox {
   // width: calc(100% - 30px);
-  height: calc(100% - 30px);
+  height: calc(100% - 40px);
   background: #ffffff;
   border-radius: 20px;
-  margin-top: 15px;
+  margin-top: 35px;
   padding: 26px;
 }
 .message-top {
@@ -12,9 +12,6 @@
   background: #f3f8fc;
   border-radius: 4px 4px 4px 4px;
 
-  .el-input__wrapper {
-  }
-
   ul {
     width: 100%;
     height: 100%;

client/src/views/OaSystem/marketCenter/returnMessage/returnMessage.scss

@@ -1,161 +0,0 @@
-._ReturnMessageBox {
-  width: calc(100% - 30px);
-  height: calc(100% - 30px);
-  background: #FFFFFF;
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid #DEE0E3;
-  margin: 15px;
-
-  .searchBox {
-    width: 100%;
-    height: 125px;
-    background: #F7F8FA;
-    border-radius: 4px 4px 0 0;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    padding: 0 20px;
-    box-sizing: border-box;
-
-    .form {
-      display: flex;
-      align-items: center;
-      margin-right: 20px;
-
-      .formSpan {
-        font-size: 16px;
-      }
-
-      .btnBox {
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-
-  .infoBox {
-    width: 100%;
-    height: 55px;
-    background: #EDF2FB;
-
-    ul {
-      width: 100%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      padding: 0 20px;
-
-      li {
-        list-style: none;
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-
-  .cardBox {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 20px;
-    >div {
-      width: 420px;
-      background: url("../../../../../../assets/imgs/OA/xmcb_bg.png") no-repeat;
-      background-size: 100% 100%;
-      height: 100px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      padding-left: 30px;
-      >.title {
-        font-size: 18px;
-        font-weight: bold;
-        color: #2D333C;
-      }
-      >.numberBox {
-        color: #2E77E6;
-        >span {
-          vertical-align: bottom;
-          display: inline-block;
-        }
-        >.value {
-          font-size: 40px;
-          font-weight: bold;
-        }
-        >.unit {
-          font-size: 24px;
-          margin-left: 5px;
-          padding-bottom: 8px;
-        }
-      }
-    }
-    >ul {
-      display: flex;
-      flex: 1;
-      margin-left: 40px;
-      >li {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        border-right: 1px solid #DEE0E3;
-        &:last-child {
-          border-right: 0px;
-        }
-        >.value {
-          font-size: 24px;
-          color: #2D333C;
-          font-weight: bold;
-        }
-        >.title {
-          font-size: 20px;
-          color: #626B70;
-        }
-      }
-    }
-  }
-
-  .tableBox {
-    width: 100%;
-    height: calc(100% - 180px);
-    padding: 15px 20px;
-    position: relative;
-
-    .table {
-      width: 100%;
-      height: calc(100% - 40px);
-
-      .operateBtn {
-        width: 54px;
-        height: 24px;
-        background: #EBF2FF;
-        border-radius: 16px 16px 16px 16px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        span {
-          color: #2E77E6;
-        }
-      }
-    }
-
-    .pageBox {
-      position: absolute;
-      right: 20px;
-      bottom: 10px;
-      text-align: right;
-    }
-  }
-  :deep(.el-radio__label),
-  :deep(.el-checkbox__label){
-      font-size: 16px;
-  }
-  :deep(.el-radio-group){
-    label {
-      margin-right: 10px;
-    }
-  }
-}