首页样式调整

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

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)

acupuncture-前台/src/views/index.vue

@@ -3,45 +3,25 @@
 		<div></div>
 		<div>
 			<el-card shadow="always">
-        <search
+				<search @picker-change="pickerChage" title="患者信息统计" type="1"></search>
-          @radio-change="radioChange"
-          @picker-change="pickerChage"
-          title="患者信息统计"
-          type="1"
-        ></search>
 			</el-card>
 			<patient ref="patient"></patient>
 		</div>
 		<div>
 			<el-card shadow="always">
-        <search
+				<search @picker-change="pickerChage" title="诊疗信息统计" type="2"></search>
-          @radio-change="radioChange"
-          @picker-change="pickerChage"
-          title="诊疗信息统计"
-          type="2"
-        ></search>
 			</el-card>
 			<JM ref="JM"></JM>
 		</div>
 		<div>
 			<el-card shadow="always">
-        <search
+				<search @picker-change="pickerChage" title="治疗类型统计" type="3"></search>
-          @radio-change="radioChange"
-          @picker-change="pickerChage"
-          title="治疗类型统计"
-          type="3"
-        ></search>
 			</el-card>
 			<XGZL ref="XGZL"></XGZL>
 		</div>
 		<div>
 			<el-card shadow="always">
-	    <search
+				<search @picker-change="pickerChage" title="随访统计" type="4"></search>
-	      @radio-change="radioChange"
-	      @picker-change="pickerChage"
-	      title="随访统计"
-	      type="4"
-	    ></search>
 			</el-card>
 			<follow ref="follow"></follow>
 		</div>
@@ -49,13 +29,16 @@
 </template>
 
 <script>
-import { getCodeImg, firstAidTest } from "@/api/login";
+	import {
-import search from "@/views/indexCom/query";
+		getCodeImg,
-import patient from "@/views/indexCom/patient";
+		firstAidTest
-import JM from "@/views/indexCom/JM";
+	} from "@/api/login";
-import XGZL from "@/views/indexCom/XGZL";
+	import search from "@/views/indexCom/query";
-import follow from "@/views/indexCom/follow";
+	import patient from "@/views/indexCom/patient";
-export default {
+	import JM from "@/views/indexCom/JM";
+	import XGZL from "@/views/indexCom/XGZL";
+	import follow from "@/views/indexCom/follow";
+	export default {
 		name: "Index",
 		components: {
 			search,
@@ -105,6 +88,9 @@ export default {
 				if (_type == 3) {
 					this.$refs.XGZL.statistics(_data, param);
 				}
+				if (_type == 4) {
+					this.$refs.follow.statistics(_data, param);
+				}
 			},
 		},
 		directives: {
@@ -115,6 +101,7 @@ export default {
 					// el为绑定的元素，binding为绑定给指令的对象
 					let width = "",
 						height = "";
+
 					function isReize() {
 						const style = document.defaultView.getComputedStyle(el);
 						if (width !== style.width) {
@@ -129,27 +116,30 @@ export default {
 				},
 			},
 		},
-};
+	};
 </script>
 
 <style scoped lang="scss">
-.home {
+	.home {
 		background: #f3f5f9;
 		min-height: 100vh;
-}
+	}
-.home {
+
+	.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;
 		}
@@ -159,7 +149,11 @@ export default {
 			margin: 0;
 		}
 
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+		font-family: "open sans",
+		"Helvetica Neue",
+		Helvetica,
+		Arial,
+		sans-serif;
 		font-size: 13px;
 		color: #676a6c;
 		overflow-x: hidden;
@@ -197,13 +191,14 @@ export default {
 				padding-inline-start: 40px;
 			}
 		}
-}
+	}
 </style>
 <style scoped>
->>> .el-card {
+	>>>.el-card {
 		margin-bottom: 16px;
-}
+	}
->>> .el-card__body {
+
+	>>>.el-card__body {
 		padding: 10px 20px;
-}
+	}
 </style>

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-group> -->
-          <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-date-picker
           v-model="pickerValue"
           type="daterange"