综述: 优化摊位创建页面的权限配置显示逻辑
- 调整权限配置区域的显示控制逻辑，根据操作类型动态显示或隐藏权限配置区域 - 当操作类型为创建新供货商或绑定已存在供货商时显示权限配置区域 - 当操作类型为绑定市场经营者时隐藏权限配置区域 - 优化页面结构，将权限配置区域独立出来便于管理
This commit is contained in:
parent
a6739b9548
commit
671da5d9e7
|
|
@ -425,6 +425,80 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 权限配置 -->
|
||||||
|
<div class="form-section" id="permissionSection" style="display: none;">
|
||||||
|
<div class="form-section-title">权限配置</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="form-label"></div>
|
||||||
|
<div class="form-input-wrapper">
|
||||||
|
<div class="permission-section">
|
||||||
|
<div class="permission-item">
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" id="permissionAll" onchange="toggleAllPermissions()">
|
||||||
|
<label for="permissionAll"><strong>账号权限管理</strong></label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="permission-sub-items">
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm1">
|
||||||
|
<label for="perm1">订单权限管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm2">
|
||||||
|
<label for="perm2">订单管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm3">
|
||||||
|
<label for="perm3">商品管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm4">
|
||||||
|
<label for="perm4">数据分析</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm5">
|
||||||
|
<label for="perm5">内容管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm6">
|
||||||
|
<label for="perm6">运营管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm7">
|
||||||
|
<label for="perm7">银行卡管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm8">
|
||||||
|
<label for="perm8">优惠券统计工具管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm9">
|
||||||
|
<label for="perm9">营销营销工具管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm10">
|
||||||
|
<label for="perm10">等级规则</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm11">
|
||||||
|
<label for="perm11">会员营销工具管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm12">
|
||||||
|
<label for="perm12">钱包管理</label>
|
||||||
|
</div>
|
||||||
|
<div class="checkbox-option">
|
||||||
|
<input type="checkbox" class="sub-permission" id="perm13">
|
||||||
|
<label for="perm13">运营管理</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- 店铺基础信息 -->
|
<!-- 店铺基础信息 -->
|
||||||
<div class="form-section">
|
<div class="form-section">
|
||||||
<div class="form-section-title">店铺基础信息</div>
|
<div class="form-section-title">店铺基础信息</div>
|
||||||
|
|
@ -622,80 +696,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 权限配置 -->
|
|
||||||
<div class="form-section">
|
|
||||||
<div class="form-section-title">权限配置</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<div class="form-label required">权限分配</div>
|
|
||||||
<div class="form-input-wrapper">
|
|
||||||
<div class="permission-section">
|
|
||||||
<div class="permission-item">
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" id="permissionAll" onchange="toggleAllPermissions()">
|
|
||||||
<label for="permissionAll"><strong>账号权限管理</strong></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="permission-sub-items">
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm1">
|
|
||||||
<label for="perm1">订单权限管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm2">
|
|
||||||
<label for="perm2">订单管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm3">
|
|
||||||
<label for="perm3">商品管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm4">
|
|
||||||
<label for="perm4">数据分析</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm5">
|
|
||||||
<label for="perm5">内容管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm6">
|
|
||||||
<label for="perm6">运营管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm7">
|
|
||||||
<label for="perm7">银行卡管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm8">
|
|
||||||
<label for="perm8">优惠券统计工具管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm9">
|
|
||||||
<label for="perm9">营销营销工具管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm10">
|
|
||||||
<label for="perm10">等级规则</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm11">
|
|
||||||
<label for="perm11">会员营销工具管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm12">
|
|
||||||
<label for="perm12">钱包管理</label>
|
|
||||||
</div>
|
|
||||||
<div class="checkbox-option">
|
|
||||||
<input type="checkbox" class="sub-permission" id="perm13">
|
|
||||||
<label for="perm13">运营管理</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 底部按钮 -->
|
<!-- 底部按钮 -->
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<button type="button" class="btn btn-success" onclick="submitForm()">保存</button>
|
<button type="button" class="btn btn-success" onclick="submitForm()">保存</button>
|
||||||
|
|
@ -727,20 +727,24 @@
|
||||||
const operationType = document.getElementById('operationType').value;
|
const operationType = document.getElementById('operationType').value;
|
||||||
const supplierAccountGroup = document.getElementById('supplierAccountGroup');
|
const supplierAccountGroup = document.getElementById('supplierAccountGroup');
|
||||||
const supplierPasswordGroup = document.getElementById('supplierPasswordGroup');
|
const supplierPasswordGroup = document.getElementById('supplierPasswordGroup');
|
||||||
|
const permissionSection = document.getElementById('permissionSection');
|
||||||
|
|
||||||
// 根据选择的操作类型显示或隐藏供货商账号和密码字段
|
// 根据选择的操作类型显示或隐藏供货商账号和密码字段
|
||||||
if (operationType === 'create_supplier') {
|
if (operationType === 'create_supplier') {
|
||||||
// 创建新收益人（供货商）- 显示账号和密码
|
// 创建新收益人（供货商）- 显示账号和密码
|
||||||
supplierAccountGroup.style.display = 'flex';
|
supplierAccountGroup.style.display = 'flex';
|
||||||
supplierPasswordGroup.style.display = 'flex';
|
supplierPasswordGroup.style.display = 'flex';
|
||||||
|
permissionSection.style.display = 'block';
|
||||||
} else if (operationType === 'bind_existing_supplier') {
|
} else if (operationType === 'bind_existing_supplier') {
|
||||||
// 绑定已存在的供货商账号 - 只显示账号，不显示密码
|
// 绑定已存在的供货商账号 - 只显示账号，不显示密码
|
||||||
supplierAccountGroup.style.display = 'flex';
|
supplierAccountGroup.style.display = 'flex';
|
||||||
supplierPasswordGroup.style.display = 'none';
|
supplierPasswordGroup.style.display = 'none';
|
||||||
|
permissionSection.style.display = 'block';
|
||||||
} else {
|
} else {
|
||||||
// 绑定收益人是市场经营者 - 隐藏账号和密码
|
// 绑定收益人是市场经营者 - 隐藏账号和密码
|
||||||
supplierAccountGroup.style.display = 'none';
|
supplierAccountGroup.style.display = 'none';
|
||||||
supplierPasswordGroup.style.display = 'none';
|
supplierPasswordGroup.style.display = 'none';
|
||||||
|
permissionSection.style.display = 'none';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue