lisone/EasyAdmin8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

移除Vue实例并优化配置项加载逻辑

Browse Source 
删除了`config.js`中的Vue实例创建过程，简化了上传类型的数据绑定。通过直接操作`app.upload_type`来响应上传类型的变化。
This commit is contained in:
wolfcode
2024-07-26 10:20:18 +08:00
parent 4f184abb08
commit c5a091c732
2 changed files with 21 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/admin/view/system/config/upload.html
View File

@@ -24,7 +24,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'oss'" v-cloak>
<div class="layui-form-item oss layui-hide upload_type">
<label class="layui-form-label required">公钥信息</label>
<div class="layui-input-block">
<input type="text" name="oss_access_key_id" class="layui-input" lay-verify="required" lay-reqtext="请输入公钥信息" placeholder="请输入公钥信息" value="{:sysConfig('upload','oss_access_key_id')}">
@@ -32,7 +32,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'oss'" v-cloak>
<div class="layui-form-item oss layui-hide upload_type">
<label class="layui-form-label required">私钥信息</label>
<div class="layui-input-block">
<input type="text" name="oss_access_key_secret" class="layui-input" lay-verify="required" lay-reqtext="请输入私钥信息" placeholder="请输入私钥信息" value="{:sysConfig('upload','oss_access_key_secret')}">
@@ -40,7 +40,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'oss'" v-cloak>
<div class="layui-form-item oss layui-hide upload_type">
<label class="layui-form-label required">数据中心</label>
<div class="layui-input-block">
<input type="text" name="oss_endpoint" class="layui-input" lay-verify="required" lay-reqtext="请输入数据中心" placeholder="请输入数据中心" value="{:sysConfig('upload','oss_endpoint')}">
@@ -48,7 +48,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'oss'" v-cloak>
<div class="layui-form-item oss layui-hide upload_type">
<label class="layui-form-label required">空间名称</label>
<div class="layui-input-block">
<input type="text" name="oss_bucket" class="layui-input" lay-verify="required" lay-reqtext="请输入空间名称" placeholder="请输入空间名称" value="{:sysConfig('upload','oss_bucket')}">
@@ -56,7 +56,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'oss'" v-cloak>
<div class="layui-form-item oss layui-hide upload_type">
<label class="layui-form-label required">访问域名</label>
<div class="layui-input-block">
<input type="text" name="oss_domain" class="layui-input" lay-verify="required" lay-reqtext="请输入访问域名" placeholder="请输入访问域名" value="{:sysConfig('upload','oss_domain')}">
@@ -64,7 +64,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'cos'" v-cloak>
<div class="layui-form-item cos layui-hide upload_type">
<label class="layui-form-label required">公钥信息</label>
<div class="layui-input-block">
<input type="text" name="cos_secret_id" class="layui-input" lay-verify="required" lay-reqtext="请输入公钥信息" placeholder="请输入公钥信息" value="{:sysConfig('upload','cos_secret_id')}">
@@ -72,7 +72,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'cos'" v-cloak>
<div class="layui-form-item cos layui-hide upload_type">
<label class="layui-form-label required">私钥信息</label>
<div class="layui-input-block">
<input type="text" name="cos_secret_key" class="layui-input" lay-verify="required" lay-reqtext="请输入私钥信息" placeholder="请输入私钥信息" value="{:sysConfig('upload','cos_secret_key')}">
@@ -80,7 +80,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'cos'" v-cloak>
<div class="layui-form-item cos layui-hide upload_type">
<label class="layui-form-label required">存储桶地域</label>
<div class="layui-input-block">
<input type="text" name="cos_region" class="layui-input" lay-verify="required" lay-reqtext="请输入存储桶地域" placeholder="请输入存储桶地域" value="{:sysConfig('upload','cos_region')}">
@@ -88,7 +88,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'cos'" v-cloak>
<div class="layui-form-item cos layui-hide upload_type">
<label class="layui-form-label required">存储桶名称</label>
<div class="layui-input-block">
<input type="text" name="cos_bucket" class="layui-input" lay-verify="required" lay-reqtext="请输入存储桶名称" placeholder="请输入存储桶名称" value="{:sysConfig('upload','cos_bucket')}">
@@ -96,7 +96,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'qnoss'" v-cloak>
<div class="layui-form-item qnoss layui-hide upload_type">
<label class="layui-form-label required">公钥信息</label>
<div class="layui-input-block">
<input type="text" name="qnoss_access_key" class="layui-input" lay-verify="required" lay-reqtext="请输入公钥信息" placeholder="请输入公钥信息" value="{:sysConfig('upload','qnoss_access_key')}">
@@ -104,7 +104,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'qnoss'" v-cloak>
<div class="layui-form-item qnoss layui-hide upload_type">
<label class="layui-form-label required">私钥信息</label>
<div class="layui-input-block">
<input type="text" name="qnoss_secret_key" class="layui-input" lay-verify="required" lay-reqtext="请输入私钥信息" placeholder="请输入私钥信息" value="{:sysConfig('upload','qnoss_secret_key')}">
@@ -112,7 +112,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'qnoss'" v-cloak>
<div class="layui-form-item qnoss layui-hide upload_type">
<label class="layui-form-label required">存储空间</label>
<div class="layui-input-block">
<input type="text" name="qnoss_bucket" class="layui-input" lay-verify="required" lay-reqtext="请输入存储桶地域" placeholder="请输入存储桶地域" value="{:sysConfig('upload','qnoss_bucket')}">
@@ -120,7 +120,7 @@
</div>
</div>
<div class="layui-form-item" v-if="upload_type == 'qnoss'" v-cloak>
<div class="layui-form-item qnoss layui-hide upload_type">
<label class="layui-form-label required">访问域名</label>
<div class="layui-input-block">
<input type="text" name="qnoss_domain" class="layui-input" lay-verify="required" lay-reqtext="请输入访问域名" placeholder="请输入访问域名" value="{:sysConfig('upload','qnoss_domain')}">

9
public/static/admin/js/system/config.js
View File

@@ -10,10 +10,17 @@ define(["jquery", "easy-admin", "vue"], function ($, ea, Vue) {
_group = $(this).data('group')
});
let _upload_type = upload_type || 'local'
$('.upload_type').addClass('layui-hide')
$('.' + _upload_type).removeClass('layui-hide')
form.on("radio(upload_type)", function (data) {
app.upload_type = this.value;
_upload_type = this.value;
$('.upload_type').addClass('layui-hide')
$('.' + _upload_type).removeClass('layui-hide')
});
form.on("submit", function (data) {
data.field['group'] = _group
});