feat: 客户、单位详情软件锁收回状态信息弱化

src/pages/Customer/Client/components/ClientDetail/TabList.jsx

@@ -1,4 +1,4 @@
-import { message, Tabs } from 'antd'
+import { message, Tabs, Typography } from 'antd'
 import React, { useEffect, useState, useRef } from 'react'
 import consts from '@/consts'
 import { apiAddService } from '@/services/customer'
@@ -12,6 +12,7 @@ import { ProductLabel } from '@/pages/Product/Lock/LockStore/index'
 
 const ContanctTabList = ({ clientId, software }) => {
   // console.log(clientId)
+  const { Text } = Typography
   const dispatch = useDispatch()
   const { toggleDrawer, setDrawerProps } = useModal()
   const [state, setState] = useState({
@@ -40,12 +41,23 @@ const ContanctTabList = ({ clientId, software }) => {
       dataIndex: 'keyNum',
       width: '18%',
       render: (clientName, record) => (
-        <span
-          onClick={() => showLongleDrawer(record.id)}
-          className="text-primary cursor-pointer hover:text-hex-967bbd"
-        >
-          {clientName}
-        </span>
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              <span
+                onClick={() => showLongleDrawer(record.id)}
+                className="cursor-pointer hover:text-hex-967bbd">
+                {clientName}
+              </span>
+            </Text>
+          ) : (
+            <span
+              onClick={() => showLongleDrawer(record.id)}
+              className="text-primary cursor-pointer hover:text-hex-967bbd">
+              {clientName}
+            </span>
+          )}
+        </>
       )
     },
     {
@@ -53,16 +65,34 @@ const ContanctTabList = ({ clientId, software }) => {
       dataIndex: 'product',
       width: '45%',
       ellipsis: true,
-      render: (_, record) => <ProductLabel data={record.product} />
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {record.product}
+            </Text>
+          ) : (
+            <ProductLabel data={record.product} />
+          )}
+        </>
+      )
     },
     {
       title: '销售状态',
       dataIndex: 'sellStatus',
       width: '13%',
       ellipsis: true,
-      render: (_, { sellStatus }) => {
-        return <>{longleSellStatusNum[sellStatus]?.text}</>
-      }
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {longleSellStatusNum[record.sellStatus]?.text}
+            </Text>
+          ) : (
+            <>{longleSellStatusNum[record.sellStatus]?.text}</>
+          )}
+        </>
+      )
     },
     {
       title: '维护状态',
@@ -70,15 +100,34 @@ const ContanctTabList = ({ clientId, software }) => {
       key: 'preserveStatus',
       width: '13%',
       ellipsis: true,
-      render: (_, { preserveStatus }) => {
-        return <>{longlePreserveStatusNum[preserveStatus]?.text}</>
-      }
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {longlePreserveStatusNum[record.preserveStatus]?.text}
+            </Text>
+          ) : (
+            <>{longlePreserveStatusNum[record.preserveStatus]?.text}</>
+          )}
+        </>
+      )
     },
     {
       title: '责任人',
       dataIndex: 'responsible',
       width: '15%',
-      ellipsis: true
+      ellipsis: true,
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {record.responsible}
+            </Text>
+          ) : (
+            <>{record.responsible}</>
+          )}
+        </>
+      )
     }
   ]
   const [addService, setAddService] = useState({

src/pages/Customer/Company/components/CompanyDetail/TabList.jsx

@@ -1,7 +1,7 @@
 import ContactDetail from '@/pages/Customer/Client/components/ClientDetail'
 import LocksDetail from '@/pages/Product/Lock/LockStore/components/LocksDetail'
 import React, { useRef, useState } from 'react'
-import { Tabs, message, Dropdown, Menu } from 'antd'
+import { Tabs, message, Dropdown, Menu, Typography } from 'antd'
 import AddContact from '@/pages/Customer/Client/components/AddClient'
 import { apiAddClient, apiAddCustomerService, updateClient } from '@/services/customer'
 import { formatValues } from '@/components/LazyCascader'
@@ -30,6 +30,7 @@ const CompanyTabList = ({
   const { toggleDrawer, setDrawerProps } = useModal()
   const { TabPane } = Tabs
   const tRef = useRef(null)
+  const { Text } = Typography
   const [state, setState] = useState({
     params: {},
     visible: false
@@ -100,8 +101,7 @@ const CompanyTabList = ({
         if (key !== defaultSelectedKey) {
           changePriority(key, id)
         }
-      }}
-    >
+      }}>
       <Menu.Item key="1">1</Menu.Item>
       <Menu.Item key="2">2</Menu.Item>
       <Menu.Item key="3">3</Menu.Item>
@@ -120,8 +120,7 @@ const CompanyTabList = ({
         <Dropdown
           overlay={priorityMenu(text, record.id)}
           trigger="click"
-          className="hover:cursor-pointer"
-        >
+          className="hover:cursor-pointer">
           <span>
             {text} <DownOutlined />
           </span>
@@ -183,27 +182,56 @@ const CompanyTabList = ({
       dataIndex: 'keyNum',
       width: '20%',
       render: (clientName, record) => (
-        <span
-          onClick={() => showLongleDrawer(record.id)}
-          className="text-primary cursor-pointer hover:text-[#967bbd]"
-        >
-          {clientName}
-        </span>
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              <span
+                onClick={() => showLongleDrawer(record.id)}
+                className="cursor-pointer hover:text-hex-967bbd">
+                {clientName}
+              </span>
+            </Text>
+          ) : (
+            <span
+              onClick={() => showLongleDrawer(record.id)}
+              className="text-primary cursor-pointer hover:text-hex-967bbd">
+              {clientName}
+            </span>
+          )}
+        </>
       )
     },
     {
       title: '产品',
       width: '40%',
       dataIndex: 'product',
-      render: (_, record) => <ProductLabel data={record.product} />
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {record.product}
+            </Text>
+          ) : (
+            <ProductLabel data={record.product} />
+          )}
+        </>
+      )
     },
     {
       title: '销售状态',
       width: '10%',
       dataIndex: 'sellStatus',
-      render: (_, { sellStatus }) => {
-        return <>{longleSellStatusNum[sellStatus]?.text}</>
-      }
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {longleSellStatusNum[record.sellStatus]?.text}
+            </Text>
+          ) : (
+            <>{longleSellStatusNum[record.sellStatus]?.text}</>
+          )}
+        </>
+      )
     },
     {
       title: '维护状态',
@@ -211,14 +239,36 @@ const CompanyTabList = ({
       key: 'preserveStatus',
       width: '10%',
       ellipsis: true,
-      render: (_, { preserveStatus }) => {
-        return <>{longlePreserveStatusNum[preserveStatus]?.text}</>
-      }
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {longlePreserveStatusNum[record.preserveStatus]?.text}
+            </Text>
+          ) : (
+            <>{longlePreserveStatusNum[record.preserveStatus]?.text}</>
+          )}
+        </>
+      )
+      // render: (_, { preserveStatus }) => {
+      //   return <>{longlePreserveStatusNum[preserveStatus]?.text}</>
+      // }
     },
     {
       title: '责任人',
       width: '15%',
-      dataIndex: 'responsible'
+      dataIndex: 'responsible',
+      render: (_, record) => (
+        <>
+          {record.preserveStatus === 3 ? (
+            <Text delete type="secondary">
+              {record.responsible}
+            </Text>
+          ) : (
+            <>{record.responsible}</>
+          )}
+        </>
+      )
     }
   ]
   const columnBusiness = [
@@ -229,8 +279,7 @@ const CompanyTabList = ({
       render: (text, record) => (
         <span
           onClick={() => showDrawerBusiness(record.id)}
-          className="text-primary cursor-pointer hover:text-[#967bbd]"
-        >
+          className="text-primary cursor-pointer hover:text-[#967bbd]">
           {text}
         </span>
       )