地质所 沉降监测网建设项目
suerwei
2024-05-18 439f5cc422f8fde89257d041fb7e6769ac39427e
javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
@@ -54,51 +54,128 @@
</head>
<body class="white-bg">
    <div id="container">
       <p class="project-name">
         <span class="name-label">场地名称:</span>
         <span class="name-val" th:text="${project.fullName}"></span>
      </p>
        <table class="basic-info">
            <tr>
                <td>建设单位:</td>
                <td colspan="3" th:text="${project.companyName}"></td>
                <td>劳务单位:</td>
                <td colspan="3" th:text="${project.laborUnit}"></td>
            </tr>
            <tr>
                <td>建设地点:</td>
                <td colspan="7" th:text="${project.address}"></td>
            </tr>
            <tr>
                <td>场地名称:</td>
                <td colspan="5" th:text="${project.fullName}"></td>
                <td>场地编号:</td>
                <td th:text="${project.code}"></td>
            </tr>
            <tr>
                <td>钻孔个数:</td>
                <td th:text="${project.holeNum}"></td>
                <td>开始时间:</td>
                <td th:text="${#dates.format(project.createTime,'yyyy-MM-dd')}"></td>
                <td>终止时间:</td>
                <td th:text="${#dates.format(project.endTime,'yyyy-MM-dd')}"></td>
                <td>负责人:</td>
                <td th:text="${project.leaderName}"></td>
            </tr>
        </table>
<!--        <div class="map-model">-->
<!--           <button onclick="map()" type="button">地图模式</button>-->
<!--        </div>-->
        <div class="row">
            <p class="project-name">
                <span class="name-label">场地名称:</span>
                <span class="name-val" th:text="${project.fullName}"></span>
            </p>
            <table class="basic-info">
                <tr>
                    <td>建设单位:</td>
                    <td colspan="3" th:text="${project.companyName}"></td>
                    <td>劳务单位:</td>
                    <td colspan="3" th:text="${project.laborUnit}"></td>
                </tr>
                <tr>
                    <td>建设地点:</td>
                    <td colspan="7" th:text="${project.address}"></td>
                </tr>
                <tr>
                    <td>场地名称:</td>
                    <td colspan="5" th:text="${project.fullName}"></td>
                    <td>场地编号:</td>
                    <td th:text="${project.code}"></td>
                </tr>
                <tr>
                    <td>钻孔个数:</td>
                    <td th:text="${project.holeNum}"></td>
                    <td>开始时间:</td>
                    <td th:text="${#dates.format(project.createTime,'yyyy-MM-dd')}"></td>
                    <td>终止时间:</td>
                    <td th:text="${#dates.format(project.endTime,'yyyy-MM-dd')}"></td>
                    <td>负责人:</td>
                    <td th:text="${project.leaderName}"></td>
                </tr>
            </table>
            <!--        <div class="map-model">-->
            <!--           <button onclick="map()" type="button">地图模式</button>-->
            <!--        </div>-->
        </div>
        <div class="row">
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
   <script th:inline="javascript">
        var project =[[${project}]];
        var projectId=[[${projectId}]];
        var statusDatas = [[${@dict.getType('hole_status')}]];
        var prefix = ctx + "geo/hole";
       function map(){
          parent.$.modal.openTab("项目地图",ctx+"/geo/projectwork/map?id=" + project.ids);
      }
        $(function() {
            var options = {
                url: prefix + "/list?projectId=" + projectId,
                modalName: "钻孔",
                columns: [{
                    checkbox: true
                },
                    {
                        field : 'ids',
                        title : '主键',
                        visible: false
                    },
                    {
                        field : 'code',
                        title : '钻孔编号'
                    },
                    {
                        field : 'elevation',
                        title : '孔口高程(m)'
                    },
                    {
                        field : 'depth',
                        title : '设计孔深(m)'
                    },
                    {
                        field : 'longitude',
                        title : '钻孔经度',
                        visible: false
                    },
                    {
                        field : 'latitude',
                        title : '钻孔纬度',
                        visible: false
                    },
                    {
                        field : 'status',
                        title : '钻孔状态',
                        formatter: function(value, row, index) {
                            return $.table.selectDictLabel(statusDatas, value);
                        }
                    },
                    {
                        field : 'footage',
                        title : '总进尺(m)',
                    },
                    {
                        field : 'footageCpl',
                        title : '已完成进尺(m)',
                    },
                    {
                        field : 'rate',
                        title : '完成进度(%)',
                        formatter: function(value, row, index) {
                            if (row.rate !=null){
                                return (row.rate*100).toFixed(2) + "%";
                            }else{
                                return "0%";
                            }
                        }
                    }
                ]
            };
            $.table.init(options);
        });
        //
       // function map(){
       //    parent.$.modal.openTab("项目地图",ctx+"/geo/projectwork/map?id=" + project.ids);
       // }
    </script>
</body>
</html>