摄像头列表功能

suerwei

2024-06-22 0b8e43d5f5fd889ffcb715dafdaa6d4511532665

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

@@ -120,25 +120,18 @@
            </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>
                        <span>钻孔分布图</span>
                    </div>
                    <template>
                        <el-table :data="holeData" size="small" style="width: 100%">
                            <el-table-column prop="code" label="编号"></el-table-column>
                            <el-table-column prop="type" label="类型"></el-table-column>
                            <el-table-column prop="footage" label="总进尺(m)"></el-table-column>
                            <el-table-column prop="footageCpl" label="已完成(m)"></el-table-column>
                            <el-table-column label="进度(%)">
                                <template slot-scope="scope">
                                    <el-progress  :percentage=(scope.row.rate*100).toFixed(0) ></el-progress>
                                </template>
                            </el-table-column>

                        </el-table>
                    </template>

                    <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>

@@ -156,13 +149,39 @@
                </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>
                    <div style="height: 250px;">
                        <template>
                            <el-table :data="holeData" size="small" style="width: 100%" height="250">
                                <el-table-column prop="code" label="编号"></el-table-column>
                                <el-table-column prop="type" label="类型"></el-table-column>
                                <el-table-column prop="footage" label="总进尺(m)"></el-table-column>
                                <el-table-column prop="footageCpl" label="已完成(m)"></el-table-column>
                                <el-table-column label="进度(%)">
                                    <template slot-scope="scope">
                                        <el-progress  :percentage=(scope.row.rate*100).toFixed(0) ></el-progress>
                                    </template>
                                </el-table-column>

                            </el-table>
                        </template>

                    </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>
@@ -195,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";
@@ -215,6 +242,8 @@
                vm.holeProcess = res.data==null ? 0 :(res.data*100).toFixed(0);
            });

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

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