spfm-market
/
spfm-market-front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
							<!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/exportExcel.js"></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="/static/js/luckysheet/plugins/js/plugin.js"></script>
    <script src="/static/js/luckysheet/luckysheet.umd.js"></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/fullScreen.js"></script>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
    }

    html,
    body {
        height: 100%;
    }

    .excel-style .layui-form-label {
        text-align: left !important;
        padding-left: 0 !important;
    }

    .excel-style .layui-inline {
        margin: 1% 0;
        height: 5%;
    }

    #noExcel {
        width: 100%;
        height: 90%;
        display: none;
        justify-content: center;
        align-items: center;
    }
</style>

<body>
    <div style="height:97%;width: 100%;" class="excel-style">
        <div class="layui-inline" id="monthSelect">
            <label class="layui-form-label">类型</label>
            <div class="layui-input-inline">
                <form class="layui-form mc-work-form">
                    <select name="city" lay-filter="powerFlag" id="powerFlag">
                        <option value="1">省公司</option>
                        <option value="2">统计</option>
                    </select>
                </form>
            </div>
        </div>
        <div id="luckysheet" style="width:100%;height:93%;display: none;">
        </div>
        <div id="noExcel">无信息</div>
    </div>
    <script>
        //监听window是否全屏，并进行相应的操作,支持esc键退出
        window.onresize = function () {
            var isFull = !!(document.webkitIsFullScreen || document.mozFullScreen ||
                document.msFullscreenElement || document.fullscreenElement
            );//!document.webkitIsFullScreen都为true。因此用!!
            if (isFull == false) {
                $("#exitFullScreen").css("display", "none");
                $("#fullScreen").css("display", "");
            } else {
                $("#exitFullScreen").css("display", "");
                $("#fullScreen").css("display", "none");
            }
        }
    </script>
    <script>
        var date = new Date();
        var lockFlag; // 回复状态
        var excelData; // excel数据源
        var flag = false // 是否可编辑状态
        var id; // 任务id
        var userId; // 用户ID
        var nowDate = date.getFullYear(); // 当前时间
        var ftype = 2;
        var focusId;
        var params = {};
        var url = '';
        var form;
        var companyFlag;
        var ftype = 1;
        $(function () {
            userId = JSON.parse(window.top.sessionStorage.userInfo).loginNo

            util.ajaxJson("数据加载中", ctx + '/sysmgr/csysuserinfo/queryUserInfoByLoginNo', {}, function (res) {
                companyFlag = res.companyFlag;
                if(companyFlag == 0){
                    url = '/market/cStoreScheTrainPoint/queryTemp';
                }else{
                    document.getElementById('monthSelect').style.display = 'none'
                    url = '/market/cStoreScheTrainPoint/queryByCity';
                }
                getData(nowDate)
            });
        })
        layui.use(['laydate', 'form'], function () {
            var laydate = layui.laydate;
            form = layui.form;
            var htmlStr = '';
            form.on('select(powerFlag)', function (data) {
                ftype = data.value;
                getData()
            })
        })

        function getData() {
            window.luckysheet.destroy();

            if(companyFlag == 0){
                if(ftype == 1){
                    url = '/market/cStoreScheTrainPoint/queryTemp';
                }else{
                    url = '/market/cStoreScheTrainPoint/queryByProv';
                }
            }

            util.ajaxJson("数据加载中", ctx + url, {}, function (res) {
                if (res.result == 0) {
                    if (res.body.length == 0) {
                        res.body = null
                    }
                    excelData = res.body
                    $('#luckysheet').show()
                    $('#noExcel').hide()
                    initExcel(res.body)
                } else {
                    res.body = null
                    excelData = res.body
                    $('#luckysheet').show()
                    $('#noExcel').hide()
                    initExcel(res.body)
                }
            });

        }
        function initExcel(data) {
            try {
                luckysheet.create({
                    container: 'luckysheet',
                    data: data,
                    showsheetbar: false, // 底部sheet显示/隐藏
                    showstatisticBar: false, // 底部计数
                    showtoolbar:false,
                    showinfobar: true, // 顶部信息 文件名称 按钮
                    allowUpdate: false, // 是否允许操作表格后的后台更新 在线文档websocket时为true
                    allowEdit: true, // 是否允许前台编辑
                    column: 12,
                    title: '厅店级宣传点位清单', // 文件名称
                    row: 10,
                    lang: 'zh',
                    showstatisticBar: false, // 底部计数
                    showstatisticBarConfig: {
                        count: false, // 计数栏
                        view: false, // 打印视图
                        zoom: false, // 缩放
                    },
                    functionButton: '<input id="imports" type="file" class="btn btn-primary" style="padding:3px 6px;font-size: 12px;margin-right: 10px;"></input><button id="saves" class="btn btn-primary btn-danger" style=" padding:3px 6px; font-size: 12px; margin-right: 10px;">保存</button><button id="fullScreen" class="btn btn-primary" style="padding:3px 6px;font-size: 12px;margin-right: 10px;">全屏显示</button><button id="exitFullScreen" class="btn btn-primary" style="padding:3px 6px;font-size: 12px;margin-right: 10px;display:none">退出全屏</button>',
                    cellRightClickConfig: {
                        copy: false, // 复制
                        copyAs: false, // 复制为
                        paste: false, // 粘贴
                        insertRow: true, // 插入行
                        insertColumn: true, // 插入列
                        deleteRow: true, // 删除选中行
                        deleteColumn: true, // 删除选中列
                        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
                    },
                })
            } catch (err) {
                console.log(err)
            }
            initHandel()
        }
        function initHandel() {
            $("#fullScreen").on("click", function () {
                fullScreen();
            })
            //退出全屏
            $("#exitFullScreen").on("click", function () {
                exitFullscreen();
            })
            $('#goBack').off("click").click(function () {
                window.top.$vm.$router.push('/leader')
            })
            $('#exports').click(function () {
                exportExcel(luckysheet.getluckysheetfile(), luckysheet.getWorkbookName())
            })

            $('#saves').off("click").click(function () {
                //  当前工作表名
                var sheetName = luckysheet.getSheet().name
                var data = luckysheet.getSheet(sheetName)
                data.fileName = luckysheet.getWorkbookName()
                data.id = id
            	var urlsave = '';
                if(companyFlag == 0){
                    urlsave = '/market/cStoreScheTrainPoint/saveTemp';
                }else{
                    urlsave = '/market/cStoreScheTrainPoint/saveCity';
                }
                util.ajaxJson("正在加载中", ctx + urlsave, {
                    data: data,
                    commitType:ftype,
                    focusId:focusId,
                    id:''
                }, function (data) {
                    getData()
                });
            })

            $("#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) {
                        if (exportJson.sheets == null || exportJson.sheets.length == 0) {
                            window.top.$vm.$message({
                                message: '无法读取excel文件的内容，当前不支持xls文件',
                                type: 'info'
                            })
                            return;
                        }
                        // 销毁原来的excel
                        window.luckysheet.destroy();
                        // 重新加载
                        initExcel([exportJson.sheets[0]])
                        // 绑定按钮事件
                        initHandel()
                    }
                );
            });
        }
    </script>
</body>

</html>