Calculation/app/view/shares/ai_trans.ejs

<div class="modal fade" id="ai-trans-grid" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">AI识别（图片转表格）</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="ai-trans-grid-file">选择文件</label><i class="fa fa-spinner fa-pulse fa-lg fa-fw text-primary" id="select-excel-loading" style="display: none;"></i>
                    <input type="file" class="form-control-file" id="ai-trans-grid-file" accept="*.json" name="file">
                </div>
            </div>
            <div class="modal-body">
                <div id="ai-trans-grid-spread" class="modal-height-500"></div>
            </div>
        </div>
    </div>
</div>
<!--<div class="modal fade" id="ai-trans" data-backdrop="static">-->
    <!--<div class="modal-dialog modal-lg" role="document">-->
        <!--<div class="modal-content">-->
            <!--<div class="modal-header">-->
                <!--<h5 class="modal-title">AI识别</h5>-->
                <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
                    <!--<span aria-hidden="true">&times;</span>-->
                <!--</button>-->
            <!--</div>-->
            <!--<div class="modal-body">-->
                <!--<div class="form-group">-->
                    <!--<label for="ai-trans-file">选择文件</label><i class="fa fa-spinner fa-pulse fa-lg fa-fw text-primary" id="select-excel-loading" style="display: none;"></i>-->
                    <!--<input type="file" class="form-control-file" id="ai-trans-file" accept="*.json" name="file">-->
                <!--</div>-->
                <!--<div class="form-group">-->
                    <!--<label for="ai-trans-file">高级设置</label>-->
                    <!--<div class="input-group input-group-sm ml-2 mt-1">-->
                        <!--<div class="input-group-prepend">-->
                            <!--<span class="input-group-text">仅识别：</span>-->
                        <!--</div>-->
                        <!--<input type="text" class="form-control mr-3" style="width: 240px" value="" id="ai-trans-keyword">-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="modal-footer">-->
                <!--<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>-->
                <!--<a href="javascript: void(0);" class="btn btn-sm btn-primary" id="ai-trans-ok">确定</a>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<div class="modal fade" id="ai-trans" data-backdrop="static">
    <style>
        .thumbnail-active {
            border: 1px solid dodgerblue; !important;
        }
        .thumbnail-container img {
            width: 100%;
            height: 90px;
            border: 1px solid #ddd;
            border-radius: 4px;
            transition: transform 0.2s;
        }
        .ai-del-btn {
            position: absolute;
            top: 0;
            right: 0;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 20px;
            font-weight: bolder;
            line-height: normal;
            margin-top: -0.5em;
        }
        img[src=""],img:not([src]){
            opacity:0;
        }
    </style>
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="ai-trans-title">AI识别</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="row">
                        <div class="col-2">
                            <div class="text-black-50 mb-2">可Ctrl+V粘贴图片</div>
                            <div class="card mb-2" id="ai-trans-file-add">
                                <div class="card-body">
                                    <div class="d-flex p-1" >
                                        <!--<i class="fa fa-plus fa-3x text-black-50"></i>-->
                                        <span class="text-black-50 p-1 d-flex" style="font-size: 60px; width: 50px; height: 50px; line-height: 30px; cursor: default;">+</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-10">
                            <div class="image-view border" style="height: 500px">
                                <img class="w-100 h-100" id="ai-trans-show-file" style="object-fit: contain">
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="form-group">-->
                    <!--<label for="ai-trans-file">高级设置</label>-->
                    <!--<div class="input-group input-group-sm ml-2 mt-1">-->
                        <!--<div class="input-group-prepend">-->
                            <!--<span class="input-group-text">仅识别：</span>-->
                        <!--</div>-->
                        <!--<input type="text" class="form-control mr-3" style="width: 240px" value="" id="ai-trans-keyword">-->
                    <!--</div>-->
                <!--</div>-->
            </div>
            <div class="modal-footer">
                <input type="file" class="form-control-file" id="ai-trans-file" name="file" style="display: none">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <a href="javascript: void(0);" class="btn btn-sm btn-primary" id="ai-trans-ok">确定</a>
            </div>
        </div>
    </div>
</div>