颜色改变

src/pages/activity/groupActivity/list.jsx

       align: 'center',
       render: (x, row) => <><div style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '201px', title: 'content' }}>
         <Navigate onClick={getActivityDetail(row.groupActivityId)}>{row.activityName}</Navigate></div></>,
-      // <span style={{color: 'blue',cursor: 'pointer'}} onClick={getActivityDetail(row.groupActivityId)}>{row.activityName}</span></div></>,
     },
     {
       title: '活动时间',
       key: 'participateNum',
       align: 'center',
       render: (x, row) => <><div style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '201px', title: 'content' }}>
-        <span style={{ color: 'blue', cursor: 'pointer' }} onClick={getJoinPeople(row.groupActivityId)}>{row.participateNum}</span></div></>,
+        <Navigate onClick={getJoinPeople(row.groupActivityId)}>{row.participateNum}</Navigate>
+        </div></>,
     },
     {
       title: '成团数',

src/pages/activity/helpActivity/list.jsx

 import AuthButton from '@/components/AuthButton';
 import withActions from '@/components/ActionList';
 import EditIcon from '@/components/EditIcon';
+import Navigate from '@/components/Navigate';
 import Prompt from 'umi/prompt';
 import SelectCity from '../../../components/SelectButton/CitySelect'
 import BuildSelect from '../../../components/SelectButton/BuildSelect'
       key: 'title',
       align: 'center',
       render: (x, row) => <><div style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '201px', title: 'content' }}>
-        <span style={{ color: 'blue', cursor: 'pointer' }} onClick={getActivityDetail(row.helpActivityId)}>{row.title}</span></div></>,
+        <Navigate onClick={getActivityDetail(row.helpActivityId)}>{row.title}</Navigate>
+        </div></>,
     },
     {
       title: '活动时间',
       key: 'enlistNum',
       align: 'center',
       render: (x, row) => <><div style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '201px', title: 'content' }}>
-        <span style={{ color: 'blue', cursor: 'pointer' }} onClick={getJoinPeople(row.helpActivityId)}>{row.enlistNum}</span></div></>,
+        <Navigate onClick={getJoinPeople(row.helpActivityId)}>{row.enlistNum}</Navigate>
+        </div></>,
     },
     {
       title: '助力成功数',

src/pages/activity/liveActivity/add/index.jsx

 import CitySelect3 from '../../../../components/SelectButton/CitySelect3'
 import ImageUpload from '../../../../components/XForm/ImageUpload'
 import Wangedit from '../../../../components/Wangedit/Wangedit'
+import Navigate from '@/components/Navigate';
 import apis from '../../../../services/apis';
 import request from '../../../../utils/request';
 import AuthButton from '@/components/AuthButton';
         <Form.Item label="房间参数">
           {getFieldDecorator('liveRoomParam', {
             rules: [{ required: true, message: '请输入房间参数' }],
-          })(<Input maxLength={1000} placeholder="点击右侧按钮查看如何获取房间参数" style={{width:'680px'}}/>)}<a onClick={openIndexImg} style={{ color: 'blue' }}> 不知道怎么填？查看说明</a>
+          })(<Input maxLength={1000} placeholder="点击右侧按钮查看如何获取房间参数" style={{width:'680px'}}/>)}<Navigate onClick={openIndexImg}>不知道怎么填？查看说明</Navigate>
         </Form.Item>
         <Form.Item label="封面图1" help="建议尺寸：750px*420px，比例16:9，格式：jpg，用于：活动列表">
               {getFieldDecorator('listImg', {

src/pages/activity/liveActivity/edit/components/base.jsx

 import CitySelect3 from '../../../../../components/SelectButton/CitySelect3';
 import ImageUpload from '../../../../../components/XForm/ImageUpload'
 import request from '../../../../../utils/request';
+import Navigate from '@/components/Navigate';
 
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
             initialValue: liveActivityData.liveRoomParam,
             rules: [{ required: true, message: '请输入房间参数' }],
           })(<Input maxLength={1000} placeholder="点击右侧按钮查看如何获取房间参数" style={{width:'680px'}}/>)}
