|
|
@@ -1,42 +1,55 @@
|
|
1
|
1
|
<template>
|
|
2
|
|
- <div class="main-contain">
|
|
3
|
|
- <div class="position">
|
|
4
|
|
- <bread-crumb :crumbs='crumbs'></bread-crumb>
|
|
5
|
|
- </div>
|
|
6
|
|
- <div class="app-container">
|
|
7
|
|
- <el-row :gutter="20">
|
|
8
|
|
- <el-col :span="12">
|
|
9
|
|
- <div class="success">
|
|
10
|
|
- <h1 class="name">欢迎来到微官网主页</h1>
|
|
11
|
|
- <div class="tips">您可以手机扫码访问或在右侧预览</div>
|
|
12
|
|
- <div id="qrcode" class="qrcode"></div>
|
|
13
|
|
- <router-link to="/site/preview">
|
|
14
|
|
- <el-button type="primary">进入微官网后台</el-button>
|
|
15
|
|
- </router-link>
|
|
16
|
|
- </div>
|
|
17
|
|
- </el-col>
|
|
18
|
|
- <el-col :span="12">
|
|
19
|
|
- <div class="phone">
|
|
20
|
|
- <div class="phonetwo">9:42</div>
|
|
21
|
|
- <div class="phonethree"><img src="static/images/u189.png" style="width:100%;height:100%"></div>
|
|
22
|
|
- <div class="phonefour"><img src="static/images/u187.png" style="width:100%;height:100%"></div>
|
|
23
|
|
- <div class="phonefive"><img src="static/images/u188.png" style="width:100%;height:100%"></div>
|
|
24
|
|
- <div class="phoneone">
|
|
25
|
|
- <iframe :src = this.url width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe>
|
|
26
|
|
- </div>
|
|
27
|
|
- </div>
|
|
28
|
|
- </el-col>
|
|
29
|
|
- </el-row>
|
|
30
|
|
-
|
|
31
|
|
- </div>
|
|
32
|
|
- </div>
|
|
|
2
|
+ <div class="main-contain">
|
|
|
3
|
+ <div class="position">
|
|
|
4
|
+ <bread-crumb :crumbs="crumbs"></bread-crumb>
|
|
|
5
|
+ </div>
|
|
|
6
|
+ <div class="app-container">
|
|
|
7
|
+ <el-row :gutter="20">
|
|
|
8
|
+ <el-col :span="12">
|
|
|
9
|
+ <div class="success">
|
|
|
10
|
+ <h1 class="name">欢迎来到微官网主页</h1>
|
|
|
11
|
+ <div class="tips">您可以手机扫码访问或在右侧预览</div>
|
|
|
12
|
+ <div id="qrcode" class="qrcode"></div>
|
|
|
13
|
+ <router-link to="/site/preview">
|
|
|
14
|
+ <el-button type="primary">进入微官网后台</el-button>
|
|
|
15
|
+ </router-link>
|
|
|
16
|
+ </div>
|
|
|
17
|
+ </el-col>
|
|
|
18
|
+ <el-col :span="12">
|
|
|
19
|
+ <div class="phone">
|
|
|
20
|
+ <div class="phonetwo">9:42</div>
|
|
|
21
|
+ <div class="phonethree">
|
|
|
22
|
+ <img src="static/images/u189.png" style="width:100%;height:100%" />
|
|
|
23
|
+ </div>
|
|
|
24
|
+ <div class="phonefour">
|
|
|
25
|
+ <img src="static/images/u187.png" style="width:100%;height:100%" />
|
|
|
26
|
+ </div>
|
|
|
27
|
+ <div class="phonefive">
|
|
|
28
|
+ <img src="static/images/u188.png" style="width:100%;height:100%" />
|
|
|
29
|
+ </div>
|
|
|
30
|
+ <div class="phoneone">
|
|
|
31
|
+ <iframe
|
|
|
32
|
+ id="myIframe"
|
|
|
33
|
+ :src="this.url"
|
|
|
34
|
+ width="100%"
|
|
|
35
|
+ height="100%"
|
|
|
36
|
+ marginwidth="0"
|
|
|
37
|
+ frameborder="no"
|
|
|
38
|
+ scrolling="no"
|
|
|
39
|
+ ></iframe>
|
|
|
40
|
+ </div>
|
|
|
41
|
+ </div>
|
|
|
42
|
+ </el-col>
|
|
|
43
|
+ </el-row>
|
|
|
44
|
+ </div>
|
|
|
45
|
+ </div>
|
|
33
|
46
|
</template>
|
|
34
|
47
|
|
|
35
|
48
|
<script>
|
|
36
|
49
|
import BreadCrumb from "../components/bread-crumb";
|
|
37
|
|
-import QRCode from 'qrcodejs2';
|
|
38
|
|
-import {GetDefaultData,GetUserOrgid} from '@/api/site/site';
|
|
39
|
|
-import Vue from 'vue';
|
|
|
50
|
+import QRCode from "qrcodejs2";
|
|
|
51
|
+import { GetDefaultData, GetUserOrgid } from "@/api/site/site";
|
|
|
52
|
+import Vue from "vue";
|
|
40
|
53
|
export default {
|
|
41
|
54
|
name: "site",
|
|
42
|
55
|
components: {
|
|
|
@@ -46,51 +59,62 @@ export default {
|
|
46
|
59
|
return {
|
|
47
|
60
|
crumbs: [{ path: false, name: "微网站" }],
|
|
48
|
61
|
codeImg: require("../../assets/home/wei.jpg"),
|
|
49
|
|
- usreOrgID:"",
|
|
|
62
|
+ usreOrgID: "",
|
|
50
|
63
|
// url:"http://microweb.kuyicloud.com/#/microHome?orgid="+this.$store.getters.xt_user.org_id,
|
|
51
|
|
- url:"http://microweb.kuyicloud.com/#/microHome?orgid=3877",
|
|
|
64
|
+ url: "http://microweb.kuyicloud.com/#/microHome?orgid=3877"
|
|
52
|
65
|
};
|
|
53
|
66
|
},
|
|
54
|
|
- methods:{
|
|
55
|
|
- qrcode () {
|
|
56
|
|
- let qrcode = new QRCode('qrcode', {
|
|
|
67
|
+ methods: {
|
|
|
68
|
+ qrcode() {
|
|
|
69
|
+ let qrcode = new QRCode("qrcode", {
|
|
57
|
70
|
width: 100,
|
|
58
|
71
|
height: 100, // 高度
|
|
59
|
|
- text: 'http://microweb.kuyicloud.com/#/microHome?orgid='+this.$store.getters.xt_user.org_id // 二维码内容
|
|
|
72
|
+ text:
|
|
|
73
|
+ "http://microweb.kuyicloud.com/#/microHome?orgid=" +
|
|
|
74
|
+ this.$store.getters.xt_user.org_id // 二维码内容
|
|
60
|
75
|
// render: 'canvas' // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
|
|
61
|
76
|
// background: '#f0f'
|
|
62
|
77
|
// foreground: '#ff0'
|
|
63
|
|
- })
|
|
64
|
|
- console.log(qrcode)
|
|
|
78
|
+ });
|
|
|
79
|
+ console.log(qrcode);
|
|
65
|
80
|
},
|
|
66
|
|
- GetDefaultData(){
|
|
67
|
|
- GetDefaultData().then(response=>{
|
|
68
|
|
- if(response.data.state == 1){
|
|
69
|
|
- var model = response.data.data.model;
|
|
70
|
|
- }
|
|
71
|
|
- })
|
|
|
81
|
+ GetDefaultData() {
|
|
|
82
|
+ GetDefaultData().then(response => {
|
|
|
83
|
+ if (response.data.state == 1) {
|
|
|
84
|
+ var model = response.data.data.model;
|
|
|
85
|
+ }
|
|
|
86
|
+ });
|
|
72
|
87
|
},
|
|
73
|
|
- GetUserOrgid(){
|
|
74
|
|
- GetUserOrgid().then(response=>{
|
|
75
|
|
- if(response.data.state == 1){
|
|
76
|
|
- var usreOrgID = response.data.data.usreOrgID;
|
|
77
|
|
- this.usreOrgID = response.data.data.usreOrgID;
|
|
78
|
|
- console.log("我的世界我做主",usreOrgID)
|
|
|
88
|
+ GetUserOrgid() {
|
|
|
89
|
+ GetUserOrgid().then(response => {
|
|
|
90
|
+ if (response.data.state == 1) {
|
|
|
91
|
+ var usreOrgID = response.data.data.usreOrgID;
|
|
|
92
|
+ this.usreOrgID = response.data.data.usreOrgID;
|
|
|
93
|
+ console.log("我的世界我做主", usreOrgID);
|
|
79
|
94
|
}
|
|
80
|
|
- })
|
|
|
95
|
+ });
|
|
|
96
|
+ },
|
|
|
97
|
+ OK() {
|
|
|
98
|
+ // 操作iframe中内容的CSS
|
|
|
99
|
+ var iframe = document.getElementById("myIframe");
|
|
|
100
|
+ var body = iframe.contentWindow.document.body;
|
|
|
101
|
+ console.log(
|
|
|
102
|
+ "结案设计师的拉升恐龙当家哈萨克刘德华拉科技好看多了经安徽省科技的哈里数据库蝴蝶结卡时间段哈萨克京东卡SDK"
|
|
|
103
|
+ );
|
|
|
104
|
+ console.log(body);
|
|
|
105
|
+
|
|
|
106
|
+ body.style.color = "red";
|
|
|
107
|
+ // a.style.margin = 50;
|
|
81
|
108
|
}
|
|
82
|
|
-
|
|
83
|
109
|
},
|
|
84
|
|
- mounted(){
|
|
|
110
|
+ mounted() {
|
|
85
|
111
|
this.qrcode();
|
|
|
112
|
+ this.OK();
|
|
86
|
113
|
},
|
|
87
|
|
- created(){
|
|
|
114
|
+ created() {
|
|
88
|
115
|
// this.GetUserOrgid();
|
|
89
|
|
-
|
|
90
|
116
|
}
|
|
91
|
117
|
};
|
|
92
|
|
-
|
|
93
|
|
-
|
|
94
|
118
|
</script>
|
|
95
|
119
|
|
|
96
|
120
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
@@ -106,69 +130,69 @@ export default {
|
|
106
|
130
|
margin: 0;
|
|
107
|
131
|
padding-bottom: 10px;
|
|
108
|
132
|
}
|
|
109
|
|
- .tips{
|
|
|
133
|
+ .tips {
|
|
110
|
134
|
line-height: 30px;
|
|
111
|
135
|
padding-bottom: 10px;
|
|
112
|
136
|
}
|
|
113
|
137
|
.site-code {
|
|
114
|
138
|
width: 200px;
|
|
115
|
139
|
padding-bottom: 10px;
|
|
116
|
|
- img{
|
|
|
140
|
+ img {
|
|
117
|
141
|
width: 100%;
|
|
118
|
142
|
}
|
|
119
|
143
|
}
|
|
120
|
|
- .qrcode{
|
|
|
144
|
+ .qrcode {
|
|
121
|
145
|
margin-bottom: 10px;
|
|
122
|
146
|
width: 100px;
|
|
123
|
147
|
height: 100px;
|
|
124
|
148
|
}
|
|
125
|
149
|
}
|
|
126
|
150
|
|
|
127
|
|
- .phone{
|
|
128
|
|
- width: 380px;
|
|
129
|
|
- height: 750px;
|
|
130
|
|
- background: url(../../assets/img/phone.png) 50% no-repeat;
|
|
131
|
|
- }
|
|
|
151
|
+.phone {
|
|
|
152
|
+ width: 380px;
|
|
|
153
|
+ height: 750px;
|
|
|
154
|
+ background: url(../../assets/img/phone.png) 50% no-repeat;
|
|
|
155
|
+}
|
|
132
|
156
|
|
|
133
|
|
- .phoneone{
|
|
134
|
|
- position: absolute;
|
|
135
|
|
- width: 320px;
|
|
136
|
|
- height: 660px;
|
|
137
|
|
- // border: solid 1px red;
|
|
138
|
|
- margin-top: 60px;
|
|
139
|
|
- margin-left: 30px;
|
|
140
|
|
- text-align: center;
|
|
141
|
|
- }
|
|
|
157
|
+.phoneone {
|
|
|
158
|
+ position: absolute;
|
|
|
159
|
+ width: 320px;
|
|
|
160
|
+ height: 660px;
|
|
|
161
|
+ // border: solid 1px red;
|
|
|
162
|
+ margin-top: 60px;
|
|
|
163
|
+ margin-left: 30px;
|
|
|
164
|
+ text-align: center;
|
|
|
165
|
+}
|
|
142
|
166
|
|
|
143
|
|
- .phonetwo{
|
|
144
|
|
- position: absolute;
|
|
145
|
|
- width: 50px;
|
|
146
|
|
- height: 20px;
|
|
147
|
|
- // border:solid 1px blue;
|
|
148
|
|
- margin-left: 55px;
|
|
149
|
|
- margin-top: 40px;
|
|
150
|
|
- }
|
|
|
167
|
+.phonetwo {
|
|
|
168
|
+ position: absolute;
|
|
|
169
|
+ width: 50px;
|
|
|
170
|
+ height: 20px;
|
|
|
171
|
+ // border:solid 1px blue;
|
|
|
172
|
+ margin-left: 55px;
|
|
|
173
|
+ margin-top: 40px;
|
|
|
174
|
+}
|
|
151
|
175
|
|
|
152
|
|
- .phonethree{
|
|
153
|
|
- position: absolute;
|
|
154
|
|
- width: 20px;
|
|
155
|
|
- height: 20px;
|
|
156
|
|
- margin-left: 280px;
|
|
157
|
|
- margin-top: 40px;
|
|
158
|
|
- }
|
|
|
176
|
+.phonethree {
|
|
|
177
|
+ position: absolute;
|
|
|
178
|
+ width: 20px;
|
|
|
179
|
+ height: 20px;
|
|
|
180
|
+ margin-left: 280px;
|
|
|
181
|
+ margin-top: 40px;
|
|
|
182
|
+}
|
|
159
|
183
|
|
|
160
|
|
- .phonefour{
|
|
161
|
|
- position: absolute;
|
|
162
|
|
- width: 20px;
|
|
163
|
|
- height: 20px;
|
|
164
|
|
- margin-left: 300px;
|
|
165
|
|
- margin-top: 40px;
|
|
166
|
|
- }
|
|
167
|
|
- .phonefive{
|
|
168
|
|
- position: absolute;
|
|
169
|
|
- width: 20px;
|
|
170
|
|
- height: 20px;
|
|
171
|
|
- margin-left: 325px;
|
|
172
|
|
- margin-top: 40px;
|
|
173
|
|
- }
|
|
174
|
|
-</style>
|
|
|
184
|
+.phonefour {
|
|
|
185
|
+ position: absolute;
|
|
|
186
|
+ width: 20px;
|
|
|
187
|
+ height: 20px;
|
|
|
188
|
+ margin-left: 300px;
|
|
|
189
|
+ margin-top: 40px;
|
|
|
190
|
+}
|
|
|
191
|
+.phonefive {
|
|
|
192
|
+ position: absolute;
|
|
|
193
|
+ width: 20px;
|
|
|
194
|
+ height: 20px;
|
|
|
195
|
+ margin-left: 325px;
|
|
|
196
|
+ margin-top: 40px;
|
|
|
197
|
+}
|
|
|
198
|
+</style>
|
