Ver código fonte

style: 联系人、客户界面ui优化

lanjianrong 5 anos atrás
pai
commit
b30e5bde93

+ 1 - 1
src/pages/Customer/Company/components/PersonLabel/index.jsx

@@ -110,7 +110,7 @@ const PersonLabel = props => {
     </div>
   )
   return (
-    <Popover content={menu} trigger="click" className={styles.dropdownMenu}>
+    <Popover content={menu} trigger="click" overlayClassName={styles.dropdownMenu}>
       {children}
     </Popover>
   )

+ 8 - 2
src/pages/Customer/Company/components/PersonLabel/index.scss

@@ -1,5 +1,10 @@
+.dropdownMenu {
+  :global(.ant-popover-inner-content) {
+    padding: 0;
+  }
+}
 .labelContent {
-  margin-bottom: 0;
+  margin: 5px 5px;
   padding: 0;
   list-style: none;
   :global(.ant-spin-container) {
@@ -23,7 +28,8 @@
     flex-direction: row;
     flex-wrap: nowrap;
     min-width: 212px;
-    padding: 0;
+    // padding: 0;
+    margin: 5px 0;
     color: #666666;
     background-color: #ffffff;
     border-radius: 4px;

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

@@ -447,7 +447,8 @@ const Company = props => {
       toolbar={{
         search: {
           allowClear: true,
-          onSearch: handleSearch
+          onSearch: handleSearch,
+          placeholder: '输入客户名称、公司性质等'
         },
         actions: [
           <LazyCascader

+ 2 - 1
src/pages/Customer/Contact/index.jsx

@@ -601,7 +601,8 @@ const Contact = props => {
         toolbar={{
           search: {
             allowClear: true,
-            onSearch: handleSearch
+            onSearch: handleSearch,
+            placeholder: '输入联系人、客户名称、电话邮箱等'
           },
           actions: [
             <LazyCascader