添加实时监控页面

朱桂飞

2023-12-19 8cc072a8a3bffcb8e9292cd39d1062493a1a0282

添加实时监控页面

 manifest.json

@@ -43,7 +43,47 @@
            /* ios打包配置 */
            "ios" : {},
            /* SDK配置 */
            "sdkConfigs" : {}
            "sdkConfigs" : {},
            "icons" : {
                "android" : {
                    "hdpi" : "unpackage/res/icons/72x72.png",
                    "xhdpi" : "unpackage/res/icons/96x96.png",
                    "xxhdpi" : "unpackage/res/icons/144x144.png",
                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
                },
                "ios" : {
                    "appstore" : "unpackage/res/icons/1024x1024.png",
                    "ipad" : {
                        "app" : "unpackage/res/icons/76x76.png",
                        "app@2x" : "unpackage/res/icons/152x152.png",
                        "notification" : "unpackage/res/icons/20x20.png",
                        "notification@2x" : "unpackage/res/icons/40x40.png",
                        "proapp@2x" : "unpackage/res/icons/167x167.png",
                        "settings" : "unpackage/res/icons/29x29.png",
                        "settings@2x" : "unpackage/res/icons/58x58.png",
                        "spotlight" : "unpackage/res/icons/40x40.png",
                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
                    },
                    "iphone" : {
                        "app@2x" : "unpackage/res/icons/120x120.png",
                        "app@3x" : "unpackage/res/icons/180x180.png",
                        "notification@2x" : "unpackage/res/icons/40x40.png",
                        "notification@3x" : "unpackage/res/icons/60x60.png",
                        "settings@2x" : "unpackage/res/icons/58x58.png",
                        "settings@3x" : "unpackage/res/icons/87x87.png",
                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
                    }
                }
            },
            "splashscreen" : {
                "androidStyle" : "default",
                "android" : {
                    "hdpi" : "static/splash.png",
                    "xhdpi" : "static/splash.png",
                    "xxhdpi" : "static/splash.png"
                }
            }
        }
    },
    /* å¿«åº”用特有相关 */

 package-lock.json

@@ -4,6 +4,11 @@
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
    "ezuikit-js": {
      "version": "0.7.2",
      "resolved": "https://registry.npmjs.org/ezuikit-js/-/ezuikit-js-0.7.2.tgz",
      "integrity": "sha512-BECy42q371eT4TekLon7YVmiU0u6UwbqEOjqzvbSKd0fVDwFqEaSST72EaiqWhgdfqS+xUg31pMgt1FY6GweRA=="
    },
    "lodash.get": {
      "version": "4.4.2",
      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",

 package.json

@@ -10,6 +10,7 @@
    "author": "",

    "license": "ISC",

    "dependencies": {

        "lodash.get": "^4.4.2"

        "lodash.get": "^4.4.2",

        "ezuikit-js": "^0.7.2"

    }

}


 pages.json

