地质所 沉降监测网建设项目
zmk
2024-07-03 5606efe6f2778ad09d8b35280d6360cfe8f34d91
javaweb-plus/javaweb-cms/src/main/resources/templates/geo/TubLog/TubLog.html
@@ -41,9 +41,12 @@
                <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="geo:TubLog:remove">
                    <i class="fa fa-remove"></i> 删除
                </a>
                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="geo:TubLog:export">
                    <i class="fa fa-download"></i> 导出
                 </a>
<!--                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="geo:TubLog:export">-->
<!--                    <i class="fa fa-download"></i> 导出-->
<!--                 </a>-->
                <a class="btn btn-info" onclick="$.table.importExcel()" shiro:hasPermission="geo:TubLog:import">
                    <i class="fa fa-upload"></i> 导入
                </a>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
@@ -55,14 +58,16 @@
        var editFlag = [[${@permission.hasPermi('geo:TubLog:edit')}]];
        var removeFlag = [[${@permission.hasPermi('geo:TubLog:remove')}]];
        var prefix = ctx + "geo/TubLog";
        var projectId=[[${projectId}]];
        $(function() {
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                url: prefix + "/list?projectId="+projectId,
                createUrl: prefix + "/add?projectId="+projectId,
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                exportUrl: prefix + "/export",
                importUrl: prefix + "/importTubLog/"+projectId,
                modalName: "材料出入库记录",
                columns: [{
                    checkbox: true
@@ -79,10 +84,6 @@
                {
                    field : 'tubName', 
                    title : '管材名称'
                },
                {
                    field : 'type',
                    title : '类型'
                },
                {
                    field : 'outboundDate', 
@@ -108,10 +109,13 @@
                    field : 'unit', 
                    title : '数据单位'
                },
                {
                    field : 'createDate',
                    title : '时间'
                },
                    {
                        field : 'documentPath',
                        title : '图片/扫描件',
                        formatter: function(value, row, index) {
                            return `<a onclick="viewTubLogFile('${row.fileUrl}')" href="#">图片/扫描件</a>`;
                        }
                    },
                {
                    field : 'remark', 
                    title : '备注'
@@ -129,6 +133,36 @@
            };
            $.table.init(options);
        });
        //下载
        function importTemplate() {
            var filename="管材出入库记录模板.xls";
            window.location.href = ctx + "common/download?fileName=" + encodeURI(filename) + "&delete=" + false;
        }
        //查看证件照片
        function viewTubLogFile(path) {
            var filepath = "/bjfw/"+path;
            window.open(filepath)
        }
    </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>