22558 【重要】一站式移动端审核样式调整

one_stop_public/Table/isNewMobileTable.jsx

@@ -38,6 +38,7 @@ export default class IsNewTable extends Component {
 			getCurrentFormTitle,
 		} = this.props;
 		if (!isEdit) {
+		  // console.log(items);
 			// 展示栏 暂不做处理
 			return (
 				<>

one_stop_public/tableCompon/index.jsx

@@ -28,7 +28,7 @@ import QRCode from 'qrcode.react';
 import { Editor } from 'draft-js';
 import MyBlockRenderer from '../App/MyBlockRender';
 import CronEditor from 'antd-cron-editor';
-import { Card, Flex, List as MobileList, Switch as MobileSwitch } from 'antd-mobile';
+import { Card, Flex, List as MobileList, Switch as MobileSwitch, List  } from 'antd-mobile';
 import ReactEcharts from 'echarts-for-react';
 import ZdyTable from '../Table/index';
 import { connect } from 'dva';
@@ -1322,7 +1322,9 @@ export default class tableCom extends Component {
     const { getFieldDecorator, getFieldError, getFieldProps } = this.props.form;
     const disabled = json != null ? json.disabled : false;
     const permRank = json != null ? (json.permRank != null ? json.permRank : 0) : 0;
-    // console.log(json.comName);
+    if(json?.label === '账号'){
+      console.log(json);
+    }
     if (json == null) {
       return <></>;
     }
@@ -1445,8 +1447,8 @@ export default class tableCom extends Component {
               })(<Input type="hidden" />)}
               <span
                 style={{
-                  fontWeight: get == 'mobile' ? 'bold' : '',
-                  marginRight: get == 'mobile' ? 12 : '',
+                  fontWeight: get === 'mobile' ? 'bold' : '',
+                  marginRight: get === 'mobile' ? 12 : '',
                 }}
                 {...json.props}
               >
@@ -1458,7 +1460,7 @@ export default class tableCom extends Component {
       }
     }
 
-    if (json.comName == 'Description') {
+    if (json.comName === 'Description') {
       const key = json.sqls[json.sqls.length - 1];
       var cm = '';
       var value;
@@ -1472,6 +1474,7 @@ export default class tableCom extends Component {
       } else if (defaultValues) {
         value = defaultValues[key];
       }
+
       switch (json.viewName) {
         case 'TextArea':
           cm = (
@@ -1491,10 +1494,11 @@ export default class tableCom extends Component {
 
           break;
         case 'Input':
+          console.log(value);
           cm = (
             <span style={{ paddingRight: get === 'mobile' ? 8 : '' }}>
               {value}
-              {get === 'mobile' ? <br /> : ''}
+              {get === 'mobile' ? '' : ''}
             </span>
           );
 
@@ -2259,7 +2263,8 @@ export default class tableCom extends Component {
           );
           break;
       }
-    } else {
+    }
+    else {
       //编辑模式
       if (json.vlds && json.vlds.length > 0) {
         for (let i in json.vlds) {
@@ -3166,7 +3171,7 @@ export default class tableCom extends Component {
     if (json.isLabel) {
       if (get === 'mobile' && !this.props.isEdit) {
         return (
-          <Card style={{ margin: 5, border: '1px solid #ccc' }}>
+          <List style={{ margin: 5, border: '1px solid #ccc' }} className={styles.mobileList}>
             {modalCode ? (
               <FormModal
                 {...modalProps}
@@ -3198,9 +3203,11 @@ export default class tableCom extends Component {
             ) : (
               ''
             )}
-            <Card.Header title={<span style={{ fontSize: 14 }}>{title}:</span>} />
-            <Card.Body>{cm}</Card.Body>
-          </Card>
+            <List.Item extra={cm} multipleLine={true}>{title}</List.Item>
+            {/*<Card.Header title={<span style={{ fontSize: 14 }}>{title}: {cm}</span>} />*/}
+            {/*移动端只读模式 组件修改*/}
+            {/*<Card.Body>{cm}</Card.Body>*/}
+          </List>
         );
       }
       if (get === 'web') {

one_stop_public/tableCompon/style.less

@@ -228,3 +228,14 @@
   font-weight: bold;
   font-family: PingFang-SC-Regular;
 }
+.mobileList{
+  :global{
+    .am-list-item .am-list-line .am-list-extra{
+      white-space: normal;
+      ul{
+        padding-inline-start: 0;
+      }
+    }
+  }
+
+}