require("../css/qcScore.less");
const $ = require('jquery');
require('jquery-templates');
require('./modal.js');
const {api,post,getUrlArgObject} = require('./utils.js');
//本页全局变量
let global_flawData = {};    //缺陷数据
const global_id=getUrlArgObject("id");
let global_activeTab=$(".sub-menu .page.active").attr("code");  //当前激活菜单项

$(function(){
  //getSubMenu();
  //initScoreItem();
  getRecordDetail();
function initMenu(data){
  //菜单数据填充
  $("#subMenuTmpl").tmpl(data).appendTo("#subMenu");
  //菜单收起展开
  $(".list-1").on("click",function(){
    $(".list-1 .slide-up").removeClass('slide-up');
    $(this).toggleClass('slide-up');
    $(this).find("ul").slideToggle();
  });
  $(".list-1 li").on("click",function(e){
    e.stopPropagation();
  });
  //右侧内容切换
  $(".page").on("click",function(){
    //选中样式
    $(".sub-menu .active").removeClass('active');
    $(this).addClass("active");
    //显示对应内容
    const code=$(this).attr("code");
    global_activeTab=code;
    $(".content-item,.flaw-item").hide();
    $(".content-item[code='"+code+"']").show();
    showFlawList();
  });
}

/*function getSubMenu(){
  post(api.getSubMenu).then(function(res){
    if(res.data.code==='0'){
      const data = res.data.data;
      initMenu(data);
      $(".sub-menu li:first-child.page").addClass("active");
    }
  });
};*/

//获取病例明细
function getRecordDetail(){
  post(api.getRecordDetail,{'behospitalCode':global_id}).then(function(res){
    if(res.data.code==='0'){
      const data = res.data.data;
      const {beHospital,result,msg} = data;
      const info=Object.assign(beHospital,result);
      initMenu(JSON.parse(result.menuData));
      $(".sub-menu li:first-child.page").addClass("active");
     global_activeTab=$(".sub-menu .page.active").attr("code");
      initPatientInfo(info);
      initContent(result.pageData);
      initScoreItem(msg);
      global_flawData=msg;
    }
  });
}

//填充患者信息
function initPatientInfo(data){
  const date = data.birthday.substr(0,10);
  const age=new Date(date).getTime()/(365*24*60*60*1000);
  const obj=Object.assign({},data,{age:Math.floor(-age)});
  $("#infoTmpl").tmpl(obj).appendTo("#patientInfo");
}
//显示病例模块明细
function initContent(data){
  const obj = JSON.parse(data);
  for(let k in obj){
    $("#contentTmpl").tmpl({title:k,info:obj[k]}).appendTo("#contentInfo");
  }
  $(".content-item[code="+global_activeTab+"]").show();
  console.log(obj)
}

//评分项数据填充
function initScoreItem(data){
  $("#flaws .flaw-box").html("");
  for(let k in data){
    $("#flawTmpl").tmpl(data[k]).appendTo("#flaws .flaw-box");
  }
  //$(".flaw-item[code="+global_activeTab+"]").show();
  showFlawList();
  $(".flaw-item .oper a").click(function () {
    //const activeTab=$(".sub-menu .page.active").attr("code");
    const i = $(".flaw-item[code="+global_activeTab+"]").index($(this).parents(".flaw-item"));
    const code=$(this).attr("code");
    const isEdit = $(this).is(".edit-flaw");
    showModal(isEdit?'0':'1',code,i);
  })
}

//显示缺陷列表
function showFlawList(){
  const hml = $(".flaw-item[code="+global_activeTab+"]");
  if(hml.length){
    hml.show();
    $("#flaws .empty").hide();
  }else{
    $("#flaws .empty").length?$("#flaws .empty").show():$("#emptyTmpl").tmpl().appendTo("#flaws .flaw-box");
  }
}

//删除评分项
function delScore(id){
  const param={
    'behospitalCode':global_id,
    'optResultAlgVO':{
      'id':id
    }
  };
  post(api.delScore,param).then(function(res){
    if(res.data.code==='0'){
      $("#delModal").hide();
      updateFlaws();
      $.alerModal({"message":"删除成功",type:"tip",time:'1000'});
    }
  });
}
//修改评分项
function editScore(info){
  const param={
    "behospitalCode": global_id,
    "optResultAlgVO": info
};
  post(api.editScore,param).then(function(res){
    if(res.data.code==='0'){
      $("#delModal").hide();
      updateFlaws();
      $.alerModal({"message":"修改成功",type:"tip",time:'1000'});
    }
  });
}
//显示删除/修改弹窗
function showModal(flag,code,i){
  $("#delModal .modal-body").html("");
  $("#delModal").show();
  $("#delModal .confirm").off("click");
  $("#qcScore").off("input");
  const info = global_flawData[global_activeTab][i];
  if(flag==='0'){   //修改
    $("#delModal .title").text("修改评分");
    $("#editTmpl").tmpl(info).appendTo("#delModal .modal-body");
    $("#qcScore").on("input",function(){
      const val=$(this).val();
      if(/^[0-9]\d*$|^[0-9]\d*(.\d)?$/.test(val)){
        $(".edit-box .warning").hide();
      }else{
        $(".edit-box .warning").show();
      }
    });
    $("#delModal .confirm").click(function(){
      if($(".edit-box .warning").is(":visible")){
        return;
      }
      const obj = Object.assign({},info,{msg:$("#delModal #qcMsg").val(),score:$("#delModal #qcScore").val()});
      editScore(obj);
    });
  }else{
    $("#delModal .title").text("删除评分");
    $("#delModal .modal-body").html('<p>确定要删除该评分记录吗？</p>');
    $("#delModal .confirm").click(function(){
      delScore(code,info);
    });
  }
}
//更新缺陷列表
  function updateFlaws(){
  const param = {
    'behospitalCode':global_id,
    'paramStr':[
      "msg"
    ]
  };
    post(api.getRecordDetail,param).then(function(res){
      if(res.data.code==='0'){
        const data = res.data.data;
        const {msg} = data;
        initScoreItem(msg);
        global_flawData=msg;
      }
    });
  }
});