Sfoglia il codice sorgente

fix: 日期下拉组件样式优化

vera_min 1 anno fa
parent
commit
b26fcaee32
1 ha cambiato i file con 17 aggiunte e 13 eliminazioni
  1. 17 13
      src/views/iot/iotCard/dashboard.vue

+ 17 - 13
src/views/iot/iotCard/dashboard.vue

@@ -2,17 +2,18 @@
 <template>
   <div class="page">
 		<el-card shadow="nover" class="page-full-part">
-			<div class="select-wrap">
-				<el-select v-model="types" placeholder="请选择" style="width: 320px" @change="typeChange()">
-					<!-- 1电信,2联通,3移动 -->
-					<el-option label="电信" :value="1" />
-					<el-option label="联通" :value="2" />
-					<el-option label="移动" :value="3" />
-				</el-select>
-			</div>
-
 		  <div shadow="nover" class="top-wrap">
-        <div class="title">数据统计</div>
+        <div class="title flex">
+          数据统计
+          <div class="select-wrap">
+            <el-select v-model="types" placeholder="请选择" style="width: 320px" @change="typeChange()">
+              <!-- 1电信,2联通,3移动 -->
+              <el-option label="电信" :value="1" />
+              <el-option label="联通" :value="2" />
+              <el-option label="移动" :value="3" />
+            </el-select>
+          </div>
+        </div>
 				<div class="top-inner-wrap">
 					<div class="line-wrap flow-line-wrap">
 						<div class="text-wrap">
@@ -67,7 +68,7 @@
 									/>
 							</div>
 					</div>
-					<div style="height: 460px;" ref="flowLine"></div>
+					<div style="height: 508px;" ref="flowLine"></div>
 				</el-card>
 
 				<el-card shadow="nover" class="right-wrap">
@@ -608,6 +609,9 @@ watch(
 }
 .top-wrap {
 	width: 100%;
+  .flex {
+    justify-content: space-between;
+  }
 	.top-inner-wrap {
 		display: flex;
 		margin-top: 10px;
@@ -661,7 +665,7 @@ watch(
   margin-top: 20px;
 
   .left-wrap {
-    width: 66%;
+    width: 67%;
     .top-title-wrap {
       display: flex;
       justify-content: space-between;
@@ -679,7 +683,7 @@ watch(
     }
   }
   .right-wrap {
-    width: 36%;
+    width: 33%;
 		.top-title-wrap {
       display: flex;
       justify-content: space-between;