瀏覽代碼

#fix 修复已知问题

jc-wangyt 1 天之前
父節點
當前提交
44a262719c
共有 2 個文件被更改,包括 34 次插入12 次删除
  1. 1 1
      src/views/driving/index.vue
  2. 33 11
      src/views/openMarketBid/index.vue

+ 1 - 1
src/views/driving/index.vue

@@ -47,7 +47,7 @@
               <div class="alarm-items-container">
                 <div v-for="alarm in realTimeAlarms" :key="alarm.id" class="alarm-item">
                   <div class="alarm-indicator">{{ alarm.indicator }}</div>
-                  <div class="alarm-time">{{ alarm.occurTime }}/{{ alarm.alarmType }}</div>
+                  <div class="alarm-time">{{ alarm.occurTime }}</div>
                   <div class="alarm-status">
                     <el-tag type="danger"> 未处理 </el-tag>
                   </div>

+ 33 - 11
src/views/openMarketBid/index.vue

@@ -37,7 +37,7 @@
                             </el-col>
                             <el-col :xs="24" :sm="12" :md="8" :lg="6">
                                 <el-form-item label="分公司" prop="branchCompany">
-                                       <el-input v-model="searchForm.branchCompany" placeholder="请输入分公司"
+                                    <el-input v-model="searchForm.branchCompany" placeholder="请输入分公司"
                                         clearable></el-input>
                                 </el-form-item>
                             </el-col>
@@ -78,21 +78,21 @@
 
                         <!-- 日期选择区域 -->
                         <el-row :gutter="20" class="date-row">
-                            <el-col :span="8">
+                            <el-col :xs="24" :sm="24" :md="12" :lg="8">
                                 <el-form-item label="发布时间" prop="publishDate">
                                     <el-date-picker v-model="searchForm.publishDate" type="daterange"
                                         range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                                         format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker>
                                 </el-form-item>
                             </el-col>
-                            <el-col :span="8">
+                            <el-col :xs="24" :sm="24" :md="12" :lg="8">
                                 <el-form-item label="开标日期" prop="bidOpeningDate">
                                     <el-date-picker v-model="searchForm.bidOpeningDate" type="daterange"
                                         range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                                         format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker>
                                 </el-form-item>
                             </el-col>
-                            <el-col :span="8">
+                            <el-col :xs="24" :sm="24" :md="12" :lg="8">
                                 <el-form-item label="入库时间" prop="storageDate">
                                     <el-date-picker v-model="searchForm.storageDate" type="daterange"
                                         range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
@@ -194,7 +194,7 @@
                                     </el-dropdown-item>
                                 </el-dropdown-menu>
                             </template>
-                        </el-dropdown> -->
+    </el-dropdown> -->
                     </template>
                 </el-table-column>
 
@@ -392,7 +392,7 @@ export default {
             console.log('分页参数:', this.queryParams);
             console.log('搜索条件:', this.searchForm);
             this.tableLoading = true;
-            
+
             // 构建请求参数
             const requestParams = {
                 ...this.queryParams,
@@ -405,7 +405,7 @@ export default {
                 dataSource: this.searchForm.dataSource,
                 customerGroup: this.searchForm.customerGroup,
                 announcementType: this.searchForm.announcementType,
-                
+
                 // 日期范围条件
                 publishTimeStart: this.searchForm.publishDate ? this.searchForm.publishDate[0] : '',
                 publishTimeEnd: this.searchForm.publishDate ? this.searchForm.publishDate[1] : '',
@@ -414,7 +414,7 @@ export default {
                 createTimeStart: this.searchForm.storageDate ? this.searchForm.storageDate[0] : '',
                 createTimeEnd: this.searchForm.storageDate ? this.searchForm.storageDate[1] : ''
             };
-            
+
             /**
              * @description: 获取公开市场列表
              * @param {*}
@@ -439,7 +439,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .search-container {
     background-color: #fff;
     padding: 20px;
@@ -448,8 +448,13 @@ export default {
     margin-bottom: 20px;
 }
 
-.search-form {
+::v-deep .search-form {
     margin-bottom: 0;
+    .el-date-editor {
+        width: 100%;
+    }
+
+    /* el-range-editor el-input__inner el-date-editor--daterange el-range-editor--medium */
 }
 
 .search-form .el-form-item {
@@ -458,10 +463,27 @@ export default {
 
 /* 统一搜索表单中输入控件的宽度 */
 .search-form .el-input,
-.search-form .el-select {
+.search-form .el-select,
+.search-form .el-date-picker {
     width: 100%;
 }
 
+/* 日期选择区域的响应式调整 */
+.date-row {
+    margin-top: 15px;
+}
+
+/* 确保在小屏幕上标签和输入框正确显示 */
+@media screen and (max-width: 768px) {
+    .search-form {
+        label-width: auto !important;
+    }
+
+    .search-form .el-form-item__label {
+        margin-right: 10px;
+    }
+}
+
 .list-container {
     background-color: #fff;
     padding: 20px;