|
|
@@ -188,6 +188,7 @@ const Dashboard = () => {
|
|
|
<div>
|
|
|
<div>
|
|
|
<ProTable
|
|
|
+ bordered
|
|
|
rowKey={record => record.day7 + Date.now()}
|
|
|
columns={columns}
|
|
|
dataSource={state.reminderData}
|
|
|
@@ -197,99 +198,105 @@ const Dashboard = () => {
|
|
|
/>
|
|
|
</div>
|
|
|
<div className="mt-4">
|
|
|
- <Row gutter={16}>
|
|
|
- <Col className="gutter-row" span={6}>
|
|
|
- <div className="p-4 bg-white border rounded-lg">
|
|
|
- <Row>
|
|
|
- <Col span={6}>
|
|
|
- <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
- <span className="absolute top-9px left-9px">
|
|
|
- <City size="26" fill="#fff" />
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col span={9}>
|
|
|
- <h3 className="text-2xl">{state.customerChainRatio.count}</h3>
|
|
|
- <span>新增客户</span>
|
|
|
- </Col>
|
|
|
- <Col span={9} className="text-right">
|
|
|
- <h3 className="text-xl text-green-500">{state.customerChainRatio.percentage}</h3>
|
|
|
- <span>较上月</span>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col className="gutter-row" span={6}>
|
|
|
- <div className="p-4 bg-white border rounded-lg">
|
|
|
- <Row>
|
|
|
- <Col span={6}>
|
|
|
- <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
- <span className="absolute top-10px left-10px">
|
|
|
- <AddressBook size="26" fill="#fff" />
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col span={9}>
|
|
|
- <h3 className="text-2xl">{state.clientChainRatio.count}</h3>
|
|
|
- <span>新增联系人</span>
|
|
|
- </Col>
|
|
|
- <Col span={9} className="text-right">
|
|
|
- <h3 className="text-xl text-red-500">{state.clientChainRatio.percentage}</h3>
|
|
|
- <span>较上月</span>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col className="gutter-row" span={6}>
|
|
|
- <div className="p-4 bg-white border rounded-lg">
|
|
|
- <Row>
|
|
|
- <Col span={6}>
|
|
|
- <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
- <span className="absolute top-10px left-10px">
|
|
|
- <Finance size="26" fill="#fff" />
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col span={9}>
|
|
|
- <h3 className="text-2xl">{state.businessChainRatio.count}</h3>
|
|
|
- <span>新增商机</span>
|
|
|
- </Col>
|
|
|
- <Col span={9} className="text-right">
|
|
|
- <h3 className="text-xl text-green-500">{state.businessChainRatio.percentage}</h3>
|
|
|
- <span>较上月</span>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col className="gutter-row" span={6}>
|
|
|
- <div className="p-4 bg-white border rounded-lg">
|
|
|
- <Row>
|
|
|
- <Col span={6}>
|
|
|
- <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
- <span className="absolute top-10px left-10px">
|
|
|
- <Comment size="26" fill="#fff" />
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col span={9}>
|
|
|
- <h3 className="text-2xl">{state.serviceLogChainRatio.count}</h3>
|
|
|
- <span>服务记录</span>
|
|
|
- </Col>
|
|
|
- <Col span={9} className="text-right">
|
|
|
- <h3 className="text-xl text-green-500">
|
|
|
- {state.serviceLogChainRatio.percentage}
|
|
|
- </h3>
|
|
|
- <span>较上月</span>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- </Row>
|
|
|
+ <div className="p-4 bg-white border rounded-lg shadow-card">
|
|
|
+ <Row gutter={16}>
|
|
|
+ <Col className="gutter-row" span={6}>
|
|
|
+ <div className="p-4 bg-white border rounded-lg">
|
|
|
+ <Row>
|
|
|
+ <Col span={6}>
|
|
|
+ <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
+ <span className="absolute top-9px left-9px">
|
|
|
+ <City size="26" fill="#fff" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col span={9}>
|
|
|
+ <h3 className="text-2xl">{state.customerChainRatio.count}</h3>
|
|
|
+ <span>新增客户</span>
|
|
|
+ </Col>
|
|
|
+ <Col span={9} className="text-right">
|
|
|
+ <h3 className="text-xl text-green-500">
|
|
|
+ {state.customerChainRatio.percentage}
|
|
|
+ </h3>
|
|
|
+ <span>较上月</span>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col className="gutter-row" span={6}>
|
|
|
+ <div className="p-4 bg-white border rounded-lg shadow-card">
|
|
|
+ <Row>
|
|
|
+ <Col span={6}>
|
|
|
+ <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
+ <span className="absolute top-10px left-10px">
|
|
|
+ <AddressBook size="26" fill="#fff" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col span={9}>
|
|
|
+ <h3 className="text-2xl">{state.clientChainRatio.count}</h3>
|
|
|
+ <span>新增联系人</span>
|
|
|
+ </Col>
|
|
|
+ <Col span={9} className="text-right">
|
|
|
+ <h3 className="text-xl text-red-500">{state.clientChainRatio.percentage}</h3>
|
|
|
+ <span>较上月</span>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col className="gutter-row" span={6}>
|
|
|
+ <div className="p-4 bg-white border rounded-lg">
|
|
|
+ <Row>
|
|
|
+ <Col span={6}>
|
|
|
+ <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
+ <span className="absolute top-10px left-10px">
|
|
|
+ <Finance size="26" fill="#fff" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col span={9}>
|
|
|
+ <h3 className="text-2xl">{state.businessChainRatio.count}</h3>
|
|
|
+ <span>新增商机</span>
|
|
|
+ </Col>
|
|
|
+ <Col span={9} className="text-right">
|
|
|
+ <h3 className="text-xl text-green-500">
|
|
|
+ {state.businessChainRatio.percentage}
|
|
|
+ </h3>
|
|
|
+ <span>较上月</span>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col className="gutter-row" span={6}>
|
|
|
+ <div className="p-4 bg-white border rounded-lg">
|
|
|
+ <Row>
|
|
|
+ <Col span={6}>
|
|
|
+ <div className="w-48px h-48px border rounded-48px bg-[#0c7cd5] relative">
|
|
|
+ <span className="absolute top-10px left-10px">
|
|
|
+ <Comment size="26" fill="#fff" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ <Col span={9}>
|
|
|
+ <h3 className="text-2xl">{state.serviceLogChainRatio.count}</h3>
|
|
|
+ <span>服务记录</span>
|
|
|
+ </Col>
|
|
|
+ <Col span={9} className="text-right">
|
|
|
+ <h3 className="text-xl text-green-500">
|
|
|
+ {state.serviceLogChainRatio.percentage}
|
|
|
+ </h3>
|
|
|
+ <span>较上月</span>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div className="mt-4">
|
|
|
<Row gutter={16}>
|
|
|
<Col className="gutter-row" span={16}>
|
|
|
- <div className="p-4 bg-white border rounded-lg">
|
|
|
+ <div className="p-4 bg-white border rounded-lg shadow-card">
|
|
|
<div className="relative">
|
|
|
<span>销售漏斗</span>
|
|
|
<div className="absolute right-1 top-0">
|
|
|
@@ -303,7 +310,7 @@ const Dashboard = () => {
|
|
|
</div>
|
|
|
</Col>
|
|
|
<Col className="gutter-row" span={8}>
|
|
|
- <div className="bg-white border rounded-lg">
|
|
|
+ <div className="bg-white border rounded-lg shadow-card">
|
|
|
<h4 className="px-12px py-16px border-b-1">数据汇总</h4>
|
|
|
<ul>
|
|
|
<li className="px-12px py-16px border-b-1">
|
|
|
@@ -328,7 +335,7 @@ const Dashboard = () => {
|
|
|
<div className="mt-4">
|
|
|
<Row gutter={16}>
|
|
|
<Col className="gutter-row" span={12}>
|
|
|
- <div className="p-4 bg-white border rounded-lg">
|
|
|
+ <div className="p-4 bg-white border rounded-lg shadow-card">
|
|
|
<div className="relative">
|
|
|
<span>排行榜</span>
|
|
|
<div className="absolute right-1 top-0">
|