-          <a onClick={openIndexImg} style={{ color: 'blue' }}> 不知道怎么填？查看说明</a>
+          <Navigate onClick={openIndexImg}>不知道怎么填？查看说明</Navigate>
         </Form.Item>
         <Form.Item label="封面图1" help="建议尺寸：750px*420px，比例16:9，格式：jpg，用于：活动列表">
               {getFieldDecorator('listImg', {

src/pages/carouselFigure/LiveGroup.jsx

 import React, { useState, useEffect } from 'react';
 import { Form, Select, Modal, Button, Table, Divider, Tag, Input } from 'antd';
 import { apis, fetch } from '../../utils/request';
+import Navigate from '@/components/Navigate';
 
 const { Search } = Input;
 
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData(record.liveActivityId)} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData(record.liveActivityId)}>选择</Navigate>
       ),
     },
   ];

src/pages/carouselFigure/SalesBatchGroup.jsx

 import React, { useState, useEffect } from 'react';
 import { Form, Select, Modal, Button, Table, Divider, Tag, Input } from 'antd';
 import { apis, fetch } from '../../utils/request';
+import Navigate from '@/components/Navigate';
 
 const { Search } = Input;
 
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData(record.salesBatchId)} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData(record.salesBatchId)}>选择</Navigate>
       ),
     },
   ];

src/pages/carouselFigure/SelectActivity.jsx

 import React, { useState, useEffect } from 'react';
 import { Form, Select, Modal, Button, Table, Divider, Tag, Input } from 'antd';
 import { apis, fetch } from '../../utils/request';
+import Navigate from '@/components/Navigate';
 
 const getActivities = fetch(apis.activity.listSelected)
 const { Search } = Input;
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData(record.dynamicId)} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData(record.dynamicId)}>选择</Navigate>
       ),
     },
   ];

src/pages/carouselFigure/SelectGroup.jsx

 import React, { useState, useEffect } from 'react';
 import { Form, Select, Modal, Button, Table, Divider, Tag, Input } from 'antd';
 import { apis, fetch } from '../../utils/request';
+import Navigate from '@/components/Navigate';
 
 const { Search } = Input;
 
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData(record.groupActivityId)} style={{ color: 'blue' }}>选择</a>
-        </span>
+         <Navigate onClick={() => setData(record.groupActivityId)}>选择</Navigate>
       ),
     },
   ];

src/pages/carouselFigure/SelectH5.jsx

 import React, { useState, useEffect } from 'react';
 import { Form, Select, Modal, Button, Table, Divider, Tag, Input,Row,Col } from 'antd';
 import { apis, fetch } from '../../utils/request';
+import Navigate from '@/components/Navigate';
 
 const { Column, ColumnGroup } = Table;
 const getH5List = fetch(apis.h5Activity.EffectiveList)
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData(record.drainageId)} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData(record.drainageId)}>选择</Navigate>
       ),
     },
   ];

src/pages/carouselFigure/SelectHelp.jsx

 
 import { Form, Select, Modal, Button, Table, Divider, Tag, Input } from 'antd';
 import { apis, fetch } from '../../utils/request';
+import Navigate from '@/components/Navigate';
+
 const { Search } = Input;
 
 const getHelpList = fetch(apis.helpActivity.effectiveList)
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData(record.helpActivityId)} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData(record.helpActivityId)}>选择</Navigate>
       ),
     },
   ];

src/pages/carouselFigure/SelectNews.jsx

 import React, { useState, useEffect } from 'react';
 import { Form, Select, Modal, Button, Table, Divider, Tag, Input } from 'antd';
 import { apis, fetch } from '../../utils/request';
