Kaynağa Gözat

feat: 软件锁弹框宽度适应手机

outaozhen 5 yıl önce
ebeveyn
işleme
24defd6b9d

+ 2 - 4
src/global.less

@@ -121,19 +121,17 @@ input:-webkit-autofill:active {
 }
 // 弹窗左右结构
 .sheet-box {
-  overflow: hidden;
+  // overflow: hidden;
   .sheet-box-left {
     height: calc(100vh);
     // height: calc(100vh - 15px);
     padding: 24px 0 24px 24px;
     overflow-y: auto;
     .sheet-left-panel {
-      overflow-x: hidden;
+      // overflow-x: hidden;
     }
   }
   .sheet-box-right {
-    padding: 24px 24px 24px 0;
-    // margin: 0 -24px -24px;
     background-color: #fafafa;
     border-left: 1px solid #eaeaea;
   }

+ 12 - 2
src/pages/Product/Lock/Lockstore/components/LocksDetail/index.jsx

@@ -50,7 +50,12 @@ const Index = props => {
     <div>
       <div className="sheet-box">
         <Row>
-          <Col span={10} className="sheet-box-left">
+          <Col
+            sm={{ span: 24 }}
+            md={{ span: 24 }}
+            lg={{ span: 9 }}
+            xl={{ span: 9 }}
+            className="sheet-box-left">
             {orderIds.length ? (
               <div className="mb-3">
                 <Tooltip title="上一条记录">
@@ -80,7 +85,12 @@ const Index = props => {
               <LockForm longle={state.longle} customerId={state.longle.customerId} />
             </div>
           </Col>
-          <Col span={14} className="sheet-box-right">
+          <Col
+            sm={{ span: 24 }}
+            md={{ span: 24 }}
+            lg={{ span: 15 }}
+            xl={{ span: 15 }}
+            className="sheet-box-right">
             <LockTabList
               longleLog={state.longleLog}
               longleId={state.longle.id}

+ 2 - 2
src/pages/Product/Lock/Lockstore/index.jsx

@@ -140,8 +140,8 @@ const LockStore = ({ prodList = [], dispatch, shouldUpdate }) => {
       closable: true,
       onClose: () => toggleDrawer(),
       bodyStyle: {
-        height: '100vh',
-        overflowY: 'hidden'
+        height: '100vh'
+        // overflowY: 'hidden'
       },
       children: <LocksDetail dataId={id} orderIds={state.orderIds} />
     })