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/voteoptionDetail.html | 177 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 177 insertions(+), 0 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/votesActivity/voteoptionDetail.html b/src/main/resources/templates/febs/views/modules/votesActivity/voteoptionDetail.html
new file mode 100644
index 0000000..cc69183
--- /dev/null
+++ b/src/main/resources/templates/febs/views/modules/votesActivity/voteoptionDetail.html
@@ -0,0 +1,177 @@
+<div class="layui-fluid layui-anim febs-anim" id="febs-activity-detail" lay-title="活动详情"
+ xmlns="http://www.w3.org/1999/html">
+ <div class="layui-row febs-container">
+ <div class="layui-col-md12">
+ <div class="layui-fluid" id="activity-detail-view">
+ <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">
+
+ <div class="layui-form-item">
+ <label class="layui-form-label">选手姓名：</label>
+ <div class="layui-input-block">
+ <label class="layui-form-mid" id="beautyName" th:text="${votesOption.beautyName}"></label>
+ </div>
+ </div>
+
+ <div class="layui-form-item">
+ <label class="layui-form-label">个人照片：</label>
+ <div class="layui-input-block">
+ <img class="layui-upload-img" id="image" style="width: 100px" th:src="${votesOption.image}" alt="选手照片"/>
+ </div>
+ </div>
+
+
+ <div class="layui-form-item">
+ <label class="layui-form-label">视频链接：</label>
+ <div class="layui-input-block">
+ <video id="videoUrl" style="width: 300px; height: 200px; object-fit: cover; border-radius: 8px;" controls>
+ <source th:src="${votesOption.videoUrl}" type="video/mp4"/>
+ 您的浏览器不支持视频播放。
+ </video>
+ </div>
+ </div>
+
+
+ <div class="layui-form-item">
+ <label class="layui-form-label">是否审核：</label>
+ <div class="layui-input-block">
+ <label class="layui-form-mid" id="audit">
+ <span th:switch="${votesOption.audit}">
+ <span th:case="1">未审核</span>
+ <span th:case="2">已审核</span>
+ <span th:case="3">已拒绝</span>
+ <span th:case="*">未知状态</span>
+ </span>
+ </label>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">手机：</label>
+ <div class="layui-input-block">
+ <label class="layui-form-mid" id="mobilePhone" th:text="${votesOption.mobilePhone}"></label>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">地址：</label>
+ <div class="layui-input-block">
+ <label class="layui-form-mid" id="address" th:text="${votesOption.address}"></label>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">性别：</label>
+ <div class="layui-input-block">
+ <label class="layui-form-mid" id="sex" th:text="${votesOption.sex}"></label>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">兴趣爱好：</label>
+ <div class="layui-input-block">
+ <label class="layui-form-mid" id="hobby" th:text="${votesOption.hobby}"></label>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">是否签约mcn机构：</label>
+ <div class="layui-input-block">
+ <label class="layui-form-mid" id="ismcn">
+ <span th:switch="${votesOption.ismcn}">
+ <span th:case="0">否</span>
+ <span th:case="1">是</span>
+ </span>
+ </label>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">选手说明：</label>
+ <div class="layui-input-block">
+ <pre class="layui-form-mid" id="description" th:text="${votesOption.description}" style="white-space: pre-wrap;"></pre>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<script>
+ layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'dropdown', 'laydate', 'layedit', 'upload', 'element', 'table', 'xmSelect'], function () {
+ var $ = layui.jquery,
+ febs = layui.febs,
+ layer = layui.layer,
+ table = layui.table,
+ formSelects = layui.formSelects,
+ treeSelect = layui.treeSelect,
+ form = layui.form,
+ laydate = layui.laydate,
+ eleTree = layui.eleTree,
+ layedit = layui.layedit,
+ upload = layui.upload,
+ validate = layui.validate,
+ element = layui.element,
+ // votesOption = [[${votesOption}]],
+ element = layui.element;
+
+ $(document).ready(function() {
+ initValue();
+ });
+
+ function initValue() {
+ // if (!votesOption) {
+ // console.warn("votesOption 数据为空，无法初始化详情页！");
+ // return;
+ // }
+ // $("#beautyName").text(votesOption.beautyName || '无');
+ // $("#image").attr("src", votesOption.image || '');
+ // $("#videoUrl").attr("src", votesOption.videoUrl || '');
+ // $("#audit").text(getVotesAuditText(votesOption.audit));
+ // $("#mobilePhone").text(votesOption.mobilePhone || '无');
+ // $("#address").text(votesOption.province + votesOption.city + (votesOption.address || '无'));
+ // $("#sex").text(getSexText(votesOption.sex));
+ // $("#hobby").text(votesOption.hobby || '无');
+ // $("#ismcn").text(getVotesmcnText(votesOption.ismcn));
+ // $("#description").text(votesOption.description || '无');
+ }
+
+ function getVotesAuditText(type) {
+ switch (type) {
+ case 0:
+ return '未审核';
+ case 1:
+ return '已审核';
+ case 2:
+ return '已拒绝';
+ default:
+ return '未知状态';
+ }
+ }
+
+ function getVotesmcnText(type) {
+ switch (type) {
+ case 0:
+ return '未签约';
+ case 1:
+ return '已签约';
+ default:
+ return '未知状态';
+ }
+ }
+
+ function getSexText(sex) {
+ if (sex === '0' || sex === 0) {
+ return '女';
+ } else if (sex === '1' || sex === 1) {
+ return '男';
+ } else {
+ return '未知';
+ }
+ }
+
+ initValue();
+ });
+
+
+</script>
--
Gitblit v1.9.1