mpay/view/console/console.html
技术老胡 3d210481b1 更新
2024-08-22 12:01:12 +08:00

615 lines
32 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>控制台</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/component/pear/css/pear.css" />
<link rel="stylesheet" href="/admin/css/other/console1.css" />
</head>
<body class="pear-container">
<div>
<div class="layui-row layui-col-space10">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">今日收款金额(元)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value1">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724233768505" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1102" width="128" height="128">
<path
d="M652.5 362.6l-21-34c34.9-21.5 101.5-103.7 110.9-153.2 2.4-12.5 2.9-29.6-7.7-40.7-9.6-10-27-13.7-49-10.4-18 2.7-26.4 12.4-36.1 23.8-6.7 7.8-13.6 15.9-23.7 20.8-12.5 6.1-26.5 5.5-41.7-1.6-12-5.6-19.7-15-26.6-23.2-11.6-13.9-20.6-24.9-49.6-24.9-11.5 0-20.8 9-34.7 23.7-16.8 17.9-39.8 42.3-76.5 33-8.3-2.1-17.4-5.8-27.1-9.7-14.5-5.9-30.9-12.5-43.7-13.1-10.5-0.5-15.8 2.9-20.3 13-5.6 12.7-4 27.6 4.9 45.4 8.3 16.5 22.5 34.7 42.3 53.9 34.9 34 74.3 58.9 74.7 59.1l-21.3 33.9c-1.8-1.1-43.5-27.4-81.4-64.3-23-22.4-39.8-44.2-50.1-64.7-14.4-28.8-16.3-55.5-5.7-79.5 11.2-25.4 31.5-38.1 58.7-36.8 19.7 0.9 39.5 8.9 56.9 16 8.3 3.4 16.2 6.6 21.9 8 12.6 3.2 20.7-3.8 37.6-21.7 15.2-16.2 34.2-36.3 63.8-36.3 47.8 0 67.3 23.6 80.3 39.2 4.8 5.8 8.9 10.7 12.7 12.5 2.7 1.3 6.1 2.4 7.3 1.8 2.6-1.3 6.8-6.1 10.8-10.8 11.1-12.9 27.8-32.4 60.6-37.3 35.2-5.2 64.9 2.7 83.7 22.3 17.5 18.3 24 45.2 18.2 75.9-11.7 62.7-86.5 153.7-129.1 179.9z"
fill="#4C6070" p-id="1103"></path>
<path
d="M488.1 326.6c-7.7 0-15-4.5-18.3-12-0.3-0.6-6.3-14.3-12.2-30.2-11.7-31.2-12.6-42.4-11.9-49.3 1.1-11 10.9-19 21.9-17.9 10.8 1.1 18.8 10.7 17.9 21.5 0.2 7.1 9.9 34.9 20.9 59.7 4.4 10.1-0.1 21.9-10.3 26.4-2.6 1.3-5.3 1.8-8 1.8z m-2.6-87.4zM538.1 338.6c-5.5 0-11-2.3-15-6.7-7.3-8.2-6.6-20.7 1.5-28 0.8-0.9 7.5-9.9 18.7-50.6 6.3-23 10.8-44.2 10.8-44.4 2.3-10.8 12.9-17.7 23.7-15.5 10.8 2.3 17.7 12.9 15.5 23.7-0.2 1-5 23.6-11.9 48.6-13.4 48.3-22.7 61.4-30 67.9-3.8 3.3-8.6 5-13.3 5z m-13.3-35z"
fill="#4C6070" p-id="1104"></path>
<path
d="M504.6 367.2c-37.6 0-73.7 8.7-107.3 25.9-31.5 16.1-60.8 39.6-87 69.7-49.2 56.6-85.8 134.7-102.8 219.9-9.9 49.6-2.6 88.5 22.4 119 22.9 28 61.4 48.9 114.2 62.2 45.1 11.3 100.6 17 165.1 17 64.2 0 119.5-5.7 164.4-16.9 52.6-13.2 91.2-34 114.7-61.9 25.8-30.7 34.2-69.9 25.5-119.9C799.1 598 762.5 520 710.5 462.9c-56.9-62.6-128.1-95.7-205.9-95.7z"
fill="#FFBD5C" p-id="1105"></path>
<path
d="M510.7 947.3c-169.3 0-283.3-34.3-338.7-101.9-35.1-42.9-46.2-98.2-32.9-164.4 20.1-100.6 63.6-193.2 122.4-260.8 67.8-78 152.3-119.2 244.4-119.2 97.3 0 186 41 256.5 118.5 62.4 68.6 106.3 161.6 123.6 262 11.5 66.5-0.9 121.9-37 164.7-56.6 67.1-170.4 101.1-338.3 101.1zM505.8 341c-41.4 0-81.2 9.6-118.3 28.5-34.7 17.8-67 43.6-95.9 76.9-54.3 62.4-94.5 148.5-113.3 242.4-11 54.7-2.9 97.6 24.7 131.2 25.3 30.8 67.6 53.9 125.9 68.5 49.7 12.5 110.9 18.8 181.9 18.8 70.7 0 131.7-6.3 181.2-18.7 58-14.5 100.5-37.5 126.4-68.2 28.5-33.8 37.7-77 28.1-132.1-16.1-93-56.5-178.9-113.8-241.9C670 377.4 591.5 341 505.8 341z"
fill="#4C6070" p-id="1106"></path>
<path
d="M613.8 686.5h-75.9v-43.4h75.9c11 0 20-9 20-20s-9-20-20-20h-59.1l69.3-85.5c7-8.6 5.6-21.2-2.9-28.1-8.6-7-21.2-5.6-28.1 2.9l-73.5 90.7-82.3-91.5c-7.4-8.2-20-8.9-28.2-1.5s-8.9 20-1.5 28.2l76.2 84.8H417c-11 0-20 9-20 20s9 20 20 20h81v43.4h-81c-11 0-20 9-20 20s9 20 20 20h81v53.9c0 11 9 20 20 20s20-9 20-20v-53.9h75.9c11 0 20-9 20-20s-9.1-20-20.1-20z"
fill="#4C6070" p-id="1107"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">今日支付订单(笔)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value2">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724233827272" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1260" width="128" height="128">
<path
d="M445.2 808.3c0 25.1-8.8 48.1-23.4 66.2h287.6c148.1 16.5 148.1-41.2 148.1-66.2l-171.5-0.1-240.8 0.1zM168.2 178.1c-36.3 0-65.7 29.4-65.7 65.7H234c-0.1-36.3-29.5-65.7-65.8-65.7z"
fill="#FFBD5C" p-id="1261"></path>
<path
d="M766.6 768.3v-190h-40v189.8H405.2v40.1c0 36.3-29.4 65.7-65.7 65.7s-65.7-29.4-65.7-65.7v-58.4h0.2v-506c0-24.9-8.6-47.8-23.1-65.9h258l-0.1 0.1h156.9v0.1c34.4 2.2 61 30.7 61 65.6v5.8h40v-16.7c-5.5-53.2-50.6-94.8-105.2-94.8-1.7 0-3.3 0-5 0.1v-0.1H168.2v0.1c-58.3 0-105.7 47.4-105.7 105.7v40H234v524.5c0 58.3 47.3 105.7 105.6 105.7 1.3 0 2.7 0 4-0.1v0.1h448.3c58.3 0 105.7-47.4 105.7-105.7v-40h-131zM102.4 243.8c0-36.3 29.4-65.7 65.7-65.7s65.7 29.4 65.7 65.7H102.4zM793.7 874l-84.7 0.1H422.2c14.4-18.1 23-40.9 23-65.7v-0.1H686v0.1h171.4c0.1 35.6-28.3 64.6-63.7 65.6z"
fill="#4C6070" p-id="1262"></path>
<path
d="M911.7 273.3H527.9c-17.6 0-32 14.4-32 32v213.2c0 17.6 14.4 32 32 32h383.8c17.6 0 32-14.4 32-32V305.3c0-17.6-14.3-32-32-32z m-1.9 148.4h-6.1v88.9H535.9v-88.9h-20V348h20v-34.7h367.8V348h6.1v73.7z"
fill="#4C6070" p-id="1263"></path>
<path
d="M535.9 353h367.8v50H535.9zM515.9 348h20v73.6h-20zM903.7 348h6.1v73.6h-6.1z"
fill="#4C6070" p-id="1264"></path>
<path
d="M796.8 456.8m-29.6 0a29.6 29.6 0 1 0 59.2 0 29.6 29.6 0 1 0-59.2 0Z"
fill="#FFBD5C" p-id="1265"></path>
<path
d="M836.8 456.8m-29.6 0a29.6 29.6 0 1 0 59.2 0 29.6 29.6 0 1 0-59.2 0Z"
fill="#FFBD5C" p-id="1266"></path>
<path
d="M465.9 292.8H325.8c-11 0-20-9-20-20s9-20 20-20h140.1c11 0 20 9 20 20s-8.9 20-20 20zM423.9 399.1h-88.1c-11 0-20-9-20-20s9-20 20-20h88.1c11 0 20 9 20 20s-9 20-20 20zM395.9 505.3h-60.1c-11 0-20-9-20-20s9-20 20-20h60.1c11 0 20 9 20 20s-9 20-20 20zM465.9 611.6H335.8c-11 0-20-9-20-20s9-20 20-20h130.1c11 0 20 9 20 20s-8.9 20-20 20zM620.5 717.8H333.8c-11 0-20-9-20-20s9-20 20-20h286.6c11 0 20 9 20 20s-8.9 20-19.9 20z"
fill="#4C6070" p-id="1267"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">七月收款金额(元)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value3">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724227323266" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="30890" width="128" height="128">
<path
d="M323.6 477c77.4 0 140.3-22.7 141.8-51-1.5-28.3-64.4-51-141.8-51s-140.3 22.7-141.8 51c1.5 28.3 64.4 51 141.8 51zM437.7 499.3c-31.1 11.4-71.6 17.7-114.1 17.7s-83-6.3-114.1-17.7c-10.4-3.8-19.7-8.2-27.8-13.1V505c0 28.7 63.5 52 141.8 52s141.8-23.3 141.8-52v-18.7c-7.9 4.8-17.2 9.2-27.6 13zM323.6 597c-42.5 0-83-6.3-114.1-17.7-10.4-3.8-19.7-8.2-27.8-13.1V585c0 28.7 63.5 52 141.8 52s141.8-23.3 141.8-52v-18.7c-8.1 4.9-17.4 9.2-27.8 13.1-30.9 11.3-71.4 17.6-113.9 17.6zM323.6 677c-42.5 0-83-6.3-114.1-17.7-10.4-3.8-19.7-8.2-27.8-13.1V665c0 28.7 63.5 52 141.8 52 17.4 0 34.1-1.2 49.6-3.3 3-5.2 7.3-10.6 13.4-15.9 9.4-8.2 22.3-15.3 38.2-21.1 12.2-4.5 25.9-8.1 40.7-10.8v-19.7c-8.1 4.9-17.4 9.2-27.8 13.1-31 11.4-71.5 17.7-114 17.7zM209.6 819.3c-10.4-3.8-19.7-8.2-27.8-13.1v13.3c0 28.7 63.5 52 141.8 52 15.1 0 29.6-0.9 43.2-2.5v-34.4c-14 1.5-28.4 2.2-43.2 2.2-42.5 0.2-83-6.1-114-17.5zM209.6 739.3c-10.4-3.8-19.7-8.2-27.8-13.1V745c0 28.7 63.5 52 141.8 52 15.1 0 29.6-0.9 43.2-2.5v-39.8c-14 1.5-28.4 2.2-43.2 2.2-42.5 0.1-83-6.2-114-17.6z"
fill="#4C6070" p-id="30891"></path>
<path
d="M326.7 430.3l-92.5-6.9c-4.1-0.3-7.2-3.9-6.9-8s3.9-7.2 8-6.9l80.8 6 8.9-26.8c1.3-3.9 5.6-6.1 9.5-4.7 3.9 1.3 6.1 5.6 4.7 9.5l-12.5 37.8zM304.5 458.6c-3.3 0-6.4-2.2-7.3-5.6-1-4 1.4-8.1 5.4-9.1l98.1-25.6c4-1 8.1 1.4 9.1 5.4s-1.4 8.1-5.4 9.1l-98.1 25.6c-0.5 0.2-1.2 0.2-1.8 0.2z"
fill="#FFFFFF" p-id="30892"></path>
<path
d="M275.7 444.1c-3.3 0-6.4-2.2-7.3-5.6-1-4 1.4-8.1 5.4-9.1l98.1-25.6c4-1 8.1 1.4 9.1 5.4s-1.4 8.1-5.4 9.1l-98.1 25.6c-0.5 0.1-1.2 0.2-1.8 0.2z"
fill="#FFFFFF" p-id="30893"></path>
<path
d="M382.6 460.5c-1.1 0-2.3-0.3-3.4-0.8L314 426.8c-3.7-1.9-5.2-6.4-3.3-10.1 1.9-3.7 6.4-5.2 10.1-3.3l65.2 32.9c3.7 1.9 5.2 6.4 3.3 10.1-1.3 2.6-4 4.1-6.7 4.1z"
fill="#FFFFFF" p-id="30894"></path>
<path
d="M703.6 597c77.4 0 140.3-22.7 141.8-51-1.5-28.3-64.4-51-141.8-51s-140.3 22.7-141.8 51c1.5 28.3 64.4 51 141.8 51zM817.7 619.3c-31.1 11.4-71.6 17.7-114.1 17.7s-83-6.3-114.1-17.7c-10.4-3.8-19.7-8.2-27.8-13.1V625c0 28.7 63.5 52 141.8 52s141.8-23.3 141.8-52v-18.7c-7.9 4.8-17.2 9.2-27.6 13zM703.6 717c-2.6 0-5.3 0-7.9-0.1 3.7 7.5 4.7 14.6 4.7 20.1v20h3.2c78.3 0 141.8-23.3 141.8-52v-18.7c-8.1 4.9-17.4 9.2-27.8 13.1-31 11.3-71.5 17.6-114 17.6zM703.6 797h-3.2v40h3.2c78.3 0 141.8-23.3 141.8-52v-18.7c-8.1 4.9-17.4 9.2-27.8 13.1-31 11.3-71.5 17.6-114 17.6z"
fill="#4C6070" p-id="30895"></path>
<path
d="M706.7 550.3l-92.5-6.9c-4.1-0.3-7.2-3.9-6.9-8s3.9-7.2 8-6.9l80.8 6 8.9-26.8c1.3-3.9 5.6-6.1 9.5-4.7 3.9 1.3 6.1 5.6 4.7 9.5l-12.5 37.8zM684.5 578.6c-3.3 0-6.4-2.2-7.3-5.6-1-4 1.4-8.1 5.4-9.1l98.1-25.6c4-1 8.1 1.4 9.1 5.4s-1.4 8.1-5.4 9.1l-98.1 25.6c-0.5 0.2-1.2 0.2-1.8 0.2z"
fill="#FFFFFF" p-id="30896"></path>
<path
d="M655.7 564.1c-3.3 0-6.4-2.2-7.3-5.6-1-4 1.4-8.1 5.4-9.1l98.1-25.6c4-1 8.1 1.4 9.1 5.4s-1.4 8.1-5.4 9.1l-98.1 25.6c-0.5 0.1-1.2 0.2-1.8 0.2z"
fill="#FFFFFF" p-id="30897"></path>
<path
d="M762.6 580.5c-1.1 0-2.3-0.3-3.4-0.8L694 546.8c-3.7-1.9-5.2-6.4-3.3-10.1s6.4-5.2 10.1-3.3l65.2 32.9c3.7 1.9 5.2 6.4 3.3 10.1-1.3 2.6-4 4.1-6.7 4.1z"
fill="#FFFFFF" p-id="30898"></path>
<path
d="M533.6 787c77.4 0 140.3-22.7 141.8-51-1.5-28.3-64.4-51-141.8-51s-140.3 22.7-141.8 51c1.5 28.3 64.4 51 141.8 51zM533.6 907c-42.5 0-83-6.3-114.1-17.7-10.4-3.8-19.7-8.2-27.8-13.1V895c0 28.7 63.5 52 141.8 52s141.8-23.3 141.8-52v-18.7c-8.1 4.9-17.4 9.2-27.8 13.1-30.9 11.3-71.4 17.6-113.9 17.6zM533.6 827c-42.5 0-83-6.3-114.1-17.7-10.4-3.8-19.7-8.2-27.8-13.1V815c0 28.7 63.5 52 141.8 52s141.8-23.3 141.8-52v-18.7c-8.1 4.9-17.4 9.2-27.8 13.1-30.9 11.3-71.4 17.6-113.9 17.6z"
fill="#FFBD5C" p-id="30899"></path>
<path
d="M536.7 740.3l-92.5-6.9c-4.1-0.3-7.2-3.9-6.9-8 0.3-4.1 3.9-7.2 8-6.9l80.8 6 8.9-26.8c1.3-3.9 5.6-6.1 9.5-4.7 3.9 1.3 6.1 5.6 4.7 9.5l-12.5 37.8zM514.5 768.6c-3.3 0-6.4-2.2-7.3-5.6-1-4 1.4-8.1 5.4-9.1l98.1-25.6c4-1.1 8.1 1.4 9.1 5.4s-1.4 8.1-5.4 9.1l-98.1 25.6c-0.5 0.2-1.2 0.2-1.8 0.2z"
fill="#FFFFFF" p-id="30900"></path>
<path
d="M485.7 754.1c-3.3 0-6.4-2.2-7.3-5.6-1-4 1.4-8.1 5.4-9.1l98.1-25.6c4-1 8.1 1.4 9.1 5.4s-1.4 8.1-5.4 9.1l-98.1 25.6c-0.5 0.1-1.2 0.2-1.8 0.2z"
fill="#FFFFFF" p-id="30901"></path>
<path
d="M592.6 770.5c-1.1 0-2.3-0.3-3.4-0.8L524 736.8c-3.7-1.9-5.2-6.4-3.3-10.1 1.9-3.7 6.4-5.2 10.1-3.3l65.2 32.9c3.7 1.9 5.2 6.4 3.3 10.1-1.3 2.6-4 4.1-6.7 4.1z"
fill="#FFFFFF" p-id="30902"></path>
<path
d="M656.8 69c-103.4 0-187.4 84.1-187.4 187.4s84.1 187.4 187.4 187.4 187.4-84 187.4-187.4S760.1 69 656.8 69z m0 340.8c-84.5 0-153.3-68.8-153.3-153.3s68.8-153.3 153.3-153.3S810.1 172 810.1 256.5s-68.8 153.3-153.3 153.3z"
fill="#4C6070" p-id="30903"></path>
<path
d="M656.8 256.4m-133.8 0a133.8 133.8 0 1 0 267.6 0 133.8 133.8 0 1 0-267.6 0Z"
fill="#FFBD5C" p-id="30904"></path>
<path
d="M714.8 262.4c8.3 0 15-6.7 15-15s-6.7-15-15-15h-29.9l41.4-49.4c5.3-6.4 4.5-15.8-1.9-21.1s-15.8-4.5-21.1 1.9L659 216.6l-46.1-53.1c-5.4-6.3-14.9-6.9-21.2-1.5s-6.9 14.9-1.5 21.2l42.8 49.2h-31.4c-8.3 0-15 6.7-15 15s6.7 15 15 15h41.6v22.9h-41.6c-8.3 0-15 6.7-15 15s6.7 15 15 15h41.6v32.9c0 8.3 6.7 15 15 15s15-6.7 15-15v-32.9h41.6c8.3 0 15-6.7 15-15s-6.7-15-15-15h-41.6v-22.9h41.6z"
fill="#4C6070" p-id="30905"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">七月支付订单(笔)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value4">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724233865154" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1418" width="128" height="128">
<path
d="M888.6 697.8H150.9V246.2c0-17.6 14.4-32 32-32h673.6c17.6 0 32 14.4 32 32l0.1 451.6z m-687.7-40h637.6c5.5 0 10-4.5 10-10V264.2c0-5.5-4.5-10-10-10H200.9c-5.5 0-10 4.5-10 10v383.6c0 5.5 4.5 10 10 10z"
fill="#4C6070" p-id="1419"></path>
<path
d="M867.2 701c-1-2-3.1-3.2-5.3-3.2h-680c-4.8 0-9.3 2.7-11.5 7l-29 55.6c-3.5 6.7 1.4 14.6 8.9 14.6h739c7.5 0 12.3-8 8.9-14.6l-31-59.4z"
fill="#FFBD5C" p-id="1420"></path>
<path
d="M941.4 756.7l-0.4-0.7-53.2-98c-0.1-0.1-0.2-0.2-0.4-0.2H152.1c-0.2 0-0.3 0.1-0.4 0.2l-53.2 98-0.4 0.7c-6.2 12-5.9 26 0.6 37.7 7.2 12.9 21.1 20.6 35.9 20.6h771.2c14.1 0 26.8-7.2 34.1-19.2 7.4-12 7.9-26.6 1.5-39.1zM889.2 775h-739c-7.5 0-12.3-8-8.9-14.6l29-55.6c2.2-4.3 6.7-7 11.5-7h679.9c2.2 0 4.3 1.2 5.3 3.2l30.9 59.4c3.7 6.6-1.2 14.6-8.7 14.6z"
fill="#4C6070" p-id="1421"></path>
<path
d="M644.4 788H395.1c-5.8-1-10.6-5.7-10.6-11.6v-14.8c0-5.8 4.7-10.6 10.6-10.6h249.2c5.8 0 10.6 4.7 10.6 10.6v14.8c0 5.9-4.7 10.6-10.5 11.6z"
fill="#4C6070" p-id="1422"></path>
<path
d="M365.2 353c-49 9.5-85.3 53.1-84.6 104.2 0.4 27.2 11.3 52.9 30.7 72.3s45.1 30.3 72.3 30.7c51.1 0.7 94.7-35.6 104.2-84.6H365.2V353z"
fill="#FFBD5C" p-id="1423"></path>
<path
d="M521.7 445c-5.5-5.9-13.2-9.3-21.3-9.3h-95.2v-95.2c0-8-3.4-15.8-9.3-21.3s-14-8.3-22-7.6c-75.8 5.9-134.3 70.1-133.3 146.2 0.5 37.7 15.6 73.2 42.4 100.1 26.8 26.8 62.4 41.9 100.1 42.4h2c75.2 0 138.3-58.2 144.2-133.3 0.6-8.1-2.2-16.1-7.6-22zM375.4 331.5z m8.3 228.7c-27.2-0.4-52.9-11.3-72.3-30.7s-30.3-45.1-30.7-72.3c-0.7-51 35.6-94.7 84.6-104.2v122.7H488c-9.6 48.9-53.2 85.3-104.3 84.5zM606.1 383.6c-11 0-19.9-8.8-20-19.8s8.8-20.1 19.8-20.2l166.5-1.5h0.2c11 0 19.9 8.8 20 19.8s-8.8 20.1-19.8 20.2l-166.5 1.5h-0.2zM606.1 473.9c-11 0-19.9-8.8-20-19.8s8.8-20.1 19.8-20.2l166.5-1.5h0.2c11 0 19.9 8.8 20 19.8s-8.8 20.1-19.8 20.2l-166.5 1.5h-0.2zM606.1 564.2c-11 0-19.9-8.8-20-19.8s8.8-20.1 19.8-20.2l166.5-1.5h0.2c11 0 19.9 8.8 20 19.8s-8.8 20.1-19.8 20.2l-166.5 1.5h-0.2z"
fill="#4C6070" p-id="1424"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">今日支付宝收款(元)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value1">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724233979410" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="96986" width="128" height="128">
<path
d="M1023.998645 722.823529c-41.968941-13.025882-298.736941-91.226353-359.04753-113.408C704.510645 540.536471 732.188762 462.381176 752.95488 376.470588H527.072527v-75.294117h271.043765v-45.176471H527.072527V120.470588h-103.107765C406.601939 120.470588 406.601939 135.529412 406.601939 135.529412v120.470588H135.543115v45.176471h271.058824v75.294117H180.719586v45.176471h436.705882c-15.856941 54.784-33.942588 103.664941-59.075764 150.437647C461.144998 539.542588 406.601939 511.277176 287.396292 499.952941 61.257939 478.373647 9.124292 609.912471 1.022645 686.923294-11.220179 804.171294 87.520527 903.529412 240.95488 903.529412c153.404235 0 258.861176-75.158588 356.080941-194.529883C721.602409 769.249882 1023.998645 903.529412 1023.998645 903.529412V722.823529z m-796.325647 102.957177c-162.123294 0-187.798588-103.785412-179.154824-147.169882C56.966174 635.376941 105.621233 575.247059 195.778409 575.247059c103.559529 0 189.801412 32.331294 301.176471 87.341176-78.215529 103.288471-169.502118 163.192471-269.281882 163.192471z"
fill="#00A1E9" p-id="96987"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">今日微信收款(元)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value1">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724234075009" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="97947" width="128" height="128">
<path
d="M910.1 317.5l-516 298-3.1 2.1c-4.1 2.1-8.3 3.1-13.5 3.1-11.4 0-20.8-6.2-26-15.6l-2.1-4.1-82-178.7c-1-2.1-1-4.1-1-6.2 0-8.3 6.2-14.6 14.6-14.6 3.1 0 6.2 1 9.3 3.1l96.6 68.6c7.2 4.1 15.6 7.2 24.9 7.2 5.2 0 10.3-1 15.6-3.1l452.8-201.5C799.2 180.4 665.3 118 513.6 118 266.5 118 65 285.3 65 491.9c0 112.1 60.2 213.9 154.7 282.5 7.2 5.2 12.4 14.6 12.4 23.9 0 3.1-1 6.2-2.1 9.3-7.2 28-19.8 73.8-19.8 75.8-1 3.1-2.1 7.2-2.1 11.4 0 8.3 6.2 14.6 14.6 14.6 3.1 0 6.2-1 8.3-3.1l97.6-57.1c7.2-4.1 15.6-7.2 23.9-7.2 4.1 0 9.3 1 13.5 2.1 45.7 13.5 95.6 20.8 146.5 20.8C759.5 864.8 961 697.5 961 491c0-62.4-18.7-121.5-50.9-173.5z"
fill="#09BB07" p-id="97948"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">本月支付宝订单(笔)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value1">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724234222190" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="99077" width="128" height="128">
<path
d="M1024 701.013V196.907A196.95 196.95 0 0 0 827.05 0H196.865A196.95 196.95 0 0 0 0 196.864v630.272A196.907 196.907 0 0 0 196.864 1024h630.187a197.12 197.12 0 0 0 193.877-162.133c-52.224-22.614-278.528-120.32-396.416-176.598-89.728 108.715-183.68 173.91-325.333 173.91-141.611 0-236.16-87.211-224.811-194.006 7.51-70.058 55.552-184.618 264.32-164.992 110.037 10.326 160.384 30.848 250.112 60.502 23.21-42.582 42.496-89.43 57.173-139.264H248.021v-39.467h196.864v-70.784H204.8v-43.392h240.128V165.632s2.133-16 19.84-16H563.2v118.187h256v43.349h-256v70.827h208.81a806.016 806.016 0 0 1-84.778 212.65C747.904 616.62 1024 701.056 1024 701.056z m-740.48 90.624c-149.632 0-173.312-94.464-165.376-133.973 7.85-39.253 51.2-90.539 134.4-90.539 95.573 0 181.248 24.448 284.032 74.496C464.384 735.66 375.68 791.637 283.52 791.637z"
fill="#009FE8" p-id="99078"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md6">
<div class="layui-card top-panel">
<div class="layui-card-header">本月微信订单(笔)</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
id="value1">
0
</div>
<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
<svg t="1724234201949" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="98093" width="128" height="128">
<path
d="M783.058824 0H240.941176C107.866353 0 0 107.866353 0 240.941176v542.117648c0 133.074824 107.866353 240.941176 240.941176 240.941176h542.117648c133.074824 0 240.941176-107.866353 240.941176-240.941176V240.941176c0-133.074824-107.866353-240.941176-240.941176-240.941176zM512 785.121882c-38.174118 0-74.932706-5.315765-109.327059-15.104a138.119529 138.119529 0 0 0-29.620706 8.869647l-67.087059 42.104471c-19.877647 13.296941-26.337882 8.282353-19.380705-15.043765l14.908235-52.630588a84.073412 84.073412 0 0 0-2.725647-30.945882C217.825882 668.370824 165.647059 584.417882 165.647059 490.450824 165.647059 328.146824 321.234824 195.764706 512 195.764706c116.359529 0 219.632941 49.257412 282.488471 124.506353L471.657412 473.6c-22.256941 13.387294-44.513882 16.203294-66.770824-4.216471l-51.471059-46.305882c-23.506824-7.002353-31.849412 0.481882-25.042823 22.452706l55.642353 136.116706c12.483765 20.419765 30.960941 27.256471 62.599529 4.201412l374.497883-228.080942c23.792941 39.905882 37.225412 84.992 37.225411 132.668236C858.352941 652.754824 702.765176 785.121882 512 785.121882z"
fill="#59B64C" p-id="98094"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space10">
<div class="layui-col-md9">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<div id="echarts-records" style="background-color:#ffffff;min-height:400px;padding: 10px">
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">动态</div>
<div class="layui-card-body">
<dl class="layuiadmin-card-status">
<dd>
<div class="layui-status-img"><a href="javascript:;"><img
style="width: 32px;height: 32px;border-radius: 50px;"
src="/admin/images/avatar.jpg"></a></div>
<div>
<p>七彩枫叶 在 <a class="pear-text"
lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题
</p>
<span>几秒前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img
style="width: 32px;height: 32px;border-radius: 50px;"
src="/admin/images/avatar.jpg"></a></div>
<div>
<p>简 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear
Admin 专区</a> 进行了 <a class="pear-text"
lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a>
</p>
<span>2天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img
style="width: 32px;height: 32px;border-radius: 50px;"
src="/admin/images/avatar.jpg"></a></div>
<div>
<p>恒宇少年 将 <a class="pear-text"
lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至
2.3.0
版本</p>
<span>7天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img
style="width: 32px;height: 32px;border-radius: 50px;"
src="/admin/images/avatar.jpg"></a></div>
<div>
<p>如花 在 <a class="pear-text"
lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a
class="pear-text" lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
<span>7天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img
style="width: 32px;height: 32px;border-radius: 50px;"
src="/admin/images/avatar.jpg"></a></div>
<div>
<p>就眠仪式 在 <a class="pear-text"
lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a
class="pear-text" lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
<span>8天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img
style="width: 32px;height: 32px;border-radius: 50px;"
src="/admin/images/avatar.jpg"></a></div>
<div>
<p>贤心 在 <a class="pear-text"
lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a
class="pear-text"
lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a>
</p>
<span>8天前</span>
</div>
</dd>
</dl>
</div>
</div>
</div>
<div class="layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">更 新</div>
<div class="layui-card-body">
<ul class="list">
<li class="list-item"><span class="title">优化代码格式</span><span class="footer">2021-09-06
11:28</span></li>
<li class="list-item"><span class="title">新增消息组件</span><span class="footer">2021-09-06
11:28</span></li>
<li class="list-item"><span class="title">移动端兼容</span><span class="footer">2021-09-06
11:28</span></li>
<li class="list-item"><span class="title">系统布局优化</span><span class="footer">2021-09-06
11:28</span></li>
<li class="list-item"><span class="title">兼容多系统菜单模式</span><span class="footer">2021-09-06
11:28</span></li>
<li class="list-item"><span class="title">兼容多标签页切换</span><span class="footer">2021-09-06
11:28</span></li>
<li class="list-item"><span class="title">扩展下拉组件</span><span class="footer">2021-09-06
11:28</span></li>
<li class="list-item"><span class="title">扩展卡片样式</span><span class="footer">2021-09-06
11:28</span></li>
</ul>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">
链接
</div>
<div class="layui-card-body">
<a target="_blank" href="http://www.pearadmin.com"
class="pear-btn pear-btn-primary layui-btn-fluid"
style="margin-top: 8px;height: 50px;line-height: 50px;">
</a>
<br />
<a target="_blank" href="https://gitee.com/pear-admin/Pear-Admin-Layui"
class="pear-btn pear-btn-warming layui-btn-fluid"
style="margin-top: 8px;height: 50px;line-height: 50px;">下 载</a>
<br />
<a target="_blank" href="https://gitee.com/pear-admin/Pear-Admin-Boot"
class="pear-btn pear-btn-danger layui-btn-fluid"
style="margin-top: 8px;height: 50px;line-height: 50px;">后 端</a>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">
寄语
</div>
<div class="layui-card-body" style="line-height:40px;">
原想将澎湃的爱平平稳稳放置你手心,奈何我徒有一股蛮劲,只顾向你跑去,一个不稳跌的满身脏兮兮。试图爬起的我,
心想你会不会笑我 " 献爱献的这样笨拙, 怎么不知避开爱里的埋伏 "
</div>
</div>
</div>
</div>
</div>
<!--</div>-->
<script src="/component/layui/layui.js"></script>
<script src="/component/pear/pear.js"></script>
<script>
layui.use(['layer', 'echarts', 'element', 'count'], function () {
var $ = layui.jquery,
layer = layui.layer,
element = layui.element,
count = layui.count,
echarts = layui.echarts;
count.up("value1", {
time: 4000,
num: 440.34,
bit: 2,
regulator: 50
})
count.up("value2", {
time: 4000,
num: 236.30,
bit: 2,
regulator: 50
})
count.up("value3", {
time: 4000,
num: 634.43,
bit: 2,
regulator: 50
})
count.up("value4", {
time: 4000,
bit: 2,
num: 373.23,
regulator: 50
})
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
var option = {
backgroundColor: '#fff',
tooltip: {
show: false
},
grid: {
top: '10%',
bottom: '6%',
left: '6%',
right: '6%',
containLabel: true
},
xAxis: [{
type: 'category',
boundaryGap: false,
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
margin: 10,
//textStyle: {
fontSize: 14,
color: 'rgba(#999)'
//}
},
splitLine: {
show: true,
lineStyle: {
color: '#939ab6',
opacity: .15
}
},
data: ['10:00', '10:10', '10:10', '10:30', '10:40', '10:50']
},],
yAxis: [{
type: 'value',
offset: 15,
max: 100,
min: 0,
axisTick: {
show: false
},
axisLine: {
show: false
},
axisLabel: {
margin: 10,
//textStyle: {
fontSize: 14,
color: '#999'
//}
},
splitLine: {
show: false
}
}],
series: [{
name: '2',
type: 'line',
z: 3,
showSymbol: false,
smoothMonotone: 'x',
lineStyle: {
width: 3,
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: 'rgba(59,102,246)' // 0% 处的颜色
}, {
offset: 1,
color: 'rgba(118,237,252)' // 100% 处的颜色
}]
},
shadowBlur: 4,
shadowColor: 'rgba(69,126,247,.2)',
shadowOffsetY: 4
},
areaStyle: {
//normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: 'rgba(227,233,250,.9)' // 0% 处的颜色
}, {
offset: 1,
color: 'rgba(248,251,252,.3)' // 100% 处的颜色
}]
}
//}
},
smooth: true,
data: [20, 56, 17, 40, 68, 42]
}, {
name: '1',
type: 'line',
showSymbol: false,
smoothMonotone: 'x',
lineStyle: {
width: 3,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(255,84,108)'
}, {
offset: 1,
color: 'rgba(252,140,118)'
}], false),
shadowBlur: 4,
shadowColor: 'rgba(253,121,128,.2)',
shadowOffsetY: 4
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(255,84,108,.15)'
}, {
offset: 1,
color: 'rgba(252,140,118,0)'
}], false),
},
smooth: true,
data: [20, 71, 8, 50, 57, 32]
},]
};
echartsRecords.setOption(option);
window.onresize = function () {
echartsRecords.resize();
}
});
</script>
</body>
</html>