<template>
  <el-drawer
    :wrapperClosable='false'
    size="65%"
    :modal="true"
    :visible.sync="visible"
    :show-close="false"
    :append-to-body="true"
  >
    <template #title>
      <span>流程监控</span>
      <div class="drawer-head-btn">
        <el-button @click="visible = false"><i class="el-icon-close"></i> 关闭</el-button>
      </div><!--drawer-head-btn 抽屉顶部按钮区域-->
    </template>
    <div style="width:100%;height:100%">
      <iframe :src="src" width="100%" height="100%" title="myFrame" style="border: 0;"></iframe>
    </div>
  </el-drawer>
</template>

<script>
    import { getHistAskLogUrl } from "@/api/my_business/workflow";
    export default {
        data() {
            return {
                visible: false,
                src: ''
            };
        },
        methods: {
            init(procInstId) {
              this.visible = true
              let protocol = window.location.protocol
              let hostname = window.location.hostname;
              let workflowManageUrl = protocol + '//' + hostname + ':9080' + process.env.VUE_APP_WORKFLOW_MANAGE_URL
              workflowManageUrl = 'http://124.223.108.21:9080/ebpm-process-manage'
              this.src = workflowManageUrl + '/workflow/trace/traceProcess.do?processInstanceId=' + procInstId
            }
        }
    }
</script>
<style scoped>
.el-drawer .el-drawer__body{
  padding: 0px 0px !important;
}
</style>
