From 85b31316fdb2d3bceff40819a6ec2a53a42f1a47 Mon Sep 17 00:00:00 2001
From: lijun <lijun.lj@foxmail.com>
Date: Sat, 4 Apr 2026 19:20:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=87=E4=BB=B6=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/FileList.vue | 88 ++++++++++++++++++++++--------------------
 1 file changed, 46 insertions(+), 42 deletions(-)

diff --git a/src/views/FileList.vue b/src/views/FileList.vue
index 84ce318..059c38e 100644
--- a/src/views/FileList.vue
+++ b/src/views/FileList.vue
@@ -1,7 +1,5 @@
 <script>
-import axios from "axios";
 import router from "@/router/index.js";
-import Cookies from "js-cookie";
 import { autoResizerProps, ElMessage } from "element-plus";
 import CryptoJS from "crypto-js";
 import Menu from "@/views/Menu.vue";
@@ -104,7 +102,7 @@ export default {
         if (result.code == 0) {
           ElMessage.success("添加成功");
           this.getConfigFileList();
-          this.addConfigFileVidibale = false;
+          this.addConfigFileVisible = false;
         } else {
           ElMessage.error("添加失败");
         }
@@ -332,8 +330,8 @@ export default {
   <div>
     <Menu></Menu>
     <el-container style="height: 700px; border: 1px solid #eee">
-      <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
-        >文件</el-header
+      <el-header style="font-size: 28px; font-weight: 500; background-color: #f5f7fa; display: flex; align-items: center; padding: 0 20px; border-bottom: 1px solid #e4e7ed;"
+        >配置文件管理</el-header
       >
       <el-container>
         <el-main>
@@ -342,18 +340,20 @@ export default {
               <el-dialog
                 v-model="updateDialogVisible"
                 title="编辑配置文件"
-                width="60%"
+                width="70%"
                 :before-close="handleClose"
+                top="3vh"
+                :close-on-click-modal="false"
               >
                 <!-- 内容主体区域 -->
                 <el-form
                   ref="updateFormRef"
                   :model="ConfigFileUpdateForm"
                   :rules="UserUpdateFormRules"
-                  label-width="70px"
+                  label-width="90px"
                 >
                   <!-- row -->
-                  <el-row>
+                  <el-row gutter="20">
                     <el-col :span="12">
                       <el-form-item label="ID">
                         <el-input
@@ -370,22 +370,25 @@ export default {
                         ></el-input>
                       </el-form-item>
                     </el-col>
-                    <el-col :span="32">
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
                       <el-form-item label="文件路径">
                         <el-input
                           v-model="ConfigFileUpdateForm.file_path"
                           disabled
-                          style="width: 512px"
                         ></el-input>
                       </el-form-item>
                     </el-col>
-                    <el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
                       <el-form-item label="文件内容" prop="device_status">
                         <el-input
                           type="textarea"
                           v-model="ConfigFileUpdateForm.content"
-                          style="width: 800px"
-                          :autosize="{ minRows: 4, maxRows: 24 }"
+                          style="font-family: 'Consolas', 'Monaco', monospace; font-size: 14px; line-height: 1.6; min-height: 650px; width: 800px;"
+                          :autosize="{ minRows: 20, maxRows: 60 }"
                         />
                       </el-form-item>
                     </el-col>
@@ -410,16 +413,14 @@ export default {
             <el-form :inline="true" :model="tokenData" class="demo-form-inline">
               <el-form-item>
                 <el-button
-                  class="el-button--danger"
                   type="primary"
                   @click="getConfigFileList()"
-                  >查询</el-button
+                  >刷新列表</el-button
                 >
               </el-form-item>
               <el-form-item>
                 <el-button
-                  class="el-button--danger"
-                  type="primary"
+                  type="success"
                   @click="addConfigFileV()"
                   >添加配置文件</el-button
                 >
@@ -440,43 +441,43 @@ export default {
           <el-dialog
             v-model="addConfigFileVisible"
             title="添加配置文件"
-            width="50%"
+            width="600px"
             :before-close="handleClose"
+            top="15vh"
           >
             <!-- 内容主体区域 -->
             <el-form
               ref="addFormRef"
               :model="addForm"
               :rules="addFormRules"
-              label-width="70px"
+              label-width="90px"
+              style="padding: 20px 10px;"
             >
-              <el-row>
-                <el-form-item label="文件名称" prop="file_name">
-                  <el-input
-                    v-model="addForm.file_name"
-                    autocomplete="on"
-                  ></el-input>
-                </el-form-item>
-              </el-row>
-              <el-row>
-                <el-form-item label="文件路径" prop="file_path">
-                  <el-input
-                    v-model="addForm.file_path"
-                    autocomplete="on"
-                  ></el-input>
-                </el-form-item>
-              </el-row>
+              <el-form-item label="文件名称" prop="file_name">
+                <el-input
+                  v-model="addForm.file_name"
+                  autocomplete="on"
+                  placeholder="请输入文件名称"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="文件路径" prop="file_path">
+                <el-input
+                  v-model="addForm.file_path"
+                  autocomplete="on"
+                  placeholder="请输入文件完整路径"
+                ></el-input>
+              </el-form-item>
             </el-form>
             <!-- 底部区域 -->
             <template #footer>
               <span class="dialog-footer">
-                <el-button @click="addConfigFileVidibale = false"
-                  >取消</el-button
-                >
-                <el-button type="primary" @click="addConfigFile()"
-                  >确定</el-button
-                >
-              </span>
+                    <el-button @click="addConfigFileVisible = false"
+                      >取消</el-button
+                    >
+                    <el-button type="primary" @click="addConfigFile()"
+                      >确定</el-button
+                    >
+                  </span>
             </template>
           </el-dialog>
 
@@ -487,6 +488,9 @@ export default {
             v-loading="loading"
             element-loading-text="加载中..."
             element-loading-background="rgba(240, 242, 245, 0.8)"
+            border
+            stripe
+            style="margin-top: 20px;"
           >
             :row-style="this.tableRowClassName"
             <el-table-column prop="ID" label="id" width="80"></el-table-column>