AIPlatform/src/js/index.js

require("../css/index.less");
const $ = require('jquery');
require('jquery-templates');
const md5 = require('js-md5');
require("./modal.js")
const WarningIcon =  require("./../images/icon-Warning.png")
const warnIcon = require("./../images/warn.png")
const openEye = require("./../images/open-eye.png")
const closeEye = require("./../images/close-eye.png")
const { api } = require('./api.js')
const { post, pageMap, delCookie, setCookie, getCookie, focusMenuItem, initScroll } = require('./utils.js');
let userInfo = {};
let isPlacefile = getCookie('isPlacefile') || 1
let passwordComplexity = getCookie('passwordComplexity')
const modalDom = `
      <p class="tips"><img src=${WarningIcon} /><span>为确保账号安全，请及时修改初始密码</span></p>
      <div class="modalAction">
        <p><span>原密码：</span><input type="password" placeholder="请输入原密码" class="oldword" id="oldWord" autocomplete="off"><img class="eye" src=${closeEye} /><p class="oldWaring warning"><img src=${warnIcon} /><b>原密码错误</b></p></p>
        <p><span>新密码：</span><input type="password" disabled placeholder="请输入新密码" class="newword" id="newWord" autocomplete="off"><img class="eye" src=${closeEye} /><p class="newword warning"><img src=${warnIcon} /><b>密码最多12位</b></p></p>
        <p><span>确认新密码：</span><input type="password" disabled placeholder="请输入确认新密码" class="sureword" id="sureWord" autocomplete="off"><img class="eye" src=${closeEye} /><p class="sureword warning"><img src=${warnIcon} /><b>两次密码输入不一致</b></p></p>
      </div>
    `;
const psdChecker = `<div class="psd-checkbox">
                      <p class="label">密码至少包含：</p>
                      <p class="big-letter"><i></i>1个大写字母</p>
                      <p class="small-letter"><i></i>1个小写字母</p>
                      <p class="special-letter"><i></i>1个特色字符</p>
                      <p class="one-number"><i></i>1个数字</p>
                      <p class="eight-str"><i></i>8位字符</p>
                    </div>`;
$(function () {
  getOwnDept();
  setInterval(() => {
    getTimeDetail()
  }, 1000);
  //菜单展开收起
  sureChangeWord()
  if (passwordComplexity) {
    $.alerModal({
      quiteBtn: true,
      title: "修改密码",
      type: "modal",
      width: '450',
      time: '1000',
      sureText: '保存',
      message: modalDom});
    bindModalEvent();
  }
  $(".main").css({
    height: $(window).height() - 52 + 'px'
  })
  $(window).resize(function () {
    $(".main").css({
      height: $(window).height() - 52 + 'px'
    })
  })
  $(window).click(function (e) {
    $(".userAction").css("display", "none")
  })
  $("#changeWord").css("opacity", hasData('FUNC000002') ? '1' : '0.5').hover(function () {
    $(this).css("color", "#777777")
  })
  if (isPlacefile == 0) {
    $(this).find('i').html('切换病案质控')
    $('.subtitle').html('AI运行质控平台')
    getMenu()
  } else if (isPlacefile == 1) {
    $(this).find('i').html('切换运行质控')
    $('.subtitle').html('AI病案质控平台')
    getMenu()
  }
  $(".header .title .qiehuan").click(function () {
    let txt = $(this).find('i').html()
    if (txt == '切换运行质控') {
      $(this).find('i').html('切换病案质控')
      $('.subtitle').html('AI运行质控平台')
      setCookie("isPlacefile", 0)
    } else {
      $(this).find('i').html('切换运行质控')
      $('.subtitle').html('AI病案质控平台')
      setCookie("isPlacefile", 1)
    }
    $('#contentIframe').attr('src', $('#contentIframe').attr('src'));
    getMenu();
  })
  $(".header .title .qiehuan").mouseenter(function () {
    $(this).parent().find('img').attr('src', require('../images/qiehuan1.png'))
  })
  $(".header .title .qiehuan").mouseleave(function () {
    $(this).parent().find('img').attr('src', require('../images/qiehuan2.png'))
  })
});
//切换密码明文
function switchPwd(el) {
  if(!el.is(".open")){
      el.attr("src",openEye).addClass("open");
      el.prev().attr("type",'text');
  }else{
      el.attr("src",closeEye).removeClass("open");
      el.prev().attr("type",'password');
  }
}
//绑定输入框事件
function bindModalEvent(){
  $(".modalAction .eye").off("click").on("click",function(){
      switchPwd($(this))
  })
  $("#oldWord").off("input").on("input",function(){
    const text = $(this).val();
      if(text.trim()){
          $("#newWord").attr("disabled",false);
      }
  })
  $("#newWord").off("input").on("input",function(){
      const text = $(this).val();
      if(text.trim()){    //显示密码验证标签
        const checker = $(".alertModal .psd-checkbox");
        if(checker.length){
            checker.show()
        }else{
            $(psdChecker).appendTo($(".alertModal"));
        }
        const psdOk = verifyPsd(text);
        let psdsOk=false;
        if(psdOk){
            $("#sureWord").attr("disabled",false);
            psdsOk = verifyPsdPart($("#oldWord").val(),$("#newWord").val(),$("#sureWord").val());
        }
        if(psdsOk){
            //保存按钮启用
            $(".sureChange .sureChange").addClass("active");
        }
      }
  })
    $("#sureWord").off("blur").on("blur",function(){
        const text = $(this).val();
        if(text.trim()){    //显示密码验证标签
            let psdsOk=verifyPsdPart($("#oldWord").val(),$("#newWord").val(),$("#sureWord").val());
            if(psdsOk){
                //保存按钮启用
                $(".alertModal .sureChange").addClass("active");
            }else{
                $(".alertModal .sureChange").removeClass("active");
            }
        }
    })
}

