From b06418c37c2b9e3c01c8e382fb311d35629f1d9a Mon Sep 17 00:00:00 2001 From: Administrator <15274802129@163.com> Date: Wed, 23 Apr 2025 17:53:03 +0800 Subject: [PATCH] feat(mall): 添加活动报名状态字段 --- src/main/resources/templates/febs/views/modules/votesActivity/optionAdd-bak.html | 293 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 293 insertions(+), 0 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/votesActivity/optionAdd-bak.html b/src/main/resources/templates/febs/views/modules/votesActivity/optionAdd-bak.html new file mode 100644 index 0000000..cc8ca1d --- /dev/null +++ b/src/main/resources/templates/febs/views/modules/votesActivity/optionAdd-bak.html @@ -0,0 +1,293 @@ +<div class="layui-fluid layui-anim febs-anim" id="febs-option-add" lay-title="活动选项新增"> + <div class="layui-row febs-container"> + <div class="layui-col-md12"> + <div class="layui-fluid" id="option-add"> + <form class="layui-form" action="" lay-filter="option-add-form"> + <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> + <ul class="layui-tab-title"> + <li class="layui-this">基础信息</li> +<!-- <li>详情设置</li>--> + </ul> + <div class="layui-tab-content"> + <div class="layui-tab-item layui-show"> + <blockquote class="layui-elem-quote blue-border">基础信息</blockquote> + <div class="layui-row layui-col-space10 layui-form-item"> + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">所属活动:</label> + <div class="layui-input-block"> + <div id="activity-option"></div> + </div> + </div> + + <div class="layui-col-lg6"> + <label class="layui-form-label">序号:</label> + <div class="layui-input-block"> + <input type="number" name="number" placeholder="" autocomplete="off" class="layui-input" disabled> + </div> + </div> + </div> + <div class="layui-form-item"> +<!-- <div class="layui-col-lg6">--> +<!-- <label class="layui-form-label febs-form-item-require">报名名称:</label>--> +<!-- <div class="layui-input-block">--> +<!-- <input type="text" name="registeredName" lay-verify="required" autocomplete="off" class="layui-input" >--> +<!-- </div>--> +<!-- </div>--> + + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">姓名:</label> + <div class="layui-input-block"> + <input type="text" name="beautyName" lay-verify="required" autocomplete="off" class="layui-input" > + </div> + </div> + </div> + <div class="layui-row layui-col-space10 layui-form-item"> + + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">手机:</label> + <div class="layui-input-block"> + <input type="text" name="mobilePhone" lay-verify="required" autocomplete="off" class="layui-input" > + </div> + </div> + <div class="layui-col-lg6"> + <label class="layui-form-label">性别:</label> + <div class="layui-input-block"> + <input type="radio" name="sex" value="1" title="男" /> + <input type="radio" name="sex" value="2" title="女" /> + <input type="radio" name="sex" value="2" title="保密" checked /> + </div> + </div> + + + </div> + <div class="layui-row layui-col-space10 layui-form-item"> + + <div class="layui-col-lg6"> + <div class="layui-form-item" id="area-picker"> + <div class="layui-form-label">选择省/市</div> + <div class="layui-input-inline" style="width: 200px;"> + <select name="province" class="province-selector" data-value="上海市"> + <option value="">--选择省--</option> + </select> + </div> + <div class="layui-input-inline" style="width: 200px;" > + <select name="city" class="city-selector" data-value="上海市"> + <option value="">--选择市--</option> + </select> + </div> + <!-- <div class="layui-input-inline" style="width: 200px;" >--> + <!-- <select name="area" class="county-selector" data-value="浦东新区">--> + <!-- <option value="">--选择区--</option>--> + <!-- </select>--> + <!-- </div>--> + </div> + + </div> + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">详细地址:</label> + <div class="layui-input-block"> + <input type="text" name="address" lay-verify="required" autocomplete="off" class="layui-input" > + </div> + </div> + </div> + <div class="layui-row layui-col-space10 layui-form-item"> + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require" style="white-space: nowrap;">是否签约MCN:</label> + <div class="layui-input-block"> + <select name="ismcn" lay-verify="required" class="layui-input"> + <option value="0">否</option> + <option value="1">是</option> + </select> + </div> + </div> + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">选项图片:</label> + <div class="layui-input-block"> + <div class="layui-upload"> + <button type="button" class="layui-btn layui-btn-normal layui-btn" id="test2">上传</button> + <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> + <div class="layui-upload-list" id="demo2"></div> + </blockquote> + </div> + </div> + <div class="layui-form-item febs-hide"> + <label class="layui-form-label">图片链接:</label> + <div class="layui-input-block"> + <input type="text" id="image" lay-verify="required" name="image" autocomplete="off" class="layui-input" readonly> + </div> + </div> + </div> + </div> + <div class="layui-row layui-col-space10 layui-form-item"> + <label class="layui-form-label">爱好:</label> + <div class="layui-input-block"> + <label> + <textarea name="hobby" rows="5" autocomplete="off" class="layui-textarea" ></textarea> + </label> + </div> + </div> + </div> + +<!-- <div class="layui-tab-item">--> +<!-- <div class="layui-form-item">--> +<!-- <label class="layui-form-label febs-form-item-require">选项视频:</label>--> +<!-- <div class="layui-input-block">--> +<!-- <div class="layui-upload">--> +<!-- <button type="button" class="layui-btn upload" id="upload" style="background-color: #009688; margin-bottom: 2px">上传文件</button>--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> +<!-- <div class="layui-form-item">--> +<!-- <label class="layui-form-label">视频链接:</label>--> +<!-- <div class="layui-input-block">--> +<!-- <input type="text" id="videoUrl" lay-verify="required" name="videoUrl" autocomplete="off" class="layui-input" readonly>--> +<!-- </div>--> +<!-- </div>--> + +<!-- <div class="layui-form-item">--> +<!-- <label class="layui-form-label febs-form-item-require">选项描述:</label>--> +<!-- <div class="layui-input-block">--> +<!-- <div style="border: 1px solid #ccc;">--> +<!-- <div id="toolbar-container" class="toolbar"></div>--> +<!-- <div id="text-container" class="text" style="height: 450px;"></div>--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> + </div> + </div> + + <div class="layui-form-item febs-hide"> + <button class="layui-btn" lay-submit="" lay-filter="option-add-form-submit" id="submit">保存</button> + </div> + </form> + </div> + </div> + </div> +</div> +<style> + .blue-border { + border-left-color: #2db7f5; + font-size: 18px; + } + .layui-table-cell { + height:auto; + } + .layui-upload-list { + margin: 0 !important; + } + .multi-images { + margin: 0 5px !important; + } +</style> +<!-- 表格操作栏 end --> +<script data-th-inline="javascript"> + layui.use(['febs', 'form', 'formSelects', 'validate', 'laydate', 'layedit', 'upload', 'table', 'xmSelect', 'layarea'], function () { + var $ = layui.jquery, + febs = layui.febs, + layer = layui.layer, + table = layui.table, + formSelects = layui.formSelects, + form = layui.form, + $view = $('#option-add'), + layedit = layui.layedit, + upload = layui.upload, + layarea = layui.layarea, + validate = layui.validate; + + form.render(); + + formSelects.render(); + + let obj1 = layarea.render({ + elem: '#area-picker', + change: function (res) { + //选择结果 + console.log(res); + } + }); + layarea.render({ + elem: '#area-picker', + data: { + province: "上海", + city: "上海", + county: "浦东新区", + }, + change: function (res) { + //选择结果 + console.log(res); + } + }); + + let activityOptions = xmSelect.render({ + el: '#activity-option', + language: 'zn', + prop : { + value : 'id', + children : 'child' + }, + iconfont: { + parent: 'hidden', + }, + tips: '请选择', + filterable: true, + radio: true, + clickClose: true, + tree: { + show: true, + //非严格模式 + strict: false, + }, + data: [] + }) + + febs.get(ctx + 'admin/votesActivity/allActivities', null, function(res) { + activityOptions.update({ + data : res.data, + autoRow: true, + }); + }) + + //图片上传 + upload.render({ + elem: '#test2' + ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 + ,accept: 'file' //普通文件 + ,size: 10240 //限制文件大小,单位 KB + ,before: function(obj){ + //预读本地文件示例,不支持ie8 + obj.preview(function(index, file, result){ + $('#demo2').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">') + }); + } + ,done: function(res){ + $("#image").val(res.data.src); + } + }); + form.on('submit(option-add-form-submit)', function (data) { + data.field.activityId = activityOptions.getValue('valueStr'); + $.ajax({ + 'url':ctx + 'admin/votesActivity/addOption', + 'type':'post', + 'dataType':'json', + 'headers' : {'Content-Type' : 'application/json;charset=utf-8'}, //接口json格式 + 'traditional': true,//ajax传递数组必须添加属性 + 'data':JSON.stringify(data.field), + 'success':function (data) { + if(data.code==200){ + layer.closeAll(); + febs.alert.success(data.message); + $('#febs-activity-option').find('#query').click(); + }else{ + febs.alert.warn(data.message); + } + }, + 'error':function () { + febs.alert.warn('服务器繁忙'); + } + }) + return false; + }); + + }); +</script> -- Gitblit v1.9.1