From bd39beb2bc1e3a90a4de6ec89ae019f27f0318bd Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Tue, 18 Feb 2025 12:24:38 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 acupuncture-前台/package.json                 |   1 +
 acupuncture-前台/src/main.js                  |   2 +
 acupuncture-前台/src/views/index.vue          | 377 +++++++++---------
 acupuncture-前台/src/views/indexCom/query.vue |   8 +-
 4 files changed, 191 insertions(+), 197 deletions(-)

diff --git a/acupuncture-前台/package.json b/acupuncture-前台/package.json
index fcc990f7..103e1305 100644
--- a/acupuncture-前台/package.json
+++ b/acupuncture-前台/package.json
@@ -48,6 +48,7 @@
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "moment": "^2.30.1",
     "nprogress": "0.2.0",
     "quill": "2.0.2",
     "screenfull": "5.0.2",
diff --git a/acupuncture-前台/src/main.js b/acupuncture-前台/src/main.js
index 13c6cf29..1fa0ce5d 100644
--- a/acupuncture-前台/src/main.js
+++ b/acupuncture-前台/src/main.js
@@ -13,6 +13,7 @@ import router from './router'
 import directive from './directive' // directive
 import plugins from './plugins' // plugins
 import { download } from '@/utils/request'
+import moment from 'moment';
 
 import './assets/icons' // icon
 import './permission' // permission control
@@ -48,6 +49,7 @@ Vue.prototype.selectDictLabel = selectDictLabel
 Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
 Vue.prototype.handleTree = handleTree
+Vue.prototype.$moment = moment
 
 // 全局组件挂载
 Vue.component('DictTag', DictTag)
diff --git a/acupuncture-前台/src/views/index.vue b/acupuncture-前台/src/views/index.vue
index 6cfba258..3209a3ec 100644
--- a/acupuncture-前台/src/views/index.vue
+++ b/acupuncture-前台/src/views/index.vue
@@ -1,209 +1,204 @@
 <template>
-  <div class="app-container home" v-resize="resize">
-    <div></div>
-    <div>
-      <el-card shadow="always">
-        <search
-          @radio-change="radioChange"
-          @picker-change="pickerChage"
-          title="患者信息统计"
-          type="1"
-        ></search>
-      </el-card>
-      <patient ref="patient"></patient>
-    </div>
-    <div>
-      <el-card shadow="always">
-        <search
-          @radio-change="radioChange"
-          @picker-change="pickerChage"
-          title="诊疗信息统计"
-          type="2"
-        ></search>
-      </el-card>
-      <JM ref="JM"></JM>
-    </div>
-    <div>
-      <el-card shadow="always">
-        <search
-          @radio-change="radioChange"
-          @picker-change="pickerChage"
-          title="治疗类型统计"
-          type="3"
-        ></search>
-      </el-card>
-      <XGZL ref="XGZL"></XGZL>
-    </div>
-	<div>
-	  <el-card shadow="always">
-	    <search
-	      @radio-change="radioChange"
-	      @picker-change="pickerChage"
-	      title="随访统计"
-	      type="4"
-	    ></search>
-	  </el-card>
-	  <follow ref="follow"></follow>
+	<div class="app-container home" v-resize="resize">
+		<div></div>
+		<div>
+			<el-card shadow="always">
+				<search @picker-change="pickerChage" title="患者信息统计" type="1"></search>
+			</el-card>
+			<patient ref="patient"></patient>
+		</div>
+		<div>
+			<el-card shadow="always">
+				<search @picker-change="pickerChage" title="诊疗信息统计" type="2"></search>
+			</el-card>
+			<JM ref="JM"></JM>
+		</div>
+		<div>
+			<el-card shadow="always">
+				<search @picker-change="pickerChage" title="治疗类型统计" type="3"></search>
+			</el-card>
+			<XGZL ref="XGZL"></XGZL>
+		</div>
+		<div>
+			<el-card shadow="always">
+				<search @picker-change="pickerChage" title="随访统计" type="4"></search>
+			</el-card>
+			<follow ref="follow"></follow>
+		</div>
 	</div>
-  </div>
 </template>
 
 <script>
