地质所 沉降监测网建设项目
zmk
2024-06-21 fd1211cd8d25526bfc4039bfa6547c7859e399bb
javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
@@ -122,23 +122,16 @@
            <el-col :span="10" >
                <el-card class="box-card card-yellow" 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-green"  style="height: 320px;margin-top: 20px">
                <el-card class="box-card  card-yellow"  style="height: 320px;margin-top: 20px">
                        <div slot="header" class="clearfix">
                            <span>材料统计</span>
                        </div>
@@ -182,26 +201,6 @@
                            <div id="column-chart" style="height: 250px; width: 100%;"></div>
                        </el-col>
                </el-card>
<!--                <el-card class="box-card  card-green" style="height: 320px;margin-top: 20px">-->
<!--                    <div slot="header" class="clearfix">-->
<!--                        <span>材料信息</span>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                        <template>-->
<!--                            <el-table :data="tubLogs" border size="small" style="width: 100%"-->
<!--                                      :header-cell-style="{color: '#4D4D4D',background: '#F7931E',fontWeight: '400'}"-->
<!--                                      :row-class-name="tableRowClassName">-->
<!--                                &lt;!&ndash;                           <el-table-column prop="code" label="序号"></el-table-column>&ndash;&gt;-->
<!--                                <el-table-column prop="tubName" label="名称"></el-table-column>-->
<!--                                <el-table-column prop="inboundNumber" label="入库数量"></el-table-column>-->
<!--                                <el-table-column prop="outboundNumber" label="出库数量"></el-table-column>-->
<!--                                <el-table-column prop="unit" label="单位"></el-table-column>-->
<!--                            </el-table>-->
<!--                        </template>-->
<!--                    </div>-->
<!--                </el-card>-->
            </el-col>
@@ -215,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";
@@ -232,10 +239,11 @@
            var url2 = prefix + "/holeProcess?projectId=" + projectId;
            $.ajaxSettings.async = false;
            $.get(url2,{},function(res){
                vm.holeProcess = (res.data*100).toFixed(0);
                alert(vm.holeProcess);
                vm.holeProcess = res.data==null ? 0 :(res.data*100).toFixed(0);
            });
            vm.src = projectUrl;
            vm.srcList = arrayImg;
            tubLogs();
        });
@@ -324,6 +332,8 @@
                    project: "",
                    holeData: [],
                    tubLogs:[],
                    src:"",
                    srcList:[],
                };
            },
            methods: {