地质所 沉降监测网建设项目
zmk
2024-06-12 8890c3cef398629ac46e5cd331a5e9ea8964e1ab
javaweb-plus/javaweb-cms/src/main/resources/templates/geo/hole/hole.html
@@ -45,6 +45,9 @@
                 <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="geo:hole:remove">
                     <i class="fa fa-remove"></i> 删除
                 </a>
                 <a class="btn btn-info" onclick="$.table.importExcel()" shiro:hasPermission="geo:hole:import">
                     <i class="fa fa-upload"></i> 导入
                 </a>
             </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
@@ -55,9 +58,11 @@
    <script th:inline="javascript">
        var editFlag = [[${@permission.hasPermi('geo:hole:edit')}]];
        var removeFlag = [[${@permission.hasPermi('geo:hole:remove')}]];
        var holeLogAddFlag = [[${@permission.hasPermi('geo:holeLog:add')}]];
        var typeDatas = [[${@dict.getType('hole_type')}]];
        var statusDatas = [[${@dict.getType('hole_status')}]];
        var prefix = ctx + "geo/hole";
        var prefix2 = ctx + "geo/holeLog";
        var projectId=[[${projectId}]];
        $(function() {
@@ -67,7 +72,9 @@
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                exportUrl: prefix + "/export",
                importUrl: prefix + "/importHole/"+projectId,
                modalName: "钻孔",
                pageSize:50,
                columns: [{
                    checkbox: true
                },
@@ -78,15 +85,25 @@
                },
                {
                    field : 'code', 
                    title : '钻孔编号'
                },
                    title : '钻孔编号',
                    sortable:true
                }, {
                        field : 'type',
                        title : '钻孔类型',
                        sortable:true,
                        formatter: function (value, row, index) {
                            var actions=[];
                            actions.push('<a href="javascript:void(0)" style="color:#1E9FFF;" onclick="preview(\'' + row.code + '\')">'+value+'</a>');
                            return actions.join('');
                        }
                    },
                {
                    field : 'elevation', 
                    title : '孔口高程'
                    title : '孔口高程(m)'
                },
                {
                    field : 'depth', 
                    title : '设计孔深'
                    title : '设计孔深(m)'
                },
                {
                    field : 'longitude',
@@ -100,20 +117,37 @@
                },
                {
                    field : 'status', 
                    title : '钻孔状态',
                    formatter: function(value, row, index) {
                        return $.table.selectDictLabel(statusDatas, value);
                    }
                    title : '钻孔状态'
                },
                    {
                        field : 'pic1',
                        title : '进度',
                    },
                {
                    field : 'footage',
                    title : '总进尺(m)',
                },
                {
                     field : 'footageCpl',
                     title : '已完成进尺(m)',
                },
                {
                     field : 'rate',
                     title : '完成进度(%)',
                     sortable:true,
                     formatter: function(value, row, index) {
                         var proc =0;
                         if (row.rate !=null){
                             proc= (row.rate*100).toFixed(0) ;
                         }
                         return  `<div class="progress" style="margin-bottom: 0px;">
                                  <div class="progress-bar bg-danger" role="progressbar" style="width: ${proc}%;" aria-valuenow="${proc}" aria-valuemin="0" aria-valuemax="100">${proc}%</div>
                                  </div>`
                     }
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-info btn-xs ' + holeLogAddFlag + '" href="javascript:void(0)" onclick="holeLogSave(\'' + row.code + '\')"><i class="glyphicon glyphicon-th-list"></i>钻孔进度</a> ');
                        actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.ids + '\')"><i class="fa fa-edit"></i>修改</a> ');
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.ids + '\')"><i class="fa fa-remove"></i>删除</a>');
                        return actions.join('');
@@ -123,6 +157,41 @@
            };
            $.table.init(options);
        });
        //下载
        function importTemplate() {
            var filename="钻孔模板.xls";
            window.location.href = ctx + "common/download?fileName=" + encodeURI(filename) + "&delete=" + false;
        }
        //保存记录
        function holeLogSave(holeCode) {
            const url = prefix2 + "/add?projectId=" + projectId + "&holeCode=" + holeCode;
            $.modal.open("钻孔进度记录",url);
        }
        //查看钻孔列表
        function preview(code) {
            const url = prefix2 + "/viewHoleLog?projectId=" + projectId + "&holeCode=" + code;
            $.modal.open("钻孔进度记录列表", url , 1100, 750);
        }
    </script>
</body>
<!-- 导入区域 -->
<script id="importTpl" type="text/template">
    <form enctype="multipart/form-data" class="mt20 mb10">
        <div class="col-xs-offset-1">
            <input type="file" id="file" name="file"/>
            <div class="mt10 pt5">
                <input type="checkbox" id="updateSupport" name="updateSupport" title="导入钻孔信息"> 是否更新已经存在的数据
                <a onclick="importTemplate()" class="btn btn-default btn-xs"><i class="fa fa-file-excel-o"></i> 下载模板</a>
            </div>
            <font color="red" class="pull-left mt10">
                提示:仅允许导入“xls”或“xlsx”格式文件!
            </font>
        </div>
    </form>
</script>
</html>