Przeglądaj źródła

fix: 软件锁、客户、单位弹窗宽度的适应手机

outaozhen 5 lat temu
rodzic
commit
ed21454c57

+ 12 - 2
src/pages/Customer/Client/components/ClientDetail/index.jsx

@@ -51,7 +51,12 @@ const ContactDetail = props => {
     <Spin spinning={state.loading}>
       <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="上一条记录">
@@ -81,7 +86,12 @@ const ContactDetail = props => {
               <ContanctForm client={state.client} updateKey={updateKey} />
             </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">
             <ContanctTabList clientId={state.client.id} software={state.software} />
             <ContanctLowerList log={state.log} servicelist={state.serviceLog} />
           </Col>

+ 4 - 4
src/pages/Customer/Client/index.jsx

@@ -121,8 +121,8 @@ const Client = props => {
       closable: true,
       onClose: () => toggleDrawer(),
       bodyStyle: {
-        height: '100vh',
-        overflowY: 'hidden'
+        height: '100vh'
+        // overflowY: 'hidden'
       },
       children: <ContactDetail dataId={id} orderIds={state.orderIds} />
     })
@@ -135,8 +135,8 @@ const Client = props => {
       closable: true,
       onClose: () => toggleDrawer(),
       bodyStyle: {
-        height: '100vh',
-        overflowY: 'hidden'
+        height: '100vh'
+        // overflowY: 'hidden'
       },
       children: <CompanyDetail dataId={id} orderIds={state.orderIds} />
     })

+ 13 - 2
src/pages/Customer/Company/components/CompanyDetail/index.jsx

@@ -47,7 +47,12 @@ const CompanyDetail = props => {
     <Spin spinning={state.loading}>
       <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="上一条记录">
@@ -78,7 +83,13 @@ const CompanyDetail = props => {
               <CompanyForm customer={state.customer} updateKey={updateKey} />
             </div>
           </Col>
-          <Col span={14} flex={{ flexDirection: 'column' }} className="sheet-box-right">
+          <Col
+            sm={{ span: 24 }}
+            md={{ span: 24 }}
+            lg={{ span: 15 }}
+            xl={{ span: 15 }}
+            flex={{ flexDirection: 'column' }}
+            className="sheet-box-right">
             <CompanyTabList
               initData={initData}
               customerId={flipConsts.curId}

+ 2 - 2
src/pages/Customer/Company/index.jsx

@@ -148,8 +148,8 @@ const Company = props => {
       closable: true,
       onClose: () => toggleDrawer(),
       bodyStyle: {
-        height: '100vh',
-        overflowY: 'hidden'
+        height: '100vh'
+        // overflowY: 'hidden'
       },
       children: <CompanyDetail dataId={id} orderIds={state.orderIds} />
     })

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

@@ -62,10 +62,10 @@ const LockForm = props => {
   return (
     <div>
       <Row>
-        <Col span={16}>
+        <Col span={15}>
           <h2 className="text-2xl pb-4">{longle.keyNum}</h2>
         </Col>
-        <Col span={8} className="text-right text-gray-500">
+        <Col span={9} className="text-right text-gray-500">
           {longle.staffName} 创建于 {longle.makeDay}
         </Col>
       </Row>

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

@@ -81,7 +81,7 @@ const Index = props => {
                 </Tooltip>
               </div>
             ) : null}
-            <div className="sheet-left-panel pr-4">
+            <div className="sheet-left-panel pr-4 mr-2">
               <LockForm longle={state.longle} customerId={state.longle.customerId} />
             </div>
           </Col>

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

@@ -292,7 +292,7 @@ const LockStore = ({ prodList = [], dispatch, shouldUpdate }) => {
       )
     },
     {
-      title: '单位',
+      title: '单位名称',
       dataIndex: 'customerName',
       render: (text, record) => (
         <span