//验证新密码规则
function verifyPsd(text){
  if(/(?=.*?[A-Z])/.test(text)){  //至少一个大写字母
    $(".big-letter").addClass("active");
  }else{
      $(".big-letter").removeClass("active");
  }
  if(/(?=.*?[a-z])/.test(text)){  //至少一个大写字母
      $(".small-letter").addClass("active");
  }else{
      $(".small-letter").removeClass("active");
  }
  if(/(?=.*?[0-9])/.test(text)){  //至少一个数字
      $(".one-number").addClass("active");
  }else{
      $(".one-number").removeClass("active");
  }
  if(/(?=.*?[#?!@$，,%^&*-])/.test(text)){  //至少一个特殊字符
      $(".special-letter").addClass("active");
  }else{
      $(".special-letter").removeClass("active");
  }
  if(text.length>7){  //至少8个字符
      $(".eight-str").addClass("active");
  }else{
      $(".eight-str").removeClass("active");
  }
  if(text.length>12){
    $(".newword.warning").text("密码最多12位").show();
    return false;
  }
  const regex = new RegExp('^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[$@~·$、，,\.!#%*?&])[A-Za-z\\d$@#$\.~、,，·!%*?&]{8,12}');
  if(regex.test(text)){
    return true
  }
  return false;
}

function verifyPsdPart(oldP,newP,confirmP){   //验证各密码关系规则
  if(oldP.trim()===newP.trim()){
    $(".newword.warning").text("原密码和新密码不能相同").show();
    return false
  }
  if(confirmP.trim()&&newP.trim()!==confirmP.trim()){
      $(".sureword.warning").text("两次密码输入不一致").show();
      return false
  }
  $(".warning").hide();
  return true;
}

//判断有无某一权限
function hasData(data, list) {
  if (list && list.length > 0) {
    if (list.indexOf(data) > -1) {//有权限
      return true
    }
    return false;
  }
  let lis = JSON.parse(getCookie("codeLis")) || []
  if (lis.indexOf(data) > -1) {//有权限
    return true
  }
  return false;
}
function userActionHide(e) {
  $(".userAction").css("display", "none")
}
window.userActionHide = userActionHide

function initMenu(data, userInfo) {
  //菜单数据填充
  $(".menu ul").html("");
  $(".menu-mini ul").html("");
  $("#menuTmpl").tmpl(data).appendTo(".menu ul");
  $("#miniMenuTmpl").tmpl(data).appendTo(".menu-mini ul");
  //用户数据填充
  $("#userName").text(userInfo.linkman);
  //初始菜单选中
  const firstM = $(".menu .page").eq(0);
  firstM.addClass("active");
  if (firstM.is(".YH-KZT") || firstM.is(".YH-KZTKS")) {
    // if($(".menu .page").eq(0).is(".YH-KZT")){
    $(".container").addClass("console-cont");
    $('.qiehuan').css("display", "inline-block")
  } else {
    $('.qiehuan').css("display", "none")
  }
  //菜单收起展开
  $(".menu .list-1").on("click", function () {
    if ($(this).is(".list-1-show")) {
      $(this).removeClass("list-1-show")
      $(this).find("ul").slideToggle();
      // setTimeout(function(){
      //   initScroll("menuList","Y",2)
      // },300)
      return;
    }

    $(".menu .list-1-show ul").slideUp();
    $(".menu .list-1").removeClass("list-1-show");
    const ulShow = $(this).find("ul").css("display")
    if (ulShow == "none") {
      $(this).addClass("list-1-show")
    }
    $(this).find("ul").slideToggle();
    // setTimeout(function(){
    //   initScroll("menuList","Y",2)
    // },300)
  });
  //收起菜单
  $(".slide-hide").off("click").click(function () {
    $(".menu,.copy-right").animate({ "width": "60px" }, function () {
      $(this).hide();
      $(".menu-mini").show();
    });
    $(".main").animate({ "margin-left": "60px" });
  });
  //展开菜单
  $(".slide-show").off("click").click(function () {
    $(".menu-mini").hide();
    $(".menu,.copy-right").show().animate({ "width": "205px" }, function () {
    });
    $(".main").animate({ "margin-left": "205px" });
  });

  $(".menu .list-1 li").on("click", function (e) {
    e.stopPropagation();
  });
  //右侧页面切换
  $(".page").on("click", function () {
    $(".menu .active,.menu-mini .active").removeClass('active');
    const code = $(this).attr("code");
    if (code === 'YH-KZT' || code === 'YH-KZTKS') {
      // if(code === 'YH-KZT'){
      $(".container").addClass("console-cont");
      $('.qiehuan').css("display", "inline-block")
    } else {
      $('.qiehuan').css("display", "none")
      $(".container").removeClass("console-cont");
    }
    const mItems = $(".menu .page[code=" + code + "],.menu-mini .page[code=" + code + "]");
    mItems.addClass("active");
    mItems.parents(".list-1").addClass("active");
    let url = './' + pageMap[code];
    if (code === 'YH-BLZK-ZKPFGR') {
      url += `?doctorName=${userInfo.linkman}`
    }
    $("#contentIframe").attr("src", url);
    setTimeout(() => {
      bindMenu()
    }, 500);

  });
  // initScroll("menuList","Y",2)
}

//获取科室列表
function getOwnDept() {
  // if(hasData('FUNC000058')){
  setCookie("deptList", JSON.stringify([]))
  post(api.getDept, {}).then((res) => {
    let data = res.data;
    if (data.code == 0) {
      let result = data.data
      setCookie("deptList", JSON.stringify(result))
    }
  })
  // }
}
function getMenu() {
  // console.log(api.getMenu)
  isPlacefile = getCookie('isPlacefile') || 1
  post(api.getMenu).then(function (res) {
    if (res.data.code === '0') {
      const data = res.data.data;
      for (let i = 0; i < data.menuWrappers.length; i++) {
        data.menuWrappers[i].isPlacefile = isPlacefile
      }
      initMenu(data.menuWrappers, data.userLoginDTO);
      userInfo = data.userLoginDTO
      setCookie("hospital", data.basHospitalInfoDTO.name)
      setCookie("hospitalid", data.basHospitalInfoDTO.id)
      getAllCode(data.menuWrappers);
    }
  })
};
function getAllCode(data) {
  let lis = [], personCodeLis = [], deptCodeLis = [], trdObj = {}
  for (let i = 0; i < data.length; i++) {
    let tmpSon = data[i]
    lis.push(tmpSon.code)
    if (tmpSon.subMenuList.length > 0) {//三层
      for (let j = 0; j < tmpSon.subMenuList.length; j++) {//第二层循环
        let tmpGrandSon = tmpSon.subMenuList[j]
        let sonLis = []
        lis.push(tmpGrandSon.code)
        for (let m = 0; m < tmpGrandSon.sysUserPermissionDTOList.length; m++) {
          let tmpData = tmpGrandSon.sysUserPermissionDTOList[m]
          lis.push(tmpData.code)
          sonLis.push(tmpData.code)
        }
        trdObj[tmpGrandSon.code] = sonLis
      }
    } else {//两层
      for (let n = 0; n < tmpSon.sysUserPermissionDTOList.length; n++) {
        let tmpData = tmpSon.sysUserPermissionDTOList[n]
        lis.push(tmpData.code)
      }
    }
  }
  // $("#contentIframe").attr("src",hasData('YH-KZT')?'console.html':hasData('YH-KZTKS')?'deptConsole.html':'console.html');
  if (hasData('YH-KZT', lis)) {
    focusMenuItem("YH-KZT");
  } else if (hasData('YH-KZTKS', lis)) {
    focusMenuItem("YH-KZTKS");
  }
  setCookie("codeLis", JSON.stringify(lis))
  setCookie("trdObj", JSON.stringify(trdObj))
}
function sureChangeWord() {
  $(document).on('click', '.sureChange.active', function () {
    let oldword = $(".oldword").val().trim()
    let newword = $(".newword").val().trim()
    $(".modalAction .waring i").html('')
    changeWord(oldword, newword)
  })
}
function changeWord(oldword, newword) {
  post(api.midifyPassword, {
    "modifyPassword": newword,
    "password": oldword
  }).then(function (res) {
    const data = res.data;
    if (data.code === '0') {
      setCookie('behosDateStart', '')
      setCookie('behosDateEnd', '')
      window.location.href = './login.html'
    } else {
      $(".oldWaring").html(data.msg).show();
      return
    }
  });
}
//用户信息下拉事件
$(".login").click(function (e) {
  e.stopPropagation()
  $(".userAction").slideToggle();
})
//点击修改密码
$("#changeWord").click(function (e) {
  if (!hasData('FUNC000002')) {
    return
  }
  e.stopPropagation()
  const status = $(".modalAction").css("display")
  $.alerModal({
    title: "修改密码",
    type: "modal",
    width: '450',
    time: '1000',
    sureText: '保存',
    message: `
    <div class="modalAction">
      <p><span>原密码：</span><input type="text" placeholder="请输入原密码" class="oldword" autocomplete="off"><i class="oldWaring"></i></p>
      <p><span>新密码：</span><input type="text" placeholder="请输入新密码" class="newword" autocomplete="off"></p>
      <p><span>确认新密码：</span><input type="text" placeholder="请输入新密码" class="sureword" autocomplete="off"></p>
      <p class="waring"><span></span><i></i></p>
    </div>
  `});
  $(".userAction").hide();
})
//推出登录
$(".login-out").click(function () {
  delCookie('accessToken')
  setCookie('behosDateStart', '')
  setCookie('behosDateEnd', '')
})

//时间获取
function getTimeDetail() {
  const d = new Date();
  const days = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
  let sec = d.getSeconds()
  let min = d.getMinutes()
  let hour = d.getHours()
  let str = `${d.getFullYear()}年${d.getMonth() + 1}月${d.getDate()}日 / ${days[d.getDay()]} / ${hour > 9 ? hour : '0' + hour}:${min > 9 ? min : '0' + min}:${sec > 9 ? sec : '0' + sec}`
  $(".dateDetail").html(str)
}

// 左侧菜单滚动到页面顶部
function bindMenu() {
  $("#contentIframe").contents().find('.partTitle a').eq(0).click(function () {
    $(".menuList").scrollTop(0)
  })
}