vc_jlzf/protected/viewc/edit-formver.php

<?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//fc-header.php"; ?>
<?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//fc-leftWrap.php"; ?>
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/codemirror.js"></script>
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/codemirror.css">
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/xml.js"></script>
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/material.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/3024-day.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/3024-night.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/abcdef.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/ambiance.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/base16-dark.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/bespin.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/base16-light.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/blackboard.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/cobalt.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/colorforth.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/dracula.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/duotone-dark.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/duotone-light.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/eclipse.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/elegant.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/erlang-dark.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/hopscotch.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/icecoder.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/isotope.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/lesser-dark.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/liquibyte.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/material.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/mbo.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/mdn-like.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/midnight.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/monokai.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/neat.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/neo.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/night.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/panda-syntax.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/paraiso-dark.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/paraiso-light.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/pastel-on-dark.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/railscasts.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/rubyblue.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/seti.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/solarized.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/the-matrix.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/tomorrow-night-bright.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/tomorrow-night-eighties.css">
<link rel="stylesheet" href=".<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/ttcn.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/twilight.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/vibrant-ink.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/xq-dark.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/xq-light.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/yeti.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/css/codemirror/theme/zenburn.css">
<link rel="stylesheet" href="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/foldgutter.css" />
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/foldcode.js"></script>
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/foldgutter.js"></script>
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/brace-fold.js"></script>
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/xml-fold.js"></script>
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/indent-fold.js"></script>
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/markdown-fold.js"></script>
<script src="<?php echo $data['rootUrl']; ?>global/js/codemirror/fold/comment-fold.js"></script>
  <div class="warp-content">
    <div class="container">
      <div class="page-header">
        <h2 id="basis-info"><?php if( isset($data['status']) ): ?>添加新<?php else: ?>编辑<?php endif; ?>版本</h2>
      </div>
      <div class="row">
        <div class="col-md-12">
            <form method="post" action="/setversion" onsubmit="clearsave();">
          <div class="tc-section">
              <div class="form-group">
                <label>版本</label>
                <div class="row">
                  <div class="col-xs-5">
                      <input type="text" class="form-control input-sm" value="<?php echo $data['version']['vername']; ?>" disabled>
                      <input type="hidden" class="form-control input-sm" id="vername" value="<?php echo $data['version']['vername']; ?>" name="vername">
                      <input type="hidden" class="form-control input-sm" id="verid" value="<?php echo $data['version']['verid']; ?>" name="verid">
                      <input type="hidden" class="form-control input-sm" value="<?php echo $data['version']['reportid']; ?>" name="reportid">
                      <input type="hidden" class="form-control input-sm" value="1" name="firsttime">
                  </div>
                </div>
              </div>
              <div class="form-group">
                  <label>版本内容</label>
                  <div class="row">
                      <div class="col-xs-5">
                          <textarea class="form-control" id="content" name="content"><?php echo $data['version']['content']; ?></textarea>
                      </div>
                  </div>
              </div>
              <div class="form-group">
                  <label>报表信息</label>
                  <div class="row">
                      <div class="col-xs-8">
                          <table class="table table-bordered">
                              <tr><th width="100">报表类型</th><td><?php if( $data['version']['reportcate'] == 0 ): ?>通用报表<?php else: ?>定制报表<?php endif; ?></td><th width="100">报表分类</th><td><?php if( !empty($data['version']['parentname']) ): ?><?php echo $data['version']['parentname']; ?> / <?php echo $data['version']['catename']; ?><?php else: ?><?php echo $data['version']['catename']; ?><?php endif; ?></td></tr>
                              <tr><th>定制项目</th><td colspan="3"><?php echo $data['version']['itemname']; ?></td></tr>
                              <tr><th>报表名称</th><td><?php echo $data['version']['reportname']; ?></td><th>报表ID</th><td><?php echo $data['version']['reportid']; ?></td></tr>
                          </table>
                      </div>
                  </div>
              </div>
              <div class="form-group">
                  <label><报表>必要代码&nbsp;<a data-toggle="modal" href="#code-help"><i class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="right" data-original-title="<报表>怎么填"></i></a></label>
                  <div class="row">
                      <div class="col-xs-12" style="font-size:14px">
                          <blockquote>报表ID="<?php echo $data['version']['reportid']; ?>" 版本="<?php echo $data['version']['vername']; ?>" 名称="<?php echo $data['version']['reportname']; ?>"</blockquote>
                      </div>
                  </div>
              </div>
              <div class="form-group">
                  <label>报表代码</label>
                  <div class="pull-right ">
                      <select onchange="selectTheme()" id=select>
                          <option selected>default</option>
                          <option>3024-day</option>
                          <option>3024-night</option>
                          <option>abcdef</option>
                          <option>ambiance</option>
                          <option>base16-dark</option>
                          <option>base16-light</option>
                          <option>bespin</option>
                          <option>blackboard</option>
                          <option>cobalt</option>
                          <option>colorforth</option>
                          <option>dracula</option>
                          <option>duotone-dark</option>
                          <option>duotone-light</option>
                          <option>eclipse</option>
                          <option>elegant</option>
                          <option>erlang-dark</option>
                          <option>hopscotch</option>
                          <option>icecoder</option>
                          <option>isotope</option>
                          <option>lesser-dark</option>
                          <option>liquibyte</option>
                          <option selected>material</option>
                          <option>mbo</option>
                          <option>mdn-like</option>
                          <option>midnight</option>
                          <option>monokai</option>
                          <option>neat</option>
                          <option>neo</option>
                          <option>night</option>
                          <option>panda-syntax</option>
                          <option>paraiso-dark</option>
                          <option>paraiso-light</option>
                          <option>pastel-on-dark</option>
                          <option>railscasts</option>
                          <option>rubyblue</option>
                          <option>seti</option>
                          <option>solarized dark</option>
                          <option>solarized light</option>
                          <option>the-matrix</option>
                          <option>tomorrow-night-bright</option>
                          <option>tomorrow-night-eighties</option>
                          <option>ttcn</option>
                          <option>twilight</option>
                          <option>vibrant-ink</option>
                          <option>xq-dark</option>
                          <option>xq-light</option>
                          <option>yeti</option>
                          <option>zenburn</option>
                      </select>
                  </div>
                  <div class="row">
                      <div class="col-xs-12" style="font-size:14px">
                  <textarea  id="editor" name="editor" style="height:1000px"><?php echo $data['version']['xmlbody']; ?></textarea>
                      </div>
                  </div>
              </div>
              <div class="form-group" id="showupdate" style="display: none">
                  <ul>
                      <li></li>
                  </ul>
              </div>
              <?php if( $data['version']['status'] == 2 ): ?>
              <div class="form-group ">
                  <label></label>
                  <div class="row">
                      <div class="col-xs-12">
                          <a href="/versionlist/<?php echo $data['version']['reportid']; ?>" class="btn btn-default">返回</a>
                          <button type="submit" name="edit" class="btn btn-success">确认修改</button>
                      </div>
                  </div>
              </div>
              <?php else: ?>
              <div class="form-group ">
                  <label></label>
                  <div class="row">
                      <div class="col-xs-12">
                          <a href="/versionlist/<?php echo $data['version']['reportid']; ?>" class="btn btn-default">返回</a>
                          <button type="submit" name="caogao" class="btn btn-default">保存</button>
                          <button type="submit" name="online" class="btn btn-success">发布</button>
                      </div>
                  </div>
              </div>
              <?php endif; ?>
              <?php if( isset($data['loglist']) && !empty($data['loglist']) ): ?>
              <div class="form-group">
                <ul>
                    <?php foreach($data['loglist'] as $k1=>$v1): ?>
                    <li><?php echo $v1['content']; ?></li>
                    <?php endforeach; ?>
                </ul>
              </div>
              <?php endif; ?>
          </div>
                </form>
        </div>
      </div>
    </div>
  </div>
