feat: 1

src/pages/workbench/Dashboard/index.jsx

@@ -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">