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/optionInfo-bak.html | 373 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 373 insertions(+), 0 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/votesActivity/optionInfo-bak.html b/src/main/resources/templates/febs/views/modules/votesActivity/optionInfo-bak.html
new file mode 100644
index 0000000..36a3542
--- /dev/null
+++ b/src/main/resources/templates/febs/views/modules/votesActivity/optionInfo-bak.html
@@ -0,0 +1,373 @@
+<div class="layui-fluid layui-anim febs-anim" id="febs-option-info" lay-title="活动选项编辑">
+ <div class="layui-row febs-container">
+ <div class="layui-col-md12">
+ <div class="layui-fluid" id="option-info">
+ <form class="layui-form" action="" lay-filter="option-info-form">
+ <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+ <ul class="layui-tab-title">
+ <li class="layui-this">基础信息</li>
+ </ul>
+ <div class="layui-tab-content">
+ <input type="text" name="id"
+ placeholder="" autoComplete="off" class="layui-input febs-hide">
+ <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">
+ <input type="radio" name="audit" value="1" title="待审核" checked />
+ <input type="radio" name="audit" value="2" title="同意" />
+ <input type="radio" name="audit" value="3" title="拒绝" />
+ </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">
+ <div class="layui-upload">
+ <button type="button" class="layui-btn layui-btn-normal layui-btn" id="testMaxOption">上传</button>
+ <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
+ <div class="layui-upload-list" id="demoMaxOption"></div>
+ </blockquote>
+ </div>
+ </div>
+ </div>
+ <div class="layui-col-lg6">
+ <div class="layui-input-block">
+ <input type="text" lay-verify="required" id="image" name="image" autocomplete="off" class="layui-input" readonly>
+ </div>
+ <button type="button" class="layui-btn layui-btn-normal layui-btn" id="openImg">图片审核</button>
+ </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" lay-verify="required" name="videoUrl" autocomplete="off" class="layui-input" readonly>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-lg6">-->
+<!-- <button type="button" class="layui-btn layui-btn-normal layui-btn" id="openVideo">视频审核</button>-->
+<!-- </div>-->
+<!-- </div>-->
+ </div>
+ <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" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" data-value="{$voteOption.number}">-->
+ <input type="number" name="number" placeholder="" autocomplete="off" class="layui-input" data-value="{$voteOption.number}" disabled>
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+<!-- <div class="layui-col-lg6">-->
+<!-- <label class="layui-form-label">报名名称：</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">姓名：</label>
+ <div class="layui-input-block">
+ <input type="text" name="beautyName" lay-verify="required" autocomplete="off" class="layui-input" >
+ </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="number" name="voteCount" autocomplete="off" class="layui-input" >
+ </div>
+ </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="province" 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="city" 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-lg3">
+ <label class="layui-form-label febs-form-item-require">省：</label>
+ <div class="layui-input-block">
+ <input type="text" name="city" autocomplete="off" class="layui-input" >
+ </div>
+ </div>
+
+ <div class="layui-col-lg3">
+ <label class="layui-form-label febs-form-item-require">市：</label>
+ <div class="layui-input-block">
+ <input type="text" name="city" 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="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">手机：</label>
+ <div class="layui-input-block">
+ <input type="text" name="mobilePhone" 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="3" title="保密" checked />
+ </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>
+
+ <div class="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>
+ </div>
+
+ <div class="layui-form-item febs-hide">
+ <button class="layui-btn" lay-submit="" lay-filter="option-info-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-info'),
+ voteOption = [[${voteOption}]],
+ layedit = layui.layedit,
+ upload = layui.upload,
+ layarea = layui.layarea,
+ validate = layui.validate;
+
+ form.render();
+
+ formSelects.render();
+
+ 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,
+ });
+ initOptionInfo();
+ })
+ //图片上传
+ upload.render({
+ elem: '#testMaxOption'
+ ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+ ,multiple: true
+ ,before: function(obj){
+ //预读本地文件示例，不支持ie8
+ obj.preview(function(index, file, result){
+ $('#demoMaxOption').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
+ });
+ }
+ ,done: function(res){
+ $("#image").val(res.data.src);
+ }
+ });
+ // 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);
+ // }
+ // });
+
+ function initOptionInfo() {
+ console.log("voteOption:", voteOption); // 调试信息
+ form.val("option-info-form", {
+ "id": voteOption.id,
+ "activityId": voteOption.activityId,
+ "beautyName": voteOption.beautyName,
+ "registeredName": voteOption.registeredName,
+ "description": voteOption.description,
+ "voteCount": voteOption.voteCount,
+ "rank": voteOption.rank,
+ "diffPrevious": voteOption.diffPrevious,
+ "number": voteOption.number,
+ "mobilePhone": voteOption.mobilePhone,
+ "sex": voteOption.sex,
+ "hobby": voteOption.hobby,
+ "ismcn": voteOption.ismcn,
+ "address": voteOption.address,
+ "province": voteOption.province,
+ "city": voteOption.city,
+ "videoUrl": voteOption.videoUrl,
+ "audit": voteOption.audit,
+ "image": voteOption.image,
+ "email": voteOption.email
+ });
+
+ var arr = [];
+ arr.push(voteOption.activityId)
+ activityOptions.setValue(arr);
+
+ $('#demoMaxOption').append('<img src="' + voteOption.image + '" alt="" class="layui-upload-img single-image" style="width: 130px">')
+ $("#image").val(voteOption.image);
+
+ // setTimeout(() => {
+ // obj1.reload({
+ // data: {
+ // province: voteOption.province,
+ // city: voteOption.city,
+ // }
+ // });
+ // }, 200);
+ }
+
+
+
+ form.on('submit(option-info-form-submit)', function (data) {
+ data.field.activityId = activityOptions.getValue('valueStr');
+ console.log(data.field);
+ $.ajax({
+ 'url':ctx + 'admin/votesActivity/optionUpdate',
+ '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;
+ });
+
+ // 添加点击事件监听器
+ $('#openImg').on('click', function() {
+ let imageUrl = $("#image").val();
+ //页面层
+ layer.open({
+ type: 1,
+ title: "图片",
+ skin: 'layui-layer-rim', //加上边框
+ area: ['100%', '100%'], //宽高
+ shadeClose: true, //开启遮罩关闭
+ end: function (index, layero) {
+ return false;
+ },
+ content: '<div style="text-align:center"><img src="' + imageUrl + '" /></div>'
+ });
+ });
+
+ });
+</script>
--
Gitblit v1.9.1