283 lines
10 KiB
HTML
283 lines
10 KiB
HTML
<!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/layout-fix.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">
|
|
<!-- 付费文章发布接口当前不接收 title 字段。
|
|
<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/PublishPermission.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");
|
|
NavigationUtil.open("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.loadMenuCompat().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>
|