DK-MES-2.0
/
HEGII.ss.mes.dashboard


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							<!doctype html>
<html lang="en" data-bs-theme="auto">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="/app/images/dongke-logo.png">
    <link href="/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
    <title>东科软件</title>
</head>
<body class="p-3 m-0 border-0 m-0 border-0">

    <!-- 导航条 -->
    <div v-scope="navbar({})"></div>

    <!--电子看板列表-->
    <div v-scope="dashboardList()" @vue:mounted="getDashboardList" class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center">
        <div class="list-group w-100">
            <a v-for="(item,index) in dashboardList.device" :key="index" :href="item.url" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
                <img src="/app/images/dongke-logo.png" alt="twbs" height="32" class="flex-shrink-0">
                <div class="d-flex gap-2 w-100 justify-content-between">
                    <div>
                        <h6 class="mb-0">{{item.name}}</h6>
                        <p class="mb-0 opacity-75">{{item.memo}}</p>
                    </div>
                    <small class="opacity-50 text-nowrap">{{item.time}}</small>
                </div>
            </a>
        </div>
    </div>

    <!--版权信息-->
    <div v-scope="footer({})"></div>

    <script src="/plugins/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="/plugins/vue/petite-vue.iife.js"></script>
    <script src="/plugins/axios/axios.min.js"></script>
    <script src="/app/common/navbar.js"></script>
    <script src="/app/common/footer.js"></script>

    <script>
        function dashboardList() {
            return {
                //设备看板列表
                dashboardList: [],
                //获取数据方法
                getDashboardList() {
                    let self = this;

                    axios.get('/app/api/getDashboardList.ashx')
                        .then(function (response) {
                            self.dashboardList = response.data;
                        })
                        .catch(function (error) {

                        });

                }
            }
        }
        PetiteVue.createApp().mount();
    </script>

</body>
</html>