彩先知pc
This commit is contained in:
rain
+278
@@ -0,0 +1,278 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title id="page-title">彩先知 - 发布付费文章</title>
|
||||
<link rel="stylesheet" href="../public/css/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="../public/css/public.css" />
|
||||
<link rel="stylesheet" href="../public/css/fufei.css" />
|
||||
</head>
|
||||
<body>
|
||||
<nav class="topbar" id="navbar">
|
||||
<div class="topbar__inner">
|
||||
<a href="index.html" class="topbar__brand">
|
||||
<img
|
||||
src="../images/home-logo.png"
|
||||
alt="彩先知"
|
||||
class="topbar__logo"
|
||||
/>
|
||||
</a>
|
||||
<div class="topbar__nav" id="navLotteryItems"></div>
|
||||
<div class="topbar__user">
|
||||
<div id="notLoggedInBox" class="topbar__guest">
|
||||
<a href="login.html" class="topbar__btn topbar__btn--ghost">登录</a>
|
||||
<a href="reg.html" class="topbar__btn topbar__btn--primary"
|
||||
>免费注册</a
|
||||
>
|
||||
</div>
|
||||
<div id="loggedInBox" class="topbar__logged pay-hidden">
|
||||
<a href="usercenter.html" class="topbar__profile">
|
||||
<img
|
||||
id="userAvatar"
|
||||
src="../public/img/userimg.png"
|
||||
alt=""
|
||||
class="topbar__avatar"
|
||||
/>
|
||||
<div class="topbar__meta">
|
||||
<span id="userName" class="topbar__uname">用户</span>
|
||||
<span id="userLevel" class="topbar__ubadge">会员</span>
|
||||
</div>
|
||||
</a>
|
||||
<button class="topbar__btn topbar__btn--logout" onclick="logout()">
|
||||
退出登录
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="page-main">
|
||||
<div class="cxz-breadcrumb">
|
||||
<a href="index.html">首页</a>
|
||||
<span class="sep">></span>
|
||||
<a href="usercenter.html">个人中心</a>
|
||||
<span class="sep">></span>
|
||||
<span>发布付费文章</span>
|
||||
</div>
|
||||
|
||||
<section class="pay-publish-card">
|
||||
<header class="pay-publish-header">
|
||||
<h1>发布文章</h1>
|
||||
<p>发布您的付费预测方案，与彩民分享您的专业判断</p>
|
||||
</header>
|
||||
|
||||
<div class="pay-publish-body">
|
||||
<div class="publish-tab-bar">
|
||||
<a href="fabumianfeiwenzhang.html" class="publish-tab-item"
|
||||
>发布免费文章</a
|
||||
>
|
||||
<a href="fufei.html" class="publish-tab-item active"
|
||||
>发布付费文章</a
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="pay-form">
|
||||
<div class="pay-form-group mianfeiThreeSelect">
|
||||
<label class="pay-form-label"
|
||||
>彩种方案 <span class="required">*</span></label
|
||||
>
|
||||
<input type="hidden" id="a1" value="" name="topid" />
|
||||
<input type="hidden" id="a2" value="" name="seid" />
|
||||
<input type="hidden" id="a3" value="" name="thid" />
|
||||
<input type="hidden" id="qi" value="" name="qi" />
|
||||
<input type="hidden" id="vv" value="" name="vv" />
|
||||
<input type="hidden" id="payMenuId" value="" />
|
||||
<input type="hidden" id="payCode" value="" />
|
||||
<input type="hidden" id="gmjl" value="" />
|
||||
</div>
|
||||
<div class="mianfeiThreeText">
|
||||
<div class="pay-form-group">
|
||||
<label class="pay-form-label">方案标题 <span class="required">*</span></label>
|
||||
<div class="pay-title-input">
|
||||
<input class="pay-form-input" id="payTitle" maxlength="100" placeholder="请输入付费文章标题" />
|
||||
<span id="payTitleCount">0/100</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pay-pool-section">
|
||||
<div class="pay-pool-title">选号区域</div>
|
||||
<div class="number-pool" id="numberPool"></div>
|
||||
<div class="pay-selected-row mianfeiThreeTextSelectBox">
|
||||
<span class="pay-selected-label">已选：</span>
|
||||
<span id="jieguo">暂无号码</span>
|
||||
<button id="resetBtn" type="button" class="pay-reset-btn">
|
||||
重置
|
||||
</button>
|
||||
</div>
|
||||
<div class="pay-issue-row mianfeiThreeTextISSUEBox">
|
||||
<span>当前期号：</span>
|
||||
<strong id="qihao">请选择方案</strong>
|
||||
</div>
|
||||
<div id="finalResult" class="pay-hidden"></div>
|
||||
</div>
|
||||
|
||||
<div class="pay-info-grid">
|
||||
<div class="pay-form-group">
|
||||
<label class="pay-form-label">预测期号</label>
|
||||
<input
|
||||
class="pay-form-input"
|
||||
id="expectInput"
|
||||
placeholder="选择方案后自动获取"
|
||||
readonly
|
||||
/>
|
||||
<div class="pay-form-help" id="expectText">
|
||||
选择方案后自动获取
|
||||
</div>
|
||||
</div>
|
||||
<div class="pay-form-group">
|
||||
<label class="pay-form-label">定金</label>
|
||||
<div class="pay-price-input">
|
||||
<input
|
||||
class="pay-form-input"
|
||||
type="text"
|
||||
id="priceInput"
|
||||
readonly
|
||||
/>
|
||||
<span>积分</span>
|
||||
</div>
|
||||
<div class="pay-form-help">
|
||||
当前方案定金：<em id="priceText">0</em> 积分
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pay-form-group">
|
||||
<label class="pay-form-label">价格说明</label>
|
||||
<div class="pay-price-info" id="payPriceInfo">请选择方案后加载价格说明</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mianfeiThreeButBox">
|
||||
<button
|
||||
class="pay-submit-btn mianfeiThreeBut"
|
||||
type="button"
|
||||
onclick="chk()"
|
||||
>
|
||||
发布方案
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="site-footer__inner">
|
||||
<img
|
||||
src="../images/home-logo.png"
|
||||
alt="彩先知"
|
||||
class="site-footer__logo"
|
||||
/>
|
||||
<p id="copyright-info">彩先知以开奖数据、免费文章、资讯推荐为核心</p>
|
||||
<div class="site-footer__meta">
|
||||
<a
|
||||
id="beian"
|
||||
href="https://beian.miit.gov.cn/"
|
||||
target="_blank"
|
||||
class="fufei-footer-link"
|
||||
>工信部备案号</a
|
||||
>
|
||||
<span id="additional-info">本站仅供数据分析参考</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<button
|
||||
class="gotop"
|
||||
id="backTop"
|
||||
type="button"
|
||||
onclick="window.scrollTo({ top: 0, behavior: 'smooth' })"
|
||||
>
|
||||
↑
|
||||
</button>
|
||||
|
||||
<script src="../public/css/layui/layui.js"></script>
|
||||
<script src="../public/js/lay-config.js"></script>
|
||||
<script src="../config.js"></script>
|
||||
<script src="../utils/ApiClient.js"></script>
|
||||
<script src="../utils/DateUtil.js"></script>
|
||||
<script src="../utils/CommonUtil.js"></script>
|
||||
<script src="../public/js/jquery.js"></script>
|
||||
<script src="../public/js/fufei-3dyjs-publish.js"></script>
|
||||
<script>
|
||||
function isApiSuccess(res) {
|
||||
return (
|
||||
res && (res.code === 0 || res.code === 200 || res.success === true)
|
||||
);
|
||||
}
|
||||
|
||||
function safeText(value) {
|
||||
return CommonUtil.escapeHtml
|
||||
? CommonUtil.escapeHtml(value)
|
||||
: String(value || "");
|
||||
}
|
||||
|
||||
function logout() {
|
||||
localStorage.removeItem("token");
|
||||
window.location.href = "login.html";
|
||||
}
|
||||
|
||||
function renderLoginState() {
|
||||
var $ = layui.$;
|
||||
var token = CommonUtil.getAuthToken
|
||||
? CommonUtil.getAuthToken()
|
||||
: localStorage.getItem("token");
|
||||
if (!token) {
|
||||
$("#notLoggedInBox").show();
|
||||
$("#loggedInBox").addClass("pay-hidden").hide();
|
||||
return;
|
||||
}
|
||||
$("#notLoggedInBox").hide();
|
||||
$("#loggedInBox").removeClass("pay-hidden").css("display", "flex");
|
||||
CommonUtil.getCurrentUserDetail(function (data) {
|
||||
if (!data) return;
|
||||
$("#userName").text(data.nickName || data.username || "用户");
|
||||
$("#userLevel").text(
|
||||
CommonUtil.getUserLevelText
|
||||
? CommonUtil.getUserLevelText(data)
|
||||
: "会员",
|
||||
);
|
||||
if (data.avatar) $("#userAvatar").attr("src", data.avatar);
|
||||
});
|
||||
}
|
||||
|
||||
function renderTopNav() {
|
||||
ApiClient.post("/api/web/menu/getFormatList", {}).then(function (res) {
|
||||
if (!isApiSuccess(res)) return;
|
||||
var list = ApiClient.asArray(ApiClient.pickData(res, []));
|
||||
var $nav = layui.$("#navLotteryItems");
|
||||
$nav.empty();
|
||||
list.forEach(function (item) {
|
||||
var code = item.suoxie || item.code || item.id || "";
|
||||
var name = item.name || item.menuName || item.lotteryName || "";
|
||||
if (!code || !name) return;
|
||||
$nav.append(
|
||||
'<a href="cai.html?id=' +
|
||||
encodeURIComponent(code) +
|
||||
'" class="topbar__nav-link">' +
|
||||
safeText(name) +
|
||||
"</a>",
|
||||
);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
layui.use(["jquery", "layer"], function () {
|
||||
var $ = layui.$;
|
||||
CommonUtil.requireAuth(function () {
|
||||
renderLoginState();
|
||||
renderTopNav();
|
||||
});
|
||||
$(window).on("scroll", function () {
|
||||
$("#backTop").toggleClass("is-visible", $(window).scrollTop() > 320);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user