import {ref, watch} from "vue";
import slideMenu from "@/views/mainLayout/js/slideMenu";

/**
 *  海康威视模块内容
 */
const hkModule = ()=>{
  const {isCollapse} = slideMenu();
  const divPlugin = ref(null);
  const iWndowType = ref(3);
  const gIWndIndex = ref(0);
  const videoInitPlugin = (cbComplete)=>{
    let iRet = WebVideoCtrl.I_CheckPluginInstall();
    if (iRet === -1) {
      alert("您还未安装过插件，请安装WebComponentsKit.exe插件！");
      return;
    }
    initPlugin(cbComplete);
  }

  const initPlugin = (cbComplete)=>{
    WebVideoCtrl.I_InitPlugin({
      bWndFull: true, //是否支持单窗口双击全屏
      iWndowType: iWndowType.value,
      bDebugMode:true,
      cbSelWnd: function (xmlDoc){
        gIWndIndex.value = parseInt($(xmlDoc).find("SelectWnd").eq(0).text(), 10);
      },
      cbInitPluginComplete: function() {
        console.log("初始化插件完成");
        WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin");
        if(cbComplete && typeof cbComplete === "function") {
          setTimeout(()=>{
            cbComplete();
          }, 500);
        }
      }
    });
  }

  const clickLogin = (data, iWndIndex)=>{
    WebVideoCtrl.I_GetDevicePort(data.ip).then(res=>{
      console.log(res);
    }).catch(error=>{
      if(error.errorCode == 2000) {
        login(data, iWndIndex);
      }
      console.log(error);
    });
  }

  const login = (data, iWndIndex)=>{
    WebVideoCtrl.I_Login(data.ip, 1, data.port, data.username, data.password, {
      timeout: 3000,
      success: function () {
        console.log("开始预览");  //不能删除
        const szId = data.ip+"_"+data.port;

        // 模拟通道
        const getAnalog = WebVideoCtrl.I_GetAnalogChannelInfo(szId, {
          timeout: 3000,
          success: function (xmlDoc) {
            console.log("模拟通道成功");
          },
          error: function (oError) {
            console.log("模拟通道失败");
          }
        });

        Promise.all([getAnalog]).then(res=>{
          console.log("数据成功");
          setTimeout(()=>{
            initPlay(data.ip, data.port, iWndIndex);
          }, 3000);
        }).catch(error=>{
          console.log("数据失败");
          setTimeout(()=>{
            initPlay(data.ip, data.port, iWndIndex);
          }, 3000);
        });
      },
      error: function () {
        console.log("login error");
      }
    });
  }

  const changeWndNum = (num)=>{
    let value = parseInt(num, 10);
    WebVideoCtrl.I_ChangeWndNum(value).then(() => {
      console.log("窗口分割成功！");
    }, (oError) => {
      console.log("窗口分割失败！");
    });
  };

  const initPlay = (ip, port, iWndIndex)=>{
    let oWndInfo = WebVideoCtrl.I_GetWindowStatus(iWndIndex);
    if (oWndInfo != null) {// 已经在播放了，先停止
      WebVideoCtrl.I_Stop({
        iWndIndex,
        success: function () {
          startRealPlay(ip, port, iWndIndex);
        },
        error: function() {
          startRealPlay(ip, port, iWndIndex);
        }
      });
    } else {
      startRealPlay(ip, port, iWndIndex);
    }

  }

  const startRealPlay = (ip, port, iWndIndex)=>{
    WebVideoCtrl.I_StartRealPlay(ip, {
      iStreamType: 1,
      iChannelID: 1,
      iWndIndex,
      bZeroChannel: false,
      success: function () {
        console.log("开始预览成功！");
      },
      error: function (oError) {
        setTimeout(()=>{
          initPlay(ip, port, iWndIndex);
        }, 3000);
        console.log("开始预览失败！");
        console.log(oError);
      }
    });
  }

  watch(
    iWndowType,
    (newVal)=>{
      changeWndNum(newVal[0]);
    },
  );
  watch(
    isCollapse,
    (newVal)=>{
      setTimeout(()=>{
        WebVideoCtrl.I_My_Resize();
      }, 300);

    },
  );

  return {
    divPlugin, iWndowType, gIWndIndex,
    videoInitPlugin, clickLogin, changeWndNum, initPlay
  };
}
export default hkModule;