From 1a715fcf695833faa24958817864341edf6a7152 Mon Sep 17 00:00:00 2001
From: m94fc2tgb <hnchen20211201@163.com>
Date: Fri, 21 Jun 2024 19:27:58 +0800
Subject: [PATCH] ADD file via upload

---
 src/Information-statistics.html | 1465 +++++++++++++++++++++++++++++++
 1 file changed, 1465 insertions(+)
 create mode 100644 src/Information-statistics.html
diff --git a/src/Information-statistics.html b/src/Information-statistics.html
new file mode 100644
index 0000000..8c5e3e2
--- /dev/null
+++ b/src/Information-statistics.html
@@ -0,0 +1,1465 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>药品统计</title>
+  <script src="echarts.js"></script>
+  <style>
+      html, body {  
+          height: 100%;  
+          width: 100%;
+          margin: 0;  
+          padding: 0;  
+      } 
+      .container {  
+          display: flex;  
+          
+          width: 100%; /* 设置div的宽度 */  
+          height: 506px; /* 设置div的高度 */  
+      }
+      .container1{  
+          
+          width: 100%; /* 设置div的宽度 */  
+          height: 60px; /* 设置div的高度 */  
+      }
+      .button2 {
+      display: inline-block;
+      transition: all 0.2s ease-in;
+      position: relative;
+      overflow: hidden;
+      z-index: 1;
+      color: #090909;
+      padding: 0.7em 1.7em;
+      cursor: pointer;
+      font-size: 18px;
+      border-radius: 0.5em;
+      background: #e8e8e8;
+      border: 1px solid #e8e8e8;
+      box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
+      }
+
+      .button2:active {
+      color: #666;
+      box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
+      }
+
+      .button2:before {
+      content: "";
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%) scaleY(1) scaleX(1.25);
+      top: 100%;
+      width: 140%;
+      height: 180%;
+      background-color: rgba(0, 0, 0, 0.05);
+      border-radius: 50%;
+      display: block;
+      transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
+      z-index: -1;
+      }
+
+      .button2:after {
+      content: "";
+      position: absolute;
+      left: 55%;
+      transform: translateX(-50%) scaleY(1) scaleX(1.45);
+      top: 180%;
+      width: 160%;
+      height: 190%;
+      background-color: #009087;
+      border-radius: 50%;
+      display: block;
+      transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
+      z-index: -1;
+      }
+
+      .button2:hover {
+      color: #ffffff;
+      border: 1px solid #009087;
+      }
+
+      .button2:hover:before {
+      top: -35%;
+      background-color: #009087;
+      transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
+      }
+
+      .button2:hover:after {
+      top: -45%;
+      background-color: #009087;
+      transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
+      }
+
+      input.b{
+      border: 1px solid #041100;
+      border-radius: 5px;
+      text-align: center;
+      background-color: #e6f7f4;
+      color: #140000;
+      width: 150px;
+      height: 40px;
+      }
+
+      .cookie-card {
+      max-width: 400px;
+      max-height: 200px;
+      margin-left: 100px;
+      padding: 1rem;
+      background-color: #eceaea;
+      border-radius: 10px;
+      box-shadow: 20px 20px 30px rgba(0, 0, 0, .05);
+      }
+      
+      .title {
+      font-weight: 600;
+      color: rgb(31 41 55);
+      }
+      
+      .description {
+      margin-top: 1rem;
+      font-size: 0.875rem;
+      line-height: 1.25rem;
+      color: rgb(75 85 99);
+      }
+      
+      .description a {
+      --tw-text-opacity: 1;
+      color: rgb(59 130 246);
+      }
+      
+      .description a:hover {
+      -webkit-text-decoration-line: underline;
+      text-decoration-line: underline;
+      }
+  </style>
+</head>
+<body>
+  <div id="show1" class="container1">
+    <button id="button1" class="button2" onclick="show1()">药品数量统计 ▼</button>
+  </div>
+
+  <div id="b11" class="container" style="display: none;">
+    <div id="chart111" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+    <div id="chart112" style="width: 50%; height: 500px;border:3px solid #013e58;">
+      <div class="cookie-card" style="margin-top: 5%;">
+        <span class="title">库存积压预警</span>
+        <p  id="highamount11" class="description">当前种类库存较多（数量大于15）的药品有：</p>
+        <p  id="highamountyao11" class="description">当前种类库存最多的药品为：</p>
+      </div>
+      <h1></h1>
+      <div class="cookie-card" style="margin-top: 10%;">
+        <span class="title">库存告急：</span>
+        <p  id="lowamount11" class="description">当前种类库存极少（数量小于5）的药品有：</p>
+        <p  id="lowamountyao11" class="description">当前种类库存最少的药品为：</p>
+      </div>
+    </div>
+  </div>
+  <div id="b12" class="container" style="display: none;">
+    <div id="chart121" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+    <div id="chart122" style="width: 50%; height: 500px;border:3px solid #013e58;">
+      <div class="cookie-card" style="margin-top: 5%;">
+        <span class="title">库存积压预警</span>
+        <p  id="highamount12" class="description">当前种类库存较多（数量大于15）的药品有：</p>
+        <p  id="highamountyao12" class="description">当前种类库存最多的药品为：</p>
+      </div>
+      <h1></h1>
+      <div class="cookie-card" style="margin-top: 10%;">
+        <span class="title">库存告急：</span>
+        <p  id="lowamount12" class="description">当前种类库存极少（数量小于5）的药品有：</p>
+        <p  id="lowamountyao12" class="description">当前种类库存最少的药品为：</p>
+      </div>
+    </div>
+  </div>
+  <div id="b13" class="container" style="display: none;">
+    <div id="chart131" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+    <div id="chart132" style="width: 50%; height: 500px;border:3px solid #013e58;">
+      <div class="cookie-card" style="margin-top: 5%;">
+        <span class="title">库存积压预警</span>
+        <p  id="highamount13" class="description">当前种类库存较多（数量大于15）的药品有：</p>
+        <p  id="highamountyao13" class="description">当前种类库存最多的药品为：</p>
+      </div>
+      <h1></h1>
+      <div class="cookie-card" style="margin-top: 10%;">
+        <span class="title">库存告急：</span>
+        <p  id="lowamount13" class="description">当前种类库存极少（数量小于5）的药品有：</p>
+        <p  id="lowamountyao13" class="description">当前种类库存最少的药品为：</p>
+      </div>
+    </div>
+  </div>
+  <div id="b14" class="container" style="display: none;">
+    <div id="chart141" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+    <div id="chart142" style="width: 50%; height: 500px;border:3px solid #013e58;">
+      <div class="cookie-card" style="margin-top: 5%;">
+        <span class="title">库存积压预警</span>
+        <p  id="highamount14" class="description">当前种类库存较多（数量大于15）的药品有：</p>
+        <p  id="highamountyao14" class="description">当前种类库存最多的药品为：</p>
+      </div>
+      <h1></h1>
+      <div class="cookie-card" style="margin-top: 10%;">
+        <span class="title">库存告急：</span>
+        <p  id="lowamount14" class="description">当前种类库存极少（数量小于5）的药品有：</p>
+        <p  id="lowamountyao14" class="description">当前种类库存最少的药品为：</p>
+      </div>
+    </div>
+  </div>
+  <div id="b15" class="container" style="display: none;">
+    <div id="chart151" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+    <div id="chart152" style="width: 50%; height: 500px;border:3px solid #013e58;">
+      <div class="cookie-card" style="margin-top: 5%;">
+        <span class="title">库存积压预警</span>
+        <p  id="highamount15" class="description">当前种类库存较多（数量大于15）的药品有：</p>
+        <p  id="highamountyao15" class="description">当前种类库存最多的药品为：</p>
+      </div>
+      <h1></h1>
+      <div class="cookie-card" style="margin-top: 10%;">
+        <span class="title">库存告急：</span>
+        <p  id="lowamount15" class="description">当前种类库存极少（数量小于5）的药品有：</p>
+        <p  id="lowamountyao15" class="description">当前种类库存最少的药品为：</p>
+      </div>
+    </div>
+  </div>
+  <div id="b16" class="container" style="display: none;">
+    <div id="chart161" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+    <div id="chart162" style="width: 50%; height: 500px;border:3px solid #013e58;">
+      <div class="cookie-card" style="margin-top: 5%;">
+        <span class="title">库存积压预警</span>
+        <p  id="highamount16" class="description">当前种类库存较多（数量大于15）的药品有：</p>
+        <p  id="highamountyao16" class="description">当前种类库存最多的药品为：</p>
+      </div>
+      <h1></h1>
+      <div class="cookie-card" style="margin-top: 10%;">
+        <span class="title">库存告急：</span>
+        <p  id="lowamount16" class="description">当前种类库存极少（数量小于5）的药品有：</p>
+        <p  id="lowamountyao16" class="description">当前种类库存最少的药品为：</p>
+      </div>
+    </div>
+  </div>
+
+  <h1></h1>
+
+  <div id="show2" class="container1">
+    <button id="button2" class="button2" onclick="show2();show23()">药品支出统计 ▼</button>
+  </div>
+
+  <div id="b2" class="container" style="display: none;">
+  <div id="chart211" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+  <div id="chart212" style="width: 50%; height: 500px;">
+  <button id="button21" class="button2" style="margin-left: 20px;" onclick="show21()">确认选择年/月</button>
+  <select id = "selectdate21" style="margin-left: 20px;"></select>
+  <h1></h1>
+  <div class="cookie-card">
+    <span class="title">简要统计结果</span>
+    <p  id="SumOutcome" class="description">总支出为：</p>
+    <p  id="SelectedMonthOutcome" class="description">已选择年/月的总支出为：</p>
+  </div>
+  <h1></h1>
+  <button id="button22" class="button2" style="margin-left: 20px;" onclick="show22()">确认选择药品</button>
+  <select id = "selectyao21" style="margin-left: 20px;"></select>
+  <h1></h1>
+  <div class="cookie-card">
+    <span class="title">简要统计结果</span>
+    <p  id="YaoSumOutcome" class="description">当前选择药品总支出为：</p>
+  </div>
+  </div>
+  </div>
+
+  <h1></h1>
+
+  <div id="show3" class="container1">
+    <button id="button3" class="button2" onclick="show3();show33()">药品收入统计 ▼</button>
+  </div>
+
+  <div id="b3" class="container" style="display: none;">
+  <div id="chart311" style="width: 50%; height: 500px;border:3px solid #013e58;"></div>
+  <div id="chart312" style="width: 50%; height: 500px;">
+    
+    <button id="button31" class="button2" style="margin-left: 20px;" onclick="show31()">确认选择年/月</button>
+    <select id = "selectdate" style="margin-left: 20px;"></select>
+    <h1></h1>
+    <div class="cookie-card">
+      <span class="title">简要统计结果</span>
+      <p  id="SumIncome" class="description">总收入为：</p>
+      <p  id="SelectedMonthIncome" class="description">已选择年/月的总收入为：</p>
+      <p  id="MaxIncomeDay" class="description">已选择年/月最高收入日为：</p>
+      <p  id="MaxIncome" class="description">已选择年/月最高收入为：</p>
+    </div>
+    <h1></h1>
+    <button id="button32" class="button2" style="margin-left: 20px;" onclick="show32()">确认选择药品</button>
+    <select id = "selectyao" style="margin-left: 20px;"></select>
+    <h1></h1>
+    <div class="cookie-card">
+      <span class="title">简要统计结果</span>
+      <p  id="YaoSumIncome" class="description">当前选择药品总收入为：</p>
+    </div>
+    
+  </div>
+  </div>
+
+</body>
+
+<script>
+  function show1(){
+    if (document.getElementById('b11').style.display=='none' && document.getElementById('button1').textContent=='药品数量统计 ▼'){
+      document.getElementById('b11').style.display='flex';
+      document.getElementById('b12').style.display='flex';
+      document.getElementById('b13').style.display='flex';
+      document.getElementById('b14').style.display='flex';
+      document.getElementById('b15').style.display='flex';
+      document.getElementById('b16').style.display='flex';
+      document.getElementById('button1').textContent='药品数量统计 ▲';
+
+      const requestBody1 = {wenti:20011,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody1) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            // console.log(data);
+            var Data=[];
+            for (i=0;i<data.length;i++){
+              var graph={
+                value:parseInt(data[i].amount),
+                name:String(data[i].name)
+              }
+              Data.push(graph);
+            }
+
+            // console.log(Data);
+
+            const greaterThan15Array = Data.filter(item => item.value > 15);    
+    
+            // 保存value小于5的元素到新数组    
+            const lessThan5Array = Data.filter(item => item.value < 5);    
+                
+            // 找到value最多和最少的元素    
+            let minValue = Infinity;    
+            let maxValue = -Infinity;    
+            let minItem = null;    
+            let maxItem = null;    
+                
+            for (const item of Data) {    
+                if (item.value < minValue) {    
+                    minValue = item.value;    
+                    minItem = item;    
+                }    
+                if (item.value > maxValue) {    
+                    maxValue = item.value;    
+                    maxItem = item;    
+                }    
+            }    
+                
+            // 如果找到了最大值和最小值的元素，将它们分别保存到新数组    
+            const maxArray = maxItem ? [maxItem] : []; // 如果maxItem为null，则maxArray为空数组    
+            const minArray = minItem ? [minItem] : []; // 如果minItem为null，则minArray为空数组    
+                
+            // 输出结果    
+            // console.log("Greater than 15:", greaterThan15Array);    
+            // console.log("Less than 5:", lessThan5Array);    
+            // console.log("Max value item:", maxArray);    
+            // console.log("Min value item:", minArray);
+
+            const higherstenated = greaterThan15Array.map(item => item.name).join(',');  
+            const lowerstenated = lessThan5Array.map(item => item.name).join(',');
+            document.getElementById('highamountyao11').innerText = '当前种类库存最多的药品为：'+String(maxArray[0].name);
+            document.getElementById('lowamountyao11').innerText = '当前种类库存最少的药品为：'+String(minArray[0].name);
+            document.getElementById('lowamount11').innerText = '当前种类库存极少（数量小于5）的药品有：'+String(lowerstenated);
+            document.getElementById('highamount11').innerText = '当前种类库存较多（数量大于15）的药品有：'+String(higherstenated);
+
+
+
+
+
+
+
+
+            var chart = echarts.init(document.getElementById('chart111'));
+            var option = {
+              title: {
+                text: '骨科用药',
+                x: 'center'
+              },
+              tooltip: {  
+
+              trigger: 'item',  
+
+              formatter: "{b}: {c} ({d}%)"  
+
+              }, 
+              series: [{
+                type: 'pie',
+                radius: '50%',
+                data: Data
+              }]
+            };
+            chart.setOption(option);
+
+
+
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+
+        const requestBody2 = {wenti:20012,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody2) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            console.log(data);
+            var Data=[];
+            for (i=0;i<data.length;i++){
+              var graph={
+                value:parseInt(data[i].amount),
+                name:String(data[i].name)
+              }
+              Data.push(graph);
+            }
+
+            const greaterThan15Array = Data.filter(item => item.value > 15);    
+    
+            // 保存value小于5的元素到新数组    
+            const lessThan5Array = Data.filter(item => item.value < 5);    
+                
+            // 找到value最多和最少的元素    
+            let minValue = Infinity;    
+            let maxValue = -Infinity;    
+            let minItem = null;    
+            let maxItem = null;    
+                
+            for (const item of Data) {    
+                if (item.value < minValue) {    
+                    minValue = item.value;    
+                    minItem = item;    
+                }    
+                if (item.value > maxValue) {    
+                    maxValue = item.value;    
+                    maxItem = item;    
+                }    
+            }    
+                
+            // 如果找到了最大值和最小值的元素，将它们分别保存到新数组    
+            const maxArray = maxItem ? [maxItem] : []; // 如果maxItem为null，则maxArray为空数组    
+            const minArray = minItem ? [minItem] : []; // 如果minItem为null，则minArray为空数组    
+                
+            // 输出结果    
+            console.log("Greater than 15:", greaterThan15Array);    
+            console.log("Less than 5:", lessThan5Array);    
+            console.log("Max value item:", maxArray);    
+            console.log("Min value item:", minArray);
+
+            const higherstenated = greaterThan15Array.map(item => item.name).join(',');  
+            const lowerstenated = lessThan5Array.map(item => item.name).join(',');
+            document.getElementById('highamountyao12').innerText = '当前种类库存最多的药品为：'+String(maxArray[0].name);
+            document.getElementById('lowamountyao12').innerText = '当前种类库存最少的药品为：'+String(minArray[0].name);
+            document.getElementById('lowamount12').innerText = '当前种类库存极少（数量小于5）的药品有：'+String(lowerstenated);
+            document.getElementById('highamount12').innerText = '当前种类库存较多（数量大于15）的药品有：'+String(higherstenated);
+
+            var chart = echarts.init(document.getElementById('chart121'));
+            var option = {
+              title: {
+                text: '皮肤科用药',
+                x: 'center'
+              },
+              tooltip: {  
+
+              trigger: 'item',  
+
+              formatter: "{b}: {c} ({d}%)"  
+
+              }, 
+              series: [{
+                type: 'pie',
+                radius: '50%',
+                data: Data
+              }]
+            };
+            chart.setOption(option);
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+
+        const requestBody3 = {wenti:20013,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody3) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            console.log(data);
+            var Data=[];
+            for (i=0;i<data.length;i++){
+              var graph={
+                value:parseInt(data[i].amount),
+                name:String(data[i].name)
+              }
+              Data.push(graph);
+            }
+
+            const greaterThan15Array = Data.filter(item => item.value > 15);    
+    
+    // 保存value小于5的元素到新数组    
+            const lessThan5Array = Data.filter(item => item.value < 5);    
+                
+            // 找到value最多和最少的元素    
+            let minValue = Infinity;    
+            let maxValue = -Infinity;    
+            let minItem = null;    
+            let maxItem = null;    
+                
+            for (const item of Data) {    
+                if (item.value < minValue) {    
+                    minValue = item.value;    
+                    minItem = item;    
+                }    
+                if (item.value > maxValue) {    
+                    maxValue = item.value;    
+                    maxItem = item;    
+                }    
+            }    
+                
+            // 如果找到了最大值和最小值的元素，将它们分别保存到新数组    
+            const maxArray = maxItem ? [maxItem] : []; // 如果maxItem为null，则maxArray为空数组    
+            const minArray = minItem ? [minItem] : []; // 如果minItem为null，则minArray为空数组    
+                
+            // 输出结果    
+            console.log("Greater than 15:", greaterThan15Array);    
+            console.log("Less than 5:", lessThan5Array);    
+            console.log("Max value item:", maxArray);    
+            console.log("Min value item:", minArray);
+
+            const higherstenated = greaterThan15Array.map(item => item.name).join(',');  
+            const lowerstenated = lessThan5Array.map(item => item.name).join(',');
+            document.getElementById('highamountyao13').innerText = '当前种类库存最多的药品为：'+String(maxArray[0].name);
+            document.getElementById('lowamountyao13').innerText = '当前种类库存最少的药品为：'+String(minArray[0].name);
+            document.getElementById('lowamount13').innerText = '当前种类库存极少（数量小于5）的药品有：'+String(lowerstenated);
+            document.getElementById('highamount13').innerText = '当前种类库存较多（数量大于15）的药品有：'+String(higherstenated);
+
+            var chart = echarts.init(document.getElementById('chart131'));
+            var option = {
+              title: {
+                text: '眼科用药',
+                x: 'center'
+              },
+              tooltip: {  
+
+              trigger: 'item',  
+
+              formatter: "{b}: {c} ({d}%)"  
+
+              }, 
+              series: [{
+                type: 'pie',
+                radius: '50%',
+                data: Data
+              }]
+            };
+            chart.setOption(option);
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+
+        const requestBody4 = {wenti:20014,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody4) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            console.log(data);
+            var Data=[];
+            for (i=0;i<data.length;i++){
+              var graph={
+                value:parseInt(data[i].amount),
+                name:String(data[i].name)
+              }
+              Data.push(graph);
+            }
+
+            const greaterThan15Array = Data.filter(item => item.value > 15);    
+    
+            // 保存value小于5的元素到新数组    
+            const lessThan5Array = Data.filter(item => item.value < 5);    
+                
+            // 找到value最多和最少的元素    
+            let minValue = Infinity;    
+            let maxValue = -Infinity;    
+            let minItem = null;    
+            let maxItem = null;    
+                
+            for (const item of Data) {    
+                if (item.value < minValue) {    
+                    minValue = item.value;    
+                    minItem = item;    
+                }    
+                if (item.value > maxValue) {    
+                    maxValue = item.value;    
+                    maxItem = item;    
+                }    
+            }    
+                
+            // 如果找到了最大值和最小值的元素，将它们分别保存到新数组    
+            const maxArray = maxItem ? [maxItem] : []; // 如果maxItem为null，则maxArray为空数组    
+            const minArray = minItem ? [minItem] : []; // 如果minItem为null，则minArray为空数组    
+                
+            // 输出结果    
+            console.log("Greater than 15:", greaterThan15Array);    
+            console.log("Less than 5:", lessThan5Array);    
+            console.log("Max value item:", maxArray);    
+            console.log("Min value item:", minArray);
+
+            const higherstenated = greaterThan15Array.map(item => item.name).join(',');  
+            const lowerstenated = lessThan5Array.map(item => item.name).join(',');
+            document.getElementById('highamountyao14').innerText = '当前种类库存最多的药品为：'+String(maxArray[0].name);
+            document.getElementById('lowamountyao14').innerText = '当前种类库存最少的药品为：'+String(minArray[0].name);
+            document.getElementById('lowamount14').innerText = '当前种类库存极少（数量小于5）的药品有：'+String(lowerstenated);
+            document.getElementById('highamount14').innerText = '当前种类库存较多（数量大于15）的药品有：'+String(higherstenated);
+
+            var chart = echarts.init(document.getElementById('chart141'));
+            var option = {
+              title: {
+                text: '呼吸系统药',
+                x: 'center'
+              },
+              tooltip: {  
+
+              trigger: 'item',  
+
+              formatter: "{b}: {c} ({d}%)"  
+
+              }, 
+              series: [{
+                type: 'pie',
+                radius: '50%',
+                data: Data
+              }]
+            };
+            chart.setOption(option);
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+
+        const requestBody5 = {wenti:20015,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody5) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            console.log(data);
+            var Data=[];
+            for (i=0;i<data.length;i++){
+              var graph={
+                value:parseInt(data[i].amount),
+                name:String(data[i].name)
+              }
+              Data.push(graph);
+            }
+
+            const greaterThan15Array = Data.filter(item => item.value > 15);    
+    
+            // 保存value小于5的元素到新数组    
+            const lessThan5Array = Data.filter(item => item.value < 5);    
+                
+            // 找到value最多和最少的元素    
+            let minValue = Infinity;    
+            let maxValue = -Infinity;    
+            let minItem = null;    
+            let maxItem = null;    
+                
+            for (const item of Data) {    
+                if (item.value < minValue) {    
+                    minValue = item.value;    
+                    minItem = item;    
+                }    
+                if (item.value > maxValue) {    
+                    maxValue = item.value;    
+                    maxItem = item;    
+                }    
+            }    
+                
+            // 如果找到了最大值和最小值的元素，将它们分别保存到新数组    
+            const maxArray = maxItem ? [maxItem] : []; // 如果maxItem为null，则maxArray为空数组    
+            const minArray = minItem ? [minItem] : []; // 如果minItem为null，则minArray为空数组    
+                
+            // 输出结果    
+            console.log("Greater than 15:", greaterThan15Array);    
+            console.log("Less than 5:", lessThan5Array);    
+            console.log("Max value item:", maxArray);    
+            console.log("Min value item:", minArray);
+
+            const higherstenated = greaterThan15Array.map(item => item.name).join(',');  
+            const lowerstenated = lessThan5Array.map(item => item.name).join(',');
+            document.getElementById('highamountyao15').innerText = '当前种类库存最多的药品为：'+String(maxArray[0].name);
+            document.getElementById('lowamountyao15').innerText = '当前种类库存最少的药品为：'+String(minArray[0].name);
+            document.getElementById('lowamount15').innerText = '当前种类库存极少（数量小于5）的药品有：'+String(lowerstenated);
+            document.getElementById('highamount15').innerText = '当前种类库存较多（数量大于15）的药品有：'+String(higherstenated);
+
+            var chart = echarts.init(document.getElementById('chart151'));
+            var option = {
+              title: {
+                text: '消化系统药',
+                x: 'center'
+              },
+              tooltip: {  
+
+              trigger: 'item',  
+
+              formatter: "{b}: {c} ({d}%)"  
+
+              }, 
+              series: [{
+                type: 'pie',
+                radius: '50%',
+                data: Data
+              }]
+            };
+            chart.setOption(option);
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+
+        const requestBody6 = {wenti:20016,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody6) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            console.log(data);
+            var Data=[];
+            for (i=0;i<data.length;i++){
+              var graph={
+                value:parseInt(data[i].amount),
+                name:String(data[i].name)
+              }
+              Data.push(graph);
+            }
+
+            const greaterThan15Array = Data.filter(item => item.value > 15);    
+    
+            // 保存value小于5的元素到新数组    
+            const lessThan5Array = Data.filter(item => item.value < 5);    
+                
+            // 找到value最多和最少的元素    
+            let minValue = Infinity;    
+            let maxValue = -Infinity;    
+            let minItem = null;    
+            let maxItem = null;    
+                
+            for (const item of Data) {    
+                if (item.value < minValue) {    
+                    minValue = item.value;    
+                    minItem = item;    
+                }    
+                if (item.value > maxValue) {    
+                    maxValue = item.value;    
+                    maxItem = item;    
+                }    
+            }    
+                
+            // 如果找到了最大值和最小值的元素，将它们分别保存到新数组    
+            const maxArray = maxItem ? [maxItem] : []; // 如果maxItem为null，则maxArray为空数组    
+            const minArray = minItem ? [minItem] : []; // 如果minItem为null，则minArray为空数组    
+                
+            // 输出结果    
+            console.log("Greater than 15:", greaterThan15Array);    
+            console.log("Less than 5:", lessThan5Array);    
+            console.log("Max value item:", maxArray);    
+            console.log("Min value item:", minArray);
+
+            const higherstenated = greaterThan15Array.map(item => item.name).join(',');  
+            const lowerstenated = lessThan5Array.map(item => item.name).join(',');
+            document.getElementById('highamountyao16').innerText = '当前种类库存最多的药品为：'+String(maxArray[0].name);
+            document.getElementById('lowamountyao16').innerText = '当前种类库存最少的药品为：'+String(minArray[0].name);
+            document.getElementById('lowamount16').innerText = '当前种类库存极少（数量小于5）的药品有：'+String(lowerstenated);
+            document.getElementById('highamount16').innerText = '当前种类库存较多（数量大于15）的药品有：'+String(higherstenated);
+
+            var chart = echarts.init(document.getElementById('chart161'));
+            var option = {
+              title: {
+                text: '心血管系统药',
+                x: 'center'
+              },
+              tooltip: {  
+
+              trigger: 'item',  
+
+              formatter: "{b}: {c} ({d}%)"  
+
+              }, 
+              series: [{
+                type: 'pie',
+                radius: '50%',
+                data: Data
+              }]
+            };
+            chart.setOption(option);
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+
+
+
+
+      
+
+    }
+    else if(document.getElementById('b11').style.display=='flex' && document.getElementById('button1').textContent=='药品数量统计 ▲'){
+      document.getElementById('b11').style.display='none';
+      document.getElementById('b12').style.display='none';
+      document.getElementById('b13').style.display='none';
+      document.getElementById('b14').style.display='none';
+      document.getElementById('b15').style.display='none';
+      document.getElementById('b16').style.display='none';
+      document.getElementById('button1').textContent='药品数量统计 ▼';
+
+      var chartContainer1 = document.getElementById('chart111');  
+      var myChart1 = echarts.getInstanceByDom(chartContainer1); 
+      if (myChart1) {  
+      myChart1.dispose();  
+      }
+
+      var chartContainer2 = document.getElementById('chart121');  
+      var myChart2 = echarts.getInstanceByDom(chartContainer2); 
+      if (myChart2) {  
+      myChart2.dispose();  
+      }
+
+      var chartContainer3 = document.getElementById('chart131');  
+      var myChart3 = echarts.getInstanceByDom(chartContainer3); 
+      if (myChart3) {  
+      myChart3.dispose();  
+      }
+
+      var chartContainer4 = document.getElementById('chart141');  
+      var myChart4 = echarts.getInstanceByDom(chartContainer4); 
+      if (myChart4) {  
+      myChart4.dispose();  
+      }
+
+      var chartContainer5 = document.getElementById('chart151');  
+      var myChart5 = echarts.getInstanceByDom(chartContainer5); 
+      if (myChart5) {  
+      myChart5.dispose();  
+      }
+
+      var chartContainer6 = document.getElementById('chart161');  
+      var myChart6 = echarts.getInstanceByDom(chartContainer6); 
+      if (myChart6) {  
+      myChart6.dispose();  
+      }
+    }
+  }
+  
+  function show2(){
+    if (document.getElementById('b2').style.display=='none' && document.getElementById('button2').textContent=='药品支出统计 ▼'){
+      document.getElementById('b2').style.display='flex';
+      document.getElementById('button2').textContent='药品支出统计 ▲';
+      
+      const requestBody = {wenti:20031,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            // console.log(data);
+            const result = data.reduce((accumulator, currentValue) => {  
+            accumulator[currentValue.name] = (accumulator[currentValue.name] || 0) + currentValue.value;  
+            return accumulator;  
+            }, {}); 
+            const resultArray = Object.entries(result).map(([name, value]) => ({ name, value }));
+            // console.log(result);
+            // console.log(resultArray);
+            const timesArray = resultArray.map(obj => obj.name);
+            const valueArray = resultArray.map(obj => obj.value);
+
+            const sum = valueArray.reduce((accumulator, currentValue) => { 
+              return accumulator + currentValue;  
+            }, 0);
+            const formattedSum = parseFloat(sum.toFixed(2));  
+            // console.log(formattedSum);
+
+            const monthArray = timesArray.map(str => str.slice(0, 7));
+            const uniqueSet = new Set(monthArray); 
+            const uniqueArr = Array.from(uniqueSet);
+            // console.log(timesArray);
+            // console.log(valueArray);
+            // console.log(monthArray);
+            // console.log(uniqueArr);
+            
+            var select = document.getElementById('selectdate21');
+
+            while (select.options.length > 0) {  
+                select.remove(select.options.length - 1);  
+            }
+
+            var opt0 = document.createElement('option');  
+            opt0.value = '';  
+            opt0.text = '请选择';  
+            opt0.selected = true;
+            select.appendChild(opt0);  
+
+            for (var i = 0; i < uniqueArr.length; i++) {  
+            var opt = document.createElement('option');  
+            opt.value = uniqueArr[i];  
+            opt.text = uniqueArr[i];  
+            select.appendChild(opt);  
+            }
+
+            var chart = echarts.init(document.getElementById('chart211'));
+            var option = {
+              title: {  
+                      text: '每日支出统计（元）'  
+                  },  
+                  tooltip: {},  
+                  legend: {  
+                      data:['当日支出']  
+                  },  
+                  xAxis: {  
+                      data: timesArray  
+                  },  
+                  yAxis: {},  
+                  series: [{  
+                      name: '当日支出',  
+                      type: 'bar',  
+                      data: valueArray  
+                  }]  
+            };
+            chart.setOption(option);
+
+            document.getElementById('SumOutcome').innerText = '总支出为：'+String(formattedSum); 
+
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+
+      
+
+
+    }
+    else if(document.getElementById('b2').style.display=='flex' && document.getElementById('button2').textContent=='药品支出统计 ▲'){
+      document.getElementById('b2').style.display='none';
+      document.getElementById('button2').textContent='药品支出统计 ▼';
+      var chartContainer1 = document.getElementById('chart21');  
+      var myChart1 = echarts.getInstanceByDom(chartContainer1); 
+      if (myChart1) {  
+      myChart1.dispose();  
+      }
+    }
+  }
+
+  function show21(){
+
+    var select = document.getElementById('selectdate21');
+    // console.log(String(select.value));
+
+    if (select.value != ''){
+
+      const requestBody = {wenti:20032,name:"陈永杭",data:String(select.value)};
+          fetch('http://localhost:3000', {
+          method: 'POST',
+          headers: {
+              'Content-Type': 'application/json' // 设置请求头为JSON
+          },
+          body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+          })
+          .then(response => 
+          response.json())
+          .then(data => {
+              // console.log(data);
+              const result = data.reduce((accumulator, currentValue) => {  
+              accumulator[currentValue.name] = (accumulator[currentValue.name] || 0) + currentValue.value;  
+              return accumulator;  
+              }, {}); 
+              const resultArray = Object.entries(result).map(([name, value]) => ({ name, value }));
+              // console.log(result);
+              // console.log(resultArray);
+              const timesArray = resultArray.map(obj => obj.name);
+              const valueArray = resultArray.map(obj => obj.value);
+              // console.log(timesArray);
+              // console.log(valueArray);
+
+              const sum = valueArray.reduce((accumulator, currentValue) => { 
+                return accumulator + currentValue;  
+              }, 0);
+              const formattedSum = parseFloat(sum.toFixed(2)); 
+
+
+              var chartContainer1 = document.getElementById('chart211');  
+              var myChart1 = echarts.getInstanceByDom(chartContainer1); 
+              if (myChart1) {  
+              myChart1.dispose();  
+              }
+
+              var chart = echarts.init(document.getElementById('chart211'));
+              var option = {
+                title: {  
+                        text: '每日支出统计（元）'  
+                    },  
+                    tooltip: {},  
+                    legend: {  
+                        data:['当日支出']  
+                    },  
+                    xAxis: {  
+                        data: timesArray  
+                    },  
+                    yAxis: {},  
+                    series: [{  
+                        name: '当日支出',  
+                        type: 'bar',  
+                        data: valueArray  
+                    }]  
+              };
+              chart.setOption(option);
+
+              document.getElementById('SelectedMonthOutcome').innerText = '已选择年/月的总支出为：'+String(formattedSum);
+          }) // 打印服务器返回的数据
+          .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+    }
+
+  }
+
+  function show22(){
+
+    var select = document.getElementById('selectyao21');
+    // console.log(String(select.value));
+
+    if (select.value != ''){
+
+      const requestBody = {wenti:20034,name:"陈永杭",data:String(select.value)};
+          fetch('http://localhost:3000', {
+          method: 'POST',
+          headers: {
+              'Content-Type': 'application/json' // 设置请求头为JSON
+          },
+          body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+          })
+          .then(response => 
+          response.json())
+          .then(data => {
+              // console.log(data);
+              const result = data.reduce((accumulator, currentValue) => {  
+              accumulator[currentValue.name] = (accumulator[currentValue.name] || 0) + currentValue.value;  
+              return accumulator;  
+              }, {}); 
+              const resultArray = Object.entries(result).map(([name, value]) => ({ name, value }));
+              // console.log(result);
+              // console.log(resultArray);
+              const timesArray = resultArray.map(obj => obj.name);
+              const valueArray = resultArray.map(obj => obj.value);
+              // console.log(timesArray);
+              // console.log(valueArray);
+
+              const sum = valueArray.reduce((accumulator, currentValue) => { 
+                return accumulator + currentValue;  
+              }, 0);
+              const formattedSum = parseFloat(sum.toFixed(2)); 
+
+              var chartContainer1 = document.getElementById('chart211');  
+              var myChart1 = echarts.getInstanceByDom(chartContainer1); 
+              if (myChart1) {  
+              myChart1.dispose();  
+              }
+
+              var chart = echarts.init(document.getElementById('chart211'));
+              var option = {
+                title: {  
+                        text: String(select.value)+'\n支出统计（元）'  
+                    },  
+                    tooltip: {},  
+                    legend: {  
+                        data:['当日支出']  
+                    },  
+                    xAxis: {  
+                        data: timesArray  
+                    },  
+                    yAxis: {},  
+                    series: [{  
+                        name: '当日支出',  
+                        type: 'bar',  
+                        data: valueArray  
+                    }]  
+              };
+              chart.setOption(option);
+              document.getElementById('YaoSumOutcome').innerText = '当前选择药品总支出为：'+String(formattedSum);
+
+          }) // 打印服务器返回的数据
+          .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+    }
+
+  }
+
+  function show23(){
+
+    const requestBody = {wenti:20033,name:"陈永杭"};
+      fetch('http://localhost:3000', {
+      method: 'POST',
+      headers: {
+          'Content-Type': 'application/json' // 设置请求头为JSON
+      },
+      body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+      })
+      .then(response => 
+        response.json())
+      .then(data => {
+          // console.log(data);
+          const namesArray = data.map(obj => obj.name);
+          // console.log(namesArray);
+          const uniqueSet = new Set(namesArray); 
+          const uniqueArr = Array.from(uniqueSet);
+          // console.log(uniqueArr);
+
+          var select = document.getElementById('selectyao21');
+
+          while (select.options.length > 0) {  
+              select.remove(select.options.length - 1);  
+          }
+
+          var opt0 = document.createElement('option');  
+          opt0.value = '';  
+          opt0.text = '请选择';  
+          opt0.selected = true;
+          select.appendChild(opt0);  
+
+          for (var i = 0; i < uniqueArr.length; i++) {  
+          var opt = document.createElement('option');  
+          opt.value = uniqueArr[i];  
+          opt.text = uniqueArr[i];  
+          select.appendChild(opt);  
+          }
+
+      }) // 打印服务器返回的数据
+      .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+    
+  }
+
+  function show3(){
+    if (document.getElementById('b3').style.display=='none' && document.getElementById('button3').textContent=='药品收入统计 ▼'){
+      document.getElementById('b3').style.display='flex';
+      document.getElementById('button3').textContent='药品收入统计 ▲';
+     
+
+      const requestBody = {wenti:20021,name:"陈永杭"};
+        fetch('http://localhost:3000', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json' // 设置请求头为JSON
+        },
+        body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+        })
+        .then(response => 
+         response.json())
+        .then(data => {
+            // console.log(data);
+            const result = data.reduce((accumulator, currentValue) => {  
+            accumulator[currentValue.name] = (accumulator[currentValue.name] || 0) + currentValue.value;  
+            return accumulator;  
+            }, {}); 
+            const resultArray = Object.entries(result).map(([name, value]) => ({ name, value }));
+            // console.log(result);
+            // console.log(resultArray);
+            const timesArray = resultArray.map(obj => obj.name);
+            const valueArray = resultArray.map(obj => obj.value);
+
+            const sum = valueArray.reduce((accumulator, currentValue) => { 
+              return accumulator + currentValue;  
+            }, 0);
+            const formattedSum = parseFloat(sum.toFixed(2));  
+            // console.log(formattedSum);
+
+            const monthArray = timesArray.map(str => str.slice(0, 7));
+            const uniqueSet = new Set(monthArray); 
+            const uniqueArr = Array.from(uniqueSet);
+            // console.log(timesArray);
+            // console.log(valueArray);
+            // console.log(monthArray);
+            // console.log(uniqueArr);
+            
+            var select = document.getElementById('selectdate');
+
+            while (select.options.length > 0) {  
+                select.remove(select.options.length - 1);  
+            }
+
+            var opt0 = document.createElement('option');  
+            opt0.value = '';  
+            opt0.text = '请选择';  
+            opt0.selected = true;
+            select.appendChild(opt0);  
+
+            for (var i = 0; i < uniqueArr.length; i++) {  
+            var opt = document.createElement('option');  
+            opt.value = uniqueArr[i];  
+            opt.text = uniqueArr[i];  
+            select.appendChild(opt);  
+            }
+
+            var chart = echarts.init(document.getElementById('chart311'));
+            var option = {
+              title: {  
+                      text: '每日收入统计（元）'  
+                  },  
+                  tooltip: {},  
+                  legend: {  
+                      data:['当日收入']  
+                  },  
+                  xAxis: {  
+                      data: timesArray  
+                  },  
+                  yAxis: {},  
+                  series: [{  
+                      name: '当日收入',  
+                      type: 'bar',  
+                      data: valueArray  
+                  }]  
+            };
+            chart.setOption(option);
+
+            document.getElementById('SumIncome').innerText = '总收入为：'+String(formattedSum); 
+
+        }) // 打印服务器返回的数据
+        .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+      
+
+    }
+    else if(document.getElementById('b3').style.display=='flex' && document.getElementById('button3').textContent=='药品收入统计 ▲'){
+      document.getElementById('b3').style.display='none';
+      document.getElementById('button3').textContent='药品收入统计 ▼';
+      var chartContainer1 = document.getElementById('chart311');  
+      var myChart1 = echarts.getInstanceByDom(chartContainer1); 
+      if (myChart1) {  
+      myChart1.dispose();  
+      }
+    }
+  }
+
+  function show31(){
+    var select = document.getElementById('selectdate');
+    // console.log(String(select.value));
+
+    if (select.value != ''){
+
+      const requestBody = {wenti:20022,name:"陈永杭",data:String(select.value)};
+          fetch('http://localhost:3000', {
+          method: 'POST',
+          headers: {
+              'Content-Type': 'application/json' // 设置请求头为JSON
+          },
+          body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+          })
+          .then(response => 
+          response.json())
+          .then(data => {
+              // console.log(data);
+              const result = data.reduce((accumulator, currentValue) => {  
+              accumulator[currentValue.name] = (accumulator[currentValue.name] || 0) + currentValue.value;  
+              return accumulator;  
+              }, {}); 
+              const resultArray = Object.entries(result).map(([name, value]) => ({ name, value }));
+              // console.log(result);
+              // console.log(resultArray);
+              const timesArray = resultArray.map(obj => obj.name);
+              const valueArray = resultArray.map(obj => obj.value);
+              // console.log(timesArray);
+              // console.log(valueArray);
+
+              const sum = valueArray.reduce((accumulator, currentValue) => { 
+                return accumulator + currentValue;  
+              }, 0);
+              const formattedSum = parseFloat(sum.toFixed(2)); 
+
+              const sum31 = valueArray.reduce(function(a, b) {  
+                return Math.max(a, b);  
+              }, 0);
+              const formattedSum31 = parseFloat(sum31.toFixed(2)); 
+
+              const maxIndex32 = valueArray.findIndex(num => num === sum31);
+              const MaxDay32 = String(timesArray[maxIndex32]); 
+
+              var chartContainer1 = document.getElementById('chart311');  
+              var myChart1 = echarts.getInstanceByDom(chartContainer1); 
+              if (myChart1) {  
+              myChart1.dispose();  
+              }
+
+              var chart = echarts.init(document.getElementById('chart311'));
+              var option = {
+                title: {  
+                        text: '每日收入统计（元）'  
+                    },  
+                    tooltip: {},  
+                    legend: {  
+                        data:['当日收入']  
+                    },  
+                    xAxis: {  
+                        data: timesArray  
+                    },  
+                    yAxis: {},  
+                    series: [{  
+                        name: '当日收入',  
+                        type: 'bar',  
+                        data: valueArray  
+                    }]  
+              };
+              chart.setOption(option);
+
+              document.getElementById('SelectedMonthIncome').innerText = '已选择年/月的总收入为：'+String(formattedSum);
+              document.getElementById('MaxIncome').innerText = '已选择年/月最高收入为：'+String(formattedSum31);
+              document.getElementById('MaxIncomeDay').innerText = '已选择年/月最高收入日为：'+MaxDay32;
+          }) // 打印服务器返回的数据
+          .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+    }
+  }
+
+  function show32(){
+
+    var select = document.getElementById('selectyao');
+    // console.log(String(select.value));
+
+    if (select.value != ''){
+
+      const requestBody = {wenti:20024,name:"陈永杭",data:String(select.value)};
+          fetch('http://localhost:3000', {
+          method: 'POST',
+          headers: {
+              'Content-Type': 'application/json' // 设置请求头为JSON
+          },
+          body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+          })
+          .then(response => 
+          response.json())
+          .then(data => {
+              // console.log(data);
+              const result = data.reduce((accumulator, currentValue) => {  
+              accumulator[currentValue.name] = (accumulator[currentValue.name] || 0) + currentValue.value;  
+              return accumulator;  
+              }, {}); 
+              const resultArray = Object.entries(result).map(([name, value]) => ({ name, value }));
+              // console.log(result);
+              // console.log(resultArray);
+              const timesArray = resultArray.map(obj => obj.name);
+              const valueArray = resultArray.map(obj => obj.value);
+              // console.log(timesArray);
+              // console.log(valueArray);
+
+              const sum = valueArray.reduce((accumulator, currentValue) => { 
+                return accumulator + currentValue;  
+              }, 0);
+              const formattedSum = parseFloat(sum.toFixed(2)); 
+
+              var chartContainer1 = document.getElementById('chart311');  
+              var myChart1 = echarts.getInstanceByDom(chartContainer1); 
+              if (myChart1) {  
+              myChart1.dispose();  
+              }
+
+              var chart = echarts.init(document.getElementById('chart311'));
+              var option = {
+                title: {  
+                        text: String(select.value)+'\n收入统计（元）'  
+                    },  
+                    tooltip: {},  
+                    legend: {  
+                        data:['当日收入']  
+                    },  
+                    xAxis: {  
+                        data: timesArray  
+                    },  
+                    yAxis: {},  
+                    series: [{  
+                        name: '当日收入',  
+                        type: 'bar',  
+                        data: valueArray  
+                    }]  
+              };
+              chart.setOption(option);
+              document.getElementById('YaoSumIncome').innerText = '当前选择药品总收入为：'+String(formattedSum);
+
+          }) // 打印服务器返回的数据
+          .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+
+    }
+
+
+  }
+
+  function show33(){
+
+    const requestBody = {wenti:20023,name:"陈永杭"};
+      fetch('http://localhost:3000', {
+      method: 'POST',
+      headers: {
+          'Content-Type': 'application/json' // 设置请求头为JSON
+      },
+      body: JSON.stringify(requestBody) // 将请求体转换为JSON字符串
+      })
+      .then(response => 
+        response.json())
+      .then(data => {
+          // console.log(data);
+          const namesArray = data.map(obj => obj.name);
+          // console.log(namesArray);
+          const uniqueSet = new Set(namesArray); 
+          const uniqueArr = Array.from(uniqueSet);
+          // console.log(uniqueArr);
+
+          var select = document.getElementById('selectyao');
+
+          while (select.options.length > 0) {  
+              select.remove(select.options.length - 1);  
+          }
+
+          var opt0 = document.createElement('option');  
+          opt0.value = '';  
+          opt0.text = '请选择';  
+          opt0.selected = true;
+          select.appendChild(opt0);  
+
+          for (var i = 0; i < uniqueArr.length; i++) {  
+          var opt = document.createElement('option');  
+          opt.value = uniqueArr[i];  
+          opt.text = uniqueArr[i];  
+          select.appendChild(opt);  
+          }
+
+      }) // 打印服务器返回的数据
+      .catch(error => console.error('Error:', error)); // 捕获并打印错误信息
+  }
+
+</script>
+
+</html>
