/*
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-09-15 14:44:53
 */
import { getPrintTemplateByCode } from "@/api/print";
import { uploadUndo } from "@/api/clxx";
import { getLodop } from "@/utils/LodopFuncs"
import {
  stepExpandInfo,
  record,
  completeTask,
  getNextLinkInfo,
  getWorkFlowImage,
  getPrintApplicationForm,
  deleteFlow,
  unClaimTask,
  getZdInfo
} from "@/api/workFlow.js";

import { getZrzbsmList } from "@/api/search.js";
import { ywPopupDialog } from "@/utils/popup.js";

export default {
  data () {
    return {
      //是否开启材料分屏
      splitScreen: false,
      //设置表单组件是否刷选值
      fresh: 10,
      //左侧菜单数据集合
      unitData: [],
      //顶部左侧按钮集合
      leftButtonList: [],
      //顶部右侧按钮集合
      rightButtonList: [],
      //批量按钮名称
      batchButtonName: '',
      // 受理申请信息
      slsq: {},
      dqhj: ""
    }
  },
  mounted () {
    this.flowInitParam();
  },
  methods: {
    /**
     * @description: 加载流程初始参数
     * @author: renchao
     */
    flowInitParam () {
      var formdata = new FormData();
      formdata.append("bsmSlsq", this.bsmSlsq);
      formdata.append("bestepid", this.bestepid);
      if (this.type) {
        formdata.append("type", "READ_ONLY");
      }
      stepExpandInfo(formdata).then((res) => {
        if (res.code === 200) {
          this.leftButtonList = res.result.button;
          if (res.result.properties && res.result.properties.length) {
            this.dqhj = res.result.properties[0].value
            this.$store.dispatch('getdqhj/setdqjh', this.dqhj);
          }
          this.rightButtonList = res.result.operation;
          this.slsq = res.result.slsq
        }
      })
    },
    //流程环节操作按钮
    /**
     * @description: 流程环节操作按钮
     * @param {*} item
     * @author: renchao
     */
    operation (item) {
      //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿,B10:打印回执
      //操作按钮 登簿：record  转件：transfer  退回：back  退出：signout
      let that = this;
      switch (item.value) {
        case "B0":
          // this.openDialog()
          this.$alert('此功能正在开发', '提示', {
            confirmButtonText: '确定',
          })
          break;
        case "B1":
          getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => {
            let { result } = res
            this.$popupDialog("流程图", "workflow/components/processViewer", {
              xml: result.xml,
              finishedInfo: {
                finishedTaskSet: result.finishedActivityIds,
                unfinishedTaskSet: result.runningActivityIds,
                rejectedTaskSet: result.rejectedActivityIds,
                finishedSequenceFlowSet: result.finishedSequenceFlowIds
              },
              handlinglist: result.runningTasks,
              allCommentList: result.finishedTasks
            }, '80%', true)
          })
          break;
        case "B2": //材料分屏按钮
          this.splitScreen = this.splitScreen ? false : true;
          this.$store.dispatch("app/settScreen", this.splitScreen);
          if (this.splitScreen) {
            //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
            if (this.tabName == this.clxxTab.value) {
              this.tabName = this.tabList[this.clxxIndex - 1].value;
              this.getFromRouter(this.tabList[this.clxxIndex - 1].value);
            }
            //删除材料信息选项卡数据
            this.tabList.splice(this.clxxIndex, 1);
          } else {
            //新增材料信息选项卡数据
            this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
          }
          break;
        case "B3": //材料导入
          document.getElementById("cldr").click();
          break;
        case "B4":
          this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true)
          break;
        case "B5":
          this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", {
            bsmSlsq: this.bsmSlsq,
            entryType: '1'
          }, '1210px', true)
          break;
        case "B6":
          //根据编号获取对应信息
          getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => {
            if (res.code == 200) {
              getPrintApplicationForm(this.currentSelectProps.bsmSldy).then(infoRes => {
                if (infoRes.code == 200) {
                  //打开模板设计
                  let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
                  LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
                  //todo 调取后端接口获取数据 循环set
                  for (let key in infoRes.result) {
                    LODOP.SET_PRINT_STYLEA(key, "CONTENT", infoRes.result[key]);
                  }
                  LODOP.PREVIEW();
                } else {
                  this.$message.error(infoRes.message)
                }
              })
            } else {
              this.$message.error(res.message)
            }
          })
          break;
        case "B7":
          this.$popupDialog("证书领取", "workflow/components/dialog/zslq",
            { bsmSlsq: this.$route.query.bsmSlsq }, '70%', true
          )
          break;
        case "B8":
          getZrzbsmList(this.bsmSlsq).then((res) => {
            if (res.code === 200) {
              this.$popupDialog('楼盘表', 'lpb/index', {
                bsm: res.result[0],
                onlyShow: false,
                showSave: true,
                unitData: window.unitData
              }, '90%', true)
            } else {
              this.$message.error(res.message)
            }
          })
            .catch((err) => {
              this.$message.error(err)
            });
          break;
        // 图形定位
        case "B-TXDW":
          getZdInfo(this.currentSelectProps.bdcdyid).then(res => {
            this.bsmZd = res?.result[0]?.bsmZd
            this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true)
          })
          break;
        case "back": //退回按钮
          this.$popupDialog("退回", "workflow/components/th", {
            bsmSlsq: this.bsmSlsq,
            bestepid: this.bestepid
          }, '800px', true)
          break;
        case "transfer": //转件按钮
          getNextLinkInfo({
            bsmSlsq: this.bsmSlsq,
            bestepid: this.bestepid,
          }).then((res) => {
            if (res.code === 200) {
              if (res.result) {
                this.sendToNext(res.result);
              } else {
                this.sendToEnd();
              }
            }
          });
          break;
        case "stop": //终止按钮
          this.$popupDialog("终止", "workflow/components/stop", {
            bsmSlsq: this.bsmSlsq,
            bestepid: this.bestepid,
          }, '600px', true)
          break;
        case "signout":
          window.close();
          //取消认领
          unClaimTask(this.bsmSlsq, this.bestepid)
          break;
        case "B9":
          var formdata = new FormData();
          formdata.append("bsmSlsq", this.bsmSlsq);
          formdata.append("bestepid", this.bestepid);
          this.$confirm("请确认是否登簿", "提示", {
            iconClass: "el-icon-info", //自定义图标样式
            confirmButtonText: "确认", //确认按钮文字更换
            cancelButtonText: "取消", //取消按钮文字更换
            showClose: true, //是否显示右上角关闭按钮
            type: "warning", //提示类型  success/info/warning/error
          }).then(function () {
            record(formdata).then((res) => {
              if (res.code === 200) {
                if (res.result.length === 1) {
                  res.result[0].state ? that.$message({
                    message: '登簿成功',
                    type: 'success'
                  }) : ywPopupDialog("登簿错误明细", "workflow/components/dialog/dblist", { result: res.result }, '30%', true)
                }
                else {
                  ywPopupDialog("登簿错误明细", "workflow/components/dialog/dblist", { result: res.result }, '30%', true)
                }
              } else {
                that.$message.error(res.message)
              }
            })
          })
          break;
          case "B10":
            break;
        case "rm":
          this.del()
          break;
      }
    },
    /**
     * @description: del
     * @author: renchao
     */
    del () {
      let formdata = new FormData();
      formdata.append("bsmSlsq", this.bsmSlsq);
      this.$confirm("确定要删除吗, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          deleteFlow(formdata).then((res) => {
            if (res.code === 200) {
              this.$message({
                type: "success",
                message: "删除成功!",
              });
              window.close();
              window.opener.getBpageList();
            } else {
              this.$message.error(res.message);
            }
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    //发送下一个环节
    /**
     * @description: 发送下一个环节
     * @param {*} obj
     * @author: renchao
     */
    sendToNext (obj) {
      this.$popupDialog("转出", "djbworkflow/components/zc", {
        obj: obj,
        bsmSlsq: this.bsmSlsq,
        tabList: this.tabList
      }, '800px', true)
    },
    //转出最后一个流程
    /**
     * @description: 转出最后一个流程
     * @param {*} obj
     * @author: renchao
     */
    sendToEnd (obj) {
      this.$popupDialog("转出", "djbworkflow/components/zc", {
        obj: "",
        bsmSlsq: this.bsmSlsq,
        tabList: this.tabList
      }, '800px', true)
    },
    //批量操作
    /**
     * @description: 批量操作
     * @author: renchao
     */
    handleBatchDel () {
      this.$popupDialog("批量删除", "workflow/components/batchDel", {
        width: "50%",
        btnShow: false,
        bsmSlsq: this.bsmSlsq,
        dataList: this.unitData,

      })
    },
    /**
     * @description: handleChange
     * @param {*} file
     * @author: renchao
     */
    handleChange (file) {
      var formdata = new FormData();
      formdata.append("file", file.raw);
      formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
      formdata.append("bsmSlsq", this.bsmSlsq);
      uploadUndo(formdata).then(res => {
        if (res.code == 200) {
          this.$message.success("导入成功");
        } else {
          this.$message.error(res.message)
        }
      })
    },
    // 上传
    /**
     * @description: 上传
     * @param {*} file
     * @author: renchao
     */
    beforeUpload (file) {
      return true;
    }
  }
}