@@ -104,6 +104,15 @@
                }

            }



        }, {

            "path": "pages/me/video",

            "style": {

                "navigationStyle": "custom",

                "app-plus": {

                    "titleNView": false

                }

            }



        }

    ],

    "globalStyle": {


 pages/login/login.vue

@@ -2,7 +2,7 @@
<template>

    <view class="contaier">

        <view class="top-bg">

            <view class="text-white text-bold text-xxxl">智能中草药干燥小程序系统</view>

            <view class="text-white text-bold text-xxxl">智能中草药干燥设备配套系统</view>

            <view class="margin-top-xs text-white">欢迎使用，请先登录</view>

        </view>

        <u-form labelPosition="left" :model="model" ref="form">


 pages/me/control.vue

@@ -40,11 +40,18 @@
            return {

                sendMsg: '',

                recviceMsg: '',

                baseList: [{

                baseList: [

                    /* {

                        id: 1010,

                        img: '',

                        title: '维修模式',

                        name: 'warning'

                                        }, */

                    {

                        id: 1010,

                        img: '',

                        title: '干燥启动',

                        name: 'play-circle'

                    },

                    {

                        id: 0,

@@ -59,11 +66,17 @@
                        title: '停止运行',

                        name: 'pause-circle'

                    },

                    // {

                    //     id: 1001,

                    //     img: '',

                    //     title: '风箱升',

                    //     name: 'arrow-up'

                    // },
                    {

                        id: 1001,

                        id: 1005,
                        img: '',

                        title: '风箱升',

                        name: 'arrow-up'

                        title: '滚筒正转',
                        name: 'checkmark-circle'
                    },
                    {
                        id: 1003,
@@ -72,16 +85,23 @@
                        name: 'arrow-upward'
                    },
                    {
                        id: 1005,
                        id: 1011,
                        img: '',
                        title: '滚筒正转',
                        name: 'checkmark-circle'
                        title: '前门开关',
                        name: 'plus-circle'
                    },

					
                    // {

                    //     id: 1002,

                    //     img: '',

                    //     title: '风箱降',

                    //     name: 'arrow-down'

                    // },
                    {

                        id: 1002,

                        id: 1006,
                        img: '',

                        title: '风箱降',

                        name: 'arrow-down'

                        title: '滚筒反转',
                        name: 'close-circle'
                    },

                

                    {

@@ -90,13 +110,43 @@
                        title: '滚筒降',

                        name: 'arrow-downward'

                    },

                    {
                        id: 1012,
                        img: '',
                        title: '后门开关',
                        name: 'minus-circle'
                    },
                    {
                        id: 1013,
                        img: '',
                        title: '热风启动',
                        name: 'coupon'
                    },

                    

                    {

                        id: 1006,

                        id: 1014,

                        img: '',

                        title: '滚筒反转',

                        name: 'close-circle'

                        title: '开门观察',

                        name: 'eye'

                    },

                    {
                        id: 1015,
                        img: '',
                        title: '出料',
                        name: 'shopping-cart'
                    },{
                        id: 1016,
                        img: '',
                        title: '清除',
                        name: 'trash'
                    },{
                        id: 1017,
                        img: '',
                        title: '手动/自动',
                        name: 'fingerprint'
                    }



					
                ]

            }

        },


 pages/me/video.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,56 @@
<template>

    <view>

        <view id="video-container1" class="item-player">



        </view>

    </view>

</template>



<script>

    import EZUIKit from "ezuikit-js";

    export default {

        data() {

            return {



            }

        },

        mounted() {

            this.initPlayer1()



        },

        methods: {

            initPlayer1() {

                var width = document.documentElement.clientWidth;

                var height = document.documentElement.clientWidth * 9 / 16;

                const player1 = new EZUIKit.EZUIKitPlayer({

                    id: "video-container1", // è§†é¢‘容器ID

                    accessToken: 'at.3aw83ov4az77j8s87flvj2a36lctx64d-7awt1ntwzz-024wi8h-bpwhdobad',

                    url: 'ezopen://open.ys7.com/C24284281/1.hd.live',

                    template: 'mobileLive',

                    plugin: ["talk"], // åŠ è½½æ’件，talk-对讲

                    width: width,

                    height: height,

                    handleSuccess: (res => {

                        console.info(res);

                        console.info("初始化成功");

                    }),

                    handleError: (res => {

                        console.info(res);

                        if (res.retcode == "10002") {

                            console.info("初始化失败，token过期");

                        }

                    })

                });

                setTimeout(() => {

                    console.info("开始自动播放1号")

                    player1.play();

                }, 1000);

            }



        }

    }

</script>



<style>



</style>

 pages/tabBar/general.vue

@@ -12,7 +12,7 @@
         

         -->

        <cu-custom bgColor="bg-gradual-blue" :isBack="false">

            <block slot="content">智能中草药干燥小程序系统</block>

            <block slot="content">智能中草药干燥设备配套系统</block>

        </cu-custom>

        <u-toast ref="uToast"></u-toast>

        <!--         <view class="card-box dynamic shadow cu-list menu">


 pages/tabBar/me.vue

@@ -119,7 +119,14 @@
                    </button>

                </view>

                <view class="cu-item">

                    <button class='content cu-btn' @click="itemClick">

                    <button class='content cu-btn' @click="itemClick('video')">

                        <image src='../../static/me/icon/jiankong.png' class='png' mode='aspectFit'></image>

                        <text class='text-lg margin-sm'>实时监控</text>

                    </button>

                </view>
				
                <view class="cu-item">
                    <button class='content cu-btn' @click="itemClick('control')">
                        <image src='../../static/me/icon/diannao.png' class='png' mode='aspectFit'></image>

                        <text class='text-lg margin-sm'>远程控制</text>

                    </button>

@@ -206,10 +213,16 @@
        mounted() {
    

        },

        methods: {
            itemClick(){
            itemClick(mode){
                if(mode == 'control'){
                uni.navigateTo({
                    url:"/pages/me/control"
                })
                }else if(mode == 'video'){
                    uni.navigateTo({
                        url:"/pages/me/video"
                    })
                }
            },

            exit() {

                this.show = true


 pages/tabBar/monitor.vue

@@ -404,7 +404,7 @@
                model: {},

                queryParam: {

                    machineid: "GM001",

                    tenantid: 1000

                    tenantid: 1003

                },

                bannerList: [{

                        imageUrl: '../../static/image/zcy_gzj1.png'


 static/ezuikit.js

¶Ô±ÈÐÂÎļþ
ÎļþÌ«´ó

 static/logo.png

 static/splash.png