YangHuOperation/web/maintain/report/html/rpt_tpl_dtl_calc.html

<div class="tab-pane" id="rpttplformula" role="tabpanel">
    <!--
    -->
    <div class="main">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="main-side col-lg-5 p-3">
                        <div class="row">
                            <div class="form-group col-md-12">
                                <label>计算式</label>
                                <div>
                                    <ul id="rpt_tpl_formulas" class="ztree"></ul>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="sub-button p-0">
                                <button class="btn btn-primary" id="ext_code_tpl_select_btn" onclick="calculationTreeOprObj.setExtCodeTemplate(this)">套用</button>
                                <button class="btn btn-primary" id="ext_code_tpl_add_btn" onclick="calculationTreeOprObj.addExtCodeTemplate(this)">Copy</button>
                            </div>
                        </div>
                        <div style="height: 10px"></div>
                        <div class="main-content">
                            <div>
                                <ul id="rpt_ext_code_tpl" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                    <div class="main-content col-lg-7 p-0">
                        <div class="p-3" id="exprDetail">
                            <div class="row">
                                <div class="form-group col-md-3">
                                    <label>计算式执行点</label>
                                    <select class="form-control" id="exprRunType" onchange="calculationTreeOprObj.changeRunType(this)"></select>
                                </div>
                                <div class="form-group col-md-4">
                                    <label>格式串(format)</label>
                                    <input class="form-control" id="exprFormat" value="" onkeyup="calculationTreeOprObj.changeFormat(this)">
                                </div>
                            </div>
                            <div class="form-group">
                                <textarea rows="20" cols="50" style="width: 100%; height: 100%; overflow: auto; work-break: break-all;" id="exprContent" onkeyup="calculationTreeOprObj.changeExpression(this)"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const editor2 = CodeMirror.fromTextArea(document.getElementById("exprContent"), {
        mode: "text/javascript",
        lineNumbers: true,
        theme:"material",
        foldGutter: true,
        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
    });
    editor2.setSize('auto','650px');
</script>