123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591 |
- <!DOCTYPE html>
- <html>
- <head lang='zh'>
- <meta charset='utf-8'>
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="renderer" content="webkit" />
- <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0" />
- <title>Luckysheet</title>
- <link rel='stylesheet' href='/static/js/luckysheet/plugins/css/pluginsCss.css' />
- <link rel='stylesheet' href='/static/js/luckysheet/plugins/plugins.css' />
- <link rel='stylesheet' href='/static/js/luckysheet/css/luckysheet.css' />
- <link rel='stylesheet' href='/static/js/luckysheet/assets/iconfont/iconfont.css' />
- <link charset="utf-8" rel="stylesheet" href="/static/css/layui.css?v=1.0.0">
- <script>
- var _PageHeight = document.documentElement.clientHeight,
- _PageWidth = document.documentElement.clientWidth;
- var _LoadingTop = _PageHeight > 61 ? (_PageHeight - 61) / 2 : 0,
- _LoadingLeft = _PageWidth > 215 ? (_PageWidth - 215) / 2 : 0;
- var _LoadingHtml = '<div id="loadingDiv" style="position:absolute;left:0;width:100%;height:' + _PageHeight + 'px;top:0;background:#f3f8ff;opacity:1;filter:alpha(opacity=80);z-index:10000;"><div style="position: absolute; cursor1: wait; left: ' + _LoadingLeft + 'px; top:' + _LoadingTop + 'px; width: auto; height: 57px; line-height: 57px; padding-left: 50px; padding-right: 5px; color: #696969; font-family:\'Microsoft YaHei\';"><img style="width:200px;height:200px" src="../images/loading.gif"></div></div>';
- document.write(_LoadingHtml);
- document.onreadystatechange = completeLoading;
- function completeLoading() {
- if (document.readyState == "complete") {
- var loadingMask = document.getElementById('loadingDiv');
- loadingMask.parentNode.removeChild(loadingMask);
- }
- }
- </script>
- <script src="/static/js/layui.js?v=1.0.0"></script>
- <script src="/static/js/exceljs.js"></script>
- <script src="/static/js/fileSave.js"></script>
- <script src="/static/js/luckysheet/luckSheetExcel.js"></script>
- <script src="/marketfront/static/js/luckysheet_old/plugins/js/plugin.js?v=1.0.0"></script>
- <script src="/marketfront/static/js/luckysheet_old/luckysheet.umd.js?v=1.0.0"></script>
-
- <script src="/static/js/api.config.js"></script>
- <script src="/static/js/util.js?v=1.0.0"></script>
- <script src="/static/js/url.js?v=1.0.0"></script>
- <script src="/static/js/exportExcel.js"></script>
- <script src="/static/js/fullScreen.js"></script>
- </head>
- <style>
- * {
- padding: 0;
- margin: 0;
- }
- html,
- body {
- height: 100%;
- }
- #monthSelect {
- padding: 10px 0px;
- }
- .luckysheet_info_detail_back {
- display: none;
- }
-
- </style>
- <body style="background: #fff;">
- <div class="layui-inline" id="monthSelect" style="width: 100%">
- <div style="float: left;padding-left: 10px" id="topBtn1"></div>
- <div style="float: right;padding-right: 10px" id="topBtn"></div>
-
- </div>
- <div style="height:90%;width: 100%;">
- <div id="luckysheet" style="width:100%;height:100%">
- </div>
- </div>
- <script>
-
- window.onresize = function () {
- var isFull = !!(document.webkitIsFullScreen || document.mozFullScreen ||
- document.msFullscreenElement || document.fullscreenElement
- );
- if (isFull == false) {
- $("#exitFullScreen").css("display", "none");
- $("#fullScreen").css("display", "");
- } else {
- $("#exitFullScreen").css("display", "");
- $("#fullScreen").css("display", "none");
- }
- }
- </script>
- <script>
- var id = ''
- var powerFlag = '0';
- var excelId = '';
- var flag = false;
- var adminFlag = false;
- var userId;
- var excelInfo = {};
- var isAdmin = '';
- var excelLevel = '';
- var toolBar = '';
- var type = '';
- var emptyExcel = false;
- var showToolBar = true;
- var fullScreen = false;
- $(function () {
- userId = JSON.parse(window.top.sessionStorage.userInfo).loginNo
- })
-
- function enableUpload() {
- document.getElementById("enableUpload")["disabled"] = false;
- document.getElementById("enableUpload").innerHTML = '新增';
- document.getElementById("zancunBtn")["disabled"] = false;
- document.getElementById("zancunBtn").innerHTML = '暂存';
- }
-
- function disableUpload() {
- document.getElementById("enableUpload")["disabled"] = true;
- document.getElementById("enableUpload").innerHTML = '新增(请先设置权限)';
- }
- function enableSave() {
- document.getElementById("enableSave")["disabled"] = false;
- document.getElementById("enableSave").innerHTML = '保存';
- }
- function disableSave() {
- document.getElementById("enableSave")["disabled"] = true;
- document.getElementById("enableSave").innerHTML = '保存(请先设置权限)';
- }
- layui.use(['laydate', 'form'], function () {
- var laydate = layui.laydate;
- var form = layui.form;
- form.on('select(powerFlag)', function (data) {
- powerFlag = data.value
- })
-
- function getData() {
-
- if (window.luckysheet) {
- window.luckysheet.destroy();
- }
-
- var r = window.top.location.href.split('?')[1];
- var types = r.split('&')[2] ? r.split('&')[2].split('=')[1] : '';
- var status = r.split('&')[2] ? r.split('&')[2].split('=')[1] : '';
- var excelId = r.split('&')[1].split('=')[1];
- type = r.split('&')[0].split('=')[1];
- console.log("id:" + types);
- console.log("id:" + excelId);
- console.log("type:" + type);
- toolBar = '';
- toolBar1 = '';
- if (type == 6) {
- var url = '/market/IssuedCollect/getExcelInfo';
- }
- if (type == 4 || type == 5) {
- var url = '/market/Issued/getExcelInfo';
- }
- if (type == 1 || type == 2 || type == 3) {
- var url = '/market/FileTemplate/query';
- }
- util.ajaxJson("数据加载中", ctx + url,
- {
- "id": excelId ? excelId : '', "type": type
- }, function (res) {
- console.log(res);
- if (res.result == 0) {
-
- excelInfo = res.body.excelInfo;
- excelLevel = res.body.excelLevel;
- isAdmin = res.body.isExcelAdmin;
- emptyExcel = res.body.emptyExcel;
- console.log(type);
- if (isAdmin) {
- window.parent['setAuth'](excelId);
- if (type == '1' || type == "2") {
- toolBar += '<span style="color: red">*</span><span style="padding:0px 6px;font-size: 16px;">模板类型</span><input type="text" id="templateType" style="padding:0px 6px;width: 100px;height: 25px">';
- } else {
- toolBar += '<span style="padding:0px 6px;font-size: 16px;">模板类型</span><input type="text" id="templateType" style="padding:0px 6px;width: 100px;height: 25px" disabled>';
- }
- toolBar += '<button id="share" class="btn btn-primary btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;margin-left:10px;">权限设置</button>'
- if (type == '1' || type == "2") {
- toolBar += '<input id="imports" type="file" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 14px;margin-right: 10px;width: 180px"></input>';
- }
- toolBar += '<button id="fullScreen" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">全屏显示</button>' +
- '<button id="exitFullScreen" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;display:none">退出全屏</button>';
-
- if (type == '1') {
-
- toolBar += '<button id="dubanBtn" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">督办</button>';
- toolBar += '<button id="zancunBtn" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;" disabled>暂存</button>';
- toolBar += '<button id="enableUpload" class="btn btn-primary btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;" disabled>新增(请先设置权限)</button>';
- } else if (type == '2') {
- if (types == '1') {
- toolBar += '<button id="enableSave" class="btn btn-primary btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">保存</button>';
-
- } else {
- toolBar += '<button id="zancunBtn" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;" >暂存</button>';
- toolBar += '<button id="enableSave" class="btn btn-primary btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">保存</button>';
- }
-
- toolBar += '<button id="dubanBtn" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">督办</button>';
- }
- }
- toolBar += '<button id="exports" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">导出</button>';
- if (type == '6' || type == '5') {
- toolBar += '<button id="fullScreen" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">全屏显示</button>' +
- '<button id="exitFullScreen" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;display:none">退出全屏</button>';
- showToolBar = false;
- }
- if (type == '4') {
- toolBar += '<button id="fullScreen" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">全屏显示</button>' +
- '<button id="exitFullScreen" class="btn btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;display:none">退出全屏</button>';
- toolBar += '<button id="toAudit" class="btn btn-primary btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">提交</button>';
- if (status == '0' || status == '3') {
-
- toolBar1 += '<button id="toZhuanpai" class="btn btn-primary btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">转派</button>';
- }
- }
- toolBar += '<button id="getOutUrl" class="btn btn-primary btn-primary" style="padding:4px 12px;border-radius:8px;font-size: 16px;margin-right: 10px;">返回</button>';
-
- var eJson = res.body.excelJson;
- var cellData = luckysheet.transToCellData(eJson[0].data);
- eJson[0].celldata = cellData;
- $("#topBtn").html(toolBar);
- $("#topBtn1").html(toolBar1);
- initExcel(res.body.excelJson);
- }
- });
- initExcel()
- }
-
- function initExcel(data, name) {
- if (type == '1') {
- flag = true
- } else {
- flag = true
- }
- if (isAdmin) {
- adminFlag = true;
- }
- var fileName = excelInfo.templateName;
- if ($.trim(name) != '') {
- fileName = name;
- }
- try {
- luckysheet.create({
- container: 'luckysheet',
- data: data,
- showsheetbar: false,
- showsheetbarConfig: {
- add: false,
- menu: false,
- sheet: false
- },
- showstatisticBar: false,
- showtoolbar: showToolBar,
- myFolderUrl: '',
- showtoolbarConfig: {
- undoRedo: showToolBar,
- paintFormat: showToolBar,
- currencyFormat: showToolBar,
- percentageFormat: showToolBar,
- numberDecrease: showToolBar,
- numberIncrease: showToolBar,
- moreFormats: showToolBar,
- font: showToolBar,
- fontSize: showToolBar,
- bold: showToolBar,
- italic: showToolBar,
- strikethrough: showToolBar,
- underline: showToolBar,
- textColor: showToolBar,
- fillColor: showToolBar,
- mergeCell: showToolBar,
- horizontalAlignMode: showToolBar,
- verticalAlignMode: showToolBar,
- textWrapMode: showToolBar,
- textRotateMode: showToolBar,
- image: showToolBar,
- link: showToolBar,
- chart: showToolBar,
- postil: showToolBar,
- pivotTable: showToolBar,
- frozenMode: showToolBar,
- sortAndFilter: showToolBar,
- conditionalFormat: showToolBar,
- dataVerification: showToolBar,
- splitColumn: showToolBar,
- screenshot: showToolBar,
- findAndReplace: showToolBar,
- protection: showToolBar,
- print: showToolBar,
- border: true,
- function: true, // '公式'
- },
- showinfobar: true, // 顶部信息 文件名称 按钮
- allowUpdate: false, // 是否允许操作表格后的后台更新 在线文档websocket时为true
- allowEdit: flag, // 是否允许前台编辑
- title: fileName, // 文件名称
- lang: 'zh',
- enableAddRow: adminFlag,
- showstatisticBar: false, // 底部计数
- showstatisticBarConfig: {
- count: false,
- view: false,
- zoom: false,
- },
- functionButton: '',
- cellRightClickConfig: {
- copy: false,
- copyAs: false,
- paste: false,
- insertRow: adminFlag,
- insertColumn: adminFlag,
- deleteRow: adminFlag,
- deleteColumn: adminFlag,
- deleteCell: false,
- hideRow: false,
- hideColumn: false,
- rowHeight: true,
- columnWidth: true,
- clear: false,
- matrix: false,
- sort: false,
- filter: false,
- chart: false,
- image: false,
- link: false,
- data: false,
- cellFormat: false,
- mComplete: false,
- mCetup: false,
- mRevoke: false
- },
- hook: {
- cellMousedown: function (a, b, c) {
- },
- cellUpdateBefore: function (r, c) {
- },
- cellMousedownBefore: function (a, p, s) {
- },
- rangePasteBefore: function (range, data) {
- },
- },
- })
- } catch (err) {
- console.log(err)
- }
- if (type == '2' || type == '3' || type == '6' || type == '5') {
- $("#templateType").val(excelInfo.templateType);
- }
- initHandel();
- }
-
- function initHandel() {
- $("#fullScreen").on("click", function () {
- if (fullScreen) {
- fullScreen = false;
- $("#fullScreen").html('全屏显示');
- } else {
- fullScreen = true;
- $("#fullScreen").html('退出全屏');
- }
- window.parent['fullScreen']('true');
-
- $('#monthSelect').show()
- })
-
- $("#exitFullScreen").on("click", function () {
- $("#exitFullScreen").css("display", "");
- $("#fullScreen").css("display", "show");
-
- window.parent['exitFullScreen']('true');
- })
-
- $('#share').off("click").click(function () {
- if (fullScreen) {
- fullScreen = false;
- $("#fullScreen").html('全屏显示');
- window.parent['fullScreen']('true');
- }
- window.parent['showAuthDialog']('true');
- if (type == '1') {
- disableUpload();
- } else if (type == '2') {
- disableSave();
- }
-
- });
-
- $('#enableSave').off("click").click(function () {
- var excelId = $(window.parent.document).find("#excelId").attr("value");
- var sheetName = luckysheet.getSheet().name;
- var excelData = luckysheet.getSheet(sheetName);
- var templateType = $("#templateType").val();
- var excelName = luckysheet.toJson().title;
- if ($.trim(templateType) == '') {
- window.top.$vm.$message({
- message: '请输入模板类型',
- type: 'info'
- })
- return;
- }
-
- window.parent['addNewTemplate'](excelName, excelData, templateType);
- });
-
- $('#getOutUrl').off("click").click(function () {
-
- window.parent['getOutUrl']('true');
- });
-
- $('#toZhuanpai').off("click").click(function () {
- var excelId = $(window.parent.document).find("#excelId").attr("value");
- var sheetName = luckysheet.getSheet().name;
- var excelData = luckysheet.getSheet(sheetName);
- var templateType = $("#templateType").val();
- var excelName = luckysheet.toJson().title;
-
-
-
-
-
-
-
-
- window.parent['toZhuanpai'](excelName, excelData, templateType);
- });
-
- $('#enableUpload').off("click").click(function () {
- var excelId = $(window.parent.document).find("#excelId").attr("value");
- var sheetName = luckysheet.getSheet().name;
- var excelData = luckysheet.getSheet(sheetName);
- var templateType = $("#templateType").val();
- var excelName = luckysheet.toJson().title;
- if ($.trim(templateType) == '') {
- window.top.$vm.$message({
- message: '请输入模板类型',
- type: 'info'
- })
- return;
- }
-
- window.parent['addNewTemplate'](excelName, excelData, templateType);
- });
-
- $('#zancunBtn').off("click").click(function () {
- var excelId = $(window.parent.document).find("#excelId").attr("value");
- var sheetName = luckysheet.getSheet().name;
- var excelData = luckysheet.getSheet(sheetName);
- var templateType = $("#templateType").val();
- var excelName = luckysheet.toJson().title;
- if ($.trim(templateType) == '') {
- window.top.$vm.$message({
- message: '请输入模板类型',
- type: 'info'
- })
- return;
- }
-
- window.parent['zancunClick'](excelName, excelData, templateType);
- });
- $('#dubanBtn').off("click").click(function () {
- if (fullScreen) {
- fullScreen = false;
- $("#fullScreen").html('全屏显示');
- window.parent['fullScreen']('true');
- }
- console.log(111);
- window.parent['dubanBtnDialog']('true');
- if (type == '1') {
- disableUpload();
- } else if (type == '2') {
- disableSave();
- }
- });
- $('#toAudit').off("click").click(function () {
- var excelId = $(window.parent.document).find("#excelId").attr("value");
- var sheetName = luckysheet.getSheet().name;
- var excelData = luckysheet.getSheet(sheetName);
- var excelName = luckysheet.toJson().title;
-
- window.parent['openAuditWindow'](excelName, excelData);
- });
-
- $('#exports').click(function () {
- var excelName = luckysheet.toJson().title;
- exportExcel(luckysheet.getluckysheetfile(), excelName)
- })
-
- $("#imports").change(function (evt) {
- var files = evt.target.files;
- if (files == null || files.length == 0) {
- window.top.$vm.$message({
- message: '没有文件导入',
- type: 'info'
- })
- return;
- }
- var name = files[0].name;
- var suffixArr = name.split("."),
- suffix = suffixArr[suffixArr.length - 1];
- if (suffix != "xlsx") {
- window.top.$vm.$message({
- message: '目前只支持xlsx文件的导入',
- type: 'info'
- })
- return;
- }
-
- LuckyExcel.transformExcelToLucky(
- files[0],
- function (exportJson, luckysheetfile) {
- console.log(exportJson);
- if (exportJson.sheets == null || exportJson.sheets.length == 0) {
- window.top.$vm.$message({
- message: '无法读取excel文件的内容,当前不支持xls文件',
- type: 'info'
- })
- return;
- }
-
- window.luckysheet.destroy();
-
- var a = exportJson.sheets[0];
- a.name = '';
- initExcel([a], name.replace('.xlsx', ''));
-
- initHandel()
- }
- );
- });
- }
- getData()
- });
-
- function realExitFullScreen() {
- $('#monthSelect').show()
-
- $("#fullScreen").css("display", "show");
- $('.excel-style').css('width', '100%')
- $('.excel-style').css('height', '97%')
- var isFullscreen = document.fullScreenElement
- ||
- document.msFullscreenElement
- ||
- document.mozFullScreenElement
- ||
- document.webkitFullscreenElement
- ||
- false;
- if (isFullscreen) {
- if (document.exitFullscreen) {
- document.exitFullscreen();
- } else if (document.msExitFullscreen) {
- document.msExitFullscreen();
- } else if (document.mozCancelFullScreen) {
- document.mozCancelFullScreen();
- } else if (document.webkitCancelFullScreen) {
- document.webkitCancelFullScreen();
- }
- }
- }
- </script>
- </body>
- </html>
|