init

src/views/Equipment/equipmentDetailList.vue

@@ -9,7 +9,7 @@
           padding-top: 18px;
         "
       >
-        <span style="line-height: 40px" class="demonstration">楼盘名称：</span>
+        <span class="demonstration">楼盘名称：</span>
         <div style="width: 200px">
           <!--				<el-input  v-model="page.accountName"></el-input>-->
           <el-select v-model="houseId" filterable placeholder="请选择" @change="change">
@@ -34,7 +34,7 @@
           padding-top: 18px;
         "
       >
-        <span style="line-height: 40px" class="demonstration">使用时间：</span>
+        <span  class="demonstration">使用时间：</span>
         <div class="toptimeqhuan">
           <div :class="{ tophove: timeType == 4 }" @click="tabtimetap(4)">
             近7天
@@ -63,27 +63,25 @@
             >对比时间段</el-checkbox
           >
         </div>
-        <div v-if="checked">
-          <div class="demonstration timeSel" @click="show">
-            {{ selectTime1 ? "时段二： " : "请选择： "
-            }}<span v-if="selectTime1">{{
-              selectTime + "-" + selectTime1
-            }}</span>
-          </div>
-          <el-date-picker
-            style="opacity: 0"
-            v-model="time"
-            @change="timeChange"
-            ref="time"
-            :validate-event="false"
-            type="date"
-            placeholder="选择日期"
-            format="yyyy - MM - dd "
-            value-format="yyyy-MM-dd"
-            :picker-options="pickerOptions"
-          >
+          <div v-if="checked" style="margin-left: 20px;border:1px solid #DCDFE6;min-width: 220px;height: 32px;border-radius: 4px;max-width:250px;
+             font-size: 13px; line-height: 32px; text-indent: 8px;"   @click="show">
+            {{ selectTime1 ? "时段二： " : "请选择： "}}
+            <span v-if="selectTime1">{{selectTime + "-" + selectTime1}}</span>
+            <el-date-picker
+              style="opacity: 0"
+              v-model="time"
+              @change="timeChange"
+              ref="time"
+              :validate-event="false"
+              type="date"
+              placeholder="选择日期"
+              format="yyyy - MM - dd "
+              value-format="yyyy-MM-dd"
+              :picker-options="pickerOptions"
+            >
           </el-date-picker>
-        </div>
+          </div>
+
       </div>
 
       <div class="kapiannox">
@@ -1317,7 +1315,7 @@ export default {
 }
 .toptimeqhuan {
   width: 230px;
-  height: 40px;
+  height: 32px;
   background: #ffffff;
   border-radius: 4px;
   border: 1px solid #e0e0e0;
@@ -1330,7 +1328,7 @@ export default {
 .toptimeqhuan div {
   flex: 1;
   text-align: center;
-  line-height: 40px;
+  line-height: 32px;
   font-size: 16px;
 }
 .tophove {
@@ -1421,4 +1419,7 @@ export default {
 .alllist-f2 {
   font-size: 12px;
 }
+.demonstration{
+  line-height: 36px;
+}
 </style>