+import Navigate from '@/components/Navigate';
 
 const getNewsList = fetch(apis.news.getList)
 const { Search } = Input;
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData(record.newsId)} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData(record.newsId)}>选择</Navigate>
       ),
     },
   ];

src/pages/customer/customerlist/index.jsx

 import ChangeStatus from './components/changeStatus'
 import BuildSelect from '../../../components/SelectButton/BuildSelect'
 import AuthButton from '@/components/AuthButton';
+import Navigate from '@/components/Navigate';
 import WxDictSelect from '@/components/SelectButton/WxDictSelect';
 import Prompt from 'umi/prompt';
 
       align: 'center',
       width: '10%',
       // eslint-disable-next-line no-nested-ternary
-      render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => publicCustomerDetail(record)} >{record.name || record.nickname}</span></>,
+      render: (_, record) => <><Navigate onClick={() => publicCustomerDetail(record)}>{record.name || record.nickname}</Navigate></>,
     },
     {
       title: '电话',
       align: 'center',
       width: '10%',
       // eslint-disable-next-line no-nested-ternary
-      render: (_, record) => <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => toCustomerDateil(record)}>{customerType === 'private' ? record.name : record.nickname}</span></>,
+      render: (_, record) => <><Navigate onClick={() => toCustomerDateil(record)}>{customerType === 'private' ? record.name : record.nickname}</Navigate></>,
     },
     {
       title: '电话',

src/pages/eContract/businessConfig/components/SelectCompany.jsx

 import request from '../../../../utils/request';
 import apis from '../../../../services/apis';
 import moment from 'moment';
+import Navigate from '@/components/Navigate';
 
 const { Column, ColumnGroup } = Table;
 const { Search } = Input;
       width: '20%',
       render: (text, record) => (
         <span>
-          {record.sealNum >0 && record.authorizeStatus === '3000' && <a onClick={() => setData({id:record.companyId, name:record.companyName})} style={{ color: 'blue' }}>选择</a>}
+          {record.sealNum >0 && record.authorizeStatus === '3000' && <Navigate onClick={() => setData({id:record.companyId, name:record.companyName})}>选择</Navigate>}
         </span>
       ),
     },
 
   return (
     <div>
-      <div>{group.groupName}<a style={{marginLeft:'30px', color: 'blue' }} onClick={() => setVisible(true)}>选择关联企业</a></div>
+      <div>{group.groupName}<Navigate onClick={() => setVisible(true)}>选择关联企业</Navigate></div>
       <Modal
         title="选择关联企业"
         visible={visible}
           )}
         </Form.Item>
         <Form.Item>
-          <span style={{color:'#999'}}>可选企业必须已认证通过、已上传印章且授权了自动签章。</span><span><a onClick={openIndexImg} style={{ color: 'blue' }}>查看电子合同接入手册</a></span>
+          <span style={{color:'#999'}}>可选企业必须已认证通过、已上传印章且授权了自动签章。</span><Navigate onClick={openIndexImg}>查看电子合同接入手册</Navigate>
         </Form.Item>
         <Form.Item>
           <Button type="primary" htmlType="submit" >

src/pages/eContract/businessConfig/components/SelectContractTemp.jsx

 import request from '../../../../utils/request';
 import apis from '../../../../services/apis';
 import moment from 'moment';
