From 4a8091db9477db92e9d0599bf86adbb8454e4517 Mon Sep 17 00:00:00 2001
From: ylj20011123 <YLJ>
Date: Fri, 6 Feb 2026 17:47:25 +0800
Subject: [PATCH] update

---
 pages.json                                 |  196 +-
 pages/index/components/menus.js            |  200 --
 pages/index/index.vue                      |  247 ++-
 pages/operatingStatements/index.vue        | 2239 ++++++++++----------
 pages/operatingStatements/经营报表(1).html |  806 +++++++
 5 files changed, 2292 insertions(+), 1396 deletions(-)
 delete mode 100644 pages/index/components/menus.js
 create mode 100644 pages/operatingStatements/经营报表(1).html

diff --git a/pages.json b/pages.json
index 2caea8a..589c25e 100644
--- a/pages.json
+++ b/pages.json
@@ -20,29 +20,26 @@
             "style": {
                 "navigationBarTitleText": "授权"
             }
-        },
-        {
-            "path": "pages/webview/webview",
-            "style": {
-                "navigationBarTitleText": "驿达数智化看板"
-            }
         }
     ],
     "subPackages": [ //分包加载配置
         {
             "root": "pages/index/old",
-            "pages": [{
-                "path": "index",
-                "style": {
-                    "navigationBarTitleText": "驿达数智化看板",
-                    "navigationStyle": "custom",
-                    "enablePullDownRefresh": true
+            "pages": [
+                {
+                    "path": "index",
+                    "style": {
+                        "navigationBarTitleText": "驿达数智化看板",
+                        "navigationStyle": "custom",
+                        "enablePullDownRefresh": true
+                    }
                 }
-            }]
+            ]
         },
         {
             "root": "pages/authorityApproval",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "权限审批",
@@ -60,7 +57,8 @@
         },
         {
             "root": "pages/merchantAccount",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "",
@@ -78,7 +76,8 @@
         },
         {
             "root": "pages/settlementApproval",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -101,7 +100,8 @@
         },
         {
             "root": "pages/auditingPop",
-            "pages": [{
+            "pages": [
+                {
                     "path": "jointlySign",
                     "style": {
                         "navigationBarTitleText": "会签"
@@ -127,10 +127,10 @@
                 }
             ]
         },
-
         {
             "root": "pages/nationalPage",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "",
@@ -187,7 +187,8 @@
         },
         {
             "root": "pages/earlyWarning",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "",
@@ -225,7 +226,8 @@
         },
         {
             "root": "pages/revenue",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "",
@@ -250,7 +252,8 @@
         },
         {
             "root": "pages/revenueStatistics",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "",
@@ -275,17 +278,20 @@
         },
         {
             "root": "pages/newamine",
-            "pages": [{
-                "path": "index",
-                "style": {
-                    "navigationBarTitleText": "",
-                    "navigationStyle": "custom"
+            "pages": [
+                {
+                    "path": "index",
+                    "style": {
+                        "navigationBarTitleText": "",
+                        "navigationStyle": "custom"
+                    }
                 }
-            }]
+            ]
         },
         {
             "root": "pages/commercialBINew",
-            "pages": [{
+            "pages": [
+                {
                     "path": "flowAnalysis",
                     "style": {
                         "navigationBarTitleText": "",
@@ -304,19 +310,19 @@
         },
         {
             "root": "pages/summaryOfPortraits",
-            "pages": [{
-                "path": "index",
-                "style": {
-                    "navigationBarTitleText": "",
-                    "navigationStyle": "custom"
+            "pages": [
+                {
+                    "path": "index",
+                    "style": {
+                        "navigationBarTitleText": "",
+                        "navigationStyle": "custom"
+                    }
                 }
-            }]
+            ]
         },
-
         { // 商业BI
             "root": "pages/commercialBI",
             "pages": [
-
                 {
                     "path": "guestPortrait",
                     "style": {
@@ -426,19 +432,19 @@
         {
             // 项目分润报表
             "root": "pages/projectProfitSharing",
-            "pages": [{
-                "path": "index",
-                "style": {
-                    "navigationBarTitleText": "",
-                    "navigationStyle": "custom"
+            "pages": [
+                {
+                    "path": "index",
+                    "style": {
+                        "navigationBarTitleText": "",
+                        "navigationStyle": "custom"
+                    }
                 }
-            }]
+            ]
         },
-
         {
             "root": "pages/plan",
             "pages": [
-
                 {
                     "path": "areaPlanMonth",
                     "style": {
@@ -458,7 +464,8 @@
         // 考核考评
         {
             "root": "pages/examine",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "",
@@ -477,7 +484,8 @@
         },
         {
             "root": "pages/projectWarning",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "分润比例切换"
@@ -494,17 +502,20 @@
         },
         {
             "root": "pages/robot",
-            "pages": [{
-                "path": "index",
-                "style": {
-                    "navigationBarTitleText": "数智助手",
-                    "navigationStyle": "custom"
+            "pages": [
+                {
+                    "path": "index",
+                    "style": {
+                        "navigationBarTitleText": "数智助手",
+                        "navigationStyle": "custom"
+                    }
                 }
-            }]
+            ]
         },
         {
             "root": "pages/map",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "",
@@ -528,7 +539,8 @@
         },
         {
             "root": "pages/operatingStatements",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "navigationBarTitleText": "经营报表",
@@ -559,7 +571,8 @@
         },
         {
             "root": "pages/tender",
-            "pages": [{
+            "pages": [
+                {
                     "path": "tender",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -595,7 +608,8 @@
         },
         {
             "root": "pages/serviceAreaReimbursement",
-            "pages": [{
+            "pages": [
+                {
                     "path": "serviceAreaReimbursement",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -613,7 +627,8 @@
         },
         {
             "root": "pages/dataSummary",
-            "pages": [{
+            "pages": [
+                {
                     "path": "dataSummary",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -637,7 +652,8 @@
         },
         {
             "root": "pages/businessApproval",
-            "pages": [{
+            "pages": [
+                {
                     "path": "businessApproval",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -654,7 +670,8 @@
         },
         {
             "root": "pages/everdayRenven",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "enablePullDownRefresh": false,
@@ -700,7 +717,8 @@
         },
         {
             "root": "pages/suggestion",
-            "pages": [{
+            "pages": [
+                {
                     "path": "suggestion",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -717,7 +735,8 @@
         },
         {
             "root": "pages/contract",
-            "pages": [{
+            "pages": [
+                {
                     "path": "contract",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -734,7 +753,8 @@
         },
         {
             "root": "pages/cashAudit",
-            "pages": [{
+            "pages": [
+                {
                     "path": "list",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -757,7 +777,8 @@
         },
         {
             "root": "pages/investment",
-            "pages": [{
+            "pages": [
+                {
                     "path": "investment",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -774,7 +795,8 @@
         },
         {
             "root": "pages/expenseApproval",
-            "pages": [{
+            "pages": [
+                {
                     "path": "expenseApproval",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -792,7 +814,8 @@
         },
         {
             "root": "pages/commodity_temp",
-            "pages": [{
+            "pages": [
+                {
                     "path": "index",
                     "style": {
                         "enablePullDownRefresh": true,
@@ -810,27 +833,32 @@
         },
         {
             "root": "pages/testPage",
-            "pages": [{
-                "path": "index",
-                "style": {
-                    "navigationBarTitleText": "测试页面"
+            "pages": [
+                {
+                    "path": "index",
+                    "style": {
+                        "navigationBarTitleText": "测试页面"
+                    }
                 }
-            }]
+            ]
         },
         {
             "root": "pages/billOfLading",
-            "pages": [{
-                "path": "index",
-                "style": {
-                    "navigationBarTitleText": "提单"
+            "pages": [
+                {
+                    "path": "index",
+                    "style": {
+                        "navigationBarTitleText": "提单"
+                    }
+                },
+                {
+                    "path": "detail",
+                    "style": {
+                        "navigationBarTitleText": "",
+                        "navigationStyle": "custom"
+                    }
                 }
-            }, {
-                "path": "detail",
-                "style": {
-                    "navigationBarTitleText": "",
-                    "navigationStyle": "custom"
-                }
-            }]
+            ]
         }
     ],
     "globalStyle": {
@@ -844,13 +872,13 @@
         "selectedColor": "#3295f9",
         "borderStyle": "black",
         "backgroundColor": "#ffffff",
-        "list": [{
+        "list": [
+            {
                 "pagePath": "pages/index/index",
                 "iconPath": "static/images/tab/home.png",
                 "selectedIconPath": "static/images/tab/homeActive.png",
                 "text": ""
             },
-
             {
                 "pagePath": "pages/userCenter/userCenter",
                 "iconPath": "static/images/tab/user.png",
diff --git a/pages/index/components/menus.js b/pages/index/components/menus.js
deleted file mode 100644
index 4d72053..0000000
--- a/pages/index/components/menus.js
+++ /dev/null
@@ -1,200 +0,0 @@
-const yewu = [{
-	"name": "财务审批",
-	"id": "1a2907bd-c2f5-4ef9-9ead-70496650ace6",
-	"modelName": "FinancialApproval",
-	"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/cwsp.png",
-	"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/cwsp-no.png",
-	"homeUrl": "/pages/expenseApproval/expenseApproval"
-}, {
-	"name": "招标投标",
-	"id": "916cdbb5-f05b-4624-b6c4-9f111d4389fc",
-	"modelName": "Tender",
-	"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/zbtb.png",
-	"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/zbtb-no.png",
-	"homeUrl": "/pages/tender/tender"
-}, {
-	"name": "服务区报销",
-	"id": "8fea5036-d67e-476e-9e56-5f379ba6ae18",
-	"modelName": "ServerPartFinancialApproval",
-	"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/fwqbx.png",
-	"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/fwqbx-no.png",
-	"homeUrl": "/pages/serviceAreaReimbursement/serviceAreaReimbursement"
-}, {
-	"name": "合同审批",
-	"id": "ac661db4-1af1-4732-88db-76bc05eec335",
-	"modelName": "ServerPartCompactApproval",
-	"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/htsp.png",
-	"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/htsp-no.png",
-	"homeUrl": "/pages/contract/contract"
-}];
-const work = [{
-		"name": "公文阅办",
-		"id": "2580cb9f-ad2c-4d0b-b478-0be52eaf6ef6",
-		"modelName": "Publicity",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/gwyb.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/gwyb-no.png",
-		"homeUrl": "/pages/officialDocManagement/officialDocManagement"
-	},
-	{
-		"name": "阳光公示",
-		"id": "c870b1bc-95c8-473d-81c8-8596eb793bd4",
-		"modelName": "Publicity",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/publicity.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/publicity-no.png",
-		"homeUrl": "/pages/publicity/publicity"
-	}, {
-		"name": "请假加班",
-		"id": "1ceeaa5c-d11e-4dcd-8d33-0c3df4cd4937",
-		"modelName": "Publicity",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/qjjb.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/qjjb-no.png",
-		"homeUrl": "/pages/askForLeave/askForLeave"
-	},
-	{
-		"name": "安全问答",
-		"id": "5733dfdd-29f6-4233-9ff0-6f077d80d778",
-		"modelName": "Questionnaire",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/aqwd.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/aqwd-no.png",
-		"homeUrl": "/pages/webview/webview?name=questionnaire"
-	},
-	// {
-	// 	"name": "考勤打卡",
-	// 	"id": "ff04b551-c382-4638-a947-f95c42387ada",
-	// 	"modelName": "positionPunching",
-	// 	"imagePath": "/static/images/index/kqdk.png",
-	// 	"noImagePath": "/static/images/index/kqdk-no.png",
-	// 	"homeUrl": "/pages/additionalFeatures/positionPunching"
-	// }
-];
-const scene = [{
-		"name": "扫一扫",
-		"id": "1",
-		"modelName": "",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/saoyisao.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/saoyisao-no.png",
-		"homeUrl": ""
-	}, {
-		"name": "走动式管理",
-		"id": "c26c1620-2149-4b3d-ac2e-07e0c0494042",
-		"modelName": "Mbwa",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/zdsgl.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/zdsgl-no.png",
-		"homeUrl": "/pages/mbwa/mbwa"
-	}, {
-		"name": "投诉建议",
-		"id": "d405ae13-3388-41c0-a5f6-d11194d0a943",
-		"modelName": "Suggestion",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/tsjy.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/tsjy-no.png",
-		"homeUrl": "/pages/suggestion/suggestion"
-	},
-	{
-		"name": "收银稽核",
-		"id": "ebd8cae4-d36d-4ea0-a7e9-61e566bf9e24",
-		"modelName": "cashAudit",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/syjh.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/syjh-no.png",
-		"homeUrl": "/pages/cashAudit/list"
-	},
-	{
-		"name": "稽核异常",
-		"id": "b548740f-a942-4de3-8d55-c0a2370171ba",
-		"modelName": "abnormalaudit",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/syjh.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/syjh-no.png",
-		"homeUrl": "/pages/abnormalaudit/index"
-	}, {
-		"name": "设备巡检",
-		"id": "",
-		"modelName": "",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/sbxj.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/sbxj-no.png",
-		"homeUrl": ""
-	},
-	{
-		"name": "物业管理",
-		"id": "",
-		"modelName": "",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/wygl.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/wygl-no.png",
-		"homeUrl": ""
-	},
-]
-const management = [{
-		"name": "每日营收",
-		"id": "74934d31-385a-4eed-80bb-9c9ed7da29b5",
-		"modelName": "EverdayRenven",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/mrys.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/mrys-no.png",
-		"homeUrl": "/pages/everdayRenven/index"
-	},
-	{
-		"name": "日结校验",
-		"id": "b0b63a75-56c9-4f1d-aacb-a26e62b47e3e",
-		"modelName": "DataValidation",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/sjjy.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/sjjy-no.png",
-		"homeUrl": "/pages/dataSummary/dataSummary"
-	},
-	{
-		"name": "商品审批",
-		"id": "056b29d7-4721-47ee-ad25-660814e1f3a9",
-		"modelName": "CommodityApproval",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/spsp.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/spsp-no.png",
-		"homeUrl": "/pages/businessApproval/businessApproval"
-	},
-	{
-		"name": "招商审批",
-		"id": "2290e96d-c6d7-4dde-b5b7-e699b615ff2f",
-		"modelName": "Mnangement",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/zsgl.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/zsgl-no.png",
-		"homeUrl": "/pages/investment/investment"
-	}, {
-		"name": "经营报表",
-		"id": "4a34e1d4-47c9-4c06-8e8e-f38c6bd9450b",
-		"modelName": "operatingStatements",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/jybb.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/jybb-no.png",
-		"homeUrl": "/pages/operatingStatements/index"
-	},
-	{
-		"name": "商业BI",
-		"id": "9125e837-1961-4d92-bdc1-2200260d9643",
-		"modelName": "AnnualData",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/ndsj.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/ndsj-no.png",
-		"homeUrl": "/pages/webview/webview?src=https://eshangtech.com/questionnarie/business"
-	}, {
-		"name": "权限审批",
-		"id": "c802a38f-3bbd-4db0-89b6-34e404c8d8cc",
-		"modelName": "authorityApproval",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/qxsp.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/qxsp-no.png",
-		"homeUrl": "/pages/authorityApproval/index"
-	}, {
-		"name": "资质审批",
-		"id": "d0bc5a4d-c509-4b22-ba2b-01ae675852d6",
-		"modelName": "commodity_temp",
-		"imagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/qxsp.png",
-		"noImagePath": "https://eshangtech.com/ShopICO/ahyd-BID/index/qxsp-no.png",
-		"homeUrl": "/pages/commodity_temp/index"
-	}
-]
-export default [{
-		name: '综合办公',
-		list: work
-	}, {
-		name: '业务审批',
-		list: yewu
-	},
-	{
-		name: '现场管理',
-		list: scene
-	}, {
-		name: '商业经营',
-		list: management
-	}
-]
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d11b07d..2750924 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3928,15 +3928,25 @@
               height: guideInfo.height + 'px'
             }"></view>
             <view class="guide-bubble" :style="{
-              top: (guideInfo.top + guideInfo.height + 20) + 'px',
+              top: (guideInfo.top - 24) + 'px',
               left: (guideInfo.left + guideInfo.width / 2) + 'px'
             }">
               <div class="guide-bubble-content">
-                <text class="guide-title">数智助手</text>
+                <view class="guide-grid"></view>
+                <view class="guide-header">
+                  <view class="ai-icon-wrapper">
+                    <view class="ai-pulse"></view>
+                    <view class="ai-inner-dot"></view>
+                  </view>
+                  <text class="guide-title">数智助手</text>
+                </view>
                 <text class="guide-desc">您的春运动态播报专家。为您实时呈现全省及区域经营动态、车流预警与数据分析。</text>
                 <view class="guide-btn-group">
                   <view class="guide-btn outline" @click.stop="handleCloseGuide">知道了</view>
-                  <view class="guide-btn primary" @click.stop="handleGoToRobot">看一下</view>
+                  <view class="guide-btn primary" @click.stop="handleGoToRobot">
+                    看一下
+                    <view class="btn-glow"></view>
+                  </view>
                 </view>
               </div>
             </view>
@@ -11164,107 +11174,258 @@ $iphoneHeight: env(safe-area-inset-bottom);
   width: 100vw;
   height: 100vh;
   z-index: 99999;
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.2);
 }
 
 .guide-highlight {
   position: absolute;
-  border-radius: 12rpx;
-  box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.7);
-  transition: all 0.3s;
+  border-radius: 16rpx;
+  box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.75);
+  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
   pointer-events: none;
 }
 
+.guide-highlight::before,
 .guide-highlight::after {
   content: '';
   position: absolute;
-  top: -4px;
-  left: -4px;
-  right: -4px;
-  bottom: -4px;
+  top: -8px;
+  left: -8px;
+  right: -8px;
+  bottom: -8px;
   border: 2px solid #1677FE;
-  border-radius: 16rpx;
-  animation: guide-pulse 1.5s infinite;
+  border-radius: 20rpx;
+  animation: guide-pulse 2s infinite;
+}
+
+.guide-highlight::after {
+  animation-delay: 1s;
 }
 
 @keyframes guide-pulse {
   0% {
-    opacity: 1;
-    transform: scale(1);
+    transform: scale(0.95);
+    opacity: 0.8;
+  }
+
+  70% {
+    transform: scale(1.15);
+    opacity: 0;
   }
 
   100% {
+    transform: scale(1.2);
     opacity: 0;
-    transform: scale(1.1);
   }
 }
 
 .guide-bubble {
   position: absolute;
-  transform: translateX(-50%);
-  width: 500rpx;
-  z-index: 10001;
+  transform: translate(-50%, -100%);
+  width: 540rpx;
+  z-index: 100001;
   pointer-events: auto;
+  animation: bubble-entrance 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+@keyframes bubble-entrance {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -100%) translateY(-20px) scale(0.9);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate(-50%, -100%) translateY(0) scale(1);
+  }
 }
 
 .guide-bubble-content {
-  background: rgba(30, 30, 30, 0.9);
-  backdrop-filter: blur(10px);
-  padding: 30rpx;
-  border-radius: 20rpx;
+  background: linear-gradient(135deg, rgba(11, 14, 20, 0.9), rgba(26, 33, 48, 0.9));
+  backdrop-filter: blur(25px);
+  -webkit-backdrop-filter: blur(25px);
+  padding: 36rpx;
+  border-radius: 28rpx;
   color: #fff;
   position: relative;
+  overflow: hidden;
+  border: 1px solid rgba(22, 119, 254, 0.3);
+  box-shadow: 0 25rpx 50rpx rgba(0, 0, 0, 0.5),
+    inset 0 0 15rpx rgba(22, 119, 254, 0.1);
+}
+
+.guide-grid {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-image:
+    linear-gradient(rgba(22, 119, 254, 0.05) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(22, 119, 254, 0.05) 1px, transparent 1px);
+  background-size: 20rpx 20rpx;
+  pointer-events: none;
+}
+
+/* 流动边框灯效 */
+.guide-bubble-content::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 28rpx;
+  padding: 1px;
+  background: linear-gradient(90deg, transparent, transparent, #1677FE, transparent, transparent);
+  background-size: 200% 100%;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: destination-out;
+  mask-composite: exclude;
+  animation: border-flow 4s linear infinite;
+  pointer-events: none;
+}
+
+@keyframes border-flow {
+  0% {
+    background-position: 200% 0;
+  }
+
+  100% {
+    background-position: -200% 0;
+  }
 }
 
 .guide-bubble-content::before {
   content: '';
   position: absolute;
-  bottom: 100%;
+  top: 100%;
   left: 50%;
   transform: translateX(-50%);
-  border: 15rpx solid transparent;
-  border-bottom-color: rgba(30, 30, 30, 0.9);
+  border: 18rpx solid transparent;
+  border-top-color: rgba(35, 35, 45, 0.85);
+}
+
+.guide-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 18rpx;
+}
+
+.ai-icon-wrapper {
+  position: relative;
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 12rpx;
+}
+
+.ai-pulse {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: #1677FE;
+  border-radius: 50%;
+  animation: ai-icon-pulse 1.5s infinite;
+}
+
+.ai-inner-dot {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 14rpx;
+  height: 14rpx;
+  background: #fff;
+  border-radius: 50%;
+  box-shadow: 0 0 10rpx #1677FE;
+}
+
+@keyframes ai-icon-pulse {
+  0% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
+
+  50% {
+    transform: scale(1.6);
+    opacity: 0;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
 }
 
 .guide-title {
-  display: block;
-  font-size: 32rpx;
-  font-weight: bold;
+  font-size: 34rpx;
+  font-weight: 700;
   color: #1677FE;
-  margin-bottom: 15rpx;
+  letter-spacing: 2rpx;
+  text-shadow: 0 0 10rpx rgba(22, 119, 254, 0.4);
 }
 
 .guide-desc {
   display: block;
-  font-size: 26rpx;
-  line-height: 1.5;
-  margin-bottom: 30rpx;
-  color: #e0e0e0;
+  font-size: 27rpx;
+  line-height: 1.6;
+  margin-bottom: 34rpx;
+  color: rgba(255, 255, 255, 0.85);
 }
 
 .guide-btn-group {
   display: flex;
   justify-content: space-between;
-  gap: 20rpx;
+  gap: 24rpx;
 }
 
 .guide-btn {
+  position: relative;
   flex: 1;
   text-align: center;
-  padding: 15rpx 0;
-  border-radius: 40rpx;
-  font-size: 26rpx;
-  font-weight: 500;
-  transition: all 0.2s;
+  padding: 18rpx 0;
+  border-radius: 50rpx;
+  font-size: 27rpx;
+  font-weight: 600;
+  overflow: hidden;
 }
 
 .guide-btn.outline {
-  border: 1px solid #1677FE;
-  color: #1677FE;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px dashed rgba(22, 119, 254, 0.4);
+  color: rgba(255, 255, 255, 0.9);
 }
 
 .guide-btn.primary {
-  background: #1677FE;
+  background: linear-gradient(135deg, #1677FE, #0056D2);
   color: #ffffff;
+  box-shadow: 0 8rpx 20rpx rgba(22, 119, 254, 0.3);
+  border: none;
+}
+
+.btn-glow {
+  position: absolute;
+  top: -50%;
+  left: -50%;
+  width: 200%;
+  height: 200%;
+  background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
+  animation: btn-glow-move 3s infinite linear;
+  pointer-events: none;
+}
+
+@keyframes btn-glow-move {
+  0% {
+    transform: translate(-30%, -30%);
+  }
+
+  50% {
+    transform: translate(30%, 30%);
+  }
+
+  100% {
+    transform: translate(-30%, -30%);
+  }
 }
 </style>
diff --git a/pages/operatingStatements/index.vue b/pages/operatingStatements/index.vue
index d06c30a..8bc8620 100644
--- a/pages/operatingStatements/index.vue
+++ b/pages/operatingStatements/index.vue
@@ -1,233 +1,262 @@
- <template>
-	<view class="page-body">
+<template>
+  <view class="page-body">
     <view class="meng" v-if="showNotice" @click="handleShowNotice"></view>
-		<!-- 日期筛选 -->
-		<div class="ai-center screen-box" style="padding-bottom: 8rpx">
-<!--      <view class="searchBtn" @click="handleSelect">查询筛选</view>-->
+    <!-- 日期筛选 -->
+    <div class="ai-center screen-box" style="padding-bottom: 8rpx">
+      <!--      <view class="searchBtn" @click="handleSelect">查询筛选</view>-->
       <!--	搜索框内容 -->
       <div style="display: flex;align-items: center;justify-content: space-between;padding: 10rpx 0">
-<!--        <div class="search_box">-->
-<!--          <img src="/static/images/recons/search_icon.svg" alt="" class="search_icon">-->
-<!--          <input v-model="searchText" confirm-type="search" @confirm="getList" placeholder="请输入关键字"  class="select_input" clear/>-->
-<!--          <img src="/static/images/recons/delete.svg" alt="" class="delete" @click="handleDelete">-->
-<!--        </div>-->
-<!--        <div class="select_btn" @click="handleSelect" >-->
-<!--          <img src="/static/images/recons/select_icon.svg" alt="" class="select_icon">-->
-<!--          筛选-->
-<!--        </div>-->
+        <!--        <div class="search_box">-->
+        <!--          <img src="/static/images/recons/search_icon.svg" alt="" class="search_icon">-->
+        <!--          <input v-model="searchText" confirm-type="search" @confirm="getList" placeholder="请输入关键字"  class="select_input" clear/>-->
+        <!--          <img src="/static/images/recons/delete.svg" alt="" class="delete" @click="handleDelete">-->
+        <!--        </div>-->
+        <!--        <div class="select_btn" @click="handleSelect" >-->
+        <!--          <img src="/static/images/recons/select_icon.svg" alt="" class="select_icon">-->
+        <!--          筛选-->
+        <!--        </div>-->
       </div>
-    <!-- 查询时间 -->
-      <div  style="display: flex;justify-content: space-between">
+      <!-- 查询时间 -->
+      <div style="display: flex;justify-content: space-between">
         <view style="display: flex;">
-          <picker mode="date" @change="bindDateChange($event,0)" :value="pageData.searchTime[0]" :end="pageData.endDate" start="2018-12-01" class="screen-unit">
-            <text>{{pageData.searchTime[0]}}</text>
+          <picker mode="date" @change="bindDateChange($event, 0)" :value="pageData.searchTime[0]"
+            :end="pageData.endDate" start="2018-12-01" class="screen-unit">
+            <text>{{ pageData.searchTime[0] }}</text>
             <text class="uni-icon uni-icon-arrowdown"></text>
           </picker>
           <text class="mr20">至</text>
-          <picker mode="date" @change="bindDateChange($event,1)" :value="pageData.searchTime[1]" :end="pageData.endDate" start="2018-12-01" class="screen-unit">
-            <text>{{pageData.searchTime[1]}}</text>
+          <picker mode="date" @change="bindDateChange($event, 1)" :value="pageData.searchTime[1]"
+            :end="pageData.endDate" start="2018-12-01" class="screen-unit">
+            <text>{{ pageData.searchTime[1] }}</text>
             <text class="uni-icon uni-icon-arrowdown"></text>
           </picker>
         </view>
 
 
-        <div class="select_btn" @click="handleSelect" >
+        <div class="select_btn" @click="handleSelect">
           <img src="/static/images/recons/select_icon.svg" alt="" class="select_icon">
           筛选
         </div>
       </div>
-    <!-- BusinessType【经营模式】  SettlementMode【结算模式】 -->
-<!--      <view class="searchBox">-->
-<!--        <view class="searchItem">-->
-<!--          <span class="searchLabel">经营模式</span>-->
-<!--          <picker mode="selector" :range="BusinessTypeList" :value="BusinessTypeIndex" range-key="label">-->
-<!--            {{BusinessTypeList[BusinessTypeIndex].label}}-->
-<!--          </picker>-->
-<!--        </view>-->
-<!--        <view class="searchItem">-->
-<!--          <span class="searchLabel">结算模式</span>-->
-<!--          <picker mode="selector" :range="SettlementModeList" :value="SettlementModeIndex" range-key="label">-->
-<!--            {{SettlementModeList[SettlementModeIndex].label}}-->
-<!--          </picker>-->
-<!--        </view>-->
-<!--      </view>-->
-		</div>
-		<template v-if="!pageData.isLoading && pageData.msg && pageData.msg.Total_Revenue">
-			<view class="uni-flex ai-center head-card" >
-<!--        @tap="toTrend()"-->
-				<view class="topDetail"  style="width: 100%">
-					<view class="label">实收总额</view>
-					<view class="price-num">¥{{$util.fmoney(pageData.msg.Total_Revenue,2)}}</view>
+      <!-- BusinessType【经营模式】  SettlementMode【结算模式】 -->
+      <!--      <view class="searchBox">-->
+      <!--        <view class="searchItem">-->
+      <!--          <span class="searchLabel">经营模式</span>-->
+      <!--          <picker mode="selector" :range="BusinessTypeList" :value="BusinessTypeIndex" range-key="label">-->
+      <!--            {{BusinessTypeList[BusinessTypeIndex].label}}-->
+      <!--          </picker>-->
+      <!--        </view>-->
+      <!--        <view class="searchItem">-->
+      <!--          <span class="searchLabel">结算模式</span>-->
+      <!--          <picker mode="selector" :range="SettlementModeList" :value="SettlementModeIndex" range-key="label">-->
+      <!--            {{SettlementModeList[SettlementModeIndex].label}}-->
+      <!--          </picker>-->
+      <!--        </view>-->
+      <!--      </view>-->
+    </div>
+    <template v-if="!pageData.isLoading && pageData.msg && pageData.msg.Total_Revenue">
+      <view class="uni-flex ai-center head-card">
+        <!--        @tap="toTrend()"-->
+        <view class="topDetail" style="width: 100%">
+          <view class="label">实收总额</view>
+          <view class="price-num">¥{{ $util.fmoney(pageData.msg.Total_Revenue, 2) }}</view>
           <view class="detailBox" style="margin-top: 12px">
-            <view class="detailItem" >
-              <view class="value">{{$util.fmoney(pageData.msg.Different_Price_More,2)}}</view>
+            <view class="detailItem">
+              <view class="value">{{ $util.fmoney(pageData.msg.Different_Price_More, 2) }}</view>
               <view class="label">长款金额 <span class="unit">/元</span></view>
             </view>
             <view class="detailItem">
-              <view class="value">{{$util.fmoney(pageData.msg.Different_Price_Less,2)}}</view>
+              <view class="value">{{ $util.fmoney(pageData.msg.Different_Price_Less, 2) }}</view>
               <view class="label">短款金额 <span class="unit">/元</span></view>
             </view>
             <view class="detailItem">
-              <view class="value">{{$util.fmoney(pageData.msg.TotalOffAmount,2)}}</view>
+              <view class="value">{{ $util.fmoney(pageData.msg.TotalOffAmount, 2) }}</view>
               <view class="label">优惠金额 <span class="unit">/元</span></view>
             </view>
             <view class="detailItem">
-              <view class="value">{{$util.noDecimal(pageData.msg.TicketCount)}}</view>
+              <view class="value">{{ $util.noDecimal(pageData.msg.TicketCount) }}</view>
               <view class="label">客单数量<span class="unit">/笔</span></view>
             </view>
             <view class="detailItem">
-              <view class="value">{{$util.fmoney(pageData.msg.TotalCount,2)}}</view>
+              <view class="value">{{ $util.fmoney(pageData.msg.TotalCount, 2) }}</view>
               <view class="label">商品出售 <span class="unit">/件</span></view>
             </view>
             <view class="detailItem">
-              <view class="value">{{$util.fmoney(pageData.msg.countave,2)}}</view>
+              <view class="value">{{ $util.fmoney(pageData.msg.countave, 2) }}</view>
               <view class="label">商品均价 <span class="unit">/元</span></view>
             </view>
           </view>
 
         </view>
-			</view>
-			<view class="modle-title">
-				<image src="https://eshangtech.com/ShopICO/ahyd-BID/revenue/yestoday-region.png" mode="aspectFit"></image>
-				<text>经营报表</text>
-			</view>
+      </view>
+      <view class="modle-title">
+        <image src="https://eshangtech.com/ShopICO/ahyd-BID/revenue/yestoday-region.png" mode="aspectFit"></image>
+        <text>经营报表</text>
+      </view>
       <view class="modleText" v-if="pageData.msg.SearchResult">
         <div v-if="showModal">
-          <span v-if="copySearchText && BusinessTypeValue || copySearchText && BusinessTypeValue" class="text" style="color: red;display: block">温馨提示：模糊查询不支持选择经营方法/结算方式</span>
-          <span class="text">{{pageData.msg.SearchResult[0]}}</span>
-          <view class="text" v-if="BusinessTypeValue!==0">{{`经营模式: ${BusinessTypeList.filter(item=> item.value===BusinessTypeValue)[0].label}`}}</view>
-          <view class="text" v-if="SettlementModeValue!==0">{{`结算模式: ${SettlementModeList.filter(item=> item.value===SettlementModeValue)[0].label}`}}</view>
+          <span v-if="copySearchText && BusinessTypeValue || copySearchText && BusinessTypeValue" class="text"
+            style="color: red;display: block">温馨提示：模糊查询不支持选择经营方法/结算方式</span>
+          <span class="text">{{ pageData.msg.SearchResult[0] }}</span>
+          <view class="text" v-if="BusinessTypeValue !== 0">{{`经营模式: ${BusinessTypeList.filter(item =>
+            item.value === BusinessTypeValue)[0].label}`}}</view>
+          <view class="text" v-if="SettlementModeValue !== 0">{{`结算模式: ${SettlementModeList.filter(item =>
+            item.value === SettlementModeValue)[0].label}`}}</view>
         </div>
         <div v-else>
-          <span v-if="copySearchText && BusinessTypeValue || copySearchText && BusinessTypeValue" class="text" style="color: red">温馨提示：模糊查询不支持选择经营方法/结算方式</span>
-          <div v-for="(item,index) in pageData.msg.SearchResult" :key="index">
-          <span class="text" v-for="(subItem,subIndex) in item" :key="subIndex">
-             <span class="text" style="color:red" v-if="item.length>1 && subItem.indexOf('：')===-1">{{copySearchText}}</span>
-            {{subItem}}
-          </span>
+          <span v-if="copySearchText && BusinessTypeValue || copySearchText && BusinessTypeValue" class="text"
+            style="color: red">温馨提示：模糊查询不支持选择经营方法/结算方式</span>
+          <div v-for="(item, index) in pageData.msg.SearchResult" :key="index">
+            <span class="text" v-for="(subItem, subIndex) in item" :key="subIndex">
+              <span class="text" style="color:red" v-if="item.length > 1 && subItem.indexOf('：') === -1">{{
+                copySearchText }}</span>
+              {{ subItem }}
+            </span>
           </div>
         </div>
+      </view>
 
+      <view class="bg-white" v-if="ServerpartList.length > 0">
+        <view class="region-area-title uni-flex ai-center jc-between" v-show="pageData.msg.Province_ExternalAmount"
+          :class="{ 'active': pageData.insideShow }" @tap="pageData.insideShow = !pageData.insideShow">
+          <text>省内区域</text>
+        </view>
+        <view v-show="pageData.insideShow">
+          <view v-for="(item, i) in ServerpartList" :key="i">
+            <div class=" region-cell" @tap="toggleRegion(item)">
+              <div class="region-cell-unit region-title cuIcon-triangledownfill">
+                <text class="">{{ item.Region_Name }}</text>
+                <div class="ct01">
+                  <text class="strong-text">¥{{ $util.fmoney(item.Total_Revenue, 2) }}</text>
+                </div>
+              </div>
+              <div class="region-cell-unit">
+                <text>营收占比</text>
+                <div class="ct01">
+                  <text class="strong-text">{{ item.Revenue_Proportion }}</text>
+                </div>
+              </div>
+              <div class="region-cell-unit">
+                <text class="uni-icon uni-icon-arrowright" :class="{ 'active': item.show }"></text>
+              </div>
+            </div>
+            <ul class="region-cell-area" v-show="item.show">
+              <li v-for="(child, index) in item.revenueServerModels" :class="{ 'visited': child.visited }" :key="index"
+                @tap="toDetail(child)">
+                <view>{{ child.Serverpart_Name }}</view>
+                <view class="uni-flex ai-center data-number">
+                  <text class="">{{ child.Revenue_Proportion }}</text>
+                  <text style="flex: 2;">¥{{ $util.fmoney(child.Total_Revenue, 2) }}</text>
+                </view>
+              </li>
+            </ul>
+          </view>
 
+        </view>
+
+        <template v-if="insideRegionList.length > 0">
+          <view class="region-area-title uni-flex ai-center jc-between" :class="{ 'active': pageData.exsideShow }"
+            @tap="pageData.exsideShow = !pageData.exsideShow">
+            <text>省外区域</text>
+          </view>
+          <view v-show="pageData.exsideShow">
+            <view v-for="(item, i) in insideRegionList" :key="i">
+              <div class=" region-cell" @tap="toggleRegion(item)">
+                <div class="region-cell-unit region-title cuIcon-triangledownfill" :class="{ 'active': item.show }">
+                  <text class="">{{ item.Region_Name }}</text>
+                  <div class="ct01">
+                    <text class="strong-text">¥{{ $util.fmoney(item.Total_Revenue, 2) }}</text>
+                  </div>
+                </div>
+                <div class="region-cell-unit">
+                  <text>营收占比</text>
+                  <div class="ct01">
+                    <text class="strong-text">{{ item.Revenue_Proportion }}</text>
+                  </div>
+
+                </div>
+                <div class="region-cell-unit"><text class="uni-icon uni-icon-arrowright"
+                    :class="{ 'active': item.show }"></text></div>
+              </div>
+              <ul class="region-cell-area" v-show="item.show">
+                <li v-for="(child, index) in item.revenueServerModels" :class="{ 'visited': child.visited }"
+                  :key="index" @tap="toDetail(child)">
+                  <view>{{ child.Serverpart_Name }}</view>
+                  <view class="uni-flex ai-center data-number">
+                    <text class="">{{ child.Revenue_Proportion }}</text>
+                    <text style="flex: 2;">¥{{ $util.fmoney(child.Total_Revenue, 2) }}</text>
+
+                  </view>
+                </li>
+              </ul>
+            </view>
+          </view>
+        </template>
 
       </view>
-			<view class="bg-white" v-if="ServerpartList.length>0">
-				<view class="region-area-title uni-flex ai-center jc-between" v-show="pageData.msg.Province_ExternalAmount" :class="{'active':pageData.insideShow}" @tap="pageData.insideShow=!pageData.insideShow">
-					<text>省内区域</text>
-				</view>
-				<view v-show="pageData.insideShow">
-					<view v-for="(item,i) in ServerpartList" :key="i">
-						<div class=" region-cell" @tap="toggleRegion(item)">
-							<div class="region-cell-unit region-title cuIcon-triangledownfill" >
-								<text class="">{{item.Region_Name}}</text>
-								<div class="ct01">
-									<text class="strong-text">¥{{$util.fmoney(item.Total_Revenue,2)}}</text>
-								</div>
-							</div>
-							<div class="region-cell-unit">
-								<text>营收占比</text>
-								<div class="ct01">
-									<text class="strong-text">{{item.Revenue_Proportion}}</text>
-								</div>
-							</div>
-							<div class="region-cell-unit">
-								<text class="uni-icon uni-icon-arrowright" :class="{'active':item.show}"></text>
-							</div>
-						</div>
-						<ul class="region-cell-area" v-show="item.show">
-							<li v-for="(child,index) in item.revenueServerModels" :class="{'visited':child.visited}" :key="index" @tap="toDetail(child)">
-								<view>{{child.Serverpart_Name}}</view>
-								<view class="uni-flex ai-center data-number">
-									<text class="">{{child.Revenue_Proportion}}</text>
-									<text style="flex: 2;">¥{{$util.fmoney(child.Total_Revenue,2)}}</text>
-								</view>
-							</li>
-						</ul>
-					</view>
-
-				</view>
-
-				<template v-if="insideRegionList.length>0">
-					<view class="region-area-title uni-flex ai-center jc-between" :class="{'active':pageData.exsideShow }" @tap="pageData.exsideShow = !pageData.exsideShow">
-						<text>省外区域</text>
-					</view>
-					<view v-show="pageData.exsideShow">
-						<view v-for="(item,i) in insideRegionList" :key="i">
-							<div class=" region-cell" @tap="toggleRegion(item)">
-								<div class="region-cell-unit region-title cuIcon-triangledownfill" :class="{'active':item.show}">
-									<text class="">{{item.Region_Name}}</text>
-									<div class="ct01">
-										<text class="strong-text">¥{{$util.fmoney(item.Total_Revenue,2)}}</text>
-									</div>
-								</div>
-								<div class="region-cell-unit">
-									<text>营收占比</text>
-									<div class="ct01">
-										<text class="strong-text">{{item.Revenue_Proportion}}</text>
-									</div>
-
-								</div>
-								<div class="region-cell-unit"><text class="uni-icon uni-icon-arrowright" :class="{'active':item.show}"></text></div>
-							</div>
-							<ul class="region-cell-area" v-show="item.show">
-								<li v-for="(child,index) in item.revenueServerModels" :class="{'visited':child.visited}" :key="index" @tap="toDetail(child)">
-									<view>{{child.Serverpart_Name}}</view>
-									<view class="uni-flex ai-center data-number">
-										<text class="">{{child.Revenue_Proportion}}</text>
-										<text style="flex: 2;">¥{{$util.fmoney(child.Total_Revenue,2)}}</text>
-
-									</view>
-								</li>
-							</ul>
-						</view>
-					</view>
-				</template>
-
-			</view>
-		</template>
-		<view class="" v-else-if="!pageData.isLoading && !pageData.msg">
-			<noFound nodata=" true" :text="noDataText"/>
-		</view>
+    </template>
+    <view class="" v-else-if="!pageData.isLoading && !pageData.msg">
+      <noFound nodata=" true" :text="noDataText" />
+    </view>
 
 
-    <uni-popup ref="popup"  type="bottom" style="background: #fff" >
+    <view class="modle-title">
+      <image src="https://eshangtech.com/ShopICO/ahyd-BID/revenue/yestoday-region.png" mode="aspectFit"></image>
+      <text>运营报表</text>
+    </view>
+
+
+    <uni-popup ref="popup" type="bottom" style="background: #fff">
       <div class="popupBox" style="box-sizing:border-box;height: 550px">
-<!--        <div style="display: flex;align-items: center;justify-content: space-between">-->
-<!--          <text class="title">查询配置</text>-->
-<!--          <img src="/static/images/recons/delete.svg" alt="" class="delete" @click="handleClosePopup">-->
-<!--        </div>-->
+        <!--        <div style="display: flex;align-items: center;justify-content: space-between">-->
+        <!--          <text class="title">查询配置</text>-->
+        <!--          <img src="/static/images/recons/delete.svg" alt="" class="delete" @click="handleClosePopup">-->
+        <!--        </div>-->
         <div class="popupContent">
           <div class="search_box">
             <img src="/static/images/recons/search_icon.svg" alt="" class="search_icon">
-            <input v-model="searchText" confirm-type="search" @confirm="getList" placeholder="可以查询门店/服务区/品牌/商家等信息"  class="select_input" clear/>
+            <input v-model="searchText" confirm-type="search" @confirm="getList" placeholder="可以查询门店/服务区/品牌/商家等信息"
+              class="select_input" clear />
             <img src="/static/images/recons/delete.svg" alt="" class="delete" @click="handleDelete">
           </div>
 
           <view style="height: 380px;overflow-y: scroll">
             <view class="popupTitle">日期选择</view>
             <view class="timeList">
-              <view :class="selectTime===item.value?'timeItem timeSelectItem':'timeItem'" v-for="(item,index) in timeTypeList" :key="index" @click="handleChangeTime(item.value)">{{item.label}}</view>
+              <view :class="selectTime === item.value ? 'timeItem timeSelectItem' : 'timeItem'"
+                v-for="(item, index) in timeTypeList" :key="index" @click="handleChangeTime(item.value)">{{ item.label
+                }}
+              </view>
             </view>
             <view class="timeList">
-              <view :class="selectTimeOther?'timeItem timeSelectItem':'timeItem'" @click="handleTimeOther">自定义</view>
+              <view :class="selectTimeOther ? 'timeItem timeSelectItem' : 'timeItem'" @click="handleTimeOther">自定义
+              </view>
             </view>
 
             <view class="popupTitle">业态类型</view>
             <view class="timeList">
-              <view :class="BusinessTrade===item.value?'timeItem timeSelectItem':'timeItem'" v-for="(item,index) in tradeList" :key="index" @click="handleChangeTrade(item.value,index)">{{item.label}}</view>
+              <view :class="BusinessTrade === item.value ? 'timeItem timeSelectItem' : 'timeItem'"
+                v-for="(item, index) in tradeList" :key="index" @click="handleChangeTrade(item.value, index)">
+                {{ item.label }}
+              </view>
             </view>
-            <view class="timeList" v-if="bigTradeIndex>=0 && tradeList[bigTradeIndex] && tradeList[bigTradeIndex].children && tradeList[bigTradeIndex].children.length>0">
-              <view :class="BusinessSmallTrade.indexOf(item.value)!==-1 ?'timeItem timeSelectItem':'timeItem'" v-for="(item,index) in tradeList[bigTradeIndex].children" :key="index" @click="handleChangeSmallTrade(item.value)">{{item.label}}</view>
+            <view class="timeList"
+              v-if="bigTradeIndex >= 0 && tradeList[bigTradeIndex] && tradeList[bigTradeIndex].children && tradeList[bigTradeIndex].children.length > 0">
+              <view :class="BusinessSmallTrade.indexOf(item.value) !== -1 ? 'timeItem timeSelectItem' : 'timeItem'"
+                v-for="(item, index) in tradeList[bigTradeIndex].children" :key="index"
+                @click="handleChangeSmallTrade(item.value)">{{ item.label }}</view>
             </view>
 
             <view class="popupTitle">经营模式</view>
             <view class="timeList">
-              <view :class="BusinessTypeValue===item.value?'timeItem timeSelectItem':'timeItem'" v-for="(item,index) in BusinessTypeList" :key="index" @click="handleChangeBusiness(item.value)">{{item.label}}</view>
+              <view :class="BusinessTypeValue === item.value ? 'timeItem timeSelectItem' : 'timeItem'"
+                v-for="(item, index) in BusinessTypeList" :key="index" @click="handleChangeBusiness(item.value)">
+                {{ item.label }}</view>
             </view>
             <view class="popupTitle" style="display: flex;position: relative;align-items: center">
               <span class="title">结算模式</span>
               <view class="notice" @click="handleShowNotice">?
-                <view class="noticeBox" v-if="showNotice" :style="{left: '10%',top:'20px'}">
+                <view class="noticeBox" v-if="showNotice" :style="{ left: '10%', top: '20px' }">
                   <span class="noticeText">营收回款：经营模式为商家收款，商家按月/季度/半年/年度模式返款给驿达</span>
                   <span class="noticeText">资金返款：经营模式为驿达收款，驿达按月/季度/半年/年度模式打款给商家</span>
                   <span class="noticeText">营收分润：经营模式为单个业态使用“移动支付分账”模式，移动支付交易按照七三分成的模式，营收达到保底后按照合同约定的提成比例进行分成</span>
@@ -238,999 +267,1071 @@
             </view>
 
             <view class="timeList">
-              <view :class="SettlementModeValue===item.value?'timeItem timeSelectItem':'timeItem'" v-for="(item,index) in SettlementModeList" :key="index" @click="handleChangeSettlement(item.value)">{{item.label}}</view>
+              <view :class="SettlementModeValue === item.value ? 'timeItem timeSelectItem' : 'timeItem'"
+                v-for="(item, index) in SettlementModeList" :key="index" @click="handleChangeSettlement(item.value)">
+                {{ item.label }}</view>
             </view>
           </view>
         </div>
         <div class="btn" @click="handleConfirmCheckChange">确认</div>
       </div>
     </uni-popup>
-    <uni-popup ref="timePopup"  type="center" style="background: #fff">
+    <uni-popup ref="timePopup" type="center" style="background: #fff">
       <div class="timePopup">
         <div style="display: flex;margin-left: 10%">
-          <picker mode="date" @change="handleChangeTimePopup($event,0)" :value="searchTimePopup[0]" :end="pageData.endDate" start="2018-12-01" class="screen-unit">
-            <text style="font-size: 32rpx">{{searchTimePopup[0]}}</text>
+          <picker mode="date" @change="handleChangeTimePopup($event, 0)" :value="searchTimePopup[0]"
+            :end="pageData.endDate" start="2018-12-01" class="screen-unit">
+            <text style="font-size: 32rpx">{{ searchTimePopup[0] }}</text>
             <text class="uni-icon uni-icon-arrowdown"></text>
           </picker>
           <text class="mr20">至</text>
-          <picker mode="date" @change="handleChangeTimePopup($event,0)" :value="searchTimePopup[1]" :end="pageData.endDate" start="2018-12-01" class="screen-unit">
-            <text style="font-size: 32rpx">{{searchTimePopup[1]}}</text>
+          <picker mode="date" @change="handleChangeTimePopup($event, 0)" :value="searchTimePopup[1]"
+            :end="pageData.endDate" start="2018-12-01" class="screen-unit">
+            <text style="font-size: 32rpx">{{ searchTimePopup[1] }}</text>
             <text class="uni-icon uni-icon-arrowdown"></text>
           </picker>
         </div>
         <div class="btn" @click="handleTimePopup">确认</div>
       </div>
     </uni-popup>
-	</view>
+  </view>
 
 </template>
 
 <script>
-	import {mapState} from 'vuex'
-  import request from '@/util/index.js'
-  import {wrapTreeNode} from "../../util/dateTime";
-  import moment from "moment";
-  export default {
-		data() {
-			let now = new Date()
-			let nowTime = this.$util.cutDate(now, 'YYYY-MM-DD',-1)
-			let sTime = this.$util.cutDate(now, 'YYYY-MM-DD', -1)
-			return {
-				pageData: {
-					endDate: nowTime,
-					searchTime: [sTime,nowTime],
-					msg: {},
-					isLoading: true,
-					exsideShow: true,
-					insideShow: true,
-				},
-				noDataText: '抱歉，没有数据，请稍后重试',
-				regionType: 0, // 0 东南 1 西北
-				ServerpartList: [],
-				insideRegionList: [], // 省外
-        queryTime:'',// 传入的时间
-        lastDay:'',// 首页的实际时间
-        searchText:'',// 搜索框内容
-        copySearchText:'',// 搜索框内容复制
-        requestText:'',// 已经请求过接口的查询框内容
-        isScreen:false,// 显示popup里面的内容
-        checkBoxValue:['MerchantName','Brand','Shop','Serverpart'],// 查询的字段放接口里的
-        checkChange:['MerchantName','Brand','Shop','Serverpart'],// checkBox里面选择了 但是没点确定的
-        BusinessTypeList:[],// 经营模式列表
-        BusinessTypeValue:0,// 经营模式的选择项
-        BusinessTrade:0,//选择的业态类型
-        BusinessSmallTrade: [],// 小类业态
-        bigTradeIndex:null,// 大类的第几项
-        tradeList: [],//业态类型数据
-        SettlementModeList:[],// 结算模式列表
-        SettlementModeValue:0,// 结算模式的选择项
-        timeTypeList:[{label:'近1周',value:1},{label:'近1月',value:2},{label:'近3月',value:3},{label:'近半年',value:4}],
-			  selectTime:0,
-        selectTimeOther:false,
-        timePopup:false,
-        searchTimePopup: [null,null],
-        showNotice:false,
-        showModal:false,// 显示模式
-        selectTradeId:'',//选择的业态
-      }
-		},
-		computed:{
-			...mapState({'ProvinceCode':(state)=>{return state.userData.ProvinceCode}}),
-		},
-		methods: {
-      // 是否显示结算模式的悬浮框
-      handleShowNotice(){
-        this.showNotice = !this.showNotice
+import { mapState } from 'vuex'
+import request from '@/util/index.js'
+import { wrapTreeNode } from "../../util/dateTime";
+import moment from "moment";
+export default {
+  data() {
+    let now = new Date()
+    let nowTime = this.$util.cutDate(now, 'YYYY-MM-DD', -1)
+    let sTime = this.$util.cutDate(now, 'YYYY-MM-DD', -1)
+    return {
+      pageData: {
+        endDate: nowTime,
+        searchTime: [sTime, nowTime],
+        msg: {},
+        isLoading: true,
+        exsideShow: true,
+        insideShow: true,
       },
-      // 自定义时间选框里面的选择 改变悬浮框的自定义时间 外面页面上的时间也要跟着改变 强刷
-      handleChangeTimePopup(e,index){
-        this.searchTimePopup[index] = e.detail.value
-        this.$forceUpdate()
-      },
-      // 自定义时间选框的确定 赋值给页面上的时间
-      handleTimePopup(){
-        this.pageData.searchTime = this.searchTimePopup
-        this.$refs.timePopup.close()
-      },
-      // 经营模式和结算模式只能二选一 选了一个另一个就取消
-      // 选择了结算模式
-      handleChangeSettlement(value){
-        if (this.BusinessTypeValue!==0){
-          this.BusinessTypeValue = 0
-        }
-        this.SettlementModeValue = value
-      },
-      // 选择了经营模式
-      handleChangeBusiness(value){
-        if (this.SettlementModeValue!==0){
-          this.SettlementModeValue = 0
-        }
-        this.BusinessTypeValue = value
-      },
-      // 改变小类业态
-      handleChangeSmallTrade(value){
-        if(this.BusinessSmallTrade.indexOf(Number(value))=== -1){
-          this.BusinessSmallTrade.push(Number(value))
-        }else{
-          let list = []
-          this.BusinessSmallTrade.forEach(item=>{
-            if(Number(value) === item){
-
-            }else{
-              list.push(item)
-            }
-          })
-          this.BusinessSmallTrade = list
-        }
-
-      },
-      // 选择业态类型
-      handleChangeTrade(value,index){
-        if(this.BusinessTrade === value){
-          this.BusinessTrade = 0
-          this.BusinessSmallTrade = []
-          this.bigTradeIndex = null
-        }else{
-          this.BusinessTrade = value
-          this.BusinessSmallTrade = []
-          this.bigTradeIndex = index
-        }
-      },
-      // 给悬浮框的自定义时间赋初始值
-      // 选择了自定义时间
-      handleTimeOther(){
-        this.searchTimePopup = JSON.parse(JSON.stringify(this.pageData.searchTime))
-        this.$refs.timePopup.open()
-        this.selectTimeOther = true
-        this.selectTime = 0
-      },
-      // 改变选择的时间
-      // 选择的时间类型 moment 拿到时间
-      handleChangeTime(value){
-        this.selectTimeOther = false
-        this.selectTime = value
-        let endTime
-        let startTime
-        let searchTime
-        if (this.selectTime===1){
-          endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
-          startTime = moment().subtract(7, 'day').format('YYYY-MM-DD')
-          searchTime = [startTime,endTime]
-        }else if(this.selectTime===2){
-          endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
-          startTime = moment().subtract(30, 'day').format('YYYY-MM-DD')
-          searchTime = [startTime,endTime]
-        }else if(this.selectTime===3){
-          endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
-          startTime = moment().subtract(90, 'day').format('YYYY-MM-DD')
-          searchTime = [startTime,endTime]
-        }else if(this.selectTime===4){
-          endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
-          startTime = moment().subtract(180, 'day').format('YYYY-MM-DD')
-          searchTime = [startTime,endTime]
-        }
-        this.pageData.searchTime = searchTime
-      },
-      // 拿到枚举的方法
-      async handleEnumeration(text){
-        const req ={
-          FieldExplainField: text,
-          sessionName: text,
-          FieldEnumStatus:true
-        }
-        const data = await request.$webGet('EShangApiMain/FrameWork/GetFieldEnumTree',req)
-        // 变成label、value的数据格式
-        let list = wrapTreeNode(data.Result_Data.List)
-        return list
-      },
-      handleConfirmCheckChange(){
-        // 老的选类型的方法  暂时不让他改 已经写死
-        this.checkBoxValue = this.checkChange
-        // 关闭悬浮框
-        this.$refs.popup.close()
-        // 没用的东西
-        this.isScreen= false
-        // 请求数据的方法
-        this.getList()
-      },
-      // 查询配置的关闭方法 暂时隐藏不用
-      handleClosePopup(){
-        this.checkChange = this.checkBoxValue
-        this.$refs.popup.close()
-        this.isScreen= false
+      noDataText: '抱歉，没有数据，请稍后重试',
+      regionType: 0, // 0 东南 1 西北
+      ServerpartList: [],
+      insideRegionList: [], // 省外
+      queryTime: '',// 传入的时间
+      lastDay: '',// 首页的实际时间
+      searchText: '',// 搜索框内容
+      copySearchText: '',// 搜索框内容复制
+      requestText: '',// 已经请求过接口的查询框内容
+      isScreen: false,// 显示popup里面的内容
+      checkBoxValue: ['MerchantName', 'Brand', 'Shop', 'Serverpart'],// 查询的字段放接口里的
+      checkChange: ['MerchantName', 'Brand', 'Shop', 'Serverpart'],// checkBox里面选择了 但是没点确定的
+      BusinessTypeList: [],// 经营模式列表
+      BusinessTypeValue: 0,// 经营模式的选择项
+      BusinessTrade: 0,//选择的业态类型
+      BusinessSmallTrade: [],// 小类业态
+      bigTradeIndex: null,// 大类的第几项
+      tradeList: [],//业态类型数据
+      SettlementModeList: [],// 结算模式列表
+      SettlementModeValue: 0,// 结算模式的选择项
+      timeTypeList: [{ label: '近1周', value: 1 }, { label: '近1月', value: 2 }, { label: '近3月', value: 3 }, { label: '近半年', value: 4 }],
+      selectTime: 0,
+      selectTimeOther: false,
+      timePopup: false,
+      searchTimePopup: [null, null],
+      showNotice: false,
+      showModal: false,// 显示模式
+      selectTradeId: '',//选择的业态
+    }
+  },
+  computed: {
+    ...mapState({ 'ProvinceCode': (state) => { return state.userData.ProvinceCode } }),
+  },
+  methods: {
+    // 是否显示结算模式的悬浮框
+    handleShowNotice() {
+      this.showNotice = !this.showNotice
+    },
+    // 自定义时间选框里面的选择 改变悬浮框的自定义时间 外面页面上的时间也要跟着改变 强刷
+    handleChangeTimePopup(e, index) {
+      this.searchTimePopup[index] = e.detail.value
+      this.$forceUpdate()
+    },
+    // 自定义时间选框的确定 赋值给页面上的时间
+    handleTimePopup() {
+      this.pageData.searchTime = this.searchTimePopup
+      this.$refs.timePopup.close()
+    },
+    // 经营模式和结算模式只能二选一 选了一个另一个就取消
+    // 选择了结算模式
+    handleChangeSettlement(value) {
+      if (this.BusinessTypeValue !== 0) {
         this.BusinessTypeValue = 0
+      }
+      this.SettlementModeValue = value
+    },
+    // 选择了经营模式
+    handleChangeBusiness(value) {
+      if (this.SettlementModeValue !== 0) {
         this.SettlementModeValue = 0
-        this.selectTime = 0
-        // this.getList()
-      },
-      // 删除查询字段
-      handleDelete(){
-        this.searchText = ''
-      },
-      // 更多筛选的点击打开悬浮框
-      handleSelect(){
-        this.$refs.popup.open()
-        this.isScreen= true
-      },
-      // 老的一个跳转方法 暂时用不到
-			toTrend(){
-				this.$util.toNextRoute('navigateTo','/pages/operatingStatements/operatingTrend?time='+this.pageData.searchTime[1])
-			},
-      // 改变时间的方法
-			bindDateChange(e,index){
-				let nowDate = this.pageData.searchTime[index]
-				if(e.detail.value != nowDate){
-					this.pageData.searchTime[index] = e.detail.value
-					this.$forceUpdate()
-					this.searchList()
-				}
-			},
-      // 套一层方法 可以进行其他操作 只有有其他操作的 业务更改之后就没了 暂时保留
-			searchList(){
-				this.getList()
-			},
-      // 老方法 显示具体条目
-			toggleRegion(item) {
-				item.show = !item.show ? true : false
-				this.$forceUpdate()
-			},
-      // 跳转详情带上参数
-			toDetail(item){
-				this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/detail?pcode='+item.Province_Code+'&id=' +
-            item.Serverpart_Id + '&st=' + this.pageData.searchTime[0]+ '&et=' + this.pageData.searchTime[1]+
-            '&searchKey='+JSON.parse(JSON.stringify(this.checkBoxValue)) + '&searchValue='+this.requestText+
-        '&BusinessTypeValue='+this.BusinessTypeValue+'&SettlementModeValue='+this.SettlementModeValue +'&BusinessTrade=' +this.selectTradeId
-        )
-				item.visited = true
-				this.$forceUpdate()
-			},
-      // 页面请求的主要方法
-			getList(){
-        console.log('this.BusinessSmallTrade',this.BusinessSmallTrade)
-        // copySearchText 是要显示在经营报表下方的红色字 每次请求前要清空 不能和searchText同源 不然清空搜索框 显示的文字也会消失
-        this.copySearchText= ''
-        uni.showLoading({
-          title:'正在加载',
-          mask:true
-        })
-				let _this = this
-        let searchTime = this.pageData.searchTime
-        // 接口要的查询字段类型 之前是可选的 用这样的方法写 暂时可以保留 不影响
-        let searchName = ''
-        this.checkBoxValue.forEach(item=>{
-          if (searchName){
-            searchName+=`,${item}`
-          }else{
-            searchName = item
-          }
-        })
-        let req;
-
-
-        console.log('BusinessSmallTrade',this.BusinessSmallTrade)
-        console.log('BusinessTrade',this.BusinessTrade)
-        console.log('tradeList',this.tradeList)
-        let tradeId = ''
-        if(this.BusinessSmallTrade && this.BusinessSmallTrade.length>0){
-          tradeId = this.BusinessSmallTrade.toString()
-        }else if(this.BusinessTrade){
-          let list = []
-          this.tradeList.forEach(item=>{
-            if(Number(item.value) === Number(this.BusinessTrade)){
-              if(item.children && item.children.length>0){
-                item.children.forEach(subItem=>{
-                  list.push(Number(subItem.value))
-                })
-              }
-            }
-          })
-          if(list && list.length>0){
-            tradeId = list.toString()
-          }
-        }
-        console.log('tradeId',tradeId)
-        this.selectTradeId = tradeId
-        req = {
-          startTime: searchTime[0],
-          endTime: searchTime[1],
-          SearchKeyName:searchName,
-          SearchKeyValue:this.searchText,
-          BusinessTrade: tradeId,
-          BusinessType:this.searchText?'':this.BusinessTypeValue?this.BusinessTypeValue:'',
-          SettlementMode:this.searchText?'':this.SettlementModeValue?this.SettlementModeValue:'',
-        }
-				// _this.$request.$webGet('WeChat/GetRevenueReport',{
-        request.$webGet('CommercialApi/Revenue/GetRevenueReport',req).then(res=>{
-          // 拿到数据之后的一些处理方法 看看就明白了
-					if(res.Result_Code==100) {
-						_this.pageData.msg = res.Result_Data
-            _this.pageData.msg.countave = (Number(_this.pageData.msg.Province_InsideAmount) / Number(_this.pageData.msg.TotalCount)).toFixed(2)
-						 res.Result_Data.revenueRegionModels.map(n=>{
-							n.show = false
-						 })
-						 if(res.Result_Data.revenueInsideRegionModels){
-							res.Result_Data.revenueInsideRegionModels.map(n=>{
-								n.show = false
-							 })
-							_this.insideRegionList = res.Result_Data.revenueInsideRegionModels
-						}
-
-            // _this.pageData.msg.SearchResult
-            // 判断一下 如果是有搜索框的值 就按照搜索框有的值显示
-            // 没有就出现结算模式 或者经营模式
-            if (this.searchText){
-              this.showModal = false
-              if (res.Result_Data.SearchResult){
-                let newList = []
-                res.Result_Data.SearchResult.forEach(item=>{
-                  newList.push(item.split(this.searchText))
-                  _this.pageData.msg.SearchResult = newList
-                  _this.copySearchText = JSON.parse(JSON.stringify(this.searchText))
-                })
-              }
-            }else{
-              if (this.BusinessTypeValue || this.SettlementModeValue){
-                this.showModal = true
-              }
-            }
-						_this.ServerpartList = res.Result_Data.revenueRegionModels
-					}else if(res.Result_Code==200 || res.Result_Code==999){
-            _this.noDataText = '暂无数据'
-            _this.insideRegionList=[]
-            _this.pageData.msg = null
-          }else{
-						_this.pageData.msg = null
-						_this.noDataText = res.Result_Desc
-            _this.insideRegionList=[]
-					}
-          _this.requestText = _this.searchText
-
-					uni.hideLoading()
-					_this.pageData.isLoading =false
-					_this.$forceUpdate()
-				})
-			},
-
-     // 拿业态枚举
-      async handleGetTradeList(){
-        const data = await request.$webGet('EShangApiMain/BaseInfo/GetBusinessTradeTree',{})
-        const treeTable = wrapTreeNode(data.Result_Data.List);
-        console.log('treeTable',treeTable)
+      }
+      this.BusinessTypeValue = value
+    },
+    // 改变小类业态
+    handleChangeSmallTrade(value) {
+      if (this.BusinessSmallTrade.indexOf(Number(value)) === -1) {
+        this.BusinessSmallTrade.push(Number(value))
+      } else {
         let list = []
-        if(treeTable && treeTable.length>0){
-          treeTable.forEach(item=>{
-            let children = []
-            if(item.children && item.children.length>0){
-              item.children.forEach(subItem=>{
-                children.push({
-                  label: subItem.AUTOSTATISTICS_NAME,
-                  value: subItem.AUTOSTATISTICS_ID
-                })
+        this.BusinessSmallTrade.forEach(item => {
+          if (Number(value) === item) {
+
+          } else {
+            list.push(item)
+          }
+        })
+        this.BusinessSmallTrade = list
+      }
+
+    },
+    // 选择业态类型
+    handleChangeTrade(value, index) {
+      if (this.BusinessTrade === value) {
+        this.BusinessTrade = 0
+        this.BusinessSmallTrade = []
+        this.bigTradeIndex = null
+      } else {
+        this.BusinessTrade = value
+        this.BusinessSmallTrade = []
+        this.bigTradeIndex = index
+      }
+    },
+    // 给悬浮框的自定义时间赋初始值
+    // 选择了自定义时间
+    handleTimeOther() {
+      this.searchTimePopup = JSON.parse(JSON.stringify(this.pageData.searchTime))
+      this.$refs.timePopup.open()
+      this.selectTimeOther = true
+      this.selectTime = 0
+    },
+    // 改变选择的时间
+    // 选择的时间类型 moment 拿到时间
+    handleChangeTime(value) {
+      this.selectTimeOther = false
+      this.selectTime = value
+      let endTime
+      let startTime
+      let searchTime
+      if (this.selectTime === 1) {
+        endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
+        startTime = moment().subtract(7, 'day').format('YYYY-MM-DD')
+        searchTime = [startTime, endTime]
+      } else if (this.selectTime === 2) {
+        endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
+        startTime = moment().subtract(30, 'day').format('YYYY-MM-DD')
+        searchTime = [startTime, endTime]
+      } else if (this.selectTime === 3) {
+        endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
+        startTime = moment().subtract(90, 'day').format('YYYY-MM-DD')
+        searchTime = [startTime, endTime]
+      } else if (this.selectTime === 4) {
+        endTime = moment().subtract(1, 'day').format('YYYY-MM-DD')
+        startTime = moment().subtract(180, 'day').format('YYYY-MM-DD')
+        searchTime = [startTime, endTime]
+      }
+      this.pageData.searchTime = searchTime
+    },
+    // 拿到枚举的方法
+    async handleEnumeration(text) {
+      const req = {
+        FieldExplainField: text,
+        sessionName: text,
+        FieldEnumStatus: true
+      }
+      const data = await request.$webGet('EShangApiMain/FrameWork/GetFieldEnumTree', req)
+      // 变成label、value的数据格式
+      let list = wrapTreeNode(data.Result_Data.List)
+      return list
+    },
+    handleConfirmCheckChange() {
+      // 老的选类型的方法  暂时不让他改 已经写死
+      this.checkBoxValue = this.checkChange
+      // 关闭悬浮框
+      this.$refs.popup.close()
+      // 没用的东西
+      this.isScreen = false
+      // 请求数据的方法
+      this.getList()
+    },
+    // 查询配置的关闭方法 暂时隐藏不用
+    handleClosePopup() {
+      this.checkChange = this.checkBoxValue
+      this.$refs.popup.close()
+      this.isScreen = false
+      this.BusinessTypeValue = 0
+      this.SettlementModeValue = 0
+      this.selectTime = 0
+      // this.getList()
+    },
+    // 删除查询字段
+    handleDelete() {
+      this.searchText = ''
+    },
+    // 更多筛选的点击打开悬浮框
+    handleSelect() {
+      this.$refs.popup.open()
+      this.isScreen = true
+    },
+    // 老的一个跳转方法 暂时用不到
+    toTrend() {
+      this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/operatingTrend?time=' + this.pageData.searchTime[1])
+    },
+    // 改变时间的方法
+    bindDateChange(e, index) {
+      let nowDate = this.pageData.searchTime[index]
+      if (e.detail.value != nowDate) {
+        this.pageData.searchTime[index] = e.detail.value
+        this.$forceUpdate()
+        this.searchList()
+      }
+    },
+    // 套一层方法 可以进行其他操作 只有有其他操作的 业务更改之后就没了 暂时保留
+    searchList() {
+      this.getList()
+    },
+    // 老方法 显示具体条目
+    toggleRegion(item) {
+      item.show = !item.show ? true : false
+      this.$forceUpdate()
+    },
+    // 跳转详情带上参数
+    toDetail(item) {
+      this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/detail?pcode=' + item.Province_Code + '&id=' +
+        item.Serverpart_Id + '&st=' + this.pageData.searchTime[0] + '&et=' + this.pageData.searchTime[1] +
+        '&searchKey=' + JSON.parse(JSON.stringify(this.checkBoxValue)) + '&searchValue=' + this.requestText +
+        '&BusinessTypeValue=' + this.BusinessTypeValue + '&SettlementModeValue=' + this.SettlementModeValue + '&BusinessTrade=' + this.selectTradeId
+      )
+      item.visited = true
+      this.$forceUpdate()
+    },
+    // 页面请求的主要方法
+    getList() {
+      console.log('this.BusinessSmallTrade', this.BusinessSmallTrade)
+      // copySearchText 是要显示在经营报表下方的红色字 每次请求前要清空 不能和searchText同源 不然清空搜索框 显示的文字也会消失
+      this.copySearchText = ''
+      uni.showLoading({
+        title: '正在加载',
+        mask: true
+      })
+      let _this = this
+      let searchTime = this.pageData.searchTime
+      // 接口要的查询字段类型 之前是可选的 用这样的方法写 暂时可以保留 不影响
+      let searchName = ''
+      this.checkBoxValue.forEach(item => {
+        if (searchName) {
+          searchName += `,${item}`
+        } else {
+          searchName = item
+        }
+      })
+      let req;
+
+
+      console.log('BusinessSmallTrade', this.BusinessSmallTrade)
+      console.log('BusinessTrade', this.BusinessTrade)
+      console.log('tradeList', this.tradeList)
+      let tradeId = ''
+      if (this.BusinessSmallTrade && this.BusinessSmallTrade.length > 0) {
+        tradeId = this.BusinessSmallTrade.toString()
+      } else if (this.BusinessTrade) {
+        let list = []
+        this.tradeList.forEach(item => {
+          if (Number(item.value) === Number(this.BusinessTrade)) {
+            if (item.children && item.children.length > 0) {
+              item.children.forEach(subItem => {
+                list.push(Number(subItem.value))
               })
             }
-            list.push({
-              label: item.AUTOSTATISTICS_NAME,
-              value: item.AUTOSTATISTICS_ID,
-              children: children
-            })
+          }
+        })
+        if (list && list.length > 0) {
+          tradeId = list.toString()
+        }
+      }
+      console.log('tradeId', tradeId)
+      this.selectTradeId = tradeId
+      req = {
+        startTime: searchTime[0],
+        endTime: searchTime[1],
+        SearchKeyName: searchName,
+        SearchKeyValue: this.searchText,
+        BusinessTrade: tradeId,
+        BusinessType: this.searchText ? '' : this.BusinessTypeValue ? this.BusinessTypeValue : '',
+        SettlementMode: this.searchText ? '' : this.SettlementModeValue ? this.SettlementModeValue : '',
+      }
+      // _this.$request.$webGet('WeChat/GetRevenueReport',{
+      request.$webGet('CommercialApi/Revenue/GetRevenueReport', req).then(res => {
+        // 拿到数据之后的一些处理方法 看看就明白了
+        if (res.Result_Code == 100) {
+          _this.pageData.msg = res.Result_Data
+          _this.pageData.msg.countave = (Number(_this.pageData.msg.Province_InsideAmount) / Number(_this.pageData.msg.TotalCount)).toFixed(2)
+          res.Result_Data.revenueRegionModels.map(n => {
+            n.show = false
           })
-        }
-        this.tradeList = list
-      }
-		},
-		async onLoad(query) {
-      // 拿时间和拿传入的数据
-      this.lastDay = uni.getStorageSync('lastDay')
-      if (query.time){
-        this.queryTime = query.time
-        const date = new Date(this.queryTime)
-        let y = date.getFullYear()
-        let m = date.getMonth() + 1
-        const realDate = new Date(this.lastDay)
-        let realMonth = realDate.getMonth() + 1
-        if (m<realMonth){
-          if (m<10){
-            m = '0'+ m
+          if (res.Result_Data.revenueInsideRegionModels) {
+            res.Result_Data.revenueInsideRegionModels.map(n => {
+              n.show = false
+            })
+            _this.insideRegionList = res.Result_Data.revenueInsideRegionModels
           }
-          let day = this.$util.getThisMonthDay(`${y}-${m}`)
-          let time = [`${y}-${m}-01`,`${y}-${m}-${day}`]
-          this.pageData.searchTime = time
-        }else{
-          if (m<10){
-            m = '0'+ m
-          }
-          let d = realDate.getDate()
-          if (d<10){
-            d = '0'+d
-          }
-          let time = [`${y}-${m}-01`,`${y}-${m}-${d}`]
-          this.pageData.searchTime = time
-        }
-      }
-      // 用枚举方法拿到枚举数组
-      this.BusinessTypeList = await this.handleEnumeration('BUSINESS_TYPE')
-      this.SettlementModeList = await this.handleEnumeration('SETTLEMENT_MODES')
-      await this.handleGetTradeList()
 
-			// 调用接口拿到页面数据的方法
-      this.getList()
-		}
-	}
-</script>
-
-<style lang="scss" >
-	.page-body {
-		//padding-bottom: 80rpx;
-	}
-  .meng{
-    width: 100vw;
-    height: 100vh;
-    position: fixed;
-    top: 0;left: 0;
-    z-index: 101;
-  }
-  .search_box {
-    position: relative;
-    width: 558rpx;
-    height: 72rpx;
-    background: #F2F4F5;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    border-radius: 36rpx;
-    img {
-      width: 35rpx;
-      height: 35rpx;
-      margin: auto 16rpx auto 24rpx;
-    }
-    .select_input {
-      width: 420rpx;
-      border: none;
-      height: 40rpx;
-      font-size: 28rpx;
-    }
-    .delete{
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      right: 0%;
-      z-index: 99;
-    }
-  }
-
-  .select_btn {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    font-size: 28rpx;
-    color: #6C737A;
-    img {
-      width: 35rpx;
-      height: 35rpx;
-      margin-right:12rpx;
-    }
-  }
-
-  .popupBox{
-    width: 100%;
-    background: #fff;
-    box-sizing: border-box;
-    padding: 24rpx;
-    position: relative;
-    .popupContent{
-      margin-top: 24rpx;
-      .search_box {
-        position: relative;
-        width: 100%;
-        height: 72rpx;
-        background: #F2F4F5;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        border-radius: 36rpx;
-        img {
-          width: 35rpx;
-          height: 35rpx;
-          margin: auto 16rpx auto 24rpx;
-        }
-        .select_input {
-          width: 80%;
-          border: none;
-          height: 40rpx;
-          font-size: 28rpx;
-        }
-        .delete{
-          width: 20px;
-          height: 20px;
-          position: absolute;
-          right: 0%;
-          z-index: 99;
-        }
-      }
-      .popupTitle{
-        font-size: 32rpx;
-        font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: bold;
-        line-height: 40rpx;
-        margin-top: 24rpx;
-        .title{
-          font-size: 32rpx;
-          font-family: PingFangSC-Regular, PingFang SC;
-          font-weight: bold;
-          line-height: 40rpx;
-        }
-        .notice{
-          margin-left: 8rpx;
-          width: 12px;
-          height: 12px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          border: 2px solid #A69E9F;
-          border-radius: 50%;
-          color: #A69E9F;
-          font-size: 12px;
-          font-weight: 500;
-          .noticeBox{
-            max-width: 80%;
-            position: absolute;
-            top: 15px;
-            display: inline-block;
-            padding: 5px 10px;
-            background: #fff;
-            border-radius: 10rpx;
-            box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(166, 158, 159, 0.3);
-            z-index:100;
-            transform: translateY(-100%);
-            .noticeText{
-              display: block;
+          // _this.pageData.msg.SearchResult
+          // 判断一下 如果是有搜索框的值 就按照搜索框有的值显示
+          // 没有就出现结算模式 或者经营模式
+          if (this.searchText) {
+            this.showModal = false
+            if (res.Result_Data.SearchResult) {
+              let newList = []
+              res.Result_Data.SearchResult.forEach(item => {
+                newList.push(item.split(this.searchText))
+                _this.pageData.msg.SearchResult = newList
+                _this.copySearchText = JSON.parse(JSON.stringify(this.searchText))
+              })
+            }
+          } else {
+            if (this.BusinessTypeValue || this.SettlementModeValue) {
+              this.showModal = true
             }
           }
+          _this.ServerpartList = res.Result_Data.revenueRegionModels
+        } else if (res.Result_Code == 200 || res.Result_Code == 999) {
+          _this.noDataText = '暂无数据'
+          _this.insideRegionList = []
+          _this.pageData.msg = null
+        } else {
+          _this.pageData.msg = null
+          _this.noDataText = res.Result_Desc
+          _this.insideRegionList = []
         }
+        _this.requestText = _this.searchText
+
+        uni.hideLoading()
+        _this.pageData.isLoading = false
+        _this.$forceUpdate()
+      })
+    },
+
+    // 拿业态枚举
+    async handleGetTradeList() {
+      const data = await request.$webGet('EShangApiMain/BaseInfo/GetBusinessTradeTree', {})
+      const treeTable = wrapTreeNode(data.Result_Data.List);
+      console.log('treeTable', treeTable)
+      let list = []
+      if (treeTable && treeTable.length > 0) {
+        treeTable.forEach(item => {
+          let children = []
+          if (item.children && item.children.length > 0) {
+            item.children.forEach(subItem => {
+              children.push({
+                label: subItem.AUTOSTATISTICS_NAME,
+                value: subItem.AUTOSTATISTICS_ID
+              })
+            })
+          }
+          list.push({
+            label: item.AUTOSTATISTICS_NAME,
+            value: item.AUTOSTATISTICS_ID,
+            children: children
+          })
+        })
       }
-      .timeList{
-        width: 100%;
-        display: flex;
-        align-items: center;
-        flex-flow: wrap;
-        padding: 12rpx 0;
-        .timeItem{
-          width: 22%;
-          margin-right: 3%;
-          box-sizing: border-box;
-          text-align: center;
-          background: #ffffff;
-          border: 1rpx solid #efefef;
-          margin-bottom: 8rpx;
+      this.tradeList = list
+    }
+  },
+  async onLoad(query) {
+    // 拿时间和拿传入的数据
+    this.lastDay = uni.getStorageSync('lastDay')
+    if (query.time) {
+      this.queryTime = query.time
+      const date = new Date(this.queryTime)
+      let y = date.getFullYear()
+      let m = date.getMonth() + 1
+      const realDate = new Date(this.lastDay)
+      let realMonth = realDate.getMonth() + 1
+      if (m < realMonth) {
+        if (m < 10) {
+          m = '0' + m
         }
-        .timeSelectItem{
-          background: #e8f3fd;
-          border: 1rpx solid #e8f3fd;
-          color: #4D95F0;
+        let day = this.$util.getThisMonthDay(`${y}-${m}`)
+        let time = [`${y}-${m}-01`, `${y}-${m}-${day}`]
+        this.pageData.searchTime = time
+      } else {
+        if (m < 10) {
+          m = '0' + m
         }
+        let d = realDate.getDate()
+        if (d < 10) {
+          d = '0' + d
+        }
+        let time = [`${y}-${m}-01`, `${y}-${m}-${d}`]
+        this.pageData.searchTime = time
+      }
+    }
+    // 用枚举方法拿到枚举数组
+    this.BusinessTypeList = await this.handleEnumeration('BUSINESS_TYPE')
+    this.SettlementModeList = await this.handleEnumeration('SETTLEMENT_MODES')
+    await this.handleGetTradeList()
+
+    // 调用接口拿到页面数据的方法
+    this.getList()
+  }
+}
+</script>
+
+<style lang="scss">
+.page-body {
+  //padding-bottom: 80rpx;
+}
+
+.meng {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 101;
+}
+
+.search_box {
+  position: relative;
+  width: 558rpx;
+  height: 72rpx;
+  background: #F2F4F5;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-radius: 36rpx;
+
+  img {
+    width: 35rpx;
+    height: 35rpx;
+    margin: auto 16rpx auto 24rpx;
+  }
+
+  .select_input {
+    width: 420rpx;
+    border: none;
+    height: 40rpx;
+    font-size: 28rpx;
+  }
+
+  .delete {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    right: 0%;
+    z-index: 99;
+  }
+}
+
+.select_btn {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: 28rpx;
+  color: #6C737A;
+
+  img {
+    width: 35rpx;
+    height: 35rpx;
+    margin-right: 12rpx;
+  }
+}
+
+.popupBox {
+  width: 100%;
+  background: #fff;
+  box-sizing: border-box;
+  padding: 24rpx;
+  position: relative;
+
+  .popupContent {
+    margin-top: 24rpx;
+
+    .search_box {
+      position: relative;
+      width: 100%;
+      height: 72rpx;
+      background: #F2F4F5;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      border-radius: 36rpx;
+
+      img {
+        width: 35rpx;
+        height: 35rpx;
+        margin: auto 16rpx auto 24rpx;
+      }
+
+      .select_input {
+        width: 80%;
+        border: none;
+        height: 40rpx;
+        font-size: 28rpx;
+      }
+
+      .delete {
+        width: 20px;
+        height: 20px;
+        position: absolute;
+        right: 0%;
+        z-index: 99;
       }
     }
 
-
-    .title{
+    .popupTitle {
       font-size: 32rpx;
       font-family: PingFangSC-Regular, PingFang SC;
       font-weight: bold;
       line-height: 40rpx;
+      margin-top: 24rpx;
+
+      .title {
+        font-size: 32rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: bold;
+        line-height: 40rpx;
+      }
+
+      .notice {
+        margin-left: 8rpx;
+        width: 12px;
+        height: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 2px solid #A69E9F;
+        border-radius: 50%;
+        color: #A69E9F;
+        font-size: 12px;
+        font-weight: 500;
+
+        .noticeBox {
+          max-width: 80%;
+          position: absolute;
+          top: 15px;
+          display: inline-block;
+          padding: 5px 10px;
+          background: #fff;
+          border-radius: 10rpx;
+          box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(166, 158, 159, 0.3);
+          z-index: 100;
+          transform: translateY(-100%);
+
+          .noticeText {
+            display: block;
+          }
+        }
+      }
     }
-    .delete{
-      width: 20px;
-      height: 20px;
+
+    .timeList {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      flex-flow: wrap;
+      padding: 12rpx 0;
+
+      .timeItem {
+        width: 22%;
+        margin-right: 3%;
+        box-sizing: border-box;
+        text-align: center;
+        background: #ffffff;
+        border: 1rpx solid #efefef;
+        margin-bottom: 8rpx;
+      }
+
+      .timeSelectItem {
+        background: #e8f3fd;
+        border: 1rpx solid #e8f3fd;
+        color: #4D95F0;
+      }
     }
-    .checkBox{
-      padding: 30rpx 0;
-    }
-    .btn{
-      position: absolute;
-      width: calc(100% - 48px);
-      //margin-left: 24px;
-      padding: 15rpx 0;
-      text-align: center;
-      border-radius: 16rpx;
-      color:#fff;
-      background: #0A98D5;
-      bottom: 20px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-  }
-  ::v-deep.vue-ref{
-    padding-bottom: 0px!important;
   }
 
-  .timePopup{
-    width: 80vw;
-    height: 130px;
-    background: #fff;
-    box-sizing: border-box;
+
+  .title {
+    font-size: 32rpx;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: bold;
+    line-height: 40rpx;
+  }
+
+  .delete {
+    width: 20px;
+    height: 20px;
+  }
+
+  .checkBox {
+    padding: 30rpx 0;
+  }
+
+  .btn {
+    position: absolute;
+    width: calc(100% - 48px);
+    //margin-left: 24px;
+    padding: 15rpx 0;
+    text-align: center;
     border-radius: 16rpx;
-    padding: 24rpx;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    .btn{
-      width: calc(100% - 48px);
-      margin-left: 24px;
-      padding: 15rpx 0;
-      text-align: center;
-      border-radius: 16rpx;
-      color:#fff;
-      background: #0A98D5;
-      margin-top: 30rpx;
-    }
-  }
-
-	.screen-box {
-		background-color: #fff;
-		padding: 0 20rpx;
-		position: sticky;
-		top: 0;
-		left: 0;
-		z-index: 9;
-	}
-  .screen-box .searchBtn{
-    margin-top: 12rpx;
-    box-sizing: border-box;
-    padding: 2rpx 10rpx;
-    border-radius: 6rpx;
-    background: rgba(22, 155, 213, 1);
     color: #fff;
-    display: inline-block;
-  }
-  .screen-box .searchBox{
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  .screen-box .searchBox .searchItem{
-    display: flex;
-    width: 50%;
-    align-items: center;
-  }
-  .searchBox .searchItem .searchLabel{
-    margin-right: 16rpx;
-    font-size: 16px;
-    font-family: DINAlternate-Bold, DINAlternate;
-    font-weight: bold;
-    line-height: 40rpx;
+    background: #0A98D5;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
   }
+}
 
+::v-deep.vue-ref {
+  padding-bottom: 0px !important;
+}
 
+.timePopup {
+  width: 80vw;
+  height: 130px;
+  background: #fff;
+  box-sizing: border-box;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 
-	.screen-box .screen-unit {
-		display: flex;
-		align-items: center;
-		width: 200rpx;
-		padding: 0 14rpx;
-		line-height: 3;
-	}
-	.screen-box .mr20 {
-		margin-right: 20rpx;
-		color: #95999C;
-	}
-	.uni-icon-arrowdown {
-		font-size: 22rpx;
-		color: #C7C7C7;
-		margin-left: 8rpx;
-	}
-	.screen-box text {
-		line-height: 3;
-	}
-	.screen-box image{
-		width: 12rpx;
-		height: 8rpx;
-		margin: 0 16rpx;
-		vertical-align: middle;
-	}
-	.head-card {
-		padding: 12rpx 26rpx 40rpx;
-		background-color: #fff;
-	}
-	.head-card>view {
-		width: 330rpx;
-		//height: 190rpx;
-		color: #fff;
-		text-align: center;
-		padding-top: 30rpx;
-		font-size: 28rpx;
-		border-radius: 24rpx;
-		box-sizing: border-box;
-	}
-  .head-card .topDetail .detailBox{
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    align-content: flex-start;
-  }
-  .head-card .topDetail .label{
-    font-size: 14px;
-    font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
+  .btn {
+    width: calc(100% - 48px);
+    margin-left: 24px;
+    padding: 15rpx 0;
+    text-align: center;
+    border-radius: 16rpx;
     color: #fff;
-    opacity: 0.8;
-    line-height: 40rpx;
-    margin-bottom: 2px;
+    background: #0A98D5;
+    margin-top: 30rpx;
   }
-  .detailBox .detailItem{
-    width: 33%;
-    margin-bottom: 16px;
-  }
-  .detailBox .detailItem .value{
-    font-size: 16px;
-    font-family: DINAlternate-Bold, DINAlternate;
-    font-weight: bold;
-    color: #fff;
-    line-height: 40rpx;
-  }
-  .detailBox .detailItem .label{
-    font-size: 14px;
-    font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
-    color: #fff;
-    opacity: 0.8;
-    line-height: 40rpx;
-    margin-bottom: 2px;
-  }
-  .detailBox .detailItem .label .unit{
-    font-size: 28rpx;
-    font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
-    color: #fff;
-    line-height: 40rpx;
-    margin-left: 2px;
+}
+
+.screen-box {
+  background-color: #fff;
+  padding: 0 20rpx;
+  position: sticky;
+  top: 0;
+  left: 0;
+  z-index: 9;
+}
+
+.screen-box .searchBtn {
+  margin-top: 12rpx;
+  box-sizing: border-box;
+  padding: 2rpx 10rpx;
+  border-radius: 6rpx;
+  background: rgba(22, 155, 213, 1);
+  color: #fff;
+  display: inline-block;
+}
+
+.screen-box .searchBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.screen-box .searchBox .searchItem {
+  display: flex;
+  width: 50%;
+  align-items: center;
+}
+
+.searchBox .searchItem .searchLabel {
+  margin-right: 16rpx;
+  font-size: 16px;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+  line-height: 40rpx;
+}
+
+
+
+.screen-box .screen-unit {
+  display: flex;
+  align-items: center;
+  width: 200rpx;
+  padding: 0 14rpx;
+  line-height: 3;
+}
+
+.screen-box .mr20 {
+  margin-right: 20rpx;
+  color: #95999C;
+}
+
+.uni-icon-arrowdown {
+  font-size: 22rpx;
+  color: #C7C7C7;
+  margin-left: 8rpx;
+}
+
+.screen-box text {
+  line-height: 3;
+}
+
+.screen-box image {
+  width: 12rpx;
+  height: 8rpx;
+  margin: 0 16rpx;
+  vertical-align: middle;
+}
+
+.head-card {
+  padding: 12rpx 26rpx 40rpx;
+  background-color: #fff;
+}
+
+.head-card>view {
+  width: 330rpx;
+  //height: 190rpx;
+  color: #fff;
+  text-align: center;
+  padding-top: 30rpx;
+  font-size: 28rpx;
+  border-radius: 24rpx;
+  box-sizing: border-box;
+}
+
+.head-card .topDetail .detailBox {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+}
+
+.head-card .topDetail .label {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #fff;
+  opacity: 0.8;
+  line-height: 40rpx;
+  margin-bottom: 2px;
+}
+
+.detailBox .detailItem {
+  width: 33%;
+  margin-bottom: 16px;
+}
+
+.detailBox .detailItem .value {
+  font-size: 16px;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+  color: #fff;
+  line-height: 40rpx;
+}
+
+.detailBox .detailItem .label {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #fff;
+  opacity: 0.8;
+  line-height: 40rpx;
+  margin-bottom: 2px;
+}
+
+.detailBox .detailItem .label .unit {
+  font-size: 28rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #fff;
+  line-height: 40rpx;
+  margin-left: 2px;
+}
+
+
+.head-card>view:first-child {
+
+  background: linear-gradient(to left, #93a4ec 0%, #4b76e9 100%);
+}
+
+.head-card>view:last-child {
+  //margin-left: 30rpx;
+  background: linear-gradient(to left, #8cdade 0%, #82c2ce 100%);
+  position: relative;
+  //overflow: hidden;
+}
+
+.head-card .price-num {
+  font-family: 'Bahnschrift Regular';
+  font-size: 50rpx;
+  line-height: 1.5;
+}
+
+.all-diff {
+  background: linear-gradient(#f28785, #ee5b4c);
+  height: 36rpx;
+  line-height: 36rpx;
+  width: 126rpx;
+  color: #fff;
+  text-align: center;
+  position: absolute;
+  right: 0;
+  top: 0;
+  font-size: 20rpx;
+  border-radius: 0 0 0 54rpx;
+
+}
+
+.all-diff image {
+  width: 20rpx;
+  height: 17rpx;
+  margin-right: 8rpx;
+}
+
+.modle-title {
+  padding-left: 24rpx;
+  font-size: 30rpx;
+  padding-top: 32rpx;
+  //padding-bottom: 20rpx;
+  font-weight: bolder;
+  display: flex;
+  align-items: center;
+}
+
+.modleText {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 24rpx 18rpx 74rpx;
+
+  .text {
+    font-size: 26rpx;
+    color: #929292;
+    white-space: pre-wrap;
   }
+}
+
+.modle-title image {
+  max-width: 36rpx;
+  max-height: 36rpx;
+  margin-right: 14rpx;
+}
+
+.bg-white {
+  background-color: #fff;
+  margin: 0 24rpx;
+  border-radius: 12rpx;
+  padding-bottom: 26rpx;
+}
+
+.region-area-title {
+  color: #000;
+  font-weight: bolder;
+  padding: 26rpx 46rpx 0 56rpx;
+  position: relative;
+  display: flex;
+}
+
+/*日结上传*/
+.region-title {
+  position: relative;
+  color: #929292;
+  /* font-weight: bolder; */
+
+}
+
+.region-title,
+.ct01 {
+  color: #000000;
+}
+
+.ct01 {
+  padding-top: 8rpx;
+}
+
+.region-area-title:before {
+  content: '';
+  position: absolute;
+  width: 0rpx;
+  height: 0rpx;
+  border: 0rpx;
+  border-left: 8rpx solid transparent;
+  border-right: 8rpx solid transparent;
+  border-top: 8rpx solid #BBB7B7;
+  left: 22rpx;
+  top: 48rpx;
+  transform: rotate(-90deg);
+  transition: all 0.4s;
+  display: block;
+}
+
+.active.region-area-title:before {
+
+  border-left: 8rpx solid transparent;
+  border-right: 8rpx solid transparent;
+  border-top: 8rpx solid #E0BB97;
+  transform: rotate(0deg);
+}
+
+.region-cell {
+  display: flex;
+  padding: 26rpx 46rpx 16rpx 56rpx;
+  align-items: flex-end;
+}
+
+.region-cell .active.uni-icon-arrowright::before {
+  transform: rotate(90deg);
 
 
-	.head-card>view:first-child {
+}
 
-		background: linear-gradient(to left,#93a4ec 0%, #4b76e9 100%);
-	}
+.region-cell .uni-icon-arrowdown,
+.region-cell .uni-icon-arrowright {
+  font-size: 36rpx;
+  color: #5A5A5A;
+  /* padding-bottom: 12rpx; */
+  position: relative;
+}
 
-	.head-card>view:last-child  {
-		//margin-left: 30rpx;
-		background: linear-gradient(to left,#8cdade 0%, #82c2ce 100%);
-		position: relative;
-		//overflow: hidden;
-	}
-	.head-card .price-num {
-		font-family: 'Bahnschrift Regular';
-		font-size: 50rpx;
-		line-height: 1.5;
-	}
-	.all-diff {
-		background: linear-gradient(#f28785,#ee5b4c);
-		height: 36rpx;
-		line-height: 36rpx;
-		width: 126rpx;
-		color: #fff;
-		text-align: center;
-		position: absolute;
-		right: 0;
-		top: 0;
-		font-size: 20rpx;
-		border-radius: 0 0 0 54rpx;
+.region-cell .uni-icon-arrowright::before {
+  position: absolute;
+  right: -26rpx;
+  top: -46rpx;
+  transition: all 0.4s;
+}
 
-	}
-	.all-diff image {
-		width: 20rpx;
-		height: 17rpx;
-		margin-right: 8rpx;
-	}
-	.modle-title {
-		padding-left: 24rpx;
-		font-size: 30rpx;
-		padding-top: 32rpx;
-		//padding-bottom: 20rpx;
-		font-weight: bolder;
-		display: flex;
-		align-items: center;
-	}
-  .modleText{
-    width: 100%;
-    box-sizing: border-box;
-    padding: 0 24rpx 18rpx 74rpx;
-    .text{
-      font-size: 26rpx;
-      color: #929292;
-      white-space: pre-wrap;
-    }
-  }
-	.modle-title image {
-		max-width: 36rpx;
-		max-height: 36rpx;
-		margin-right: 14rpx;
-	}
-	.bg-white {
-		background-color: #fff;
-		margin: 0 24rpx;
-		border-radius: 12rpx;
-		padding-bottom: 26rpx;
-	}
-	.region-area-title {
-		color: #000;
-		font-weight: bolder;
-		padding: 26rpx 46rpx 0 56rpx;
-		position: relative;
-		display: flex;
-	}
-	/*日结上传*/
-	.region-title {
-	    position: relative;
-		color: #929292;
-	    /* font-weight: bolder; */
+.region-cell .region-cell-unit {
+  flex: 2;
+  display: flex;
+  flex-direction: column;
+  color: #929292;
+  font-size: 26rpx;
+  line-height: 1.5;
+  text-align: right;
+}
 
-	}
-	.region-title,.ct01 {
-		color: #000000;
-	}
-	.ct01 {
-		padding-top: 8rpx;
-	}
+.region-cell .region-cell-unit:nth-child(1) {
+  flex: 3;
+  text-align: left;
+}
 
-	.region-area-title:before {
-		content: '';
-		position: absolute;
-		width: 0rpx;
-		height: 0rpx;
-		border: 0rpx;
-		border-left: 8rpx solid transparent;
-		border-right: 8rpx solid transparent;
-		border-top: 8rpx solid #BBB7B7;
-	    left: 22rpx;
-	    top: 48rpx;
-		transform: rotate(-90deg);
-		transition: all 0.4s;
-		display: block;
-	}
-	.active.region-area-title:before{
+.region-cell .region-cell-unit:nth-child(3) {
 
-		border-left: 8rpx solid transparent;
-		border-right: 8rpx solid transparent;
-		border-top: 8rpx solid #E0BB97;
-		transform: rotate(0deg);
-	}
+  flex: 2.5;
 
-	.region-cell {
-		display: flex;
-		padding: 26rpx 46rpx 16rpx 56rpx;
-		align-items: flex-end;
-	}
-	.region-cell .active.uni-icon-arrowright::before {
-		transform: rotate(90deg);
+}
 
+.region-cell-image {
+  width: 48rpx;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  height: 50rpx;
 
-	}
-	.region-cell .uni-icon-arrowdown,.region-cell .uni-icon-arrowright {
-		font-size: 36rpx;
-		color: #5A5A5A;
-		/* padding-bottom: 12rpx; */
-		position: relative;
-	}
-	.region-cell .uni-icon-arrowright::before {
-		position: absolute;
-		right: -26rpx;
-		top: -46rpx;
-		transition: all 0.4s;
-	}
-	.region-cell .region-cell-unit {
-		flex: 2;
-		display: flex;
-		flex-direction: column;
-		color: #929292;
-		font-size: 26rpx;
-		line-height: 1.5;
-		text-align: right;
-	}
+}
 
-	.region-cell .region-cell-unit:nth-child(1) {
-		flex: 3;
-		text-align: left;
-	}
-	.region-cell .region-cell-unit:nth-child(3) {
+.region-cell image {
+  width: 14rpx;
+  height: 23rpx;
+}
 
-		flex: 2.5;
+/*日结上传服务区*/
+.region-cell-area {
+  box-sizing: border-box;
+}
 
-	}
-	.region-cell-image {
-		width: 48rpx;
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		height: 50rpx;
+.region-cell-area li:nth-child(2n+1) {
+  background-color: #FCFCFC;
+}
 
-	}
+.region-cell-area li view:first-child {
+  display: flex;
+  align-items: center;
+}
 
-	.region-cell image {
-		width: 14rpx;
-		height: 23rpx;
-	}
+.region-cell-area li.visited view:first-child {
+  color: #007AFF;
 
-	/*日结上传服务区*/
-	.region-cell-area {
-		box-sizing: border-box;
-	}
-	.region-cell-area li:nth-child(2n+1) {
-		background-color: #FCFCFC;
-	}
-	.region-cell-area li view:first-child{
-		display: flex;
-		align-items: center;
-	}
-	.region-cell-area li.visited view:first-child{
-		color:#007AFF;
+}
 
-	}
+.region-cell-area li:nth-child(2n+1) {
+  background-color: #F9F9FB;
+}
 
-	.region-cell-area li:nth-child(2n+1) {
-		background-color: #F9F9FB;
-	}
-
-	.region-cell-area li:nth-child(2n) view:first-child:before {
-		content: '';
-		background-color: #5596F9;
-		width: 8rpx;
-		height: 8rpx;
-		border-radius: 8rpx;
-		display: block;
-		margin-right: 16rpx;
-		/* position: absolute;
+.region-cell-area li:nth-child(2n) view:first-child:before {
+  content: '';
+  background-color: #5596F9;
+  width: 8rpx;
+  height: 8rpx;
+  border-radius: 8rpx;
+  display: block;
+  margin-right: 16rpx;
+  /* position: absolute;
 		left: 0rpx; */
 
-	}
+}
 
-	.region-cell-area li:nth-child(2n+1) view:first-child:before {
-		content: '';
-		background-color: #FE6D67;
-		width: 8rpx;
-		height: 8rpx;
-		border-radius: 8rpx;
-		display: block;
-		margin-right: 16rpx;
-	/* 	position: absolute;
+.region-cell-area li:nth-child(2n+1) view:first-child:before {
+  content: '';
+  background-color: #FE6D67;
+  width: 8rpx;
+  height: 8rpx;
+  border-radius: 8rpx;
+  display: block;
+  margin-right: 16rpx;
+  /* 	position: absolute;
 		left: 0rpx; */
-	}
+}
 
-	.region-cell-area li {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 16rpx 46rpx 16rpx 56rpx;
-		position: relative;
-		text-align: left;
-		color: #2E2E2E;
-	}
+.region-cell-area li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16rpx 46rpx 16rpx 56rpx;
+  position: relative;
+  text-align: left;
+  color: #2E2E2E;
+}
 
-	.region-cell-area li>view {
-		flex: 2;
-		font-size: 22rpx;
-		position: relative;
-	}
-	.region-cell-area li>view text {
-		font-size: 22rpx;
-		flex: 1;
-		text-align: right;
-	}
-	.region-cell-area li>view text:last-child {
-		/* text-align: right; */
-		font-weight: bolder;
-		padding-right: 8rpx;
-		flex: 2;
-	}
-	.region-cell-area li> view:last-child:after {
-		content: '';
-		background: url('https://eshangtech.com/ShopICO/ahyd-BID/revenue/you-jt.png')no-repeat center;
-		width: 14rpx;
-		height: 24rpx;
-		background-size: contain;
-		display: block;
-		position: absolute;
-		right: -28rpx;
-		top: 8rpx;
-	}
+.region-cell-area li>view {
+  flex: 2;
+  font-size: 22rpx;
+  position: relative;
+}
+
+.region-cell-area li>view text {
+  font-size: 22rpx;
+  flex: 1;
+  text-align: right;
+}
+
+.region-cell-area li>view text:last-child {
+  /* text-align: right; */
+  font-weight: bolder;
+  padding-right: 8rpx;
+  flex: 2;
+}
+
+.region-cell-area li>view:last-child:after {
+  content: '';
+  background: url('https://eshangtech.com/ShopICO/ahyd-BID/revenue/you-jt.png')no-repeat center;
+  width: 14rpx;
+  height: 24rpx;
+  background-size: contain;
+  display: block;
+  position: absolute;
+  right: -28rpx;
+  top: 8rpx;
+}
 </style>
diff --git a/pages/operatingStatements/经营报表(1).html b/pages/operatingStatements/经营报表(1).html
new file mode 100644
index 0000000..bade9ad
--- /dev/null
+++ b/pages/operatingStatements/经营报表(1).html
@@ -0,0 +1,806 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>经营报表</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#5A7BDF',
+                        cardBg: '#A3E4D7',
+                        textDark: '#333333',
+                        textLight: '#666666',
+                        redDot: '#E74C3C',
+                        blueDot: '#3498DB',
+                    },
+                }
+            }
+        }
+    </script>
+    <style>
+        /* 隐藏子层级的默认样式，通过JS切换显示/隐藏 */
+        .sub-level-hide {
+            display: none;
+        }
+    </style>
+</head>
+<body class="bg-gray-100 font-sans">
+    <!-- 顶部导航 -->
+    <div class="bg-primary text-white py-3 px-4 flex items-center justify-between">
+        <div class="flex items-center">
+            <i class="fa fa-arrow-left mr-2"></i>
+            <h1 class="text-lg font-medium">经营报表</h1>
+        </div>
+        <div class="flex items-center space-x-3">
+            <i class="fa fa-filter"></i>
+            <i class="fa fa-ellipsis-v"></i>
+        </div>
+    </div>
+
+    <!-- 日期选择 -->
+    <div class="bg-white py-3 px-4 flex items-center justify-between">
+        <div class="flex items-center space-x-4">
+            <div class="flex items-center">
+                <span>2026-02-01</span>
+                <i class="fa fa-chevron-down ml-1 text-xs"></i>
+            </div>
+            <span class="text-gray-400">至</span>
+            <div class="flex items-center">
+                <span>2026-02-02</span>
+                <i class="fa fa-chevron-down ml-1 text-xs"></i>
+            </div>
+        </div>
+        <div class="text-primary flex items-center">
+            <i class="fa fa-filter mr-1"></i>
+            <span>筛选</span>
+        </div>
+    </div>
+
+    <!-- 数据概览卡片 -->
+    <div class="grid grid-cols-3 gap-0 px-4 py-3">
+        <div class="bg-cardBg text-white p-3 text-center">
+            <p class="text-xs opacity-90">客单数量/笔</p>
+            <p class="text-xl font-bold mt-1">284,867</p>
+        </div>
+        <div class="bg-cardBg text-white p-3 text-center border-x border-white/20">
+            <p class="text-xs opacity-90">商品出售/件</p>
+            <p class="text-xl font-bold mt-1">827,997.87</p>
+        </div>
+        <div class="bg-cardBg text-white p-3 text-center">
+            <p class="text-xs opacity-90">商品均价/元</p>
+            <p class="text-xl font-bold mt-1">9.52</p>
+        </div>
+    </div>
+
+    <!-- 经营报表列表（四级/三级嵌套，默认全收起） -->
+    <div class="bg-white mx-4 my-3 rounded-lg shadow-sm">
+        <div class="px-4 py-3 border-b border-gray-100 flex items-center justify-between">
+            <h2 class="text-sm font-medium text-textDark">经营报表</h2>
+            <i class="fa fa-refresh text-xs text-textLight"></i>
+        </div>
+
+        <!-- 第一个一级公司：安徽驿达运营管理有限公司（四级结构，默认收起） -->
+        <div class="px-4 py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" id="company1-toggle">
+            <div>
+                <p class="text-sm text-textDark">安徽驿达运营管理有限公司</p>
+                <p class="text-lg font-bold text-textDark mt-1">¥9,876,543.21</p>
+            </div>
+            <div class="text-right">
+                <p class="text-sm text-textLight">总营收占比</p>
+                <p class="text-sm font-medium text-textDark mt-1">75.00%</p>
+            </div>
+            <i class="fa fa-chevron-right ml-3 text-xs text-textLight" id="company1-icon"></i>
+        </div>
+
+        <!-- 公司1的二级容器（默认收起） -->
+        <div class="px-4 py-0 sub-level-hide" id="company1-level2-container">
+            <!-- 二级分类1：快餐、正餐（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level2="cate1">
+                <div>
+                    <p class="text-sm text-textDark">餐饮主食</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥3,265,418.90</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">33.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级1的三级容器（默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company1-level3="cate1">
+                <!-- 三级分类1：皖中片区管理中心（默认收起） -->
+                <div class="py-2 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level3-item="area1">
+                    <div>
+                        <p class="text-sm text-textDark">皖中片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥1,077,688.24</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">33.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <!-- 三级1的四级容器（服务区，默认收起） -->
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area1">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">洪林服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">19.99%</p>
+                            <p class="text-sm text-textDark">¥392,399.00</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">清溪服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">10.05%</p>
+                            <p class="text-sm text-textDark">¥197,154.71</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+
+                <!-- 三级分类2：皖东片区管理中心（默认收起） -->
+                <div class="py-2 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level3-item="area2">
+                    <div>
+                        <p class="text-sm text-textDark">皖东片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥1,012,279.86</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">31.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <!-- 三级2的四级容器（服务区，默认收起） -->
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area2">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">太白岛服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">8.99%</p>
+                            <p class="text-sm text-textDark">¥176,245.38</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">福山服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">7.48%</p>
+                            <p class="text-sm text-textDark">¥146,857.29</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+
+                <!-- 三级分类3：皖西片区管理中心（默认收起） -->
+                <div class="py-2 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level3-item="area3">
+                    <div>
+                        <p class="text-sm text-textDark">皖西片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥689,345.72</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">21.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <!-- 三级3的四级容器（服务区，默认收起） -->
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area3">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">天门服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">6.66%</p>
+                            <p class="text-sm text-textDark">¥130,611.85</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+
+                <!-- 三级分类4：皖南片区管理中心（默认收起） -->
+                <div class="py-2 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level3-item="area4">
+                    <div>
+                        <p class="text-sm text-textDark">皖南片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥348,765.98</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">10.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <!-- 三级4的四级容器（服务区，默认收起） -->
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area4">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">寒亭服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">6.01%</p>
+                            <p class="text-sm text-textDark">¥117,867.16</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+
+                <!-- 三级分类5：皖北片区管理中心（默认收起） -->
+                <div class="py-2 flex justify-between items-center cursor-pointer" data-company1-level3-item="area5">
+                    <div>
+                        <p class="text-sm text-textDark">皖北片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥137,339.10</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">5.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <!-- 三级5的四级容器（服务区，默认收起） -->
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area5">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">新竹服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">5.27%</p>
+                            <p class="text-sm text-textDark">¥103,372.87</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 二级分类2：零售（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level2="cate2">
+                <div>
+                    <p class="text-sm text-textDark">休闲小吃</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥2,469,135.80</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">25.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级2的三级容器（默认收起，预留片区结构） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company1-level3="cate2">
+                <div class="py-2 flex justify-between items-center cursor-pointer" data-company1-level3-item="area6">
+                    <div>
+                        <p class="text-sm text-textDark">皖中片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥1,234,567.90</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">50.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area6">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">南陵服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">5.12%</p>
+                            <p class="text-sm text-textDark">¥100,495.62</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 二级分类3：小吃（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level2="cate3">
+                <div>
+                    <p class="text-sm text-textDark">饮品水果</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥1,679,210.50</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">17.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级3的三级容器（默认收起，预留结构） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company1-level3="cate3">
+                <div class="py-2 flex justify-between items-center cursor-pointer" data-company1-level3-item="area7">
+                    <div>
+                        <p class="text-sm text-textDark">皖东片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥839,605.25</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">50.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area7">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">千军服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">4.50%</p>
+                            <p class="text-sm text-textDark">¥88,363.48</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 二级分类4：果饮（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company1-level2="cate4">
+                <div>
+                    <p class="text-sm text-textDark">生活零售</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥1,234,567.89</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">12.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级4的三级容器（默认收起，预留结构） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company1-level3="cate4">
+                <div class="py-2 flex justify-between items-center cursor-pointer" data-company1-level3-item="area8">
+                    <div>
+                        <p class="text-sm text-textDark">皖南片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥617,283.95</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">50.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area8">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">顺安服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">4.03%</p>
+                            <p class="text-sm text-textDark">¥79,000.02</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 二级分类5：综合服务（默认收起） -->
+            <div class="py-3 flex justify-between items-center cursor-pointer" data-company1-level2="cate5">
+                <div>
+                    <p class="text-sm text-textDark">司乘体验</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥1,228,210.12</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">13.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级5的三级容器（默认收起，预留结构） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company1-level3="cate5">
+                <div class="py-2 flex justify-between items-center cursor-pointer" data-company1-level3-item="area9">
+                    <div>
+                        <p class="text-sm text-textDark">皖北片区管理中心</p>
+                        <p class="text-sm font-bold text-textDark mt-1">¥614,105.06</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-xs text-textLight">片区占比</p>
+                        <p class="text-xs font-medium text-textDark mt-1">50.00%</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+                </div>
+                <div class="px-2 py-1 ml-8 sub-level-hide" data-company1-level4="area9">
+                    <div class="px-2 py-2 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                            <p class="text-sm text-textDark">凤阳服务区</p>
+                        </div>
+                        <div class="text-right">
+                            <p class="text-sm text-textLight">3.88%</p>
+                            <p class="text-sm text-textDark">¥75,689.12</p>
+                        </div>
+                        <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 第二个一级公司：安徽驿佳商贸有限公司（三级结构，默认收起） -->
+        <div class="px-4 py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" id="company2-toggle">
+            <div>
+                <p class="text-sm text-textDark">安徽驿佳商贸有限公司</p>
+                <p class="text-lg font-bold text-textDark mt-1">¥3,292,181.07</p>
+            </div>
+            <div class="text-right">
+                <p class="text-sm text-textLight">总营收占比</p>
+                <p class="text-sm font-medium text-textDark mt-1">25.00%</p>
+            </div>
+            <i class="fa fa-chevron-right ml-3 text-xs text-textLight" id="company2-icon"></i>
+        </div>
+
+        <!-- 公司2的二级容器（默认收起） -->
+        <div class="px-4 py-0 sub-level-hide" id="company2-level2-container">
+            <!-- 二级分类1：服务区便利店（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company2-level2="shop1">
+                <div>
+                    <p class="text-sm text-textDark">服务区便利店</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥1,975,308.64</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">60.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级1的三级容器（服务区，默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company2-level3="shop1">
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">洪林服务区便利店</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">15.00%</p>
+                        <p class="text-sm text-textDark">¥296,296.30</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">清溪服务区便利店</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">10.00%</p>
+                        <p class="text-sm text-textDark">¥197,530.86</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+            </div>
+
+            <!-- 二级分类2：城市便利店（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company2-level2="shop2">
+                <div>
+                    <p class="text-sm text-textDark">城市便利店</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥921,810.70</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">28.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级2的三级容器（服务区/门店，默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company2-level3="shop2">
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">合肥包河万达店</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">12.00%</p>
+                        <p class="text-sm text-textDark">¥110,617.28</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+            </div>
+
+            <!-- 二级分类3：线上商城（默认收起） -->
+            <div class="py-3 flex justify-between items-center cursor-pointer" data-company2-level2="shop3">
+                <div>
+                    <p class="text-sm text-textDark">线上商城</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥395,061.73</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">12.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级3的三级容器（服务区对应线上，默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company2-level3="shop3">
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">皖中片区线上配送</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">8.00%</p>
+                        <p class="text-sm text-textDark">¥31,604.94</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+            </div>
+        </div>
+
+        <!-- 新增：第三个一级公司：安徽百和餐饮有限公司（三级结构，默认收起） -->
+        <div class="px-4 py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" id="company3-toggle">
+            <div>
+                <p class="text-sm text-textDark">安徽百和餐饮有限公司</p>
+                <p class="text-lg font-bold text-textDark mt-1">¥1,646,090.54</p>
+            </div>
+            <div class="text-right">
+                <p class="text-sm text-textLight">总营收占比</p>
+                <p class="text-sm font-medium text-textDark mt-1">10.00%</p>
+            </div>
+            <i class="fa fa-chevron-right ml-3 text-xs text-textLight" id="company3-icon"></i>
+        </div>
+
+        <!-- 公司3的二级容器（默认收起） -->
+        <div class="px-4 py-0 sub-level-hide" id="company3-level2-container">
+            <!-- 二级分类1：餐饮（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company3-level2="food1">
+                <div>
+                    <p class="text-sm text-textDark">餐饮</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥823,045.27</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">50.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级1的三级容器（服务区，默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company3-level3="food1">
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">洪林服务区餐饮区</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">30.00%</p>
+                        <p class="text-sm text-textDark">¥246,913.58</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">清溪服务区餐饮区</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">20.00%</p>
+                        <p class="text-sm text-textDark">¥164,609.05</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+            </div>
+
+            <!-- 二级分类2：咖啡（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company3-level2="food2">
+                <div>
+                    <p class="text-sm text-textDark">咖啡</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥329,218.11</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">20.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级2的三级容器（服务区，默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company3-level3="food2">
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">太白岛服务区咖啡站</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">15.00%</p>
+                        <p class="text-sm text-textDark">¥246,913.58</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+            </div>
+
+            <!-- 二级分类3：老乡鸡（默认收起） -->
+            <div class="py-3 border-b border-gray-100 flex justify-between items-center cursor-pointer" data-company3-level2="food3">
+                <div>
+                    <p class="text-sm text-textDark">老乡鸡</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥329,218.11</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">20.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级3的三级容器（服务区，默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company3-level3="food3">
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-blueDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">天门服务区老乡鸡门店</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">12.00%</p>
+                        <p class="text-sm text-textDark">¥197,530.87</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+            </div>
+
+            <!-- 二级分类4：肯德基（默认收起） -->
+            <div class="py-3 flex justify-between items-center cursor-pointer" data-company3-level2="food4">
+                <div>
+                    <p class="text-sm text-textDark">肯德基</p>
+                    <p class="text-base font-bold text-textDark mt-1">¥164,609.05</p>
+                </div>
+                <div class="text-right">
+                    <p class="text-sm text-textLight">营收占比</p>
+                    <p class="text-sm font-medium text-textDark mt-1">10.00%</p>
+                </div>
+                <i class="fa fa-chevron-right ml-3 text-xs text-textLight"></i>
+            </div>
+            <!-- 二级4的三级容器（服务区，默认收起） -->
+            <div class="px-2 py-1 ml-4 sub-level-hide" data-company3-level3="food4">
+                <div class="px-2 py-2 flex items-center justify-between">
+                    <div class="flex items-center">
+                        <span class="inline-block w-2 h-2 bg-redDot rounded-full mr-2"></span>
+                        <p class="text-sm text-textDark">寒亭服务区肯德基门店</p>
+                    </div>
+                    <div class="text-right">
+                        <p class="text-sm text-textLight">10.00%</p>
+                        <p class="text-sm text-textDark">¥164,609.05</p>
+                    </div>
+                    <i class="fa fa-chevron-right ml-2 text-xs text-textLight"></i>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        // ---------------------- 第一层级：两个公司的展开/收起 ----------------------
+        // 公司1：安徽驿达运营管理有限公司
+        const company1Toggle = document.getElementById('company1-toggle');
+        const company1Icon = document.getElementById('company1-icon');
+        const company1Level2Container = document.getElementById('company1-level2-container');
+
+        company1Toggle.addEventListener('click', function() {
+            const isHidden = company1Level2Container.classList.contains('sub-level-hide');
+            if (isHidden) {
+                company1Level2Container.classList.remove('sub-level-hide');
+                company1Icon.className = 'fa fa-chevron-down ml-3 text-xs text-textLight';
+            } else {
+                company1Level2Container.classList.add('sub-level-hide');
+                company1Icon.className = 'fa fa-chevron-right ml-3 text-xs text-textLight';
+            }
+        });
+
+        // 公司2：安徽驿佳商贸有限公司
+        const company2Toggle = document.getElementById('company2-toggle');
+        const company2Icon = document.getElementById('company2-icon');
+        const company2Level2Container = document.getElementById('company2-level2-container');
+
+        company2Toggle.addEventListener('click', function() {
+            const isHidden = company2Level2Container.classList.contains('sub-level-hide');
+            if (isHidden) {
+                company2Level2Container.classList.remove('sub-level-hide');
+                company2Icon.className = 'fa fa-chevron-down ml-3 text-xs text-textLight';
+            } else {
+                company2Level2Container.classList.add('sub-level-hide');
+                company2Icon.className = 'fa fa-chevron-right ml-3 text-xs text-textLight';
+            }
+        });
+
+        // 新增：公司3：安徽百和餐饮有限公司
+        const company3Toggle = document.getElementById('company3-toggle');
+        const company3Icon = document.getElementById('company3-icon');
+        const company3Level2Container = document.getElementById('company3-level2-container');
+
+        company3Toggle.addEventListener('click', function() {
+            const isHidden = company3Level2Container.classList.contains('sub-level-hide');
+            if (isHidden) {
+                company3Level2Container.classList.remove('sub-level-hide');
+                company3Icon.className = 'fa fa-chevron-down ml-3 text-xs text-textLight';
+            } else {
+                company3Level2Container.classList.add('sub-level-hide');
+                company3Icon.className = 'fa fa-chevron-right ml-3 text-xs text-textLight';
+            }
+        });
+
+        // ---------------------- 第二层级：公司1的二级分类（快餐/零售等）展开/收起 ----------------------
+        const company1Level2Items = document.querySelectorAll('[data-company1-level2]');
+        company1Level2Items.forEach(item => {
+            item.addEventListener('click', function() {
+                const cate = this.getAttribute('data-company1-level2');
+                const level3Container = document.querySelector(`[data-company1-level3="${cate}"]`);
+                const icon = this.querySelector('i');
+
+                const isHidden = level3Container.classList.contains('sub-level-hide');
+                if (isHidden) {
+                    level3Container.classList.remove('sub-level-hide');
+                    icon.className = 'fa fa-chevron-down ml-3 text-xs text-textLight';
+                } else {
+                    level3Container.classList.add('sub-level-hide');
+                    icon.className = 'fa fa-chevron-right ml-3 text-xs text-textLight';
+                }
+            });
+        });
+
+        // ---------------------- 第三层级：公司1的三级分类（片区管理中心）展开/收起 ----------------------
+        const company1Level3Items = document.querySelectorAll('[data-company1-level3-item]');
+        company1Level3Items.forEach(item => {
+            item.addEventListener('click', function() {
+                const area = this.getAttribute('data-company1-level3-item');
+                const level4Container = document.querySelector(`[data-company1-level4="${area}"]`);
+                const icon = this.querySelector('i');
+
+                const isHidden = level4Container.classList.contains('sub-level-hide');
+                if (isHidden) {
+                    level4Container.classList.remove('sub-level-hide');
+                    icon.className = 'fa fa-chevron-down ml-3 text-xs text-textLight';
+                } else {
+                    level4Container.classList.add('sub-level-hide');
+                    icon.className = 'fa fa-chevron-right ml-3 text-xs text-textLight';
+                }
+            });
+        });
+
+        // ---------------------- 第二层级：公司2的二级分类（便利店/线上商城等）展开/收起 ----------------------
+        const company2Level2Items = document.querySelectorAll('[data-company2-level2]');
+        company2Level2Items.forEach(item => {
+            item.addEventListener('click', function() {
+                const shop = this.getAttribute('data-company2-level2');
+                const level3Container = document.querySelector(`[data-company2-level3="${shop}"]`);
+                const icon = this.querySelector('i');
+
+                const isHidden = level3Container.classList.contains('sub-level-hide');
+                if (isHidden) {
+                    level3Container.classList.remove('sub-level-hide');
+                    icon.className = 'fa fa-chevron-down ml-3 text-xs text-textLight';
+                } else {
+                    level3Container.classList.add('sub-level-hide');
+                    icon.className = 'fa fa-chevron-right ml-3 text-xs text-textLight';
+                }
+            });
+        });
+
+        // 新增：第二层级：公司3的二级分类（餐饮/咖啡/老乡鸡/肯德基）展开/收起
+        const company3Level2Items = document.querySelectorAll('[data-company3-level2]');
+        company3Level2Items.forEach(item => {
+            item.addEventListener('click', function() {
+                const food = this.getAttribute('data-company3-level2');
+                const level3Container = document.querySelector(`[data-company3-level3="${food}"]`);
+                const icon = this.querySelector('i');
+
+                const isHidden = level3Container.classList.contains('sub-level-hide');
+                if (isHidden) {
+                    level3Container.classList.remove('sub-level-hide');
+                    icon.className = 'fa fa-chevron-down ml-3 text-xs text-textLight';
+                } else {
+                    level3Container.classList.add('sub-level-hide');
+                    icon.className = 'fa fa-chevron-right ml-3 text-xs text-textLight';
+                }
+            });
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file