53 lines
915 B
Vue
53 lines
915 B
Vue
<template>
|
|
<div class="card v-process-map">
|
|
<iframe
|
|
:width="width"
|
|
ref="IFrameProcessMap"
|
|
frameborder="0"
|
|
:src="path"
|
|
:height="height"
|
|
allowfullscreen
|
|
></iframe>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "ProcessMap",
|
|
props: {
|
|
data: Object
|
|
},
|
|
data() {
|
|
return {
|
|
height: "500px",
|
|
width: "100%",
|
|
diffHeight: 10,
|
|
};
|
|
},
|
|
computed: {
|
|
path() {
|
|
let url = "";
|
|
if (this.data && this.data.PRO_UID) {
|
|
url =
|
|
window.config.SYS_SERVER +
|
|
window.config.SYS_URI +
|
|
`designer?prj_uid=${this.data.PRO_UID}&prj_readonly=true&app_uid=${this.data.APP_UID}`;
|
|
return url;
|
|
}
|
|
return url;
|
|
},
|
|
},
|
|
mounted() {},
|
|
methods: {
|
|
classBtn(cls) {
|
|
return "btn v-btn-request " + cls;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.v-process-map {
|
|
font-size: 13px;
|
|
}
|
|
</style> |