修改文件编辑

This commit is contained in:
lj124 2026-04-04 19:20:49 +08:00
parent 609d97ddbd
commit 85b31316fd
1 changed files with 46 additions and 42 deletions

View File

@ -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>