+import Navigate from '@/components/Navigate';
 
 const { Column, ColumnGroup } = Table;
 const { Search } = Input;
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData({id:record.contractTemplateId, name:record.contractTemplateName})} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData({id:record.contractTemplateId, name:record.contractTemplateName})}>选择</Navigate>
       ),
     },
   ];
 
   return (
     <div>
-      <div>{group.groupName}<a style={{marginLeft:'30px', color: 'blue' }} onClick={() => setVisible(true)}>选择合同模板</a></div>
+      <div>{group.groupName}<Navigate onClick={() => setVisible(true)}>选择合同模板</Navigate></div>
       <Modal
         title="选择合同模板"
         visible={visible}

src/pages/eContract/businessConfig/components/SelectRaise.jsx

 import apis from '../../../../services/apis';
 import BuildSelect from '../../../../components/SelectButton/BuildSelect'
 import moment from 'moment';
+import Navigate from '@/components/Navigate';
 
 const { Column, ColumnGroup } = Table;
 const { Search } = Input;
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData({id:record.raiseId, name:record.salesBatchName})} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData({id:record.raiseId, name:record.salesBatchName})}>选择</Navigate>
       ),
     },
   ];
 
   return (
     <div>
-      <div>{group.groupName}<a style={{marginLeft:'30px', color: 'blue' }} onClick={() => setVisible(true)}>{targetType != undefined && '选择关联业务'}</a></div>
+      <div>{group.groupName}<Navigate onClick={() => setVisible(true)}>{targetType != undefined && '选择关联业务'}</Navigate></div>
       <Modal
         title="选择关联业务"
         visible={visible}

src/pages/eContract/businessConfig/components/SelectSeal.jsx

 import request from '../../../../utils/request';
 import apis from '../../../../services/apis';
 import moment from 'moment';
+import Navigate from '@/components/Navigate';
 
 const { Column, ColumnGroup } = Table;
 const { Search } = Input;
       align: 'center',
       width: '20%',
       render: (text, record) => (
-        <span>
-          <a onClick={() => setData({id:record.sealId, name:record.sealName})} style={{ color: 'blue' }}>选择</a>
-        </span>
+        <Navigate onClick={() => setData({id:record.sealId, name:record.sealName})}>选择</Navigate>
       ),
     },
   ];

src/pages/h5SampleManager/h5Sample/detail.jsx

 import TextArea from 'antd/lib/input/TextArea';
 import copy from 'copy-to-clipboard';
 import copyImg from '../../../assets/copy.png';
+import Navigate from '@/components/Navigate';
 
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
         </Form.Item>}
         <Form.Item label="样例内容">
           {demandData.sampleType === 'link' && <div><span style={{ color: 'rgba(0, 0, 0, 0.45)', fontSize: '14px' }}>点击链接查看内容</span><br/></div>}
-          {demandData.sampleType === 'rich' ? getFieldDecorator('sampleContent')(<div dangerouslySetInnerHTML={{ __html: demandData.sampleContent}}></div>) : getFieldDecorator('sampleContentLink')(<a style={{ color: "blue" }} href={demandData.sampleContentLink} target="_blank" >{demandData.sampleContentLink}</a>)}
+          {demandData.sampleType === 'rich' ? getFieldDecorator('sampleContent')(<div dangerouslySetInnerHTML={{ __html: demandData.sampleContent}}></div>) : getFieldDecorator('sampleContentLink')(<Navigate to={demandData.sampleContentLink}>{demandData.sampleContentLink}</Navigate>)}
         </Form.Item>
         <Form.Item wrapperCol={{ span: 15, offset: 7 }}>
           <div style={{ margin: '0.16rem 0 0.06rem' }}>

src/pages/house/raise/edit/components/RaiseHouse.jsx

 import RoomSelect from '../../../../../components/HouseSelect/RoomSelect'
 import ApartmentSelect from '../../../../../components/HouseSelect/ApartmentSelect';
 import BasicHeat from './BasicHeat';