-import { getCodeImg, firstAidTest } from "@/api/login";
-import search from "@/views/indexCom/query";
-import patient from "@/views/indexCom/patient";
-import JM from "@/views/indexCom/JM";
-import XGZL from "@/views/indexCom/XGZL";
-import follow from "@/views/indexCom/follow";
-export default {
-  name: "Index",
-  components: {
-    search,
-    patient,
-    JM,
-    XGZL,
-	follow
-  },
-  data() {
-    return {};
-  },
-  async created() {
-    // firstAidTest().then((res) => {
-    //   console.log(res);
-    // });
-    const start = new Date();
-    const end = new Date();
-    start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-    await setTimeout(async () => {
-      await this.$refs.patient.statistics([start, end], 4);
-      await this.$refs.JM.statistics([start, end], 4);
-      await this.$refs.XGZL.statistics([start, end], 4);
-    });
-  },
-  methods: {
-    resize() {
-      // this.$refs.patient.getRenew();
-      // this.$refs.JM.getRenew();
-      // this.$refs.XGZL.getRenew();
-    },
-    // 周 月 季 年
-    radioChange(_data, _type, _timeType) {
-      this.initial(_data, _type, _timeType);
-    },
-    // 时间
-    pickerChage(_data, _type, _timeType) {
-      this.initial(_data, _type, _timeType);
-    },
-    // 数据处理 查询类型判断参数
-    initial(_data, _type, param) {
-      if (_type == 1) {
-        this.$refs.patient.statistics(_data, param);
-      }
-      if (_type == 2) {
-        this.$refs.JM.statistics(_data, param);
-      }
-      if (_type == 3) {
-        this.$refs.XGZL.statistics(_data, param);
-      }
-    },
-  },
-  directives: {
-    // 使用局部注册指令的方式
-    resize: {
-      // 指令的名称
-      bind(el, binding) {
-        // el为绑定的元素，binding为绑定给指令的对象
-        let width = "",
-          height = "";
-        function isReize() {
-          const style = document.defaultView.getComputedStyle(el);
-          if (width !== style.width) {
-            binding.value(); // 关键
-          }
-          width = style.width;
-        }
-        el.__vueSetInterval__ = setInterval(isReize, 200);
-      },
-      unbind(el) {
-        clearInterval(el.__vueSetInterval__);
-      },
-    },
-  },
-};
+	import {
+		getCodeImg,
+		firstAidTest
+	} from "@/api/login";
+	import search from "@/views/indexCom/query";
+	import patient from "@/views/indexCom/patient";
+	import JM from "@/views/indexCom/JM";
+	import XGZL from "@/views/indexCom/XGZL";
+	import follow from "@/views/indexCom/follow";
+	export default {
+		name: "Index",
+		components: {
+			search,
+			patient,
+			JM,
+			XGZL,
+			follow
+		},
+		data() {
+			return {};
+		},
+		async created() {
+			// firstAidTest().then((res) => {
+			//   console.log(res);
+			// });
+			const start = new Date();
+			const end = new Date();
+			start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+			await setTimeout(async () => {
+				await this.$refs.patient.statistics([start, end], 4);
+				await this.$refs.JM.statistics([start, end], 4);
+				await this.$refs.XGZL.statistics([start, end], 4);
+			});
+		},
+		methods: {
+			resize() {
+				// this.$refs.patient.getRenew();
+				// this.$refs.JM.getRenew();
+				// this.$refs.XGZL.getRenew();
+			},
+			// 周 月 季 年
+			radioChange(_data, _type, _timeType) {
+				this.initial(_data, _type, _timeType);
+			},
+			// 时间
+			pickerChage(_data, _type, _timeType) {
+				this.initial(_data, _type, _timeType);
+			},
+			// 数据处理 查询类型判断参数
+			initial(_data, _type, param) {
+				if (_type == 1) {
+					this.$refs.patient.statistics(_data, param);
+				}
+				if (_type == 2) {
+					this.$refs.JM.statistics(_data, param);
+				}
+				if (_type == 3) {
+					this.$refs.XGZL.statistics(_data, param);
+				}
+				if (_type == 4) {
+					this.$refs.follow.statistics(_data, param);
+				}
+			},
+		},
+		directives: {
+			// 使用局部注册指令的方式
+			resize: {
+				// 指令的名称
+				bind(el, binding) {
+					// el为绑定的元素，binding为绑定给指令的对象
+					let width = "",
+						height = "";
+
+					function isReize() {
+						const style = document.defaultView.getComputedStyle(el);
+						if (width !== style.width) {
+							binding.value(); // 关键
+						}
+						width = style.width;
+					}
+					el.__vueSetInterval__ = setInterval(isReize, 200);
+				},
+				unbind(el) {
+					clearInterval(el.__vueSetInterval__);
+				},
+			},
+		},
+	};
 </script>
 
 <style scoped lang="scss">
