Jelajahi Sumber

大文本框字段样式修改

RaoMeng 6 tahun lalu
induk
melakukan
3fe7e8d0ac

+ 39 - 28
uas-office-web/wxuasapproval/src/components/approvalAdd/FormInput.jsx

@@ -127,36 +127,47 @@ export default class FormInput extends Component {
     return (
       (type === 'DT' || type === 'D' || type === 'T') ? <div>
         {valueItem}
-      </div> : <div className='form-common-layout'
-                    style={{ minHeight: '32px' }}>
-        <div className='form-input-caption'>{billModel.caption}</div>
-        <div className={billModel.allowBlank == 'F'
-          ? 'form-input-fill'
-          : 'visibleHidden'}>*
+      </div> : (type === 'MS') ? (<div className={'form-textarea-layout'}>
+        <div className='form-common-layout'
+             style={{ borderBottom: 'none'}}>
+          <div className='form-input-caption'>{billModel.caption}</div>
+          <div className={billModel.allowBlank == 'F'
+            ? 'form-input-fill'
+            : 'visibleHidden'}>*
+          </div>
         </div>
         {valueItem}
-        {this.isSelect(billModel) &&
-        <Modal visible={modalOpen}
-               animationType={'slide-up'}
-               onClose={() => {
-                 this.setState({
-                   modalOpen: false,
-                 })
-               }}
-               title={billModel.caption}
-               popup
-        >
-          <List className='form-common-modal-root'>
-            {modalList && (
-              modalList.map((modalObj, index) => (
-                <List.Item key={index}
-                           onClick={this.onModalSelect.bind(this,
-                             index)}>{modalObj.value}</List.Item>
-              ))
-            )}
-          </List>
-        </Modal>}
-      </div>
+      </div>) : (
+        <div className='form-common-layout'
+             style={{ minHeight: '32px' }}>
+          <div className='form-input-caption'>{billModel.caption}</div>
+          <div className={billModel.allowBlank == 'F'
+            ? 'form-input-fill'
+            : 'visibleHidden'}>*
+          </div>
+          {valueItem}
+          {this.isSelect(billModel) &&
+          <Modal visible={modalOpen}
+                 animationType={'slide-up'}
+                 onClose={() => {
+                   this.setState({
+                     modalOpen: false,
+                   })
+                 }}
+                 title={billModel.caption}
+                 popup
+          >
+            <List className='form-common-modal-root'>
+              {modalList && (
+                modalList.map((modalObj, index) => (
+                  <List.Item key={index}
+                             onClick={this.onModalSelect.bind(this,
+                               index)}>{modalObj.value}</List.Item>
+                ))
+              )}
+            </List>
+          </Modal>}
+        </div>)
     )
   }
 

+ 37 - 4
uas-office-web/wxuasapproval/src/components/approvalAdd/formCommon.css

@@ -17,10 +17,6 @@
     align-items: center;
 }
 
-.form-common-layout .am-list .am-list-item.am-textarea-item {
-    min-height: 32px;
-}
-
 .form-common-layout .am-list-item.am-input-item {
     min-height: 32px;
     height: 32px;
@@ -54,6 +50,7 @@
 }
 
 .form-common-layout .am-list .am-list-item.am-textarea-item {
+    min-height: 32px;
     height: 100%;
     padding-left: 8px;
     align-items: center;
@@ -69,6 +66,42 @@
     padding-right: 4px;
 }
 
+/***********************************************************************************/
+.form-textarea-layout {
+    border-bottom: 1px solid #eeeeee;
+}
+
+.form-textarea-layout .am-textarea-control {
+    padding: 2px;
+}
+
+.form-textarea-layout .am-textarea-control textarea {
+    font-size: 14px;
+    text-align: left;
+    padding-left: 2px;
+}
+
+.form-textarea-layout .am-list .am-list-item.am-textarea-item {
+    min-height: 32px;
+    height: 100%;
+    padding-left: 4px;
+    align-items: center;
+}
+
+.form-textarea-layout .form-input-value.am-list-item.am-textarea-item {
+    min-height: 80px;
+    max-height: 300px;
+    padding-left: 4px;
+    padding-right: 4px;
+    overflow-y: scroll;
+}
+
+.form-textarea-layout .form-input-value.am-list-item.am-textarea-item::-webkit-scrollbar {
+    display: none;
+}
+
+/************************************************************************************/
+
 .form-title-text {
     font-size: 14px;
     color: #2F95DD;

+ 7 - 6
uas-office-web/wxuasapproval/src/pages/approval/Approval.jsx

@@ -2196,13 +2196,14 @@ class Approval extends Component {
         hasMore1: true,
         pageIndex: 1,
       })()
-    } else if (mType == 2) {
-      clearSendState({
-        searchKey: this.props.homeState.sendState
-          ? ''
-          : this.props.homeState.sendState.searchKey,
-      })()
     }
+    // else if (mType == 2) {
+    //   clearSendState({
+    //     searchKey: this.props.homeState.sendState
+    //       ? ''
+    //       : this.props.homeState.sendState.searchKey,
+    //   })()
+    // }
   }
 
   /**