摄像头列表功能

suerwei

2024-06-22 0b8e43d5f5fd889ffcb715dafdaa6d4511532665

 javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html

@@ -120,7 +120,40 @@
            </el-col>

            <el-col :span="10" >
                <el-card class="box-card card-yellow" style="height: 320px;margin-right: 20px;">
                <el-card class="box-card card-blue" style="height: 320px;margin-right: 20px;">
                    <div slot="header" class="clearfix">
                        <span>钻孔分布图</span>
                    </div>
                    <div>
                        <el-image :src="src"
                                  :preview-src-list="srcList">
                            <div slot="placeholder" class="image-slot">
                                加载中<span class="dot">...</span>
                            </div>
                        </el-image>
                    </div>
                </el-card>
            </el-col>

            <el-col :span="6" >
                <el-card class="box-card card-red" style="height: 320px;">
                    <div slot="header" class="clearfix">
                        <span>场地进度(%)</span>
                    </div>
                    <div>
                        <div style="padding-left: 20%;">
                            <el-progress  type="dashboard" color="#FF0000" :percentage=holeProcess>
                            </el-progress>
                        </div>
                    </div>
                </el-card>
            </el-col>

        </el-row>

        <el-row style="height: 200px;">
            <el-col :span="24" >
                <el-card class="box-card card-blue" style="height: 320px;margin-top: 20px">
                    <div slot="header" class="clearfix">
                        <span>钻孔进度</span>
                    </div>
@@ -144,27 +177,11 @@
                </el-card>
            </el-col>

            <el-col :span="6" >
                <el-card class="box-card card-red" style="height: 320px;">
                    <div slot="header" class="clearfix">
                        <span>场地进度(%)</span>
                    </div>
                    <div>
                        <div style="padding-left: 20%;">
                            <el-progress  type="dashboard" color="#FF0000" :percentage=holeProcess>
                            </el-progress>
                        </div>
                    </div>
                </el-card>
            </el-col>



        </el-row>

        <el-row style="height: 200px;">
            <el-col :span="24">

                <el-card class="box-card  card-yellow"  style="height: 320px;margin-top: 20px">
                <el-card class="box-card  card-blue"  style="height: 320px;margin-top: 20px">
                        <div slot="header" class="clearfix">
                            <span>材料统计</span>
                        </div>
@@ -197,6 +214,14 @@

   <script th:inline="javascript">
        var project =[[${project}]];

        var winURL = window.location.protocol + "//" + window.location.host + "/bjfw/profile";
        console.log(winURL)

        var projectUrl = winURL + project.url;
        var arrayImg= new Array();
        arrayImg.push(projectUrl);

        var projectId=[[${projectId}]];
        var statusDatas = [[${@dict.getType('hole_status')}]];
        var prefix = ctx + "geo/hole";
@@ -217,6 +242,8 @@
                vm.holeProcess = res.data==null ? 0 :(res.data*100).toFixed(0);
            });

            vm.src = projectUrl;
            vm.srcList = arrayImg;
            tubLogs();
        });

@@ -305,6 +332,8 @@
                    project: "",
                    holeData: [],
                    tubLogs:[],
                    src:"",
                    srcList:[],
                };
            },
            methods: {