样式修改

src/pages/EqSelfInspection/components/Detail.js

@@ -110,7 +110,7 @@ function Detail(props) {
   }, [data?.dumuList]);
 
   return (
-    <Spin spinning={loading} wrapperClassName="card-box">
+    <Spin spinning={loading}>
       <div className={styles.card}>
         <Row>
           <Col span={24} className={styles.cardText}>
@@ -118,10 +118,10 @@ function Detail(props) {
           </Col>
         </Row>
         <Row>
-          <Col span={16} className={styles.cardText}>
+          <Col span={12} className={styles.cardText}>
             自检路线：{data?.RouteInfo?.Name}
           </Col>
-          <Col span={8} className={styles.cardText}>
+          <Col span={12} className={styles.cardText}>
             工艺段：{data?.RouteInfo?.GroupID}
           </Col>
         </Row>
@@ -140,7 +140,7 @@ function Detail(props) {
           })}
         </Row>
       </div>
-      <div style={{ padding: 20, background: '#fff' }}>
+      <div>
         <ModuleTitle title="设备自检" />
         {/* 设备自检报告 */}
         <ReportCom
@@ -287,6 +287,7 @@ export function DeviceTable(props) {
   const columns = [
     {
       title: '设备名称',
+      width: '20%',
       dataIndex: 'DeviceName',
     },
     {
@@ -312,7 +313,6 @@ export function DeviceTable(props) {
     },
     {
       title: '状态',
-      width: '13%',
       dataIndex: 'Status',
       render: (Status) => {
         switch (Status) {
@@ -377,7 +377,6 @@ export function DeviceTable(props) {
   if (!isSensor) {
     columns.push({
       title: '操作',
-      width: 120,
       render: (record) =>
         record.Status == 1 && (
           <a style={{ color: '#FE5850' }} onClick={() => onClickError(record)}>
@@ -604,11 +603,11 @@ export function WarningTable(props) {
   const columns = [
     {
       title: '设备名称',
+      width: '20%',
       dataIndex: 'DeviceName',
     },
     {
       title: '巡检项',
-      width: '20%',
       dataIndex: 'TemplateItem.Name',
     },
     // {
@@ -629,7 +628,6 @@ export function WarningTable(props) {
     },
     {
       title: '状态',
-      width: '13%',
       dataIndex: 'Status',
       render: (Status) => {
         switch (Status) {
@@ -688,7 +686,6 @@ export function WarningTable(props) {
   if (!isSensor) {
     columns.push({
       title: '操作',
-      width: 120,
       render: (record) =>
         record.Status == 1 && (
           <a style={{ color: '#FE5850' }} onClick={() => onClickError(record)}>
@@ -830,7 +827,6 @@ export function LiquidTable(props) {
     },
     {
       title: '状态',
-      width: '13%',
       dataIndex: 'status',
       render: (status) => {
         switch (status) {
@@ -1219,7 +1215,7 @@ function Empty() {
     <div>
       <img
         src={require('@/assets/self-empty.png')}
-        style={{ margin: '0.2rem 0' }}
+        style={{ margin: '0.2rem 0', width: '1.6rem' }}
       />
       <p style={{ textAlign: 'center', color: '#555' }}>自检正常</p>
     </div>

src/pages/EqSelfInspection/components/PatrolReportDetail.less

@@ -68,6 +68,7 @@
   position: relative;
   overflow: hidden;
   border-bottom: 2px solid #4577ff;
+  margin-bottom: 0.4rem;
   .cardText {
     font-size: 0.32rem;
     font-family: Source Han Sans, Source Han Sans;

src/pages/Smart/ConditionDetection.js

@@ -59,7 +59,7 @@ const ConditionDetection = (props) => {
         </div>
         <div className={styles.content}>
           <Row gutter={16}>
-            <Col span={12} style={{ padding: 22 }}>
+            <Col span={12} style={{ padding: "0.2rem" }}>
               <div className={`${styles.card} card-box`}>
                 <h3>
                   实时工况 <span>{real.score}分</span>
@@ -83,7 +83,7 @@ const ConditionDetection = (props) => {
                 </ul>
               </div>
             </Col>
-            <Col span={12} style={{ padding: 22 }}>
+            <Col span={12} style={{ padding: "0.2rem" }}>
               <div className={`${styles.card2} card-box`}>
                 <h3>
                   目标工况 <span>{best.score}分</span>