会员权益

This commit is contained in:
2026-04-23 17:43:57 +08:00
parent 76a6e430b9
commit 2180501efd
10 changed files with 2816 additions and 2483 deletions

View File

@@ -0,0 +1,42 @@
<?php
// +----------------------------------------------------------------------
// | 麦沃德科技赋能开发者,助力商协会发展
// +----------------------------------------------------------------------
// | Copyright (c) 20172024 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();
}
}

View File

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

View File

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

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>

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>

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>

View File

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

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

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;
});