|
|
@@ -3,6 +3,7 @@
|
|
|
<div class="background">
|
|
|
<img :src="backgroundImgURL" width="100%" height="100%" />
|
|
|
</div>
|
|
|
+ <el-button @click.native="fullScreen" id="full" v-show="false"></el-button>
|
|
|
<div class="orderNumberData">
|
|
|
<!--v-show="false" disabled="!isEdit"-->
|
|
|
<el-input
|
|
|
@@ -39,14 +40,13 @@
|
|
|
</div>
|
|
|
<div class="tip">
|
|
|
手机二维码对准下方摄像头<br />
|
|
|
- <i
|
|
|
+ <div class="arrowDown">⇩</div>
|
|
|
+ <!-- <i
|
|
|
class="el-icon-bottom"
|
|
|
style="padding-left: 450px;font-size: 300px;color: red"
|
|
|
- ></i>
|
|
|
- <span style="width: 300px;height: 200px;color: red;margin-left: 50px"
|
|
|
- >zyf:***</span
|
|
|
- >
|
|
|
+ ></i> -->
|
|
|
</div>
|
|
|
+ <div class="emg"><span style="">紧急联系人:曾16670077829</span></div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -67,6 +67,27 @@ export default {
|
|
|
// data:"toSaleSelfMachine"
|
|
|
// },
|
|
|
methods: {
|
|
|
+ //全屏函数
|
|
|
+ fullScreen() {
|
|
|
+ // screenfull.request()
|
|
|
+ // console.log('wbei')
|
|
|
+ // // documentElement 属性以一个元素对象返回一个文档的文档元素
|
|
|
+ // // var el = document.documentElement
|
|
|
+ // // el.requestFullscreen ||
|
|
|
+ // // el.mozRequestFullScreen ||
|
|
|
+ // // el.webkitRequestFullscreen ||
|
|
|
+ // // el.msRequestFullScreen
|
|
|
+ // // ? el.requestFullscreen() ||
|
|
|
+ // // el.mozRequestFullScreen() ||
|
|
|
+ // // el.webkitRequestFullscreen() ||
|
|
|
+ // // el.msRequestFullscreen()
|
|
|
+ // // : null
|
|
|
+ var wscript = new ActiveXObject('WScript.Shell') //创建ActiveX
|
|
|
+ if (wscript !== null) {
|
|
|
+ //创建成功
|
|
|
+ wscript.SendKeys('{F11}') //触发f11
|
|
|
+ }
|
|
|
+ },
|
|
|
//输入框自动聚焦
|
|
|
changfouce() {
|
|
|
this.$nextTick(x => {
|
|
|
@@ -126,6 +147,7 @@ export default {
|
|
|
// }
|
|
|
},
|
|
|
mounted() {
|
|
|
+ document.getElementById('full').click()
|
|
|
console.log(screenfull.isFullscreen)
|
|
|
// this.changfouce();
|
|
|
const timer = setInterval(async () => {
|
|
|
@@ -195,6 +217,20 @@ export default {
|
|
|
padding-left: 350px;
|
|
|
padding-top: 500px;
|
|
|
color: #4cc9e9;
|
|
|
+ .arrowDown {
|
|
|
+ margin-top: 150px;
|
|
|
+ padding-left: 450px;
|
|
|
+ font-size: 300px;
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .emg {
|
|
|
+ position: fixed;
|
|
|
+ right: 20px;
|
|
|
+ bottom: 20px;
|
|
|
+ font-size: 30px;
|
|
|
+ color: red;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
zyf