增加k3配置

This commit is contained in:
龙运模
2024-08-25 21:54:00 +08:00
parent dca3d7522c
commit 8c5bfc04f0
6 changed files with 267 additions and 11 deletions
+6
View File
@@ -42,6 +42,7 @@ export default {
upToEnterprise: defineAsyncComponent(() => import('./setup/computerRoom')),
bind: defineAsyncComponent(() => import('./setup/computerRoom')),
mail: defineAsyncComponent(() => import('./setup/mail')),
interface: defineAsyncComponent(() => import('./setup/interface')),
},
data() {
return {
@@ -73,6 +74,11 @@ export default {
icon: "sc-icon-DataSource",
title: "数据源邮件设置",
component: "mail"
},
{
icon: "sc-icon-DataSource",
title: "K3接口配置",
component: "interface"
}
]
},
@@ -0,0 +1,126 @@
<template>
<el-container>
<el-main>
<div class="mailView">
<div class="headerBox">
<div class="title">K3接口配置</div>
<div class="item">
<span class="name">账号ID</span>
<el-input type="text" v-model="inter.account_id" :size="size" placeholder="账号ID"></el-input>
</div>
<div class="item">
<span class="name">账户名称</span>
<el-input type="text" v-model="inter.account_name" :size="size" placeholder="账户名称"></el-input>
</div>
<div class="item">
<span class="name">语言</span>
<el-input type="text" v-model="inter.language" :size="size" placeholder="语言"></el-input>
</div>
<div class="item">
<span class="name">接口地址</span>
<el-input type="text" v-model="inter.api_url" :size="size" placeholder="接口地址"></el-input>
</div>
<div class="item">
<span class="name">APP_ID</span>
<el-input type="text" v-model="inter.app_id" :size="size" placeholder="APP_ID"></el-input>
</div>
<div class="item">
<span class="name">APP_SECRET</span>
<el-input type="text" v-model="inter.app_secret" :size="size" placeholder="APP_SECRET"></el-input>
</div>
</div>
<div class="headerBox mailMain">
<div class="title">接口同步</div>
<div class="item">
<el-switch v-model="inter.active_status" :size="size"></el-switch>
</div>
</div>
<div class="btnView">
<el-button type="primary" :size="size" @click="save" :loading="loading">保存配置</el-button>
</div>
</div>
</el-main>
</el-container>
</template>
<script>
export default {
name: "interface",
data(){
return{
size:'small',
loading:false,
inter:{
active_status:false,
account_id:'',
account_name:'',
app_id:'',
app_secret:'',
language:'',
api_url:'',
}
}
},
mounted() {
this.getMail();
},
methods:{
async getMail() {
const res = await this.$API.setup.k3.get.post();
if(res.code == 200){
this.inter = res.data;
}
},
async save() {
this.loading = true;
const res = await this.$API.setup.k3.set.post(this.inter);
this.loading = false;
if (res.code == 200) {
this.$message.success('保存成功');
}
}
}
}
</script>
<style scoped lang="scss">
.mailView{
.headerBox{
.title{
font-weight: 500;
padding: 10px 0;
}
.item{
margin-bottom: 15px;
.name{
width: 90px;
display: inline-block;
text-align: left;
margin-right: 10px;
}
}
}
.mailMain{
border-top: 1px solid #e8e8e8;
padding: 5px 0;
display: flex;align-items: center;
.title{
font-weight: 500;
padding: 10px 0;
width: 100px;
}
.item{
margin-bottom: 0;
.name{
width: 100px;
display: inline-block;
text-align: left;
margin-right: 10px;
}
}
}
::v-deep .el-input{
width: 480px;
}
}
</style>
+15 -3
View File
@@ -3,6 +3,13 @@
<el-main>
<div class="mailView">
<div class="headerBox">
<div class="title">自动维修邮件同步</div>
<div class="item">
<el-switch v-model="mail.active_status" :size="size"></el-switch>
</div>
</div>
<div class="mailMain">
<div class="title">获取数据源邮件地址</div>
<div class="item">
<span class="name">邮件别名</span>
<el-input type="text" v-model="mail.alias" :size="size" placeholder="邮件别名"></el-input>
@@ -39,6 +46,7 @@ export default {
size:'small',
loading:false,
mail:{
active_status:false,
alias:'',
email:'',
client_id:'',
@@ -71,12 +79,16 @@ export default {
<style scoped lang="scss">
.mailView{
.headerBox{
.title{
font-weight: 500;
padding: 10px 0;
}
.item{
margin-bottom: 15px;
.name{
width: 50px;
display: inline-block;
text-align: right;
text-align: left;
margin-right: 10px;
}
}
@@ -93,13 +105,13 @@ export default {
.name{
width: 100px;
display: inline-block;
text-align: right;
text-align: left;
margin-right: 10px;
}
}
}
::v-deep .el-input{
width: 280px;
width: 480px;
}
}
</style>