<script>
//window.onload = function() {
    var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
        mode: "text/html",
        lineNumbers: true,
        theme:"material",
        extraKeys: {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
        foldGutter: true,
        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"]
    });
    editor.setSize('auto','650px');
    editor.on("change",function(instance, changeObj){
        localStorage.setItem($('#verid').val()+'_'+$('#vername').val()+'_xml',instance.getValue());
    });
    editor.foldCode(CodeMirror.Pos(0, 0));
    editor.foldCode(CodeMirror.Pos(34, 0));

    var input = document.getElementById("select");
    function selectTheme() {
        var theme = input.options[input.selectedIndex].textContent;
        editor.setOption("theme", theme);
        location.hash = "#" + theme;
    }
    var choice = (location.hash && location.hash.slice(1)) ||
            (document.location.search &&
            decodeURIComponent(document.location.search.slice(1)));
    if (choice) {
        input.value = choice;
        editor.setOption("theme", choice);
    }
    CodeMirror.on(window, "hashchange", function() {
        var theme = location.hash.slice(1);
        if (theme) { input.value = theme; selectTheme(); }
    });
//}
</script>
  <!--报表提示-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="code-help">
      <div class="modal-dialog ">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                  <h4 class="modal-title" ><报表>怎么填</h4>
              </div>
              <div class="modal-body">
                  <p><报表>由系统自动生成，但你还是需要按实际需求补充其它信息。带<b class="text-danger">*</b>为系统默认生成，请慎重修改。</p>
                  <table class="table table-bordered">
                      <thead>
                      <tr><th width="100">选项</th><th>参数</th></tr>
                      </thead>
                      <tr>
                          <td>报表ID&nbsp;<b class="text-danger">*</b></td><td>该ID与系统中ID必须保持一致。</td>
                      </tr>
                      <tr>
                          <td>版本&nbsp;<b class="text-danger">*</b></td><td>报表的版本代号（默认为创建时间）。与系统中的"版本"必须保持一致</td>
                      </tr>
                      <tr>
                          <td>名称&nbsp;<b class="text-danger">*</b></td><td>在软件中显示的报表名称，建议与系统保持一致。</td>
                      </tr>
                      <tr>
                          <td>分类名称&nbsp;<b class="text-danger">*</b></td><td>在软件中显示的分类名称，建议与系统保持一致。</td>
                      </tr>
                      <tr>
                          <td>分类</td><td>在软件中用于分类排序，越小越靠前。<br>例：<code>分类="1"</code></td>
                      </tr>
                      <tr>
                          <td>子分类名称&nbsp;<b class="text-danger">*</b></td><td>在软件中显示的分类名称，建议与系统保持一致。</td>
                      </tr>
                      <tr>
                          <td>子分类</td><td>在软件中，在分类下用于子分类排序，越小越靠前。<br>例：<code>子分类="2"</code></td>
                      </tr>
                      <tr>
                          <td>多表筛选</td><td></td>
                      </tr>
                      <tr>
                          <td>数据准备</td><td>查询清单汇总窗口所有数据。<br>启用：<code>数据准备="1"</code></td>
                      </tr>
                      <tr>
                          <td>含附件</td><td></td>
                      </tr>
                      <tr>
                          <td>交互类型</td><td></td>
                      </tr>
                      <tr>
                          <td>交互子类型</td><td></td>
                      </tr>
                      <tr>
                          <td>自主格式</td><td></td>
                      </tr>
                      <tr>
                          <td>数据库</td><td>查询多项目汇总数据，无需内存表。<br>启用：<code>数据库="1"</code></td>
                      </tr>
                  </table>
              </div>
          </div>
      </div>
  </div>
  <!--报表提示-->
