Ver código fonte

fix: 去除客户列表中若干列的ellipsis配置

lanjianrong 4 anos atrás
pai
commit
18529486e9

+ 2 - 1
src/pages/Customer/Client/components/ClientDetail/TabList.jsx

@@ -42,7 +42,8 @@ const ContanctTabList = ({ clientId, software }) => {
       render: (clientName, record) => (
         <span
           onClick={() => showLongleDrawer(record.id)}
-          className="text-primary cursor-pointer hover:text-[#967bbd]">
+          className="text-primary cursor-pointer hover:text-hex-967bbd"
+        >
           {clientName}
         </span>
       )

+ 5 - 1
src/pages/Customer/Client/components/ClientDetail/index.jsx

@@ -94,7 +94,11 @@ const ContactDetail = props => {
             xl={{ span: 15 }}
             className="sheet-box-right"
           >
-            <ContanctTabList clientId={state.client.id} software={state.software} />
+            <ContanctTabList
+              clientId={state.client.id}
+              software={state.software}
+              updateKey={updateKey}
+            />
             <ContanctLowerList log={state.log} servicelist={state.serviceLog} />
           </Col>
         </Row>

+ 15 - 9
src/pages/Customer/Client/index.jsx

@@ -172,7 +172,8 @@ const Client = props => {
       render: (clientName, record) => (
         <span
           onClick={() => showDrawer(record.id)}
-          className="text-primary cursor-pointer hover:text-[#967bbd]">
+          className="text-primary cursor-pointer hover:text-[#967bbd]"
+        >
           {clientName}
         </span>
       ),
@@ -184,12 +185,13 @@ const Client = props => {
       dataIndex: 'companyName',
       key: 'companyName',
       width: 100,
-      ellipsis: true,
+      // ellipsis: true,
       render: (companyName, record) =>
         record.companyId !== consts.ENCRYPTION_ZERO ? (
           <span
             onClick={() => showDrawerComapny(record.companyId)}
-            className="text-primary cursor-pointer hover:text-[#967bbd]">
+            className="text-primary cursor-pointer hover:text-[#967bbd]"
+          >
             {companyName}
           </span>
         ) : (
@@ -236,7 +238,7 @@ const Client = props => {
       key: 'email',
       width: 85,
       sorter: true,
-      ellipsis: true,
+      // ellipsis: true,
       search: false
     },
     {
@@ -260,7 +262,7 @@ const Client = props => {
       key: 'districtName',
       width: 75,
       search: false,
-      ellipsis: true,
+      // ellipsis: true,
       // filterDropdown: filterDropdownProps => <FilterCascader {...filterDropdownProps} />,
       renderText: text => text?.replaceAll(' / ', ' , ')
     },
@@ -295,7 +297,8 @@ const Client = props => {
             tagType={TagTypeEnum.PERSONTAG}
             tagColumn={TagDataTypeEnum.CLIENT}
             checkCallBack={refreshData}
-            modeType={LabelModeType.column}>
+            modeType={LabelModeType.column}
+          >
             <Add theme="filled" size="20" fill="#868e96" className="cursor-pointer" />
           </PersonLabel>
         </div>
@@ -332,7 +335,8 @@ const Client = props => {
             tagType={TagTypeEnum.TEAMTAG}
             tagColumn={TagDataTypeEnum.CLIENT}
             checkCallBack={refreshData}
-            modeType={LabelModeType.column}>
+            modeType={LabelModeType.column}
+          >
             <Add theme="filled" size="20" fill="#868e96" className="cursor-pointer" />
           </PersonLabel>
         </div>
@@ -493,7 +497,8 @@ const Client = props => {
             tagType={TagTypeEnum.PERSONTAG}
             tagColumn={TagDataTypeEnum.CLIENT}
             checkCallBack={toolbarOptionsChange}
-            modeType={LabelModeType.toolbar}>
+            modeType={LabelModeType.toolbar}
+          >
             {tagState.tagIds.length ? (
               <Button>
                 {tagState.tagIds.map(item => (
@@ -518,7 +523,8 @@ const Client = props => {
             tagType={TagTypeEnum.TEAMTAG}
             tagColumn={TagDataTypeEnum.CLIENT}
             checkCallBack={toolbarOptionsChange}
-            modeType={LabelModeType.toolbar}>
+            modeType={LabelModeType.toolbar}
+          >
             {tagState.tagCooperationIds.length ? (
               <Button>
                 {tagState.tagCooperationIds.map(item => (