feat(report): 优化气瓶使用登记表功能

- 修改登录页面布局，添加系统 logo
- 优化设备注册表单，根据 disabled 状态控制下载按钮显示
- 改进打印示例页面布局和样式
- 优化上传文件页面列表样式

src/views/login.vue

@@ -7,9 +7,10 @@
       <!-- 表单 -->
       <div class="field">
         <!-- [移动端]标题 -->
-        <h2 >
-          <h3 class="title">鹿泉区智能填单系统</h3>
-        </h2>
+        <div class="header">
+          <img src="@/assets/logo/logo.png" alt="">
+          <h2 class="title">鹿泉区智能填单系统</h2>
+        </div>
 
         <!-- 表单 -->
         <div class="form-cont">
@@ -326,4 +327,18 @@
       
     }
   }
+
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    img{
+      width: 50px;
+      margin-right: 20px;
+    }
+    h2{
+      margin: 0!important;
+    }
+  }
 </style>

src/views/report/eventList/EquipmentRegistrationForm.vue

@@ -209,7 +209,7 @@
     </el-form>
     <div class="dark-text tation">注：本式样适用于车用气瓶使用登记。</div>
     <div class="footer">
-      <el-button type="primary" @click="exportToWord">{{ disabled ? '下载' : '保存并下载' }}</el-button>
+      <el-button type="primary" @click="exportToWord" v-if="disabled">下载</el-button>
     </div>
   </div>
 </template>

src/views/report/eventList/printDemo.vue

@@ -29,7 +29,7 @@
             <el-button @click="rotate -= 90" style="font-size: 22px;padding: 5px 15px;">&#x27F2;</el-button>
             <el-button @click="currentPage = currentPage - 1" :disabled="currentPage <= 1"
               style="font-size: 14px;padding: 10px 15px;">上一页</el-button>
-            <span>第 {{ currentPage }} 页 / 共 {{ pageCount }} 页</span>
+            <span style="font-size: 14px;margin: 0 10px;">第 {{ currentPage }} 页 / 共 {{ pageCount }} 页</span>
             <el-button @click="currentPage = currentPage + 1" :disabled="currentPage >= pageCount"
               style="font-size: 14px;padding: 10px 15px;">下一页</el-button>
           </div>
@@ -49,12 +49,17 @@
 
       </div>
     </div>
-    <div class="word-view-box">
-      <div v-if="Object.keys(formData).length === 0 && progress.visible">Loading data...</div>
-      <el-button v-else-if="Object.keys(formData).length === 0 && !progress.visible"
-        @click="mockFetchData">重新识别</el-button>
-      <EquipmentRegistrationForm v-else :initialData="formData" />
+    <div class="export-bx">
+      <div class="word-view-box">
+        <div v-if="Object.keys(formData).length === 0 && progress.visible">Loading data...</div>
+        <el-button v-else-if="Object.keys(formData).length === 0 && !progress.visible"
+          @click="mockFetchData">重新识别</el-button>
+        <EquipmentRegistrationForm ref="ERF" v-else :initialData="formData" />
+      </div>
+      <el-button style="position: absolute;bottom: 20px;z-index: 9999;right: 50%;transform: translateX(50%);" @click="exportToWord">保存并下载</el-button>
+
     </div>
+
     <div class="masks" v-if="progress.visible">
       <div class="progress-box">
         <div class="loader">
@@ -147,6 +152,10 @@
       this.mockFetchData()
     },
     methods: {
+      //保存并下载
+      exportToWord() {
+        this.$refs.ERF.exportToWord()
+      },
       rotateClockwise() {
         this.rotate = (this.rotate + 90) % 360;
       },
@@ -199,7 +208,7 @@
           formData.fillingMedium = qualifiedItems.length > 0
             ? qualifiedItems[0].fillingMedium.replace(/[(（）)]/g, '') // 新增过滤逻辑
             : '';
-            debugger
+          debugger
         } catch (e) {
           console.error('充装介质处理失败:', e);
           formData.fillingMedium = ''; // 默认值
@@ -853,7 +862,7 @@
       align-items: flex-start;
       justify-content: space-between;
       overflow-y: scroll;
-      height: calc(100vh - 86px);
+      height: calc(100vh - 125px);
       overflow-y: scroll;
       background-color: #fff;
       padding: 15px;
@@ -862,7 +871,7 @@
 
       .list-scroll-nomore {
         margin-top: 55px;
-        height: 98vh;
+        height: 77vh;
         overflow-y: scroll;
         scrollbar-width: none;
         width: 10%;
@@ -876,10 +885,12 @@
 
         .file-item {
           width: 100%;
+          background: #fff;
+          padding: 5px 0;
         }
 
         .file-item:not(:last-child) {
-          margin-bottom: 10px;
+          margin-bottom: 15px;
           cursor: pointer;
         }
       }
@@ -905,7 +916,7 @@
 
         .nomore-view {
           width: 100%;
-          height: calc(100vh - 16px);
+          height: calc(100vh - 200px);
           background-color: #eef1f9;
           overflow: hidden;
           position: relative;
@@ -954,12 +965,20 @@
       }
     }
 
+    .export-bx {
+      background-color: #fff;
+      position: relative;
+      height: calc(100vh - 126px);
+      overflow-y: scroll;
+      scrollbar-width: none;
+    }
+
     .word-view-box {
       width: fit-content;
       min-width: 50%;
-      height: calc(100vh - 86px);
+      height: calc(100vh - 200px);
       overflow-y: scroll;
-      scrollbar-width: thin!important;
+      scrollbar-width: thin !important;
       scrollbar-color: #7dbdfc #f5f5f5;
     }
   }

src/views/report/eventList/uploadFile.vue

@@ -442,7 +442,7 @@
 
     ol {
       li {
-        font-size: 14px;
+        font-size: 15px;
       }
     }
   }