<template>
|
<div class="container">
|
<div class="btn" @click="openDialog">匹配数据项</div>
|
<iframe style="width:100%;height:100%;overflow: hidden;" :src="url"></iframe>
|
<properties-dialog v-bind="propertiesDialogProps"/>
|
</div>
|
</template>
|
|
<script setup name="feeDesigner">
|
import PropertiesDialog from './PropertiesDialog';
|
|
const router = useRouter();
|
const route = useRoute();
|
|
const propertiesDialogRef = ref();
|
|
const propertiesDialogProps = {
|
ref: propertiesDialogRef,
|
}
|
|
const params = router.currentRoute.value.query;
|
|
const url = ref(`http://dms-pharm.highdatas.com//feeDesigner/page/designer/designer.html?id=${params.id}`);
|
|
|
const openDialog = () => {
|
propertiesDialogRef.value?.onOpen(params.id);
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.container {
|
position: relative;
|
height: 100%;
|
.btn {
|
right: 55px;
|
color: black;
|
position: absolute;
|
top: 8px;
|
z-index: 9;
|
width: 70px;
|
text-align: center;
|
height: 22px;
|
line-height: 22px;
|
margin-right: 30px;
|
margin-top: 3px;
|
background-color: #eaeaea;
|
border-radius: 4px;
|
cursor: pointer;
|
font-size: 13px;
|
}
|
}
|
</style>
|
