544 lines
18 KiB
HTML
544 lines
18 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>
|
|
<script src="../public/css/layui/layui.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>
|
|
<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/js/wangeditor-v5/style.css" />
|
|
<link rel="stylesheet" href="../public/css/fabumianfeiwenzhang.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 publish-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>
|
|
|
|
<div class="publish-card">
|
|
<div class="publish-card-header">
|
|
<h2 class="publish-card-header-h2">发布文章</h2>
|
|
<p>发布您的预测分析，与彩民分享您的见解</p>
|
|
</div>
|
|
<div class="publish-card-body">
|
|
<div class="publish-tab-bar">
|
|
<a href="fabumianfeiwenzhang.html" class="publish-tab-item active"
|
|
>发布免费文章</a
|
|
>
|
|
<a href="fufei.html" class="publish-tab-item" id="paidPublishTab"
|
|
>发布付费文章</a
|
|
>
|
|
</div>
|
|
|
|
<div class="publish-tip-box">
|
|
<div class="publish-tip-item">
|
|
提示：实习期为三天，连续每天发布2篇以上的优质免费文章审核通过后，自动升级为正式专家。
|
|
</div>
|
|
<div class="publish-tip-item">
|
|
免费文章标准：标题15-30字（含期号、彩种、专家名称、标题），正文500字以上，需原创。
|
|
</div>
|
|
</div>
|
|
|
|
<form id="publishForm">
|
|
<div class="form-row">
|
|
<label>彩种分类 <span class="required">*</span></label>
|
|
<select
|
|
class="form-select form-select--full is-empty"
|
|
id="lotterySelect"
|
|
>
|
|
<option value="">请选择彩种</option>
|
|
</select>
|
|
<input type="hidden" id="menuId" value="" />
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<label>文章标题 <span class="required">*</span></label>
|
|
<div class="form-input-with-count">
|
|
<input
|
|
type="text"
|
|
class="form-input"
|
|
id="articleTitle"
|
|
placeholder="请输入文章标题（含期号、彩种、标题）"
|
|
maxlength="30"
|
|
oninput="updateTitleCount()"
|
|
/>
|
|
<span class="form-input-count"
|
|
><span id="titleCount">0</span>/30</span
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<label>文章内容 <span class="required">*</span></label>
|
|
<textarea
|
|
placeholder="请输入内容"
|
|
id="input-content1"
|
|
class="meui-input publish-editor-textarea"
|
|
name="nr"
|
|
></textarea>
|
|
<div class="publish-editor">
|
|
<div id="editor-toolbar" class="publish-editor-toolbar"></div>
|
|
<div id="editor-container" class="publish-editor-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="submit-row">
|
|
<button
|
|
type="button"
|
|
class="submit-btn"
|
|
id="submitBtn"
|
|
onclick="submitArticle()"
|
|
>
|
|
发布文章
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</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="publish-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/js/lay-config.js" charset="utf-8"></script>
|
|
<script charset="utf-8" src="../public/js/wangeditor-v5/index.js"></script>
|
|
<script>
|
|
var menuList = [];
|
|
var layer;
|
|
var editor;
|
|
var editorToolbar;
|
|
var pageReady = false;
|
|
var publishPermission = {
|
|
canFree: false,
|
|
canPaid: false,
|
|
};
|
|
var FREE_TITLE_MIN_LENGTH = 15;
|
|
var FREE_TITLE_MAX_LENGTH = 30;
|
|
|
|
function syncEditorContent() {
|
|
var contentInput = document.getElementById("input-content1");
|
|
if (!contentInput || !editor || typeof editor.getHtml !== "function") {
|
|
return;
|
|
}
|
|
contentInput.value = editor.getHtml();
|
|
}
|
|
|
|
function autoFormatEditorContent() {
|
|
syncEditorContent();
|
|
}
|
|
|
|
function initRichTextEditor() {
|
|
var contentInput = document.getElementById("input-content1");
|
|
if (!window.wangEditor || !window.wangEditor.createEditor) {
|
|
console.error("wangEditor v5 is not loaded");
|
|
return;
|
|
}
|
|
|
|
editor = window.wangEditor.createEditor({
|
|
selector: "#editor-container",
|
|
html: contentInput ? contentInput.value : "",
|
|
config: {
|
|
placeholder: contentInput
|
|
? contentInput.getAttribute("placeholder") || ""
|
|
: "",
|
|
onChange: syncEditorContent,
|
|
onBlur: syncEditorContent,
|
|
},
|
|
mode: "default",
|
|
});
|
|
|
|
editorToolbar = window.wangEditor.createToolbar({
|
|
editor: editor,
|
|
selector: "#editor-toolbar",
|
|
config: {
|
|
excludeKeys: [
|
|
"group-video",
|
|
"insertVideo",
|
|
"uploadVideo",
|
|
"emotion",
|
|
],
|
|
},
|
|
mode: "default",
|
|
});
|
|
}
|
|
|
|
initRichTextEditor();
|
|
|
|
layui.use(["layer", "jquery"], function () {
|
|
layer = layui.layer;
|
|
var $ = layui.$;
|
|
|
|
CommonUtil.loadPageConfig({ ads: false, links: false });
|
|
renderLoginState();
|
|
renderNav();
|
|
CommonUtil.requireAuth(function () {
|
|
loadPublishPermission().then(function (permission) {
|
|
publishPermission = permission;
|
|
if (!permission.canFree) {
|
|
layer.alert(
|
|
"您还不是实习或正式专家，暂不能发布文章。",
|
|
{ title: "暂无权限" },
|
|
function () {
|
|
NavigationUtil.open("apply.html");
|
|
},
|
|
);
|
|
return;
|
|
}
|
|
pageReady = true;
|
|
loadMenuList();
|
|
});
|
|
});
|
|
|
|
$(window).on("scroll", function () {
|
|
$("#backTop").toggleClass("is-visible", $(window).scrollTop() > 320);
|
|
});
|
|
|
|
$(document).on("change", "#lotterySelect", function () {
|
|
var value = $(this).val();
|
|
$("#menuId").val(value);
|
|
$(this).toggleClass("is-empty", !value);
|
|
});
|
|
|
|
$(document).on("click", "#paidPublishTab", function (event) {
|
|
event.preventDefault();
|
|
var targetHref = this.href || "fufei.html";
|
|
checkPaidPublishPermission().then(function (result) {
|
|
if (!result.canPaid) {
|
|
layer.alert(result.reason || "暂无付费文章发布权限。", {
|
|
title: "暂无权限",
|
|
});
|
|
return;
|
|
}
|
|
NavigationUtil.open(targetHref);
|
|
});
|
|
});
|
|
});
|
|
|
|
function safeText(value) {
|
|
return CommonUtil.escapeHtml
|
|
? CommonUtil.escapeHtml(value)
|
|
: String(value || "");
|
|
}
|
|
|
|
function isApiSuccess(res) {
|
|
return res && (res.code === 0 || res.code === 200);
|
|
}
|
|
|
|
function loadPublishPermission() {
|
|
return ApiClient.get(ApiClient.API.mineSummary)
|
|
.then(function (res) {
|
|
if (
|
|
!ApiClient.isSuccess(res) ||
|
|
!res.data ||
|
|
!window.PublishPermission
|
|
) {
|
|
return {
|
|
hasExpertIdentity: false,
|
|
isRegularExpert: false,
|
|
canFree: false,
|
|
canPaid: false,
|
|
todayFreeArticleCount: 0,
|
|
paidReason: "暂时无法获取发布权限。",
|
|
};
|
|
}
|
|
|
|
return PublishPermission.parseSummary(res.data);
|
|
})
|
|
.catch(function () {
|
|
return {
|
|
hasExpertIdentity: false,
|
|
isRegularExpert: false,
|
|
canFree: false,
|
|
canPaid: false,
|
|
todayFreeArticleCount: 0,
|
|
paidReason: "暂时无法获取发布权限。",
|
|
};
|
|
});
|
|
}
|
|
|
|
function checkPaidPublishPermission() {
|
|
return loadPublishPermission().then(function (permission) {
|
|
publishPermission = permission;
|
|
return {
|
|
canPaid: permission.canPaid,
|
|
reason: permission.reason || permission.paidReason,
|
|
};
|
|
});
|
|
}
|
|
|
|
function isExpertUser(data) {
|
|
if (!data) return false;
|
|
var levelText = CommonUtil.getUserLevelText
|
|
? CommonUtil.getUserLevelText(data)
|
|
: "";
|
|
return (
|
|
data.expert === true ||
|
|
data.regularExpert === true ||
|
|
data.internExpert === true ||
|
|
data.isExpert === true ||
|
|
data.isExpert === 1 ||
|
|
data.isExpert === "1" ||
|
|
/专家/.test(levelText || "") ||
|
|
/regular|intern|formal|trial|expert|实习|正式/.test(
|
|
String(data.expertStatus || data.expert_status || ""),
|
|
)
|
|
);
|
|
}
|
|
|
|
function renderLoginState() {
|
|
var $ = layui.$;
|
|
var token = CommonUtil.getAuthToken();
|
|
if (!token) {
|
|
$("#notLoggedInBox").show();
|
|
$("#loggedInBox").hide();
|
|
return;
|
|
}
|
|
$("#notLoggedInBox").hide();
|
|
$("#loggedInBox").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 renderNav() {
|
|
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>",
|
|
);
|
|
});
|
|
});
|
|
}
|
|
|
|
function loadPublishIdentity() {
|
|
return new Promise(function (resolve) {
|
|
CommonUtil.getCurrentUserDetail(
|
|
function (data) {
|
|
resolve(isExpertUser(data));
|
|
},
|
|
function () {
|
|
resolve(false);
|
|
},
|
|
);
|
|
});
|
|
}
|
|
|
|
function isPublishLotteryMenu(item) {
|
|
if (!item) return false;
|
|
var name = String(
|
|
item.name || item.menuName || item.title || "",
|
|
).trim();
|
|
var code = String(item.suoxie || item.code || "").trim();
|
|
var type = String(item.type || "").toLowerCase();
|
|
if (["首页", "专家推荐"].indexOf(name) > -1) return false;
|
|
if (/^(home|index|zhuanjia|expert|expertRecommend)$/i.test(code))
|
|
return false;
|
|
return type === "lottery" && !!(item.id || item.menuId) && !!name;
|
|
}
|
|
|
|
function loadMenuList() {
|
|
ApiClient.loadMenuCompat()
|
|
.then(function (res) {
|
|
if (!isApiSuccess(res)) throw new Error(res.msg || "获取彩种失败");
|
|
menuList = ApiClient.asArray(ApiClient.pickData(res, [])).filter(
|
|
isPublishLotteryMenu,
|
|
);
|
|
var $sel = layui.$("#lotterySelect");
|
|
$sel.find("option:not(:first)").remove();
|
|
menuList.forEach(function (item) {
|
|
var id = item.id || item.menuId || "";
|
|
var name = item.lotteryName || item.menuName || item.name || "";
|
|
if (!id || !name) return;
|
|
$sel.append(
|
|
'<option value="' +
|
|
safeText(id) +
|
|
'">' +
|
|
safeText(name) +
|
|
"</option>",
|
|
);
|
|
});
|
|
if (!menuList.length) {
|
|
$sel.append('<option value="" disabled>暂无可发布彩种</option>');
|
|
}
|
|
$sel.toggleClass("is-empty", !$sel.val());
|
|
})
|
|
.catch(function (err) {
|
|
layer.msg((err && err.message) || "获取彩种失败", { icon: 2 });
|
|
});
|
|
}
|
|
|
|
window.updateTitleCount = function () {
|
|
var titleInput = document.getElementById("articleTitle");
|
|
document.getElementById("titleCount").textContent = titleInput
|
|
? titleInput.value.length
|
|
: 0;
|
|
};
|
|
|
|
function getEditorHtml() {
|
|
autoFormatEditorContent();
|
|
return editor && typeof editor.getHtml === "function"
|
|
? editor.getHtml()
|
|
: layui.$("#input-content1").val();
|
|
}
|
|
|
|
function getEditorText() {
|
|
if (editor && typeof editor.getText === "function")
|
|
return editor.getText().trim();
|
|
return layui.$("<div>").html(getEditorHtml()).text().trim();
|
|
}
|
|
|
|
window.submitArticle = function () {
|
|
if (!pageReady) {
|
|
layer.msg("页面尚未准备完成", { icon: 0 });
|
|
return;
|
|
}
|
|
var $ = layui.$;
|
|
var menuId = $("#menuId").val();
|
|
var title = $("#articleTitle").val().trim();
|
|
var content = getEditorHtml();
|
|
var text = getEditorText();
|
|
|
|
if (!menuId) {
|
|
layer.msg("请选择彩种", { icon: 2 });
|
|
return;
|
|
}
|
|
if (title.length < FREE_TITLE_MIN_LENGTH) {
|
|
layer.msg("免费文章标题需控制在15-30个字之间", { icon: 2 });
|
|
return;
|
|
}
|
|
if (title.length > FREE_TITLE_MAX_LENGTH) {
|
|
layer.msg("免费文章标题需控制在15-30个字之间", { icon: 2 });
|
|
return;
|
|
}
|
|
if (!content || text.length < 500) {
|
|
layer.msg("正文内容不能少于500字", { icon: 2 });
|
|
return;
|
|
}
|
|
|
|
var $btn = $("#submitBtn");
|
|
$btn.text("发布中...").prop("disabled", true);
|
|
|
|
ApiClient.post(ApiClient.API.freeArticlePublish, {
|
|
menuId: menuId,
|
|
title: title,
|
|
content: content,
|
|
accountType: 1,
|
|
}, {
|
|
headers: CommonUtil.authHeaders(),
|
|
})
|
|
.then(function (res) {
|
|
if (isApiSuccess(res)) {
|
|
layer.msg(
|
|
"发布成功，请等待审核",
|
|
{ icon: 1, time: 1600 },
|
|
function () {
|
|
NavigationUtil.open("index.html");
|
|
},
|
|
);
|
|
} else {
|
|
layer.msg(res.msg || "发布失败", { icon: 2 });
|
|
$btn.text("发布文章").prop("disabled", false);
|
|
}
|
|
})
|
|
.catch(function () {
|
|
layer.msg("网络错误，请稍后重试", { icon: 2 });
|
|
$btn.text("发布文章").prop("disabled", false);
|
|
});
|
|
};
|
|
</script>
|
|
</body>
|
|
</html>
|