jsasg/yycea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

会员权益

Browse Source
This commit is contained in:
jsasg
2026-04-23 17:43:57 +08:00
parent 76a6e430b9
commit 2180501efd
10 changed files with 2816 additions and 2483 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
application/admin/controller/wdsxh/member/Rights.php Executable file
View File

@@ -0,0 +1,42 @@
<?php
// +----------------------------------------------------------------------
// | 麦沃德科技赋能开发者，助力商协会发展
// +----------------------------------------------------------------------
// | Copyright (c) 2017～2024 www.wdsxh.cn All rights reserved.
// +----------------------------------------------------------------------
// | 沃德商协会系统并不是自由软件，不加密，并不代表开源，未经许可不可自由转售和商用
// +----------------------------------------------------------------------
// | Author: MY WORLD Team <bd@maiwd.cn> www.maiwd.cn
// +----------------------------------------------------------------------
namespace app\admin\controller\wdsxh\member;
use app\common\controller\Backend;
/**
* 会员列表
*
* @icon fa fa-circle-o
*/
class Rights extends Backend
{
public function _initialize()
{
parent::_initialize();
}
/**
* 默认生成的控制器所继承的父类中有index/add/edit/del/multi五个基础方法、destroy/restore/recyclebin三个回收站方法
* 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑
* 需要将application/admin/library/traits/Backend.php中对应的方法复制到当前控制器,然后进行修改
*/
public function index()
{
$statusList = [];
$this->assign('statusList',$statusList);
return $this->view->fetch();
}
}

122
application/admin/view/wdsxh/member/level/add.html
View File