-.home {
-  background: #f3f5f9;
-  min-height: 100vh;
-}
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
-  }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
+	.home {
+		background: #f3f5f9;
+		min-height: 100vh;
+	}
+
+	.home {
+		blockquote {
+			padding: 10px 20px;
+			margin: 0 0 20px;
+			font-size: 17.5px;
+			border-left: 5px solid #eee;
+		}
+
+		hr {
+			margin-top: 20px;
+			margin-bottom: 20px;
+			border: 0;
+			border-top: 1px solid #eee;
+		}
 
-  ul {
-    padding: 0;
-    margin: 0;
-  }
+		.col-item {
+			margin-bottom: 20px;
+		}
 
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
+		ul {
+			padding: 0;
+			margin: 0;
+		}
 
-  ul {
-    list-style-type: none;
-  }
+		font-family: "open sans",
+		"Helvetica Neue",
+		Helvetica,
+		Arial,
+		sans-serif;
+		font-size: 13px;
+		color: #676a6c;
+		overflow-x: hidden;
 
-  h4 {
-    margin-top: 0px;
-  }
+		ul {
+			list-style-type: none;
+		}
 
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
+		h4 {
+			margin-top: 0px;
+		}
 
-  p {
-    margin-top: 10px;
+		h2 {
+			margin-top: 10px;
+			font-size: 26px;
+			font-weight: 100;
+		}
 
-    b {
-      font-weight: 700;
-    }
-  }
+		p {
+			margin-top: 10px;
 
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
-    }
-  }
-}
+			b {
+				font-weight: 700;
+			}
+		}
+
+		.update-log {
+			ol {
+				display: block;
+				list-style-type: decimal;
+				margin-block-start: 1em;
+				margin-block-end: 1em;
+				margin-inline-start: 0;
+				margin-inline-end: 0;
+				padding-inline-start: 40px;
+			}
+		}
+	}
 </style>
 <style scoped>
->>> .el-card {
-  margin-bottom: 16px;
-}
->>> .el-card__body {
-  padding: 10px 20px;
-}
-</style>
+	>>>.el-card {
+		margin-bottom: 16px;
+	}
+
+	>>>.el-card__body {
+		padding: 10px 20px;
+	}
+</style>
\ No newline at end of file
diff --git a/acupuncture-前台/src/views/indexCom/query.vue b/acupuncture-前台/src/views/indexCom/query.vue
index fc740393..4b5ab797 100644
--- a/acupuncture-前台/src/views/indexCom/query.vue
+++ b/acupuncture-前台/src/views/indexCom/query.vue
@@ -6,7 +6,7 @@
     </div>
     <div>
       <div>
-        <el-radio-group
+        <!-- <el-radio-group
           v-model="radioValue"
           size="small"
           style="height: 36px"
@@ -16,11 +16,7 @@
           <el-radio label="1" border style="margin: 0 20px 0 0">月</el-radio>
           <el-radio label="2" border style="margin: 0 20px 0 0">季</el-radio>
           <el-radio label="3" border style="margin: 0 20px 0 0">年</el-radio>
-          <!-- <el-radio label="4" border style="margin: 0 20px 0 0">周</el-radio>
-          <el-radio label="4" border style="margin: 0 20px 0 0">月</el-radio>
-          <el-radio label="1" border style="margin: 0 20px 0 0">季</el-radio>
-          <el-radio label="1" border style="margin: 0 20px 0 0">年</el-radio> -->
-        </el-radio-group>
+        </el-radio-group> -->
         <el-date-picker
           v-model="pickerValue"
           type="daterange"