Skip to content

F
ferry_web
Commit 09e1815a by Mr. Lan
Options

添加系统配置。

parent cb39f04d
Showing with 207 additions and 4 deletions
src/api/system/settings.js 0 → 100644
import request from '@/utils/request'
// 设置系统配置信息
export function setSettings(data) {
return request({
url: '/api/v1/settings',
method: 'post',
data
})
}
// 获取系统配置信息
export function getSettings(params) {
return request({
url: '/api/v1/settings',
method: 'get',
params
})
}
src/views/system/loginlog/index.vue
...@@ -62,10 +62,10 @@ ...@@ -62,10 +62,10 @@
<el-table v-loading="loading" border :data="list" @selection-change="handleSelectionChange"> <el-table v-loading="loading" border :data="list" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="编号" width="70" align="center" prop="infoId" /> <el-table-column label="编号" width="100" align="center" prop="infoId" />
<el-table-column label="用户名称" width="85" align="center" prop="username" /> <el-table-column label="用户名称" width="150" align="center" prop="username" />
<el-table-column label="登录地址" align="center" prop="ipaddr" width="130" :show-overflow-tooltip="true" /> <!-- <el-table-column label="登录地址" align="center" prop="ipaddr" width="130" :show-overflow-tooltip="true" />
<el-table-column label="登录地点" align="center" prop="loginLocation" /> <el-table-column label="登录地点" align="center" prop="loginLocation" /> -->
<el-table-column label="浏览器" align="center" prop="browser" /> <el-table-column label="浏览器" align="center" prop="browser" />
<el-table-column label="操作系统" align="center" prop="os" /> <el-table-column label="操作系统" align="center" prop="os" />
<el-table-column label="操作信息" width="120" align="center" prop="msg" /> <el-table-column label="操作信息" width="120" align="center" prop="msg" />
......
src/views/system/settings/index.vue 0 → 100644
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>配置信息</span>
</div>
<div class="text item">
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
<el-form-item label="系统名称：" prop="name">
<el-input v-model="ruleForm.name" />
</el-form-item>
<el-form-item label="系统Logo：" prop="logo">
<el-upload
class="avatar-uploader"
:action="url"
:data="{type:'1'}"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="ruleForm.logo" :src="ruleForm.logo" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon" />
</el-upload>
</el-form-item>
<el-form-item style="margin-bottom: 0">
<el-button type="primary" @click="submitForm('ruleForm', 1)">确定</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
<el-card class="box-card" style="margin-top: 15px">
<div slot="header" class="clearfix">
<span>Ldap配置</span>
</div>
<div class="text item">
<el-alert
title="Ldap登陆验证通过后，会将用户同步至本地数据库中，请在此配置数据同步的映射关系。单击Ldap字段可编辑，双击可隐藏编辑。"
type="info"
style="margin-bottom: 10px"
/>
<el-table
:data="tableData"
border
style="width: 100%"
>
<el-table-column
prop="local_field_name"
label="字段名称"
width="180"
/>
<el-table-column
prop="local_field_nick"
label="字段昵称"
width="180"
/>
<el-table-column
prop="ldap_field_name"
label="Ldap字段"
>
<template slot-scope="{row, $index}">
<div style="width: 100%; min-height: 24px;" @click="{{ chengenum($index, true) }}" @dblclick="{{ chengenum($index, false) }}">
<el-input v-if="editable[$index]" v-model="row.ldap_field_name" />
<span v-else>{{ row.ldap_field_name }}</span>
</div>
</template>
</el-table-column>
</el-table>
<div style="margin-top: 20px">
<el-button type="primary" @click="submitForm('ruleForm', 2)">确定</el-button>
</div>
</div>
</el-card>
</div>
</template>
<script>
import { setSettings, getSettings } from '@/api/system/settings'
export default {
components: {
},
data() {
return {
url: process.env.VUE_APP_BASE_API + '/api/v1/public/uploadFile',
editable: [],
ruleForm: {
name: '',
logo: ''
},
rules: {
name: [
{ required: true, message: '请输入系统名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 6 个字符', trigger: 'blur' }
],
logo: [
{ required: true, message: '请设置Logo', trigger: 'blur' }
]
},
tableData: []
}
},
mounted() {
this.getSettingsInfo()
},
methods: {
getSettingsInfo() {
getSettings().then(response => {
for (var v of response.data) {
if (v.classify === 1) {
this.ruleForm = v.content
} else if (v.classify === 2) {
this.tableData = v.content
}
}
})
},
// 提交配置信息
submitForm(formName, classify) {
this.$refs[formName].validate((valid) => {
if (valid) {
var jsonValue = {
classify: classify
}
if (classify === 1) {
jsonValue.content = this.ruleForm
} else if (classify === 2) {
jsonValue.content = this.tableData
}
setSettings(jsonValue).then(response => {
this.$message({
message: '设置成功',
type: 'success'
})
})
}
})
},
resetForm(formName) {
this.$refs[formName].resetFields()
},
handleAvatarSuccess(res, file) {
this.ruleForm.logo = res.data
console.log(this.ruleForm.logo)
},
beforeAvatarUpload(file) {
const isLt2M = file.size / 1024 / 1024 < 2
if (!isLt2M) {
this.$message.error('上传头像图片大小不能超过 2MB!')
}
return isLt2M
},
chengenum(row, status) { // 我的方法
this.editable[row] = status
this.$set(this.editable, row, status)
}
}
}
</script>
<style>
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment