style: ui风格调整

src/pages/Customer/Contact/components/AddContact/index.jsx

@@ -17,8 +17,8 @@ const Addcontact = props => {
       {...layout}
       title={<ModalDrag title={'添加联系人'} />}
       trigger={
-        <Button key="button" type="primary" size="small" className="flex items-center">
-          <Plus className="zh-mg-right-5" />
+        <Button type="primary" className="flex items-center">
+          <Plus className="mr-1" />
           联系人
         </Button>
       }

src/pages/Customer/Contact/index.jsx

@@ -549,57 +549,59 @@ const Contact = props => {
     )
   }
   return (
-    <ProTable
-      bordered
-      params={state.params}
-      actionRef={tRef}
-      rowKey={record => record.id}
-      columns={columns}
-      request={async (params, sort, filter) => {
-        const {
-          code = -1,
-          data: { client = [], total = 0 }
-        } = await queryContact({ ...params, ...sort, ...filter })
-        setState({ ...state, orderIds: client.map(item => item.id) })
-        return {
-          data: client,
-          success: code === consts.RET_CODE.SUCCESS,
-          total
-        }
-      }}
-      tableAlertRender={renderTableAlert}
-      rowSelection={{
-        onChange: hanleRowSelectChange,
-        type: 'checkbox',
-        columnWidth: 25
-      }}
-      // search={false}
-      search={{ filterType: 'light' }}
-      toolbar={{
-        search: {
-          allowClear: true,
-          onSearch: handleSearch,
-          placeholder: '输入联系人、客户名称、电话邮箱等'
-        },
-        actions: [
-          <LazyCascader
-            key="lazyCascader"
-            onChange={onDistrictChange}
-            changeOnSelect={true}
-            bordered={false}
-            className="hover:bg-[rgba(0,0,0,0.1)]"
-          />,
-          <Addcontact onConfirm={handleAddClient} key="addContactBtn" />
-        ]
-      }}
-      onLoadingChange={loadingStatus => {
-        loadingStatus && redoHeight()
-      }}
-      scroll={getScrollRef}
-      columnsStateMap={columnsStateMap}
-      onColumnsStateChange={map => setColumnsStateMap(map)}
-      headerTitle="联系人"
-    />
+    <div className={styles.contactContent}>
+      <ProTable
+        bordered
+        params={state.params}
+        actionRef={tRef}
+        rowKey={record => record.id}
+        columns={columns}
+        request={async (params, sort, filter) => {
+          const {
+            code = -1,
+            data: { client = [], total = 0 }
+          } = await queryContact({ ...params, ...sort, ...filter })
+          setState({ ...state, orderIds: client.map(item => item.id) })
+          return {
+            data: client,
+            success: code === consts.RET_CODE.SUCCESS,
+            total
+          }
+        }}
+        tableAlertRender={renderTableAlert}
+        rowSelection={{
+          onChange: hanleRowSelectChange,
+          type: 'checkbox',
+          columnWidth: 25
+        }}
+        // search={false}
+        search={{ filterType: 'light' }}
+        toolbar={{
+          search: {
+            allowClear: true,
+            onSearch: handleSearch,
+            placeholder: '输入联系人、客户名称、电话邮箱等'
+          },
+          actions: [
+            <LazyCascader
+              key="lazyCascader"
+              onChange={onDistrictChange}
+              changeOnSelect={true}
+              bordered={false}
+              className="hover:bg-[rgba(0,0,0,0.1)]"
+            />,
+            <Addcontact onConfirm={handleAddClient} key="addContactBtn" />
+          ]
+        }}
+        onLoadingChange={loadingStatus => {
+          loadingStatus && redoHeight()
+        }}
+        scroll={getScrollRef}
+        columnsStateMap={columnsStateMap}
+        onColumnsStateChange={map => setColumnsStateMap(map)}
+        headerTitle="联系人"
+      />
+    </div>
   )
 }
 

src/pages/Customer/Contact/index.less

@@ -4,3 +4,11 @@
     cursor: pointer;
   }
 }
+
+.contactContent {
+  :global(.ant-cascader-input.ant-input) {
+    &::-webkit-input-placeholder {
+      color: rgba(0, 0, 0, 0.85);
+    }
+  }
+}