<link href="//cdn.bootcss.com/toastr.js/2.1.2/toastr.css" rel="stylesheet">
<script src="//cdn.bootcss.com/toastr.js/2.1.2/toastr.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-right",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };

        var HH = 0;
        var mm = 0;
        var ss = 0;
        var x=1;
        var timer;
        function gettimer(){
            str = "";
            if(++ss==60)
            {
                if(++mm==60)
                {
                    HH++;
                    mm=0;
                }
                ss=0;
            }
            if(HH*3600+mm*60+ss == 60*2*x){
                updateData();
                x++;
            }
        }

        function updateData(){
            var content = $('#content').val();
            var editor2 = editor.getValue();
            var verid = $('#verid').val();
            $.ajax({
                type: 'post',
                url: '/version/'+verid+'/update/data',
                data: {editor:editor2,content:content},
                dataType: 'json',
                success: function(data){
                    if(data.status == 200){
                        toastr.info(data.msg);
                        $('#showupdate ul li').text(data.msg);
                        $('#showupdate').show();
                    }else{
                        toastr.error(data.msg);
                    }
                }
            })
        }

        timer = setInterval(gettimer,1000);
    });
</script>
<script>
    $(document).ready(function() {
        $.event.special.valuechange = {
            teardown: function (namespaces) {
                $(this).unbind('.valuechange');
            },

            handler: function (e) {
                $.event.special.valuechange.triggerChanged($(this));
            },

            add: function (obj) {
                $(this).on('keyup.valuechange cut.valuechange paste.valuechange input.valuechange', obj.selector, $.event.special.valuechange.handler)
            },

            triggerChanged: function (element) {
                var current = element[0].contentEditable === 'true' ? element.html() : element.val()
                        , previous = typeof element.data('previous') === 'undefined' ? element[0].defaultValue : element.data('previous');
                if (current !== previous) {
                    element.trigger('valuechange', [element.data('previous')]);
                    element.data('previous', current);
                }
            }
        };
        $("#content").on("valuechange", function (e, previous) {
            localStorage.setItem($('#verid').val()+'_'+$('#vername').val()+'_content',$(this).val());
        });

        if(localStorage.getItem($('#verid').val()+'_'+$('#vername').val()+'_content') || localStorage.getItem($('#verid').val()+'_'+$('#vername').val()+'_content') == ''){
            $('#content').html(localStorage.getItem($('#verid').val()+'_'+$('#vername').val()+'_content'));
        }
        if(localStorage.getItem($('#verid').val()+'_'+$('#vername').val()+'_xml')  || localStorage.getItem($('#verid').val()+'_'+$('#vername').val()+'_xml') == ''){
            editor.setValue(localStorage.getItem($('#verid').val()+'_'+$('#vername').val()+'_xml'));
        }
    });

    function clearsave(){
        localStorage.removeItem($('#verid').val()+'_'+$('#vername').val()+'_content');
        localStorage.removeItem($('#verid').val()+'_'+$('#vername').val()+'_xml');
        return true;
    }
</script>
</body>