样式调整

acupuncture-前台/src/views/indexCom/JM.vue

@@ -13,7 +13,7 @@
             </div>
           </el-card>
         </div>
-        <div style="flex: 1">
+        <div style="flex: 1; margin-right: 20px">
           <el-card shadow="always">
             <div class="dis title-box">
               <span class="header-title">体系分布</span>
@@ -24,32 +24,28 @@
             </div>
           </el-card>
         </div>
-      </div>
-    </div>
-    <div class="app-container">
-      <div class="dis" style="width: 100%">
-        <div style="flex: 1; margin-right: 20px">
-          <el-card shadow="always">
-            <div class="dis title-box">
-              <span class="header-title">体质分布</span>
-              <div class="dis"></div>
-            </div>
-            <div style="height: 300px" v-loading="loading">
-              <div id="physique" style="width: 100%"></div>
-            </div>
-          </el-card>
-        </div>
-        <div style="flex: 1">
-          <el-card shadow="always">
-            <div class="dis title-box">
-              <span class="header-title">体态评估（TAPS）</span>
-              <div class="dis"></div>
-            </div>
-            <div style="height: 300px" v-loading="loading">
-              <div id="posture" style="width: 100%"></div>
-            </div>
-          </el-card>
-        </div>
+		<div style="flex: 1; margin-right: 20px">
+		  <el-card shadow="always">
+		    <div class="dis title-box">
+		      <span class="header-title">体质分布</span>
+		      <div class="dis"></div>
+		    </div>
+		    <div style="height: 300px" v-loading="loading">
+		      <div id="physique" style="width: 100%"></div>
+		    </div>
+		  </el-card>
+		</div>
+		<div style="flex: 1">
+		  <el-card shadow="always">
+		    <div class="dis title-box">
+		      <span class="header-title">体态评估（TAPS）</span>
+		      <div class="dis"></div>
+		    </div>
+		    <div style="height: 300px" v-loading="loading">
+		      <div id="posture" style="width: 100%"></div>
+		    </div>
+		  </el-card>
+		</div>
       </div>
     </div>
     <div class="app-container">

acupuncture-前台/src/views/indexCom/XGZL.vue

@@ -22,7 +22,7 @@
 						</div>
 					</el-card>
 				</div>
-				<div style="flex: 1">
+				<div style="flex: 1; margin-right: 20px">
 					<el-card shadow="always">
 						<div class="dis title-box">
 							<span class="header-title">病种方法分布</span>
@@ -33,23 +33,24 @@
 						</div>
 					</el-card>
 				</div>
+			<div style="flex: 1; margin-right: 20px">
+				<el-card shadow="always">
+					<div class="dis title-box">
+						<span class="header-title">病种穴位分布</span>
+						<div class="dis">
+						</div>
+					</div>
+					<div style="height: 300px" v-loading="loading">
+						<!-- <div id="acupoint" style="width: 100%"></div> -->
+					</div>
+				</el-card>
+			</div>
+			
 			</div>
 		</div>
 		<div class="app-container">
 			<div class="dis" style="width: 100%">
 				<div style="flex: 1; margin-right: 20px">
-					<el-card shadow="always">
-						<div class="dis title-box">
-							<span class="header-title">病种穴位分布</span>
-							<div class="dis">
-							</div>
-						</div>
-						<div style="height: 300px" v-loading="loading">
-							<!-- <div id="acupoint" style="width: 100%"></div> -->
-						</div>
-					</el-card>
-				</div>
-				<div style="flex: 1">
 					<el-card shadow="always">
 						<div class="dis title-box">
 							<span class="header-title">治疗效果</span>
@@ -79,11 +80,7 @@
 						</div>
 					</el-card>
 				</div>
-			</div>
-		</div>
-		<div class="app-container">
-			<div class="dis" style="width: 100%">
-				<div style="flex: 1; margin-right: 20px">
+				<div style="flex: 1">
 					<el-card shadow="always">
 						<div class="dis title-box">
 							<span class="header-title">诊疗费用分布</span>
@@ -95,9 +92,6 @@
 						</div>
 					</el-card>
 				</div>
-				<div style="flex: 1">
-
-				</div>
 			</div>
 		</div>
 	</div>

acupuncture-前台/src/views/indexCom/follow.vue

@@ -109,7 +109,6 @@
 					}
 					followEcharts.series.push(series)
 				}
-				console.log('followEcharts',followEcharts)
 				this.$nextTick(() => {
 					var myChart = echarts.init(document.getElementById("follow"), null, {
 						height: 300,
@@ -127,7 +126,6 @@
 				lossFollowEcharts.xAxis.data = this.lossFollowValue?.map((item) => {
 					return item.reason;
 				});
-				console.log('this.lossFollowValue', this.lossFollowValue)
 				this.$nextTick(() => {
 					var myChart = echarts.init(document.getElementById("lossFollow"), null, {
 						height: 300,

acupuncture-前台/src/views/indexCom/patient.vue

@@ -14,7 +14,7 @@
 						</div>
 					</el-card>
 				</div>
-				<div style="flex: 1">
+				<div style="flex: 1;margin-right: 20px">
 					<el-card shadow="always">
 						<div class="dis title-box">
 							<span class="header-title">性别数量</span>
@@ -35,10 +35,6 @@
 						</div>
 					</el-card>
 				</div>
-			</div>
-		</div>
-		<div class="app-container">
-			<div class="dis" style="width: 100%">
 				<div style="flex: 1; margin-right: 20px">
 					<el-card shadow="always">
 						<div class="dis title-box">
@@ -51,7 +47,7 @@
 						</div>
 					</el-card>
 				</div>
-				<div style="flex: 1">
+				<div style="flex: 1;">
 					<el-card shadow="always">
 						<div class="dis title-box">
 							<span class="header-title">既往病种分布</span>