修改文件编辑

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