1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
| <template>
| <!-- <b-modal
| ref="myModalRef"
| title="请选择人员关系"
| size="lg"
| ok-title="确定"
| cancel-title="取消"
| @ok="handleSave"
| @cancel="hideModal"
| > -->
| <el-dialog
| ref="myModalRef"
| :visible.sync="dialogVisible"
| :show-close="true"
| width="1200px"
| class="el-dialog_jes"
| @close="clearDom"
| @open="openEven"
| >
| <div class="pt-4">
| <iframe class="iframe-window" :src="url" frameborder="0"></iframe>
| </div>
| <!-- </b-modal> -->
| </el-dialog>
| </template>
| <script>
| import { Dialog } from 'element-ui'
| export default {
| components: {
| elDialog: Dialog
| },
| props: {
| item: {
| type: Object,
| default: () => null
| },
| orgId: {
| type: Number | String,
| default: ''
| },
| relationList: {
| type: Array,
| default: () => []
| }
| },
| data: () => ({
| dialogVisible: false,
| url: ''
| }),
| computed: {
| // url() {
| // // return `${ip}:${port}/ManCarAnaly/login?username=sysuser-${this.analysis}-${this.userName}&password=sysuser`
| // return 'http://192.168.1.182:8080/ManCarAnaly/login?username=sysuser-admin-admin&password=sysuser'
| // }
| },
| methods: {
| async showModal(data) {
| this.dialogVisible = true
| const {
| publicIp = '192.168.1.182',
| publicPort = '8080',
| analysis = '',
| userName = ''
| } = data
| // this.$refs.myModalRef.show()
| this.url = `http://${publicIp}:${publicPort}/ManCarAnaly/login?username=sysuser-${analysis}-${userName}&password=sysuser&restime=${new Date().getTime()}`
| },
| hideModal() {
| // this.$refs.myModalRef.hide()
| this.dialogVisible = false
| },
| handleSave() {},
| clearDom() {},
| openEven() {}
| }
| }
| </script>
| <style>
| .max-img {
| max-width: 120px;
| }
| .card-condenced {
| height: 135px;
| cursor: pointer;
| transition: all 0.3s;
| }
| .card-condenced:hover {
| border: 1px solid #26b4ff;
| }
| .iframe-window {
| width: 100%;
| height: 700px;
| }
| </style>
|
|
