| | |
| | | <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> |
| | |
| | | <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() { |
| | |
| | | updateUrl: prefix + "/edit/{id}", |
| | | removeUrl: prefix + "/remove", |
| | | exportUrl: prefix + "/export", |
| | | importUrl: prefix + "/importHole/"+projectId, |
| | | modalName: "钻孔", |
| | | pageSize:50, |
| | | columns: [{ |
| | | checkbox: true |
| | | }, |
| | |
| | | }, |
| | | { |
| | | 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', |
| | |
| | | }, |
| | | { |
| | | 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(''); |
| | |
| | | }; |
| | | $.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, 700); |
| | | } |
| | | </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> |