<template>
|
<div>
|
<el-card shadow="never" class="card" style="min-height:650px;">
|
<el-form size="small" ref="form" :model="form" :rules="rules" label-width="90px" >
|
<el-tabs v-model="activeName">
|
<el-tab-pane style="padding-top:10px" label="基本信息" name="基本信息">
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="站点名称" prop="site_title">
|
<el-input v-model="form.site_title" autoComplete="off" clearable placeholder="请输入站点名称"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="站点logo" prop="logo">
|
<Upload size="small" file_type="image" :image.sync="form.logo"></Upload>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="站点关键词" prop="keyword">
|
<Tag :tagList.sync="form.keyword"></Tag>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="站点描述" prop="descrip">
|
<el-input type="textarea" autoComplete="off" v-model="form.descrip" :autosize="{ minRows: 2, maxRows: 4}" clearable placeholder="请输入站点描述"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="站点版权" prop="copyright">
|
<el-input v-model="form.copyright" autoComplete="off" clearable placeholder="请输入站点版权"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-tab-pane>
|
<el-tab-pane style="padding-top:10px" label="拓展信息" name="拓展信息">
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="上传配置" prop="filesize">
|
<el-input v-model="form.filesize" autoComplete="off" clearable placeholder="请输入上传配置"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="文件类型" prop="filetype">
|
<el-input v-model="form.filetype" autoComplete="off" clearable placeholder="请输入文件类型"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="水印状态" prop="water_status">
|
<el-radio-group v-model="form.water_status">
|
<el-radio :label="'1'">正常</el-radio>
|
<el-radio :label="'0'">禁用</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="水印位置" prop="water_position">
|
<el-select style="width:100%" v-model="form.water_position" filterable clearable placeholder="请选择水印位置">
|
<el-option key="0" label="左上角水印" :value="'1'"></el-option>
|
<el-option key="1" label="上居中水印" :value="'2'"></el-option>
|
<el-option key="2" label="右上角水印" :value="'3'"></el-option>
|
<el-option key="3" label="左居中水印" :value="'4'"></el-option>
|
<el-option key="4" label="居中水印" :value="'5'"></el-option>
|
<el-option key="5" label="右居中水印" :value="'6'"></el-option>
|
<el-option key="6" label="左下角水印" :value="'7'"></el-option>
|
<el-option key="7" label="下居中水印" :value="'8'"></el-option>
|
<el-option key="8" label="右下角水印" :value="'9'"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="水印透明度" prop="water_alpha">
|
<el-slider v-model="form.water_alpha"></el-slider>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="绑定域名" prop="domain">
|
<el-input v-model="form.domain" autoComplete="off" clearable placeholder="请输入绑定域名"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-tab-pane>
|
<el-tab-pane style="padding-top:10px" label="应用信息" name="应用信息">
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="免费体验次数" prop="free_num">
|
<el-input v-model="form.free_num" autoComplete="off" clearable placeholder="请输入免费体验次数"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="是否分享获取次数" prop="is_share">
|
<el-radio-group v-model="form.is_share">
|
<el-radio :label="'1'">开启</el-radio>
|
<el-radio :label="'0'">关闭</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="分享获取次数" prop="share_reward_num">
|
<el-input v-model="form.share_reward_num" autoComplete="off" clearable placeholder="请输入分享获取次数"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="聊天提示词" prop="ai_chat_note">
|
<el-input type="textarea" autoComplete="off" v-model="form.ai_chat_note" :autosize="{ minRows: 2, maxRows: 4}" clearable placeholder="请输入聊天提示词"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="首页公告" prop="home_notice">
|
<el-input v-model="form.home_notice" autoComplete="off" clearable maxlength="200" show-word-limit placeholder="请输入首页公告"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-tab-pane>
|
</el-tabs>
|
<el-form-item>
|
<el-button size="small" type="primary" @click="submit">保存设置</el-button>
|
</el-form-item>
|
</el-form>
|
</el-card>
|
</div>
|
</template>
|
<script>
|
import Upload from '@/components/common/ImagesUpload.vue'
|
import Tag from '@/components/common/Tag.vue'
|
export default {
|
components:{
|
Upload,
|
Tag,
|
},
|
data(){
|
return {
|
form: {
|
site_title:'',
|
logo:'',
|
keyword:[],
|
descrip:'',
|
copyright:'',
|
filesize:'0',
|
filetype:'',
|
water_status:1,
|
domain:'',
|
free_num:'',
|
is_share:1,
|
share_reward_num:'',
|
ai_chat_note:'',
|
home_notice:'',
|
},
|
loading:false,
|
activeName:'基本信息',
|
rules: {
|
free_num:[
|
{pattern:/^[0-9]*$/, message: '免费体验次数格式错误'}
|
],
|
share_reward_num:[
|
{pattern:/^[0-9]*$/, message: '分享获取次数格式错误'}
|
],
|
}
|
}
|
},
|
mounted(){
|
this.$axios.post('/admin/Baseconfig/getInfo').then(res => {
|
if(res.data.status == 200){
|
this.form = JSON.stringify(res.data.data) == '[]' ? {} : res.data.data
|
this.setDefaultVal('keyword')
|
}
|
})
|
},
|
methods: {
|
submit(){
|
this.$refs['form'].validate(valid => {
|
if(valid) {
|
this.loading = true
|
this.$axios.post('/admin/Baseconfig/index',this.form).then(res => {
|
if(res.data.status == 200){
|
this.$message({message: res.data.msg, type: 'success'})
|
}else{
|
this.loading = false
|
this.$message.error(res.data.msg)
|
}
|
}).catch(()=>{
|
this.loading = false
|
})
|
}
|
})
|
},
|
setDefaultVal(key){
|
if(this.form[key] == null || this.form[key] == ''){
|
this.form[key] = []
|
}
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
@import '@/assets/scss/common.scss'
|
</style>
|
