彩先知pc
This commit is contained in:
rain
@@ -0,0 +1,622 @@
|
||||
<!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/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/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">
|
||||
免费文章标准：标题20字以上（含期号、彩种、专家名称、标题），正文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="100"
|
||||
oninput="updateTitleCount()"
|
||||
/>
|
||||
<span class="form-input-count"
|
||||
><span id="titleCount">0</span>/100</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>
|
||||
|
||||
<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/ke/kindeditor.min.js"></script>
|
||||
<script>
|
||||
var menuList = [];
|
||||
var layer;
|
||||
var editor;
|
||||
var pageReady = false;
|
||||
|
||||
function autoFormatEditorContent() {
|
||||
if (!editor) return;
|
||||
try {
|
||||
if (typeof editor.clickToolbar === "function") {
|
||||
editor.clickToolbar("quickformat");
|
||||
} else if (typeof editor.exec === "function") {
|
||||
editor.exec("quickformat");
|
||||
}
|
||||
if (typeof editor.sync === "function") editor.sync();
|
||||
} catch (e) {
|
||||
console.warn("auto quickformat failed", e);
|
||||
}
|
||||
}
|
||||
|
||||
KindEditor.ready(function (K) {
|
||||
editor = K.create('textarea[id="input-content1"]', {
|
||||
width: "100%",
|
||||
height: "400px",
|
||||
afterBlur: function () {
|
||||
autoFormatEditorContent();
|
||||
},
|
||||
items: [
|
||||
"source",
|
||||
"justifyleft",
|
||||
"justifycenter",
|
||||
"justifyright",
|
||||
"justifyfull",
|
||||
"fontsize",
|
||||
"forecolor",
|
||||
"hilitecolor",
|
||||
"bold",
|
||||
"italic",
|
||||
"underline",
|
||||
"strikethrough",
|
||||
"table",
|
||||
"clearhtml",
|
||||
"quickformat",
|
||||
"selectall",
|
||||
"link",
|
||||
],
|
||||
});
|
||||
});
|
||||
|
||||
layui.use(["layer", "jquery"], function () {
|
||||
layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
|
||||
CommonUtil.loadPageConfig({ ads: false, links: false });
|
||||
renderLoginState();
|
||||
renderNav();
|
||||
CommonUtil.requireAuth(function () {
|
||||
loadPublishIdentity().then(function (allowed) {
|
||||
if (!allowed) {
|
||||
layer.alert(
|
||||
"您还不是实习或正式专家，暂不能发布文章。",
|
||||
{ title: "暂无权限" },
|
||||
function () {
|
||||
window.location.href = "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;
|
||||
}
|
||||
window.location.href = targetHref;
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function safeText(value) {
|
||||
return CommonUtil.escapeHtml
|
||||
? CommonUtil.escapeHtml(value)
|
||||
: String(value || "");
|
||||
}
|
||||
|
||||
function isApiSuccess(res) {
|
||||
return res && (res.code === 0 || res.code === 200);
|
||||
}
|
||||
|
||||
function isTruthy(value) {
|
||||
return (
|
||||
value === true ||
|
||||
value === 1 ||
|
||||
value === "1" ||
|
||||
String(value).toLowerCase() === "true"
|
||||
);
|
||||
}
|
||||
|
||||
function padDatePart(value) {
|
||||
return String(value).padStart(2, "0");
|
||||
}
|
||||
|
||||
function formatLocalDate(date) {
|
||||
return (
|
||||
date.getFullYear() +
|
||||
"-" +
|
||||
padDatePart(date.getMonth() + 1) +
|
||||
"-" +
|
||||
padDatePart(date.getDate())
|
||||
);
|
||||
}
|
||||
|
||||
function getArticleDateText(value) {
|
||||
if (!value) return "";
|
||||
if (typeof value === "number") {
|
||||
var numericDate = new Date(value);
|
||||
return isNaN(numericDate.getTime())
|
||||
? ""
|
||||
: formatLocalDate(numericDate);
|
||||
}
|
||||
|
||||
var text = String(value).trim();
|
||||
var match = text.match(/^(\d{4})[-/](\d{1,2})[-/](\d{1,2})/);
|
||||
if (match) {
|
||||
return (
|
||||
match[1] + "-" + padDatePart(match[2]) + "-" + padDatePart(match[3])
|
||||
);
|
||||
}
|
||||
|
||||
var parsedDate = new Date(text.replace(/-/g, "/"));
|
||||
return isNaN(parsedDate.getTime()) ? "" : formatLocalDate(parsedDate);
|
||||
}
|
||||
|
||||
function isPublishedFreeArticle(item) {
|
||||
if (!item) return false;
|
||||
|
||||
var statusText = String(
|
||||
item.statusText ||
|
||||
item.auditStatusText ||
|
||||
item.publishStatusText ||
|
||||
item.stateText ||
|
||||
"",
|
||||
).toLowerCase();
|
||||
if (/已发布|审核通过|通过|published|approved|pass/.test(statusText)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var status =
|
||||
item.status != null
|
||||
? item.status
|
||||
: item.auditStatus != null
|
||||
? item.auditStatus
|
||||
: item.publishStatus;
|
||||
return status === true || status === 1 || status === "1";
|
||||
}
|
||||
|
||||
function getTodayPublishedFreeCount(rows) {
|
||||
var today = formatLocalDate(new Date());
|
||||
return ApiClient.asArray(rows).filter(function (item) {
|
||||
var articleDate = getArticleDateText(
|
||||
item.createTime ||
|
||||
item.create_time ||
|
||||
item.publishTime ||
|
||||
item.publish_time ||
|
||||
item.auditTime ||
|
||||
item.audit_time ||
|
||||
item.updateTime ||
|
||||
item.update_time ||
|
||||
item.createdAt,
|
||||
);
|
||||
return articleDate === today && isPublishedFreeArticle(item);
|
||||
}).length;
|
||||
}
|
||||
|
||||
function loadTodayPublishedFreeCount() {
|
||||
return ApiClient.get(ApiClient.API.mineFreeArticleList, {
|
||||
pageNum: 1,
|
||||
pageSize: 100,
|
||||
})
|
||||
.then(function (res) {
|
||||
if (!ApiClient.isSuccess(res)) return 0;
|
||||
var data = res.data || res;
|
||||
var rows = ApiClient.asArray(
|
||||
data.rows || data.records || data.list || data.data || data,
|
||||
);
|
||||
return getTodayPublishedFreeCount(rows);
|
||||
})
|
||||
.catch(function () {
|
||||
return 0;
|
||||
});
|
||||
}
|
||||
|
||||
function checkPaidPublishPermission() {
|
||||
return ApiClient.get(ApiClient.API.mineSummary)
|
||||
.then(function (res) {
|
||||
if (!ApiClient.isSuccess(res) || !res.data) {
|
||||
return { canPaid: false, reason: "暂时无法获取发布权限。" };
|
||||
}
|
||||
|
||||
var status = String(
|
||||
res.data.expertStatus || res.data.expert_status || "",
|
||||
).toLowerCase();
|
||||
var hasExpertIdentity =
|
||||
isTruthy(res.data.is_expert) ||
|
||||
isTruthy(res.data.isExpert) ||
|
||||
isTruthy(res.data.expert) ||
|
||||
isTruthy(res.data.is_regular_expert) ||
|
||||
isTruthy(res.data.isRegularExpert) ||
|
||||
isTruthy(res.data.regularExpert) ||
|
||||
isTruthy(res.data.internExpert) ||
|
||||
isTruthy(res.data.isInternExpert) ||
|
||||
/实习|intern|trial|正式|regular|formal/.test(status);
|
||||
|
||||
if (!hasExpertIdentity) {
|
||||
return { canPaid: false, reason: "专家才能发布付费文章。" };
|
||||
}
|
||||
|
||||
return loadTodayPublishedFreeCount().then(function (count) {
|
||||
return {
|
||||
canPaid: count >= 2,
|
||||
reason:
|
||||
count >= 2
|
||||
? ""
|
||||
: "今天需先发布2篇审核通过的免费文章后，才能发布付费文章（当前" +
|
||||
count +
|
||||
"篇）。",
|
||||
};
|
||||
});
|
||||
})
|
||||
.catch(function () {
|
||||
return { canPaid: false, reason: "暂时无法获取发布权限。" };
|
||||
});
|
||||
}
|
||||
|
||||
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.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>",
|
||||
);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
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();
|
||||
if (["首页", "专家推荐"].indexOf(name) > -1) return false;
|
||||
if (/^(home|index|zhuanjia|expert|expertRecommend)$/i.test(code))
|
||||
return false;
|
||||
return !!(item.id || item.menuId) && !!name;
|
||||
}
|
||||
|
||||
function loadMenuList() {
|
||||
ApiClient.post("/api/web/menu/getFormatList", {})
|
||||
.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();
|
||||
if (editor && typeof editor.sync === "function") editor.sync();
|
||||
return editor && typeof editor.html === "function"
|
||||
? editor.html()
|
||||
: layui.$("#input-content1").val();
|
||||
}
|
||||
|
||||
function getEditorText() {
|
||||
if (editor && typeof editor.text === "function")
|
||||
return editor.text().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 < 20) {
|
||||
layer.msg("标题不能少于20字", { icon: 2 });
|
||||
return;
|
||||
}
|
||||
if (title.length > 100) {
|
||||
layer.msg("标题不能超过100字", { 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,
|
||||
})
|
||||
.then(function (res) {
|
||||
if (isApiSuccess(res)) {
|
||||
layer.msg(
|
||||
"发布成功，请等待审核",
|
||||
{ icon: 1, time: 1600 },
|
||||
function () {
|
||||
window.location.href = "usercenter.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>
|
||||
Reference in New Issue
Block a user