@@ -1,45 +1,77 @@
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
</div>
</div>
<div class="form-group {if $pay_method == '1'}hide{/if}">
<label class="control-label col-xs-12 col-sm-2">{:__('Fees')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-fees" data-rule="required" class="form-control" step="0.01" name="row[fees]" type="number" {if $pay_method == '1'}value="0.00"{/if}>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
<div class="col-xs-12 col-sm-8">
<textarea id="c-content" data-rule="required" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-weigh" class="form-control" name="row[weigh]" type="number" value="0">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
{foreach name="statusList" item="vo"}
<label for="row[status]-{$key|htmlentities}"><input id="row[status]-{$key|htmlentities}" name="row[status]" type="radio" value="{$key|htmlentities}" {in name="key" value="normal"}checked{/in} /> {$vo|htmlentities}</label>
{/foreach}
</div>
</div>
</div>
<div class="form-group layer-footer">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-8">
<button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
</div>
</div>
</form>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
</div>
</div>
<div class="form-group {if $pay_method == '1'}hide{/if}">
<label class="control-label col-xs-12 col-sm-2">{:__('Fees')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-fees" data-rule="required" class="form-control" step="0.01" name="row[fees]" type="number" {if $pay_method == '1'}value="0.00"{/if}>
</div>
</div>
<!--会员权益-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">会员权益:</label>
<div class="col-xs-12 col-sm-8">
<select id="input-group" name="" class="selectpicker form-control" multiple title="请选择权益" placeholder="请选择权益" >
<option value="1">专属客服</option>
<option value="2">优先发货</option>
<option value="3">折扣优惠</option>
<option value="4">积分加倍</option>
<option value="5">免邮特权</option>
</select>
</div>
</div>
<!--会员轮播背景图-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">会员卡片:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" placeholder="请选择或上传图片">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> Upload</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> Choose</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline faupload-preview" id="p-image"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
<div class="col-xs-12 col-sm-8">
<textarea id="c-content" data-rule="required" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-weigh" class="form-control" name="row[weigh]" type="number" value="0">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
{foreach name="statusList" item="vo"}
<label for="row[status]-{$key|htmlentities}"><input id="row[status]-{$key|htmlentities}" name="row[status]" type="radio" value="{$key|htmlentities}" {in name="key" value="normal"}checked{/in} /> {$vo|htmlentities}</label>
{/foreach}
</div>
</div>
</div>
<div class="form-group layer-footer">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-8">
<button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
</div>
</div>
</form>

122
application/admin/view/wdsxh/member/level/edit.html
View File

@@ -1,45 +1,77 @@
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Fees')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-fees" data-rule="required" class="form-control" step="0.01" name="row[fees]" type="number" value="{$row.fees|htmlentities}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
<div class="col-xs-12 col-sm-8">
<textarea id="c-content" data-rule="required" class="form-control editor" rows="5" name="row[content]" cols="50">{$row.content|htmlentities}</textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-weigh" class="form-control" name="row[weigh]" type="number" value="{$row.weigh|htmlentities}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
{foreach name="statusList" item="vo"}
<label for="row[status]-{$key|htmlentities}"><input id="row[status]-{$key|htmlentities}" name="row[status]" type="radio" value="{$key|htmlentities}" {in name="key" value="$row.status"}checked{/in} /> {$vo|htmlentities}</label>
{/foreach}
</div>
</div>
</div>
<div class="form-group layer-footer">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-8">
<button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
</div>
</div>
</form>
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Fees')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-fees" data-rule="required" class="form-control" step="0.01" name="row[fees]" type="number" value="{$row.fees|htmlentities}">
</div>
</div>
<!--会员权益-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">会员权益:</label>
<div class="col-xs-12 col-sm-8">
<select id="input-group" name="" class="selectpicker form-control" multiple title="请选择权益" placeholder="请选择权益" >
<option value="1">专属客服</option>
<option value="2">优先发货</option>
<option value="3">折扣优惠</option>
<option value="4">积分加倍</option>
<option value="5">免邮特权</option>
</select>
</div>
</div>
<!--会员轮播背景图-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">会员卡片:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" placeholder="请选择或上传图片">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> Upload</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> Choose</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline faupload-preview" id="p-image"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
<div class="col-xs-12 col-sm-8">
<textarea id="c-content" data-rule="required" class="form-control editor" rows="5" name="row[content]" cols="50">{$row.content|htmlentities}</textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-weigh" class="form-control" name="row[weigh]" type="number" value="{$row.weigh|htmlentities}">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
{foreach name="statusList" item="vo"}
<label for="row[status]-{$key|htmlentities}"><input id="row[status]-{$key|htmlentities}" name="row[status]" type="radio" value="{$key|htmlentities}" {in name="key" value="$row.status"}checked{/in} /> {$vo|htmlentities}</label>
{/foreach}
</div>
</div>
</div>
<div class="form-group layer-footer">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-8">
<button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
</div>
</div>
</form>

61
application/admin/view/wdsxh/member/rights/add.html Executable file
View File

@@ -0,0 +1,61 @@
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="#">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">权益名称:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" placeholder="请输入权益名称">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">权益介绍:</label>
<div class="col-xs-12 col-sm-8">
<textarea id="c-content" data-rule="required" class="form-control editor" rows="5" name="row[content]" cols="50" placeholder="请输入权益介绍"></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">权益图片:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" placeholder="请选择或上传图片">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> Upload</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> Choose</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline faupload-preview" id="p-image"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">状态:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
<label>
<input id="status_normal" name="row[status]" type="radio" value="normal" checked> 显示
</label>
<label>
<input id="status_hidden" name="row[status]" type="radio" value="hidden"> 隐藏
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">排序:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-weigh" data-rule="required" class="form-control" name="row[weigh]" type="number" value="0">
</div>
</div>
<div class="form-group layer-footer">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-8">
<button type="submit" class="btn btn-primary btn-embossed disabled">OK</button>
</div>
</div>
</form>

61
application/admin/view/wdsxh/member/rights/edit.html Executable file
View File

@@ -0,0 +1,61 @@
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="#">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">权益名称:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" placeholder="请输入权益名称">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">权益介绍:</label>
<div class="col-xs-12 col-sm-8">
<textarea id="c-content" data-rule="required" class="form-control editor" rows="5" name="row[content]" cols="50" placeholder="请输入权益介绍"></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">权益图片:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" placeholder="请选择或上传图片">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> Upload</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> Choose</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline faupload-preview" id="p-image"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">状态:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
<label>
<input id="status_normal" name="row[status]" type="radio" value="normal" checked> 显示
</label>
<label>
<input id="status_hidden" name="row[status]" type="radio" value="hidden"> 隐藏
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">排序:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-weigh" data-rule="required" class="form-control" name="row[weigh]" type="number" value="0">
</div>
</div>
<div class="form-group layer-footer">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-8">
<button type="submit" class="btn btn-primary btn-embossed disabled">OK</button>
</div>
</div>
</form>

46
application/admin/view/wdsxh/member/rights/index.html Executable file
View File

@@ -0,0 +1,46 @@
<div class="panel panel-default panel-intro">
<div class="panel-heading">
{:build_heading(null,FALSE)}
<ul class="nav nav-tabs" data-field="status">
<li class="{:$Think.get.status === null ? 'active' : ''}"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
{foreach name="statusList" item="vo"}
<li class="{:$Think.get.status === (string)$key ? 'active' : ''}"><a href="#t-{$key|htmlentities}" data-value="{$key|htmlentities}" data-toggle="tab">{$vo|htmlentities}</a></li>
{/foreach}
</ul>
</div>
<div class="panel-body">
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="one">
<div class="widget-body no-padding">
<div id="toolbar" class="toolbar">
<a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
<a href="javascript:;" class="btn btn-success btn-add {:$auth->check('wdsxh/member/rights/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
<a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('wdsxh/member/rights/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
<!--<a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('wdsxh/member/rights/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->
<!--<div class="dropdown btn-group {:$auth->check('wdsxh/member/rights/multi')?'':'hide'}">-->
<!-- <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>-->
<!-- <ul class="dropdown-menu text-left" role="menu">-->
<!-- {foreach name="statusList" item="vo"}-->
<!-- <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:" data-params="status={$key|htmlentities}">{:__('Set status to ' . $key)}</a></li>-->
<!-- {/foreach}-->
<!-- </ul>-->
<!--</div>-->
</div>
<table id="table" class="table table-striped table-bordered table-hover table-nowrap"
data-operate-edit="{:$auth->check('wdsxh/member/rights/edit')}"
data-operate-del="{:$auth->check('wdsxh/member/rights/del')}"
width="100%">
</table>
</div>
</div>
</div>
</div>
</div>

485
public/assets/addons/wdsxh/css/business.css
View File

@@ -1,241 +1,244 @@
.business-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.business-container .container-main {
flex: 1;
padding: 2rem 0 2.5rem;
}
.business-container .container-main .main-content .cont-item {
margin-top: 1rem;
cursor: pointer;
background: #fff;
padding: 1rem;
border-radius: .5rem;
}
.business-container .container-main .main-content .cont-item:first-child {
margin-top: 0;
}
.business-container .container-main .main-content .cont-item .item-header .header-info {
overflow: hidden;
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar {
width: 2rem;
height: 2rem;
border-radius: 50%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box {
flex: 1;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name {
margin-left: .5rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
max-width: 45%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag {
margin-left: .5rem;
font-size: .875rem;
line-height: 1.25rem;
color: #666666;
}
.business-container .container-main .main-content .cont-item .item-header .header-btn {
font-size: .75rem;
line-height: 1rem;
text-align: center;
color: #FFFFFF;
padding: .375rem .75rem;
border-radius: .25rem;
background: var(--main-color);
margin-left: .5rem;
}
.business-container .container-main .main-content .cont-item .item-title {
margin-top: 1.5rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
transition: color .3s;
}
.business-container .container-main .main-content .cont-item .item-subtitle {
font-size: .875rem;
line-height: 1.25rem;
color: #5A5B6E;
margin-top: .75rem;
-webkit-line-clamp: 2;
}
.business-container .container-main .main-content .cont-item .item-box {
margin-top: 1rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-single {
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 16.75rem;
height: 7.5rem;
border-radius: .5rem;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple {
flex: 1;
margin-top: -0.75rem;
margin-left: -0.75rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: 7.5rem;
height: 7.5rem;
margin-top: .75rem;
margin-left: .75rem;
border-radius: .5rem;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.business-container .container-main .main-content .cont-item:hover .item-title {
color: var(--main-color);
}
.business-container .container-main .main-code {
display: none;
background: #fff;
padding: 2rem;
border-radius: .5rem;
}
.business-container .container-main .main-code .code-title {
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 2.125rem;
text-align: center;
}
.business-container .container-main .main-code .code-tips {
color: #8D8D8D;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
}
.business-container .container-main .main-code .code-image {
width: 100%;
max-height: 17.5rem;
max-width: 17.5rem;
margin: 1rem auto;
}
@media screen and (max-width: 767px) {
.business-container .container-main {
padding: 2rem 0;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar {
width: 3rem;
height: 3rem;
border-radius: 50%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box {
height: 3rem;
flex-direction: column;
align-items: flex-start !important;
justify-content: space-between;
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name,
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag {
max-width: 100%;
width: calc(100% - .75rem);
margin-left: .75rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.business-container .container-main .main-content .cont-item .item-header .header-btn {
font-size: .75rem;
line-height: 1rem;
text-align: center;
color: #FFFFFF;
padding: .375rem .75rem;
border-radius: .25rem;
background: var(--main-color);
}
.business-container .container-main .main-content .cont-item .item-title {
margin-top: .75rem;
height: auto;
}
.business-container .container-main .main-content .cont-item .item-box {
margin-top: .75rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 100%;
height: 0;
padding-top: 48%;
position: relative;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image img {
position: absolute;
top: 0;
left: 0;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: calc(100% / 3 - 0.5rem);
height: 0;
padding-top: calc(100% / 3 - 0.5rem);
position: relative;
margin-left: .5rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
position: absolute;
top: 0;
left: 0;
}
.business-container .container-main .main-content .cont-item:hover .item-title {
color: #8D929C;
}
.business-container .container-main .main-code {
padding: 1rem;
}
.business-container .container-main .main-code .code-title {
font-size: 1.25rem;
line-height: 2rem;
}
.business-container .container-main .main-code .code-tips {
font-size: 1rem;
line-height: 1.25rem;
}
.business-container .container-main .main-code .code-image {
max-height: 15rem;
max-width: 15rem;
}
}
.business-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.business-container .container-main {
flex: 1;
padding: 2rem 0 2.5rem;
}
.business-container .container-main .main-content .cont-item {
margin-top: 1rem;
cursor: pointer;
background: #fff;
padding: 1rem;
border-radius: .5rem;
}
.business-container .container-main .main-content .cont-item:first-child {
margin-top: 0;
}
.business-container .container-main .main-content .cont-item .item-header .header-info {
overflow: hidden;
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar {
width: 2rem;
height: 2rem;
border-radius: 50%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box {
flex: 1;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name {
margin-left: .5rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
max-width: 45%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag {
margin-left: .5rem;
font-size: .875rem;
line-height: 1.25rem;
color: #666666;
}
.business-container .container-main .main-content .cont-item .item-header .header-btn {
font-size: .75rem;
line-height: 1rem;
text-align: center;
color: #FFFFFF;
padding: .375rem .75rem;
border-radius: .25rem;
background: var(--main-color);
margin-left: .5rem;
}
.business-container .container-main .main-content .cont-item .item-title {
margin-top: 1.5rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
transition: color .3s;
}
.business-container .container-main .main-content .cont-item .item-subtitle {
font-size: .875rem;
line-height: 1.25rem;
color: #5A5B6E;
margin-top: .75rem;
-webkit-line-clamp: 2;
}
.business-container .container-main .main-content .cont-item .item-box {
margin-top: 1rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-single {
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 16.75rem;
height: 7.5rem;
border-radius: .5rem;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple {
flex: 1;
margin-top: -0.75rem;
margin-left: -0.75rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: 7.5rem;
height: 7.5rem;
margin-top: .75rem;
margin-left: .75rem;
border-radius: .5rem;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.business-container .container-main .main-content .cont-item:hover .item-title {
color: var(--main-color);
}
.business-container .container-main .main-code {
display: none;
background: #fff;
padding: 2rem;
border-radius: .5rem;
}
.business-container .container-main .main-code .code-title {
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 2.125rem;
text-align: center;
}
.business-container .container-main .main-code .code-tips {
color: #8D8D8D;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
}
.business-container .container-main .main-code .code-image {
width: 100%;
max-height: 17.5rem;
max-width: 17.5rem;
margin: 1rem auto;
}
@media screen and (max-width: 767px) {
.business-container .container-main {
padding: 2rem 0;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar {
width: 3rem;
height: 3rem;
border-radius: 50%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box {
height: 3rem;
flex-direction: column;
align-items: flex-start !important;
justify-content: space-between;
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name,
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag {
max-width: 100%;
width: calc(100% - .75rem);
margin-left: .75rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.business-container .container-main .main-content .cont-item .item-header .header-btn {
font-size: .75rem;
line-height: 1rem;
text-align: center;
color: #FFFFFF;
padding: .375rem .75rem;
border-radius: .25rem;
background: var(--main-color);
}
.business-container .container-main .main-content .cont-item .item-title {
margin-top: .75rem;
height: auto;
}
.business-container .container-main .main-content .cont-item .item-box {
margin-top: .75rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 100%;
height: 0;
padding-top: 48%;
position: relative;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image img {
position: absolute;
top: 0;
left: 0;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: calc(100% / 3 - 0.5rem);
height: 0;
padding-top: calc(100% / 3 - 0.5rem);
position: relative;
margin-left: .5rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
position: absolute;
top: 0;
left: 0;
}
.business-container .container-main .main-content .cont-item:hover .item-title {
color: #8D929C;
}
.business-container .container-main .main-code {
padding: 1rem;
}
.business-container .container-main .main-code .code-title {
font-size: 1.25rem;
line-height: 2rem;
}
.business-container .container-main .main-code .code-tips {
font-size: 1rem;
line-height: 1.25rem;
}
.business-container .container-main .main-code .code-image {
max-height: 15rem;
max-width: 15rem;
}
}

1016
public/assets/addons/wdsxh/css/public.css
View File

File diff suppressed because it is too large Load Diff

3291
public/assets/css/backend.css
View File

File diff suppressed because it is too large Load Diff

53
public/assets/js/backend/wdsxh/member/rights.js Executable file
View File

@@ -0,0 +1,53 @@
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
var Controller = {
index: function () {
// 初始化表格参数配置
Table.api.init({
extend: {
index_url: 'wdsxh/member/rights/index' + location.search,
add_url: 'wdsxh/member/rights/add',
edit_url: 'wdsxh/member/rights/edit',
del_url: 'wdsxh/member/rights/del',
table: 'wdsxh_member_rights',
}
});
var table = $("#table");
// 初始化表格
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'id',
sortName: 'weigh',
columns: [
[
{checkbox: true},
{field: 'id', title: __('Id')},
{field: 'name', title: __('权益名称'), operate: 'LIKE'},
{field: 'content', title: __('权益介绍'), operate: 'LIKE'},
{field: 'image', title: __('权益图标'), operate: false, formatter: Table.api.formatter.image},
{field: 'weigh', title: __('排序'), operate: false},
{field: 'status', title: __('状态'), searchList: {"normal": __('显示'), "hidden": __('隐藏')}, formatter: Table.api.formatter.status},
{field: 'operate', title: __('操作'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
]
]
});
// 为表格绑定事件
Table.api.bindevent(table);
},
add: function () {
Controller.api.bindevent();
},
edit: function () {
Controller.api.bindevent();
},
api: {
bindevent: function () {
Form.api.bindevent($("form[role=form]"));
}
}
};
return Controller;
});