+import Navigate from '@/components/Navigate';
 /**
  *图片设置
  *
         title: '认筹实际热度',
         dataIndex: 'raiseRealHeat',
         key: 'raiseRealHeat',
-        render:  (x, row) => <><span style={{color: 'blue',cursor: 'pointer'}} onClick={() => showEdi({type: "identifyingChips",houseId: row.houseId})}>{row.raiseRealHeat}</span></>,
+        render:  (x, row) => <Navigate onClick={() => showEdi({type: "identifyingChips",houseId: row.houseId})}>{row.raiseRealHeat}</Navigate>,
     },
     {
       title: '锁定状态',

src/pages/record/share/countList.jsx

 import apis from '../../../services/apis';
 import request from '../../../utils/request'
 import AuthButton from '@/components/AuthButton';
+import Navigate from '@/components/Navigate';
 
 /**
   @param {*} props
       dataIndex: 'shareCount',
       key: 'shareCount',
       align: 'center',
-      render: (_, record) => <><span style={{color: 'blue',cursor: 'pointer'}} onClick={() => shareCount(record.personId)} >{record.shareCount}</span></>,
+      render: (_, record) => <Navigate onClick={() => shareCount(record.personId)}>{record.shareCount}</Navigate>,
     },
     {
       title: '点击人数',
       dataIndex: 'clickNum',
       key: 'clickNum',
       align: 'center',
-      render: (_, record) => <><span style={{color: 'blue',cursor: 'pointer'}} onClick={() => clickCount(record.personId)} >{record.clickNum}</span></>,
+      render: (_, record) => <Navigate onClick={() => clickCount(record.personId)}>{record.clickNum}</Navigate>,
     },
   ];
 

src/pages/statistical/activity/detail.jsx

 import echarts from 'echarts/lib/echarts';
 import EChart from '../../../components/EchartsTest/EChart';
 import Prompt from 'umi/prompt';
+import Navigate from '@/components/Navigate';
 
 /**
   @param {*} props
         if (val == 0) {
             return <><span>{val}</span></>
         }
-        return <><span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => toDetail(record, type)} >{val}</span></>
+        return <Navigate onClick={() => toDetail(record, type)}>{val}</Navigate>
     }
 
     //排序

src/pages/statistical/consultant/homePagePersons.jsx

 import apis from '../../../services/apis';
 import request from '../../../utils/request'
 import Prompt from 'umi/prompt';
+import Navigate from '@/components/Navigate';
 
 /**
   @param {*} props
             dataIndex: 'name',
             key: 'name',
             align: 'center',
-            render: (_, record) => <span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => toPersonDetail(record.personId)} >{record.name || record.nickname}</span>,
+            render: (_, record) => <Navigate onClick={() => toPersonDetail(record.personId)}>{record.name || record.nickname}</Navigate>,
         },
         {
             title: '电话',
             dataIndex: 'visitTimes',
             key: 'visitTimes',
             align: 'center',
-            render: (_, record) => <span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => toHomepageNum(record.personId)} >{record.visitTimes}</span>,
+            render: (_, record) => <Navigate onClick={() => toHomepageNum(record.personId)}>{record.visitTimes}</Navigate>,
         },
         {
             title: '最后访问时间',

src/pages/statistical/consultant/table.jsx

 import apis from '../../../services/apis';
 import request from '../../../utils/request'
 import Prompt from 'umi/prompt';
+import Navigate from '@/components/Navigate';
 
 /**
   @param {*} props
             dataIndex: 'name',
             key: 'name',
             align: 'center',
-            render: (_, record) => <span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => toPersonDetail(record.personId)} >{record.name || record.nickname}</span>,
+            render: (_, record) => <Navigate onClick={() => toPersonDetail(record.personId)}>{record.name || record.nickname}</Navigate>,
         },
         {
             title: '电话',

src/pages/statistical/consultant/visitPersons.jsx

 import apis from '../../../services/apis';
 import request from '../../../utils/request'
 import Prompt from 'umi/prompt';
+import Navigate from '@/components/Navigate';
 
 /**
   @param {*} props
             dataIndex: 'visitTimes',
             key: 'visitTimes',
             align: 'center',
-            render: (_, record) => <span style={{ color: 'blue', cursor: 'pointer' }} onClick={() => tovisitNum(record.name || record.nickname, record.personId, record.visitTime)} >{record.visitTimes}</span>,
+            render: (_, record) => <Navigate onClick={() => tovisitNum(record.name || record.nickname, record.personId, record.visitTime)}>{record.visitTimes}</Navigate>,
         },
         {
             title: '最后访问时间',