This commit is contained in:
clay
2022-01-11 20:39:41 +08:00
parent da11bb6bad
commit 72b148f82f
4 changed files with 174 additions and 33 deletions

View File

@@ -1,29 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- css样式-->
<style>
</style>
<!-- js块-->
<script>
</script>
<link>
</head>
<body>
</body>
</html>
<script>
import Link from "@/layout/components/Sidebar/Link";
export default {
components: {Link}
}
</script>

View File

@@ -45,6 +45,22 @@ export function updateNavigation(data) {
})
}
// 修改导航
export function updateDetails(data) {
return request({
url: '/sist/article/details',
method: 'put',
data: data
})
}
// 修改导航
export function getDetails(id) {
return request({
url: '/sist/article/getdetails/'+id,
method: 'get',
})
}
// 删除导航
export function delNavigation(id) {
return request({

View File

@@ -64,7 +64,7 @@
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
@click="handleUpdateDetails(scope.row)"
>修改详情
</el-button>
<el-button
@@ -140,6 +140,32 @@
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
<el-dialog title="编辑详情" :visible="detailsShow" width="1100px" :close-on-click-modal="false" @close="detailsClose()" append-to-body>
<el-form :model="formData" :rules="detailsRules" size="medium" label-width="100px">
<el-row>
<el-col :span="12">
<!-- <el-form-item label="详情标题" prop="title">-->
<el-form-item label="详情标题">
<el-input v-model="formData.title" placeholder="请输入详情标题" clearable :style="{width: '100%'}">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :offset="1" :span="22">
<Editor v-model="formData.content" :height="500"/>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="save">
<el-form-item size="large">
<el-button type="primary" @click="save">保存</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
</div>
</template>
@@ -150,19 +176,27 @@ import {
delNavigation,
addNavigation,
updateNavigation,
updateDetails,
getDetails,
exportNavigation
} from "@/api/sist/navigation";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import {getArticleType} from "@/api/sist/article";
import Editor from "@/components/Editor"
export default {
name: "Navigation",
components: {
Treeselect
Treeselect,
Editor
},
data() {
return {
formData:{
title:null,
content:null,
},
detailsShow:false,
// 遮罩层
loading: true,
// 显示搜索条件
@@ -201,6 +235,11 @@ export default {
englishTitle: [
{required: true, message: "英语名称不能为空", trigger: "blur"}
],
},
detailsRules:{
// title: [
// {required: true, message: "导航名称不能为空", trigger: "blur"}
// ],
}
};
},
@@ -268,6 +307,9 @@ export default {
this.open = false;
this.reset();
},
detailsClose(){
this.detailsShow = false
},
// 表单重置
reset() {
this.articleSelShow = false
@@ -302,6 +344,23 @@ export default {
this.form.type= '0'
this.title = "添加下级导航";
},
handleUpdateDetails(row){
this.detailsShow = true
this.formData={
id:row.refId,
title:"",
content:"",
}
getDetails(row.refId).then(res=>{
this.formData = res.data
})
},
save(){
updateDetails(this.formData).then(res=>{
this.msgSuccess("修改成功");
this.detailsShow = false
})
},
//导航类型变化
navigationTypeChang(type) {
this.articleTypeOptions = []
@@ -389,3 +448,9 @@ export default {
}
};
</script>
<style scoped lang="scss">
.save{
//text-align: center;
margin-top: 50px;
}
</style>

View File

@@ -50,6 +50,7 @@
</el-form>
<el-row :gutter="10" class="mb8">
<span v-show="userId === 1">
<el-col :span="1.5">
<el-button
type="primary"
@@ -82,6 +83,7 @@
v-hasPermi="['system:config:remove']"
>删除</el-button>
</el-col>
</span>
<el-col :span="1.5">
<el-button
type="warning"
@@ -110,7 +112,7 @@
<el-table-column label="参数主键" align="center" prop="configId" />
<el-table-column label="参数名称" align="center" prop="configName" :show-overflow-tooltip="true" />
<el-table-column label="参数键名" align="center" prop="configKey" :show-overflow-tooltip="true" />
<el-table-column label="参数键值" align="center" prop="configValue" />
<!-- <el-table-column label="参数键值" align="center" prop="configValue" />-->
<el-table-column label="系统内置" align="center" prop="configType" :formatter="typeFormat" />
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
@@ -120,6 +122,7 @@
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<span v-show="userId === 1">
<el-button
size="mini"
type="text"
@@ -134,6 +137,14 @@
@click="handleDelete(scope.row)"
v-hasPermi="['system:config:remove']"
>删除</el-button>
</span>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdateConfig(scope.row)"
v-hasPermi="['system:config:edit']"
>修改配置</el-button>
</template>
</el-table-column>
</el-table>
@@ -178,16 +189,72 @@
plain> </el-button>
</div>
</el-dialog>
<!-- 添加或修改参数配置对话框 -->
<el-dialog title="修改邮件配置" :visible.sync="editShow" width="600px" append-to-body>
<el-form ref="form" :model="formEdit" :rules="rules" label-width="120px">
<el-form-item label="参数名称" prop="configName">
<el-input v-model="formEdit.configName" disabled placeholder="请输入参数名称" />
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="formEdit.configKey" disabled placeholder="请输入参数键名" />
</el-form-item>
<el-form-item label="发件人地址" prop="configValue">
<el-input v-model="mailConfig.sender" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="发件人昵称" prop="configValue">
<el-input v-model="mailConfig.personal" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="用户名" prop="configValue">
<el-input v-model="mailConfig.username" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="密码" prop="configValue">
<el-input v-model="mailConfig.password" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="加密(默认SSL)" prop="configValue">
<el-input v-model="mailConfig.encryption" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="服务器地址" prop="configValue">
<el-input v-model="mailConfig.emailSmtpHost" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="服务端口" prop="configValue">
<el-input v-model="mailConfig.emailSmtpPort" placeholder="请输入参数键值" />
</el-form-item>
<!-- <el-form-item label="系统内置" prop="configType">-->
<!-- <el-radio-group v-model="formEdit.configType">-->
<!-- <el-radio-->
<!-- v-for="dict in typeOptions"-->
<!-- :key="dict.dictValue"-->
<!-- :label="dict.dictValue"-->
<!-- >{{dict.dictLabel}}</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-form-item>-->
<el-form-item label="备注" prop="remark">
<el-input v-model="formEdit.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary"
plain @click="submitFormEdit"> </el-button>
<el-button @click="cancelEdit"
plain> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listConfig, getConfig, delConfig, addConfig, updateConfig, exportConfig, clearCache } from "@/api/system/config";
import store from "@/store";
export default {
name: "Config",
data() {
return {
userId:store.getters.userId,
// 遮罩层
loading: true,
// 选中数组
@@ -198,6 +265,7 @@ export default {
multiple: true,
// 显示搜索条件
showSearch: true,
editShow:false,
// 总条数
total: 0,
// 参数表格数据
@@ -208,6 +276,7 @@ export default {
open: false,
// 类型数据字典
typeOptions: [],
mailConfig:{},
// 日期范围
dateRange: [],
// 查询参数
@@ -220,6 +289,7 @@ export default {
},
// 表单参数
form: {},
formEdit: {},
// 表单校验
rules: {
configName: [
@@ -305,6 +375,25 @@ export default {
this.title = "修改参数";
});
},
handleUpdateConfig(row){
const configId = row.configId || this.ids
getConfig(configId).then(response => {
this.formEdit = response.data;
this.editShow = true;
this.mailConfig = JSON.parse(this.formEdit.configValue)
});
},
submitFormEdit(){
this.formEdit.configValue = JSON.stringify(this.mailConfig)
updateConfig(this.formEdit).then(response => {
this.msgSuccess("修改成功");
this.editShow = false;
this.getList();
});
},
cancelEdit(){
this.editShow = false;
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {