<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>
|
