feat

src/components/product-dialog/index.less

@@ -2,7 +2,6 @@
 @import '@/styles/variables.less';
 
 .product-dialog {
-
   .layout() {
     display: flex;
     flex-direction: column;
@@ -31,7 +30,7 @@
     font-weight: 500;
     line-height: 72px;
     border-radius: 44px;
-    color: #FFFFFF;
+    color: #ffffff;
     background: @blHighlightColor;
     margin-top: 40px;
   }
@@ -42,7 +41,7 @@
     font-size: 24px;
     line-height: 48px;
     color: @blHighlightColor;
-    background: #6D3DF514;
+    background: #6d3df514;
     border-radius: 8px;
     padding: 32px 72px;
     margin-top: 40px;
@@ -73,7 +72,7 @@
 
     &__describe {
       .describe-font();
-      margin-top: 24px
+      margin-top: 24px;
     }
 
     &__content {
@@ -173,8 +172,8 @@
       }
 
       &.disabled {
-        border-color: #E0E0E0;
-        background: #F7F7F7;
+        border-color: #e0e0e0;
+        background: #f7f7f7;
       }
 
       &.selected {
@@ -237,9 +236,7 @@
         color: @blHighlightColor;
         display: inline;
       }
-
     }
-
   }
 
   // ============================================= 群 ================================================= //
@@ -323,7 +320,7 @@
     line-height: 36px;
     text-align: center;
     border-radius: 50%;
-    border: 2px solid #E0E0E0;
+    border: 2px solid #e0e0e0;
   }
 
   &__qr-code__step-title {
@@ -338,7 +335,7 @@
     position: relative;
     width: 2px;
     height: 40px;
-    background: #E0E0E0;
+    background: #e0e0e0;
     margin: 4px 0;
     margin-left: 18px;
   }
@@ -365,7 +362,7 @@
     .divider {
       width: 540px;
       height: 1px;
-      background: #E0E0E0;
+      background: #e0e0e0;
       margin: 40px 0;
     }
 
@@ -417,7 +414,7 @@
     margin-top: 40px;
 
     .highlight {
-      color: @blHighlightColor
+      color: @blHighlightColor;
     }
   }
 
@@ -523,7 +520,6 @@
     .button();
   }
 
-
   // ============================================= 发布通告的企业会员 ================================================= //
   &__publish-job-buy__header {
     .header-font();
@@ -576,21 +572,21 @@
 
     &__item {
       position: relative;
-      width: 230px;
+      width: 182px;
       height: 156px;
       .flex-column();
       justify-content: center;
       border: 2px solid @blHighlightColor;
       border-radius: 8px;
-      margin-right: 24px;
+      margin-right: 15px;
 
       &:last-child {
         margin-right: 0;
       }
 
       &.disabled {
-        border-color: #E0E0E0;
-        background: #F7F7F7;
+        border-color: #e0e0e0;
+        background: #f7f7f7;
       }
 
       &.selected {
@@ -635,11 +631,11 @@
       }
 
       &__left-line {
-        background: linear-gradient(270deg, #E0E0E0 0%, #FFFFFF 100%);
+        background: linear-gradient(270deg, #e0e0e0 0%, #ffffff 100%);
       }
 
       &__right-line {
-        background: linear-gradient(90deg, #E0E0E0 0%, #FFFFFF 100%);
+        background: linear-gradient(90deg, #e0e0e0 0%, #ffffff 100%);
       }
 
       &__title {
@@ -680,5 +676,4 @@
       margin-top: 32px;
     }
   }
-
 }

src/components/product-dialog/steps-ui/company-publish-job-buy.tsx

@@ -9,10 +9,10 @@ import { PREFIX } from '@/components/product-dialog/const';
 import { CollectEventName, ReportEventId } from '@/constants/event';
 import { OrderStatus, OrderType, ProductSpecId, ProductType } from '@/constants/product';
 import { SubscribeTempId } from '@/constants/subscribe';
+import { ProductSpecResult } from '@/types/product';
 import { logWithPrefix } from '@/utils/common';
 import { collectEvent, reportEvent } from '@/utils/event';
 import {
-  getOrderPrice,
   isCancelPay,
   requestCreatePayInfo,
   requestOrderInfo,
@@ -21,7 +21,6 @@ import {
 } from '@/utils/product';
 import { postSubscribe, subscribeMessage } from '@/utils/subscribe';
 import Toast from '@/utils/toast';
-import { ProductSpecResult } from '@/types/product';
 
 interface IProps {
   onNext: () => void;