najixian / xt_dc_admin · Commits

Go to a project

Commit a7019fcc642fb38fd147550fe6f5c34eda193298

Authored by pengye
1 parent 9a0f1e5d
build: skipped

no message

Inline Side-by-side
Showing 2 changed files with 274 additions and 0 deletions
  1 +{include file="common/head"/}
  2 +<div class="admin-main layui-anim layui-anim-upbit">
  3 + <fieldset class="layui-elem-field layui-field-title">
  4 + <legend>{:$title}</legend>
  5 + </fieldset>
  6 + <blockquote class="layui-elem-quote">
  7 + <a href="{:url('Seller/sellerList')}" class="layui-btn layui-btn-sm layui-btn-danger">
  8 + <i class="fa fa-file-image-o"></i> 商家信息列表
  9 + </a>
  10 + <a href="{:url('Template/uploadFile')}" class="layui-btn layui-btn-sm">
  11 + <i class="fa fa-file-image-o"></i> GIF图片、短视频上传
  12 + </a>
  13 + <a href="{:url('Template/Vegetable')}" class="layui-btn layui-btn-sm">
  14 + <i class="fa fa-file-image-o"></i> 菜品库管理
  15 + </a>
  16 + </blockquote>
  17 +
  18 + <div class="demoTable">
  19 + 商家名称：<div class="layui-inline">
  20 + <input class="layui-input" name="key" id="key" placeholder="{:lang('pleaseEnter')}店铺名称" autocomplete="off">
  21 + </div>
  22 + 商家地址：<div class="layui-inline">
  23 + <input class="layui-input" name="address" id="address" placeholder="{:lang('pleaseEnter')}店铺地址" autocomplete="off">
  24 + </div>
  25 + 商家来源：
  26 + <div class="layui-input-inline layui-form">
  27 + <div class="layui-input-8">
  28 + <select name="class" id="channel" lay-filter="myselect">
  29 + <option value="4">全部</option>
  30 + <option value="1" selected>合作</option>
  31 + <option value="2">推广</option>
  32 + <option value="3">测试</option>
  33 + </select>
  34 + </div>
  35 + </div>
  36 + 选择地区:
  37 + <div class="layui-input-inline">
  38 + <form class="layui-form">
  39 + <div class="layui-input-inline">
  40 + <select name="provid" id="provid" lay-filter="provid">
  41 + <option value="">请选择省</option>
  42 + </select>
  43 + </div>
  44 + <div class="layui-input-inline">
  45 + <select name="cityid" id="cityid" lay-filter="cityid">
  46 + <option value="">请选择市</option>
  47 + </select>
  48 + </div>
  49 + <div class="layui-input-inline">
  50 + <select name="areaid" id="areaid" lay-filter="areaid">
  51 + <option value="">请选择县/区</option>
  52 + </select>
  53 + </div>
  54 + </form>
  55 + </div>
  56 +
  57 + <button class="layui-btn" id="search" data-type="reload">搜索</button>
  58 + <!-- 备注: 人均消费(130)、店铺评分(4.9,最高5分)、停车场(0/1 无/有)开启单元格编辑 -->
  59 + </div>
  60 +
  61 + <table class="layui-table" id="list" lay-filter="list"></table>
  62 +</div>
  63 +{include file="common/foot"/}
  64 +
  65 +<script src="/static/common/js/jquery.2.1.1.min.js"></script>
  66 +<script type="text/javascript" src="/static/city/data.js"></script>
  67 +<script type="text/javascript" src="/static/city/province.js"></script>
  68 +<script type="text/javascript">
  69 + var defaults = {
  70 + s1: 'provid',
  71 + s2: 'cityid',
  72 + s3: 'areaid',
  73 + v1: null,
  74 + v2: null,
  75 + v3: null
  76 + };
  77 +</script>
  78 +
  79 +<script type="text/html" id="action">
  80 + <a class="layui-btn {{ 0==d.status?'':'layui-btn-danger'}} layui-btn-xs" lay-event="stop">{{ 0==d.status?'启用':'停用'}}</a>
  81 + <a href="{:url('Seller/sellerconfig')}?id={{d.id}}&name={{d.sellername}}" class="layui-btn layui-btn-xs">配置</a>
  82 + <!--<a href="{:url('Template/configMer')}?id={{d.id}}&name={{d.sellername}}" class="layui-btn layui-btn-xs">配置菜品</a>-->
  83 + <a href="{:url('Basicinfo/smsRecharge')}?id={{d.id}}&name={{d.sellername}}" class="layui-btn layui-btn-xs">短信充值</a>
  84 +</script>
  85 +<script>
  86 + layui.use(['table','form'], function() {
  87 + var table = layui.table,$ = layui.jquery;
  88 + var tableIn = table.render({
  89 + elem: '#list',
  90 + url: '{:url("sellerList")}',
  91 + method: 'post',
  92 + title: '商家列表',
  93 + toolbar: '#toolbarDemo',
  94 + page:true,
  95 + cols: [[
  96 + {field: 'id', title: '{:lang("id")}', width:60, fixed: true},
  97 + {field: 'sellername', edit: 'text', title: '商家名称'},
  98 + {field: 'selleralias', edit: 'text', title: '短店名+地址'},
  99 + {field: 'last_num', align: 'center',title: '短信余量'},
  100 + {field: 'average', align: 'center', edit: 'text', title: '人均消费'},
  101 + {field: 'score', align: 'center', edit: 'text', title: '店铺评分'},
  102 + {field: 'is_parking', align: 'center', edit: 'text',title: '是否有停车场'},
  103 + {field: 'is_meal_fee', align: 'center', edit: 'text',title: '有无餐位费'},
  104 + {field: 'is_unsubscribe', align: 'center', edit: 'text',title: '是否可随时退'},
  105 + {field: 'is_minimum_consumption', align: 'center', edit: 'text',title: '有无最低消费'},
  106 + {field: 'is_belt_wine', align: 'center', edit: 'text',title: '是否可自带酒水'},
  107 + {field: 'slogan', align: 'center', edit: 'text',title: '商家短标语'},
  108 + {field: 'scale', align: 'center', edit: 'text', sort: true,title: '比例尺'},
  109 + {field: 'is_auth', align: 'center', edit: 'text', sort: true,title: '订座读写权限'},
  110 + {field: 'user_name', align: 'center',title: '创建人'},
  111 + //{field: 'dz_version', align: 'center',title: 'APP版本'},
  112 + {align: 'center', width:200,title: '操作', toolbar: '#action'}
  113 + ]]
  114 + ,id: 'testReload'
  115 + ,page: true
  116 + });
  117 +
  118 + //监听单元格编辑
  119 + table.on('edit(list)', function(obj){
  120 + var value = obj.value, //得到修改后的值
  121 + data = obj.data, //得到所在行所有键值
  122 + field = obj.field; //得到字段
  123 + switch(field){
  124 + case 'average':
  125 + var new_field = '人均消费';
  126 + break;
  127 + case 'is_parking':
  128 + var new_field = '停车场';
  129 + break;
  130 + case 'score':
  131 + var new_field = '店铺评分';
  132 + break;
  133 + case 'slogan':
  134 + var new_field = '标语';
  135 + break;
  136 + case 'selleralias':
  137 + var new_field = '短店名';
  138 + break;
  139 + case 'is_meal_fee':
  140 + var new_field = '有无餐位费';
  141 + break;
  142 + case 'is_unsubscribe':
  143 + var new_field = '是否可随时退';
  144 + break;
  145 + case 'is_minimum_consumption':
  146 + var new_field = '有无最低消费';
  147 + break;
  148 + case 'is_belt_wine':
  149 + var new_field = '是否自带酒水';
  150 + break;
  151 + case 'scale':
  152 + var new_field = '比例尺';
  153 + break;
  154 + case 'sellername':
  155 + var new_field = '商家名字';
  156 + case 'is_auth':
  157 + var new_field = '是否开始订座读写权限';
  158 + }
  159 + if(field=='slogan' && value.length>15){
  160 + layer.msg('标语不能超过15个字符！',{time:1500,icon:2});return;
  161 + }
  162 + if(field=='scale' && value>20){
  163 + layer.msg('比例尺最高可设置为20',{time:1500,icon:2});return;
  164 + }
  165 + if(field=='scale' && value<3){
  166 + layer.msg('比例尺最低可设置为3',{time:1500,icon:2});return;
  167 + }
  168 + if(field=='is_auth' && value>1 || value<0){
  169 + layer.msg('请输入正确的参数,0为只读,1为读写',{time:1500,icon:2});return;
  170 + }
  171 + //layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
  172 + layer.confirm('请确认将 '+ data.sellername +'商家的 ' + new_field + ' 更改为：'+ value, function(index){
  173 + $.post("{:url('setsellerconfig')}",{sellerid:data.id,field:field,value:value},function(res){
  174 + if(res.code==1){
  175 + layer.msg(res.msg,{time:1500,icon:1});
  176 + }else{
  177 + layer.msg(res.msg,{time:1500,icon:2});
  178 + }
  179 + });
  180 + layer.close(index);
  181 + });
  182 + });
  183 +
  184 + //监听行双击事件
  185 + table.on('rowDouble(list)', function(obj){
  186 + //table.on('row(list)', function(obj){ 双击事件
  187 + //console.log(obj.tr) //得到当前行元素对象
  188 + console.log(obj.data) //得到当前行数据
  189 + layer.open({
  190 + type: 2,
  191 + title: obj.data.sellername,
  192 + shadeClose: true,
  193 + shade: 0.8,
  194 + area: ['90%', '90%'],
  195 + content: '{:url("sellerdetail")}?sid='+obj.data.id //iframe的url
  196 + /*success:function(dom){
  197 + let $iframeDom=$(dom[0]).find("iframe").eq(0).contents();
  198 + $iframeDom.find("#test").html("我是从父级传来的值哟……")
  199 + }*/
  200 + });
  201 + });
  202 +
  203 + //搜索
  204 + $('#search').on('click', function() {
  205 + var key = $('#key').val();
  206 + /*if($.trim(key)==='') {
  207 + layer.msg('{:lang("pleaseEnter")}店铺名称！',{icon:0});
  208 + return;
  209 + }*/
  210 + tableIn.reload({
  211 + page:{page: 1},
  212 + where:{
  213 + key: key,
  214 + address: $('#address').val(),
  215 + channel: $('#channel').val(),
  216 + prov: $("#provid").find("option:selected").text(),
  217 + city: $("#cityid").find("option:selected").text(),
  218 + area: $("#areaid").find("option:selected").text()
  219 + }
  220 + });
  221 + });
  222 +
  223 + var $ = layui.$, active = {
  224 + reload: function(){
  225 + var key = $('#key');
  226 + var channel = $('#channel');
  227 + var address = $('#address');
  228 + var prov = $("#provid").find("option:selected").text();
  229 + var city = $("#cityid").find("option:selected").text();
  230 + var area = $("#areaid").find("option:selected").text()
  231 + //执行重载
  232 + table.reload('testReload', {
  233 + page: {
  234 + curr: 1 //重新从第 1 页开始
  235 + }
  236 + ,where: {
  237 + key: {
  238 + id: key.val(),
  239 + channel: channel.val(),
  240 + address: address.val(),
  241 + prov: prov,
  242 + city: city,
  243 + area: area
  244 + }
  245 + }
  246 + });
  247 + }
  248 + };
  249 +
  250 + $('.demoTable .layui-btn').on('click', function(){
  251 + var type = $(this).data('type');
  252 + active[type] ? active[type].call(this) : '';
  253 + });
  254 +
  255 + //启用、停用
  256 + table.on('tool(list)', function(obj){
  257 + var data = obj.data;
  258 + if(obj.event === 'stop'){
  259 + var statusVal = data.status==1 ? '停用' : '启用';
  260 + layer.confirm('请确定要 '+statusVal+" 该商家！", function(index){
  261 + $.post("{:url('configStop')}",{sellerid:data.id,status:data.status},function(res){
  262 + if(res.code==1){
  263 + layer.msg(res.msg,{time:1000,icon:1});
  264 + location.reload();
  265 + }else{
  266 + layer.msg(res.msg,{time:1000,icon:2});
  267 + }
  268 + });
  269 + layer.close(index);
  270 + });
  271 + }
  272 + });
  273 + })
  274 +</script>