style

src/global.less

@@ -267,3 +267,19 @@ input[type='reset'] {
     font-size: 24px;
   }
 }
+
+.ant-select-selection-item {
+  font-size: 26px;
+}
+.ant-select-selector {
+  height: 40px;
+  padding: 4px 11px;
+}
+
+.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  height: 40px;
+  padding: 4px 11px;
+}
+.ant-select-single .ant-select-selector {
+  font-size: 26px;
+}

src/pages/SmartOps/OperationRecord.js

@@ -206,7 +206,7 @@ const OperationRecord = (props) => {
         <span style={{ marginLeft: '20px' }}>来源:</span>
         <Select
           placeholder="请选择来源"
-          style={{ width: 200 }}
+          style={{ width: 250 }}
           onChange={(value) => handleParamsChange('cause_type', value)}
           allowClear
         >

src/pages/SmartReport/index.js

@@ -246,17 +246,17 @@ const SmartReport = () => {
     <PageContent closeable={false}>
       <ConfigProvider locale={zhCN}>
         <div className={styles.head}>
-          <div>
-            <div className={styles.name}>
-              <LeftOutlined
-                onClick={handleOnClick}
-                style={{ fontSize: 36, cursor: 'pointer', marginRight: '20px' }}
-              />
-              智慧运营报告
-            </div>
-            <div className={styles.photo}>
-              {dayjs(date.stime).format('MM月DD日')}-
-              {dayjs(date.etime).format('MM月DD日')}
+          <div className={styles.nameContainer}>
+            <LeftOutlined
+              onClick={handleOnClick}
+              style={{ fontSize: 36, cursor: 'pointer', marginRight: '20px' }}
+            />
+            <div>
+              <div className={styles.name}>智慧运营报告</div>
+              <div className={styles.photo}>
+                {dayjs(date.stime).format('MM月DD日')}-
+                {dayjs(date.etime).format('MM月DD日')}
+              </div>
             </div>
           </div>
           <div className={styles.headRight}>
@@ -284,7 +284,9 @@ const SmartReport = () => {
                 ]}
               />
             </div>
-            <div>{showRange && <RangePicker onChange={onChange} />}</div>
+            <div>
+              {showRange && <RangePicker inputReadOnly onChange={onChange} />}
+            </div>
           </div>
         </div>
         <Spin spinning={loading}>

src/pages/SmartReport/index.less

@@ -9,6 +9,12 @@
   font-weight: 400;
   color: #4a4a4a;
 }
+
+.nameContainer {
+  display: flex;
+  justify-content: center;
+}
+
 .name {
   font-size: 34px;
   font-family: PingFangSC, PingFang SC;
@@ -17,7 +23,7 @@
   line-height: 48px;
 }
 .photo {
-  margin-left: 60px;
+  font-size: 24px;
 }
 
 .head {
@@ -38,15 +44,6 @@
     display: flex;
     flex-direction: column;
     align-items: flex-end;
-    .headRightSelect :global {
-      .ant-select-selection-item {
-        font-size: 26px;
-      }
-      .ant-select-selector {
-        height: 40px;
-        padding: 4px 11px;
-      }
-    }
   }
 }