|
|
@@ -0,0 +1,307 @@
|
|
|
+const $ = require('jquery');
|
|
|
+require("../css/messageNoti.less");
|
|
|
+require('jquery-templates');
|
|
|
+require('./modal.js');
|
|
|
+const { api } = require('./api.js')
|
|
|
+const { post, getCookie, emptyBox, listenScroll } = require('./utils.js')
|
|
|
+require('./../resource/jquery-ui/jquery-ui.min.js');
|
|
|
+require('./../resource/jquery-ui/jquery-ui.min.css');
|
|
|
+const iconDown = require("./../images/arrow_down.png")
|
|
|
+const iconUp = require("./../images/arrow_up.png")
|
|
|
+const arrowLeft = require("./../images/arrow_left.png")
|
|
|
+const arrowRight = require("./../images/arrow_right.png")
|
|
|
+listenScroll()
|
|
|
+$(".selectType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
|
|
|
+$(".qcSelectCheck").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
|
|
|
+let status = "", type = "", page = 1, showNum = 0, newsNumber;
|
|
|
+$(".menu .page", parent.document).removeClass("active")
|
|
|
+$(parent.document).find(".menu .page[code=YH-XXTZ]").addClass("active")
|
|
|
+
|
|
|
+function getTabData(activePage) {
|
|
|
+ const param = {
|
|
|
+ current: activePage,
|
|
|
+ size: 15,
|
|
|
+ desc: ['gmtCreate'],
|
|
|
+ type: type,
|
|
|
+ status: status
|
|
|
+ }
|
|
|
+ $('.pagination').html("")
|
|
|
+ $('.tbody').html(emptyBox('努力加载中...', '',))
|
|
|
+ return post(api.newsNoticePage, param).then(res => {
|
|
|
+ if (res.data.code == '0') {
|
|
|
+ tabList = res.data.data.records
|
|
|
+ const totalPage = res.data.data.pages
|
|
|
+ const totalNum = res.data.data.total
|
|
|
+ renderTab(tabList)
|
|
|
+ renderPagination(totalPage, Number(activePage), totalNum)
|
|
|
+ if (totalPage > 1) {
|
|
|
+ renderPagination(totalPage, Number(activePage), totalNum)
|
|
|
+ } else {
|
|
|
+ $('.pagination').html("")
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ const token = localStorage.getItem('accessToken');
|
|
|
+ if (!token && window.location.href.indexOf('login') == -1) {
|
|
|
+ //alert('无token判断，跳回登录')
|
|
|
+ } else {
|
|
|
+ $.alerModal({ "message": res.data.msg, type: "tip", time: '1000', isFather: true, fatherWrapper: $("#mainBox", parent.document) });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }).catch((e) => {
|
|
|
+
|
|
|
+ })
|
|
|
+}
|
|
|
+function renderTab(data) {
|
|
|
+ let str = ``
|
|
|
+ if (data.length === 0) {
|
|
|
+ $('.tbody').html(emptyBox(null, showNum + 12))
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ const item = data[i]
|
|
|
+ str += `
|
|
|
+ <tr data-index=${i} data-doc="${item.doctorName || ""}" >
|
|
|
+ <td class="textCenter">${item.title || "-"}</td>
|
|
|
+ <td class="textCenter">${item.type == 1 ? '质控任务' : '-'}</td>
|
|
|
+ <td class="textCenter">${item.senderName || '-'}</td>
|
|
|
+ <td class="textCenter">${item.gmtCreate || '-'}</td>
|
|
|
+ <td class="textCenter">${item.status == 0 ? '未读' : '已读'}</td>
|
|
|
+ <td class="textCenter" data-id="${item.id || ""}" data-status="${item.status || ""}">
|
|
|
+ <span class="appealBtn goHomeDetail1">查看</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ `
|
|
|
+ }
|
|
|
+ $('.tbody').html(str)
|
|
|
+
|
|
|
+ $(".goHomeDetail1").click(function () {
|
|
|
+ let id = $(this).parent().attr("data-id")
|
|
|
+ let status = $(this).parent().attr("data-status")
|
|
|
+ getNewsNoticeInfoById(id, status)
|
|
|
+
|
|
|
+ })
|
|
|
+}
|
|
|
+function getNewsNoticeInfoById(id, status) {
|
|
|
+ return post(api.getNewsNoticeInfoById, { id: id, status: status }).then(res => {
|
|
|
+ if (res.data.code == '0') {
|
|
|
+ const data = res.data.data
|
|
|
+ $("#delModal").show();
|
|
|
+ $(".modal-body").html('');
|
|
|
+ $("#editTmpl").tmpl(data).appendTo("#delModal .modal-body");
|
|
|
+ $("#delModal .confirm").unbind("click").click(function () {
|
|
|
+ $("#delModal").hide();
|
|
|
+ getTabData(page)
|
|
|
+ getNewsCount()
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ const token = localStorage.getItem('accessToken');
|
|
|
+ if (!token && window.location.href.indexOf('login') == -1) {
|
|
|
+ //alert('无token判断，跳回登录')
|
|
|
+ } else {
|
|
|
+ $.alerModal({ "message": res.data.msg, type: "tip", time: '1000', isFather: true, fatherWrapper: $("#mainBox", parent.document) });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }).catch((e) => {
|
|
|
+
|
|
|
+ })
|
|
|
+}
|
|
|
+getNewsCount()
|
|
|
+//获取待审核数量
|
|
|
+function getNewsCount() {
|
|
|
+ return post(api.getNewsCount).then(res => {
|
|
|
+ if (res.data.code == '0') {
|
|
|
+ newsNumber = res.data.data.count > 99 ? '99+' : res.data.data.count
|
|
|
+ if (newsNumber == 0) {
|
|
|
+ $(".menu .page", parent.document).children('.redNews').hide()
|
|
|
+ } else {
|
|
|
+ $(".menu .page", parent.document).children('.redNews').html(newsNumber)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ const token = localStorage.getItem('accessToken');
|
|
|
+ if (!token && window.location.href.indexOf('login') == -1) {
|
|
|
+ //alert('无token判断，跳回登录')
|
|
|
+ } else {
|
|
|
+ $.alerModal({ "message": res.data.msg, type: "tip", time: '1000', isFather: true, fatherWrapper: $("#mainBox", parent.document) });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }).catch((e) => {
|
|
|
+
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+$(".filter").on("click", function (e) {
|
|
|
+ getTabData(1)
|
|
|
+})
|
|
|
+
|
|
|
+$(".abnormalClear").on("click", function (e) {
|
|
|
+ status = ""
|
|
|
+ type = ""
|
|
|
+ $('.selectType').html('全部')
|
|
|
+ $(".typeList ").css("display", "none")
|
|
|
+ $(".selectType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
|
|
|
+ $('.qcSelectCheck').html('全部')
|
|
|
+ $(".qcCheckList").css("display", "none")
|
|
|
+ $(".qcSelectCheck").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
|
|
|
+ $("th[code]").removeClass("asc desc")
|
|
|
+ getTabData(1)
|
|
|
+})
|
|
|
+
|
|
|
+//操作类型
|
|
|
+$('.selectType').on("click", function (e) {
|
|
|
+ e.stopPropagation()
|
|
|
+ $(".qcSelectCheck .arrow").attr("src", iconDown)
|
|
|
+ $(".qcCheckList").css("display", "none")
|
|
|
+ const showList = $(".typeList ").css("display")
|
|
|
+ if (showList == "none" || !showList) {
|
|
|
+ $(".typeList ").css("display", "block")
|
|
|
+ $(".selectType .arrow").attr("src", iconUp)
|
|
|
+ } else {
|
|
|
+ $(".typeList ").css("display", "none")
|
|
|
+ $(".selectType .arrow").attr("src", iconDown)
|
|
|
+ }
|
|
|
+})
|
|
|
+//选择状态
|
|
|
+$('.qcSelectCheck').on("click", function (e) {
|
|
|
+ e.stopPropagation()
|
|
|
+ $(".selectType .arrow").attr("src", iconDown)
|
|
|
+ $(".typeList").css("display", "none")
|
|
|
+ const showList = $(".qcCheckList ").css("display")
|
|
|
+ if (showList == "none" || !showList) {
|
|
|
+ $(".qcCheckList ").css("display", "block")
|
|
|
+ $(".qcSelectCheck .arrow").attr("src", iconUp)
|
|
|
+ } else {
|
|
|
+ $(".qcCheckList ").css("display", "none")
|
|
|
+ $(".qcSelectCheck .arrow").attr("src", iconDown)
|
|
|
+ }
|
|
|
+})
|
|
|
+getNewsDropDownBox()
|
|
|
+//获取操作类型
|
|
|
+function getNewsDropDownBox() {
|
|
|
+ post(api.getNewsDropDownBox).then(res => {
|
|
|
+ if (res.data.code == '0') {
|
|
|
+ const typeList = res.data.data.newsType
|
|
|
+ const statusList = res.data.data.newsStatus
|
|
|
+ renderTypeList(typeList)
|
|
|
+ renderStatusList(statusList)
|
|
|
+ } else { }
|
|
|
+ }).catch((e) => {
|
|
|
+
|
|
|
+ })
|
|
|
+}
|
|
|
+function renderTypeList(data) {
|
|
|
+ let str = ``
|
|
|
+ for (var i in data) {
|
|
|
+ console.log(i);
|
|
|
+ str += `<li class="typeItem ellipsis" data-id=${data[i].val} data-name=${data[i].name}> ${data[i].name}</li>`
|
|
|
+ }
|
|
|
+ $('.typeList').html(str)
|
|
|
+ bindTypedSelect()
|
|
|
+}
|
|
|
+//通知类型选择
|
|
|
+function bindTypedSelect() {
|
|
|
+ $('.typeItem').on("click", function () {
|
|
|
+ const typeItemName = $(this).attr("data-name")
|
|
|
+ const typeItemItemId = $(this).attr("data-id")
|
|
|
+ type = typeItemItemId
|
|
|
+ $('.selectType').html(typeItemName)
|
|
|
+ $(".typeList").css("display", "none")
|
|
|
+ $(".selectType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
|
|
|
+ $('.selectType').removeClass('unSelect')
|
|
|
+ })
|
|
|
+}
|
|
|
+function renderStatusList(data) {
|
|
|
+ let str = ``
|
|
|
+ for (var i in data) {
|
|
|
+ str += `<li class="qcCheckItem ellipsis" data-id=${data[i].val} data-name=${data[i].name}> ${data[i].name}</li>`
|
|
|
+ }
|
|
|
+ $('.qcCheckList').html(str)
|
|
|
+ bindCheckedSelectQc()
|
|
|
+}
|
|
|
+//状态
|
|
|
+function bindCheckedSelectQc() {
|
|
|
+ $('.qcCheckItem').on("click", function () {
|
|
|
+ const qcCheckItemName = $(this).attr("data-name")
|
|
|
+ const qcCheckItemItemId = $(this).attr("data-id") || ""
|
|
|
+ status = qcCheckItemItemId
|
|
|
+ $('.qcSelectCheck').html(qcCheckItemName)
|
|
|
+ $(".qcCheckList").css("display", "none")
|
|
|
+ $(".qcSelectCheck").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
|
|
|
+ $('.qcSelectCheck').removeClass('unSelect')
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+$(function () {
|
|
|
+ getTabData(page)
|
|
|
+});
|
|
|
+//分页渲染
|
|
|
+function renderPagination(totalPage, activePage, totalNum) {
|
|
|
+ let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
|
|
|
+ if (totalPage <= 6) {
|
|
|
+ for (let i = 1; i <= totalPage; i++) {
|
|
|
+
|
|
|
+ str += `<span class="pageNum ${'page' + i}" data-page=${i}>${i}</span>`
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (activePage <= 3) { //选中页数小于4
|
|
|
+ for (let i = 1; i <= 4; i++) {
|
|
|
+ str += `<span class="pageNum ${'page' + i}" data-page=${i}>${i}</span>`
|
|
|
+ }
|
|
|
+ str += `<span class="more" >...</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + totalPage}" data-page=${totalPage}>${totalPage}</span>`
|
|
|
+
|
|
|
+ } else if (activePage > totalPage - 3) {
|
|
|
+ str += `<span class="pageNum page1" data-page=1>1</span>`
|
|
|
+ str += `<span class="more" >...</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + (totalPage - 3)}" data-page=${totalPage - 3}>${totalPage - 3}</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + (totalPage - 2)}" data-page=${totalPage - 2}>${totalPage - 2}</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + (totalPage - 1)}" data-page=${totalPage - 1}>${totalPage - 1}</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + totalPage}" data-page=${totalPage}>${totalPage}</span>`
|
|
|
+ } else {
|
|
|
+ str += `<span class="pageNum page1" data-page=1>1</span>`
|
|
|
+ str += `<span class="more" >...</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + (activePage - 1)}" data-page=${activePage - 1}>${activePage - 1}</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + activePage}" data-page=${activePage}>${activePage}</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + (activePage + 1)}" data-page=${activePage + 1}>${activePage + 1}</span>`
|
|
|
+ str += `<span class="more" >...</span>`
|
|
|
+ str += `<span class="pageNum ${'page' + totalPage}" data-page=${totalPage}>${totalPage}</span>`
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
|
|
|
+ $('.pagination').html(str)
|
|
|
+ $('.page' + activePage).addClass('activePage')
|
|
|
+ $(".pageNum").on("click", function (e) {
|
|
|
+ const activePageNow = Number($(this).attr('data-page'))
|
|
|
+ page = activePageNow
|
|
|
+ getTabData(activePageNow)
|
|
|
+ // renderPagination(totalPage,activePageNow,totalNum)
|
|
|
+ })
|
|
|
+ $(".prePage").on("click", function (e) {
|
|
|
+ let activePageNow = Number($(".activePage").attr('data-page'))
|
|
|
+ page = activePageNow
|
|
|
+ if (activePageNow > 1) {
|
|
|
+ activePageNow--
|
|
|
+ getTabData(activePageNow)
|
|
|
+ // renderPagination(totalPage,activePageNow,totalNum)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ $(".nextPage").on("click", function (e) {
|
|
|
+ let activePageNow = Number($(".activePage").attr('data-page'))
|
|
|
+ page = activePageNow
|
|
|
+ if (activePageNow < totalPage) {
|
|
|
+ activePageNow++
|
|
|
+ getTabData(activePageNow)
|
|
|
+ // renderPagination(totalPage,activePageNow,totalNum)
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+$(document).on("click", function () {
|
|
|
+ $(".selectType .arrow").attr("src", iconDown)
|
|
|
+ $(".typeList").css("display", "none")
|
|
|
+ $(".qcSelectCheck .arrow").attr("src", iconDown)
|
|
|
+ $(".qcCheckList").css("display", "none")
|
|
|
+})
|
|
|
+
|
|
|
+
|
1178232204@qq.com