资产管理调整

src/view/Manage/AssetManage/Component/AssetAction.jsx

@@ -203,7 +203,6 @@ const AssetAction = (props) => {
       </div>
       
       <div
-        className='p-3'
         style={{
           flex: 1,
           overflow: 'auto'
@@ -228,12 +227,22 @@ const AssetAction = (props) => {
 
               return (
                 <div key={index}>
-                  <div className='flex'>
-                    <div style={{ color: 'rgba(0,0,0,0.75)' }}>{attribute||''}</div>
+                  <div 
+                    className='flex'
+                    style={{
+                      justifyContent: 'space-between',
+                      alignItems: 'center',
+                      padding: '0 15px',
+                      backgroundColor: '#106baa',
+                      color: '#fff',
+                    }}
+                  >
+                    <div>{attribute||''}</div>
                     {
-                      attributesFoldMap[attribute] ? <Button type='text' style={{ padding: 0, color: '#0069AC' }} onClick={() => { onFoldButtonClick(attribute, false) }}>展开<DownOutlined /></Button> : <Button type='text' style={{ padding: 0, color: '#0069AC' }} onClick={() => { onFoldButtonClick(attribute, true) }}>收起<UpOutlined /></Button>
+                      attributesFoldMap[attribute] ? <Button type='text' style={{ padding: 0, color: '#fff' }} onClick={() => { onFoldButtonClick(attribute, false) }}>展开<DownOutlined /></Button> : <Button type='text' style={{ padding: 0, color: '#fff' }} onClick={() => { onFoldButtonClick(attribute, true) }}>收起<UpOutlined /></Button>
                     }
                   </div>
+                  <div style={{ padding: 10 }}>
                   {
                     (currentAction==='add'||currentAction==='edit') ? <Form {...formItemLayout} form={form}>
                     {
@@ -243,6 +252,7 @@ const AssetAction = (props) => {
                             label={element.name}
                             name={element.name}
                             key={_index}
+                            style={{ marginBottom: (_index===sameAttributeElements.length-1)? 0 : 10 }}
                           >
                           { (element.name==='资产项') ? <MetadataInfo /> : <Input disabled={element.manualMaintain==='否'}  /> }
                           </Form.Item>
@@ -253,7 +263,7 @@ const AssetAction = (props) => {
                     {
                       (sameAttributeElements||[]).map((item, index) => {
                         return (
-                          <Descriptions.Item label={item.name||''} key={index}>
+                          <Descriptions.Item label={item.name||''} key={index} style={{ paddingBottom: (index===sameAttributeElements.length-1)? 0 : 10 }}>
                           { 
                             item.name==='资产项' ? <MetadataInfo config={false} value={item.value||''} /> : <span>{highlightSearchContentByTerms(item.value||'', terms)}</span>
                           }
@@ -263,6 +273,7 @@ const AssetAction = (props) => {
                     }
                     </Descriptions>
                   }
+                  </div>
                 </div>
               );
             })