leadal-auth 0.0.3 → 0.0.4

package/src/leadal-auth.css

@@ -0,0 +1 @@
+.tree-select[data-v-1e13a420]{position:relative}.tree-container[data-v-1e13a420]{position:absolute;width:100%;border:1px solid #e4e7ed;z-index:999;background:#fff;top:34px;max-height:300px}.el-icon-arrow-down.is-reverse[data-v-1e13a420]{transform:rotate(180deg)}[data-v-1e13a420] .el-scrollbar__wrap{max-height:300px}.organ-tree[data-v-14d11cf8]{width:100%;height:100%;border:1px solid #cedded}.organ-tree .organ-tree-header[data-v-14d11cf8]{width:100%;height:50px;padding:0 10px;background:#f9fbfd;box-sizing:border-box}.organ-tree .organ-tree-header h3[data-v-14d11cf8]{font-size:16px;color:#525252;margin:0;padding:0}.organ-tree .organ-tree-header span[data-v-14d11cf8]{color:#4e91ea;cursor:pointer}.organ-tree[data-v-14d11cf8] .custom-tree-node{width:calc(100% - 34px);display:flex;align-items:center;justify-content:space-between}.organ-tree[data-v-14d11cf8] .custom-tree-node .node-text{max-width:calc(100% - 60px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.organ-tree[data-v-14d11cf8] .custom-tree-node .action-buttons{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.organ-tree[data-v-14d11cf8] .custom-tree-node .action-buttons i{margin-left:4px;cursor:pointer;color:#606266}.organ-tree[data-v-14d11cf8] .custom-tree-node .action-buttons i:hover{color:#409eff}.organ-tree[data-v-14d11cf8] .custom-tree-node:hover .action-buttons{opacity:1;visibility:visible}.organ-tree[data-v-14d11cf8] .el-dialog__header{padding:10px}.organ-tree[data-v-14d11cf8] .el-dialog__header .el-dialog__headerbtn{top:14px}.organ-tree .organ-tree-content[data-v-14d11cf8]{width:100%;height:calc(100% - 50px)}[data-v-14d11cf8] .el-tree-node__content{display:flex;align-items:center;cursor:pointer;padding:5px 8px}.user-table[data-v-0b46f100]{width:100%;height:100%;padding:14px;border:1px solid #cedded;box-sizing:border-box}.user-table .user-opt[data-v-0b46f100]{width:100%;height:50px;padding-bottom:10px}.user-table .user-opt[data-v-0b46f100] .el-button{padding:7px 20px}.user-table .user-table-main[data-v-0b46f100]{width:100%;height:calc(100% - 50px)}.user-table .user-table-content[data-v-0b46f100]{width:100%;height:calc(100% - 40px)}.user-table .user-table-content .row-opt[data-v-0b46f100]{cursor:pointer;color:#3391ff}.user-table .user-table-pagination[data-v-0b46f100]{width:100%;height:40px}[data-v-0b46f100] .el-button{border-radius:8px}.user-info-main[data-v-7e1c92e8]{width:100%;height:100%}.user-info-main .collapse-title[data-v-7e1c92e8]{display:flex;color:#101010;font-size:16px;text-align:left;font-family:SourceHanSansSC-regular;align-items:center}.user-info-main .collapse-title .title-bar[data-v-7e1c92e8]{display:inline-block;margin-right:10px;width:4px;height:16px;font-size:16px;background:#3391ff}.user-info-main .form-item[data-v-7e1c92e8]{display:flex;flex-direction:column;align-items:center;width:calc(100% - 28px);padding:0 14px}.user-info-main .form-item .form-status[data-v-7e1c92e8]{padding:4px 6px;background:#f7f9fe}.user-info-main[data-v-7e1c92e8] .el-collapse{border:0}.user-info-main[data-v-7e1c92e8] .el-collapse-item__header,.user-info-main[data-v-7e1c92e8] .el-collapse-item__wrap{border-bottom:0}.user-info-main[data-v-7e1c92e8] .el-form-item{display:flex;flex-direction:column;align-items:center;width:calc(100% - 28px);padding:10px 14px 0 14px;margin-bottom:4px}.user-info-main[data-v-7e1c92e8] .el-form-item__content{width:100%;margin-left:0!important}.choose-camera-or-picture[data-v-361766db]{width:240px;height:240px;background:#fff;border:1px dashed #bfbfbf;border-radius:10px}.choose-camera-or-picture-title[data-v-361766db]{color:#333;font-size:16px}.choose-camera-or-picture-title[data-v-361766db]:hover{color:#008cd2}.upload-picture[data-v-8e8a413c]{width:100%;max-width:600px;min-height:240px}.upload-picture .uploaded-images[data-v-8e8a413c]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.upload-picture .uploaded-images .image-item[data-v-8e8a413c]{position:relative;width:180px;height:180px;border-radius:10px;overflow:hidden;border:1px solid #e6e6e6}.upload-picture .uploaded-images .image-item img[data-v-8e8a413c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-picture .uploaded-images .image-item .image-actions[data-v-8e8a413c]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.upload-picture .uploaded-images .image-item .image-actions[data-v-8e8a413c]:hover{background:hsla(0,87%,69%,.8)}.upload-picture .uploaded-images .image-item .image-actions i[data-v-8e8a413c]{color:#fff;font-size:14px}.upload-picture .avatar-uploader .upload-area[data-v-8e8a413c]{width:240px;height:240px;background:#fff;border:1px dashed #bfbfbf;border-radius:10px;cursor:pointer;transition:all .3s}.upload-picture .avatar-uploader .upload-area[data-v-8e8a413c]:hover:not(.uploading){border-color:#409eff}.upload-picture .avatar-uploader .upload-area.uploading[data-v-8e8a413c]{border-color:#409eff;background:#f0f9ff;cursor:not-allowed}.upload-picture .avatar-uploader .upload-area .upload-content[data-v-8e8a413c]{text-align:center}.upload-picture .avatar-uploader .upload-area .upload-content .upload-text[data-v-8e8a413c]{margin-top:12px;font-size:14px;color:#409eff;font-weight:500}.upload-picture .max-limit-tip[data-v-8e8a413c]{width:240px;height:240px;background:#f5f5f5;border:1px dashed #e6e6e6;border-radius:10px}.upload-picture .max-limit-tip .tip-content[data-v-8e8a413c]{text-align:center}.upload-picture .max-limit-tip .tip-content .tip-text[data-v-8e8a413c]{margin-top:12px;font-size:14px;color:#f56c6c}[data-v-8e8a413c] .el-upload{display:block}[data-v-8e8a413c] .el-upload-dragger{width:100%;height:100%;border:none;border-radius:10px;background:transparent}.face-detection[data-v-7c2b7702]{width:500px;height:480px;border-radius:8px;border:1px solid #e5e5e7}.face-detection-container[data-v-7c2b7702]{margin:0 auto;width:360px;height:360px;background:#fff;border-radius:12px;background:url(/img/img-camera.f5578f07.png) no-repeat 50%;background-size:100% 100%}.camera-container[data-v-7c2b7702]{position:relative;display:inline-block;border:2px solid #ddd;border-radius:50%;overflow:hidden;background:#000;width:240px;height:240px}.camera-container.detecting[data-v-7c2b7702]{border-color:#0f0;box-shadow:0 0 20px rgba(0,255,0,.3)}.overlay-canvas[data-v-7c2b7702]{position:absolute;top:0;left:0;pointer-events:none;border-radius:50%}.status-overlay[data-v-7c2b7702]{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px}.status-item[data-v-7c2b7702]{display:flex;align-items:center;gap:8px}.spinner[data-v-7c2b7702]{width:16px;height:16px;border:2px solid #333;border-top:2px solid #fff;border-radius:50%;animation:spin-7c2b7702 1s linear infinite}.pulse[data-v-7c2b7702]{width:12px;height:12px;background:#0f0;border-radius:50%;animation:pulse-7c2b7702 1s ease-in-out infinite}@keyframes spin-7c2b7702{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-7c2b7702{0%,to{opacity:1}50%{opacity:.5}}.results[data-v-7c2b7702]{position:absolute;top:0;left:0}.captured-image-container[data-v-7c2b7702],.results[data-v-7c2b7702]{display:flex;justify-content:center;align-items:center}.captured-face-image[data-v-7c2b7702]{border-radius:50%;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.face-detection-container[data-v-7c2b7702]{padding:10px}}.face-picture[data-v-0b73bca5]{position:relative;width:240px;height:240px;background:#fff;border:1px dashed #bfbfbf;border-radius:10px}.delete-batn[data-v-0b73bca5]{position:absolute;top:0;right:0;width:24px;background:#e5e5e7;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0 0 0 4px}.delete-batn[data-v-0b73bca5] :hover{background:#e5e5e7}.dialog-header[data-v-6026fac0]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.title[data-v-6026fac0]{font-size:18px;font-weight:500;color:#333}.close-icon[data-v-6026fac0]{width:16px;height:16px;cursor:pointer}.dialog-content[data-v-6026fac0]{padding:20px}.uploading-container[data-v-6026fac0]{display:flex;justify-content:center;align-items:center;width:360px;height:360px;background:#f0f9ff;border-radius:12px;border:2px dashed #409eff}.uploading-content[data-v-6026fac0]{text-align:center}.uploading-content .uploading-text[data-v-6026fac0]{margin-top:16px;font-size:16px;color:#409eff;font-weight:500}.uploading-content i[data-v-6026fac0]{animation:rotate-6026fac0 2s linear infinite}@keyframes rotate-6026fac0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container[data-v-6026fac0]{display:flex;justify-content:center;align-items:center;width:360px;height:360px;background:#fef0f0;border-radius:12px;border:2px dashed #f56c6c}.error-content[data-v-6026fac0]{text-align:center}.error-content .error-text[data-v-6026fac0]{margin-top:16px;font-size:18px;color:#f56c6c;font-weight:600}.error-content .error-desc[data-v-6026fac0]{margin-top:8px;font-size:14px;color:#999}.select-section[data-v-2a8d4408]{margin-bottom:52px;text-align:left;margin-left:100px}.select-button[data-v-2a8d4408]{font-size:14px;color:#8a97bb;padding:0}[data-v-56d9f150] .el-button{border-radius:8px}.finger-dialog[data-v-de87379c]{width:100%;height:100%;border-radius:12px;overflow:hidden;background:#f8f8fb}.dialog-header[data-v-de87379c]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.title[data-v-de87379c]{font-size:18px;font-weight:500;color:#333}.close-icon[data-v-de87379c]{width:16px;height:16px;cursor:pointer}.finger-register-content[data-v-de87379c]{height:calc(100% - 182px);margin-left:24px;margin-right:24px;border-radius:12px}.hand-area[data-v-de87379c]{width:210px;display:flex;flex-direction:column;margin-left:20px}.hand-image-wrapper[data-v-de87379c]{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:20px}.hand-image[data-v-de87379c]{width:200px;height:260px;-o-object-fit:contain;object-fit:contain}.finger-buttons-overlay[data-v-de87379c]{position:absolute;top:0;left:0;width:100%;height:100%}.finger-circle[data-v-de87379c]{position:absolute;width:26px;height:26px;border-radius:50%;border:3px solid silver;background-color:#f8f8fb;cursor:pointer;transition:all .3s}.finger-circle[data-v-de87379c]:hover{transform:scale(1.1);box-shadow:0 0 5px rgba(59,128,239,.5)}.finger-circle.active[data-v-de87379c]{border:3px solid #3b80ef;background:#3b80ef3f}.finger-circle.ready[data-v-de87379c]{width:25px;height:25px;background:url(data:image/png;base64,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) no-repeat;background-size:100% 100%}.fingerprint-status[data-v-de87379c]{width:300px;height:300px;margin-left:32px;display:flex;flex-direction:column;border:1px dashed #d6d9e1;background:#fff;border-radius:12px}.status-header[data-v-de87379c]{padding:12px;background-color:#f5f5f5;border-bottom:1px solid #eee}.status-title[data-v-de87379c]{font-size:14px;color:#666}.fingerprint-image-container[data-v-de87379c]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px 20px 20px}.fingerprint-image[data-v-de87379c]{width:120px;height:120px;margin-bottom:20px}.status-text[data-v-de87379c]{font-size:14px;color:#999;text-align:center}.collect-progress[data-v-de87379c]{margin:0 20px 20px}.progress-text[data-v-de87379c]{font-size:14px;color:#666;margin-bottom:5px}.progress-bar[data-v-de87379c]{height:8px;background-color:#eee;border-radius:4px;overflow:hidden}.progress-inner[data-v-de87379c]{height:100%;background-color:#3b80ef;transition:width .3s}.dialog-footer .el-button[data-v-de87379c]{margin:20px 10px}.delete-button[data-v-de87379c]{width:100%;height:40px;display:flex;justify-content:flex-end;align-items:center}.auth-com[data-v-112e7717]{width:calc(100% - 48px);height:calc(100% - 48px);padding:16px}.auth-com .tab-main[data-v-112e7717]{width:100%;height:calc(100% - 56px)}.auth-com .tab-main .tab-content[data-v-112e7717]{width:100%;height:100%}[data-v-112e7717] .el-tabs__nav-wrap:after{background-color:transparent}[data-v-112e7717] .el-tabs__item{font-size:18px;color:#989898}.user-drawer[data-v-ee7490ee]{width:calc(100% - 4px);height:calc(100% - 4px);padding:0 2px}.user-drawer .user-drawer-header[data-v-ee7490ee]{height:50px;padding:0 0 0 12px;border-bottom:1px solid #ecebeb}.user-drawer .user-drawer-content[data-v-ee7490ee]{width:100%;height:calc(100% - 50px)}.user-drawer .user-drawer-content .user-auth[data-v-ee7490ee]{width:calc(100% - 460px);height:100%}.user-drawer .user-drawer-content .user-info[data-v-ee7490ee]{width:460px;height:100%;border-left:1px solid #ecebeb}.icon-back[data-v-ee7490ee]{cursor:pointer;display:flex;width:53px;height:44px;align-items:center;justify-content:space-between}.icon-back span[data-v-ee7490ee],.icon-back[data-v-ee7490ee]{color:#5a5a5a;font-weight:500;font-size:16px}.organ-manage[data-v-37d6a0fe]{width:100%;height:100%;position:relative}.organ-manage .organ-manage-tree[data-v-37d6a0fe]{width:300px;height:100%}.organ-manage .organ-manage-main[data-v-37d6a0fe]{width:calc(100% - 320px);height:100%}.mt-2{margin-top:2px}.pt-2{padding-top:2px}.mr-2{margin-right:2px}.pr-2{padding-right:2px}.mb-2{margin-bottom:2px}.pb-2{padding-bottom:2px}.ml-2{margin-left:2px}.pl-2{padding-left:2px}.p-2{padding:2px}.m-2{margin:2px}.fs-2{font-size:2px}.w-2{width:2px}.h-2{height:2px}.mt-4{margin-top:4px}.pt-4{padding-top:4px}.mr-4{margin-right:4px}.pr-4{padding-right:4px}.mb-4{margin-bottom:4px}.pb-4{padding-bottom:4px}.ml-4{margin-left:4px}.pl-4{padding-left:4px}.p-4{padding:4px}.m-4{margin:4px}.fs-4{font-size:4px}.w-4{width:4px}.h-4{height:4px}.mt-6{margin-top:6px}.pt-6{padding-top:6px}.mr-6{margin-right:6px}.pr-6{padding-right:6px}.mb-6{margin-bottom:6px}.pb-6{padding-bottom:6px}.ml-6{margin-left:6px}.pl-6{padding-left:6px}.p-6{padding:6px}.m-6{margin:6px}.fs-6{font-size:6px}.w-6{width:6px}.h-6{height:6px}.mt-8{margin-top:8px}.pt-8{padding-top:8px}.mr-8{margin-right:8px}.pr-8{padding-right:8px}.mb-8{margin-bottom:8px}.pb-8{padding-bottom:8px}.ml-8{margin-left:8px}.pl-8{padding-left:8px}.p-8{padding:8px}.m-8{margin:8px}.fs-8{font-size:8px}.w-8{width:8px}.h-8{height:8px}.mt-10{margin-top:10px}.pt-10{padding-top:10px}.mr-10{margin-right:10px}.pr-10{padding-right:10px}.mb-10{margin-bottom:10px}.pb-10{padding-bottom:10px}.ml-10{margin-left:10px}.pl-10{padding-left:10px}.p-10{padding:10px}.m-10{margin:10px}.fs-10{font-size:10px}.w-10{width:10px}.h-10{height:10px}.mt-12{margin-top:12px}.pt-12{padding-top:12px}.mr-12{margin-right:12px}.pr-12{padding-right:12px}.mb-12{margin-bottom:12px}.pb-12{padding-bottom:12px}.ml-12{margin-left:12px}.pl-12{padding-left:12px}.p-12{padding:12px}.m-12{margin:12px}.fs-12{font-size:12px}.w-12{width:12px}.h-12{height:12px}.mt-14{margin-top:14px}.pt-14{padding-top:14px}.mr-14{margin-right:14px}.pr-14{padding-right:14px}.mb-14{margin-bottom:14px}.pb-14{padding-bottom:14px}.ml-14{margin-left:14px}.pl-14{padding-left:14px}.p-14{padding:14px}.m-14{margin:14px}.fs-14{font-size:14px}.w-14{width:14px}.h-14{height:14px}.mt-16{margin-top:16px}.pt-16{padding-top:16px}.mr-16{margin-right:16px}.pr-16{padding-right:16px}.mb-16{margin-bottom:16px}.pb-16{padding-bottom:16px}.ml-16{margin-left:16px}.pl-16{padding-left:16px}.p-16{padding:16px}.m-16{margin:16px}.fs-16{font-size:16px}.w-16{width:16px}.h-16{height:16px}.mt-18{margin-top:18px}.pt-18{padding-top:18px}.mr-18{margin-right:18px}.pr-18{padding-right:18px}.mb-18{margin-bottom:18px}.pb-18{padding-bottom:18px}.ml-18{margin-left:18px}.pl-18{padding-left:18px}.p-18{padding:18px}.m-18{margin:18px}.fs-18{font-size:18px}.w-18{width:18px}.h-18{height:18px}.mt-20{margin-top:20px}.pt-20{padding-top:20px}.mr-20{margin-right:20px}.pr-20{padding-right:20px}.mb-20{margin-bottom:20px}.pb-20{padding-bottom:20px}.ml-20{margin-left:20px}.pl-20{padding-left:20px}.p-20{padding:20px}.m-20{margin:20px}.fs-20{font-size:20px}.w-20{width:20px}.h-20{height:20px}.mt-22{margin-top:22px}.pt-22{padding-top:22px}.mr-22{margin-right:22px}.pr-22{padding-right:22px}.mb-22{margin-bottom:22px}.pb-22{padding-bottom:22px}.ml-22{margin-left:22px}.pl-22{padding-left:22px}.p-22{padding:22px}.m-22{margin:22px}.fs-22{font-size:22px}.w-22{width:22px}.h-22{height:22px}.mt-24{margin-top:24px}.pt-24{padding-top:24px}.mr-24{margin-right:24px}.pr-24{padding-right:24px}.mb-24{margin-bottom:24px}.pb-24{padding-bottom:24px}.ml-24{margin-left:24px}.pl-24{padding-left:24px}.p-24{padding:24px}.m-24{margin:24px}.fs-24{font-size:24px}.w-24{width:24px}.h-24{height:24px}.mt-28{margin-top:28px}.pt-28{padding-top:28px}.mr-28{margin-right:28px}.pr-28{padding-right:28px}.mb-28{margin-bottom:28px}.pb-28{padding-bottom:28px}.ml-28{margin-left:28px}.pl-28{padding-left:28px}.p-28{padding:28px}.m-28{margin:28px}.fs-28{font-size:28px}.w-28{width:28px}.h-28{height:28px}.mt-30{margin-top:30px}.pt-30{padding-top:30px}.mr-30{margin-right:30px}.pr-30{padding-right:30px}.mb-30{margin-bottom:30px}.pb-30{padding-bottom:30px}.ml-30{margin-left:30px}.pl-30{padding-left:30px}.p-30{padding:30px}.m-30{margin:30px}.fs-30{font-size:30px}.w-30{width:30px}.h-30{height:30px}.mt-32{margin-top:32px}.pt-32{padding-top:32px}.mr-32{margin-right:32px}.pr-32{padding-right:32px}.mb-32{margin-bottom:32px}.pb-32{padding-bottom:32px}.ml-32{margin-left:32px}.pl-32{padding-left:32px}.p-32{padding:32px}.m-32{margin:32px}.fs-32{font-size:32px}.w-32{width:32px}.h-32{height:32px}.mt-36{margin-top:36px}.pt-36{padding-top:36px}.mr-36{margin-right:36px}.pr-36{padding-right:36px}.mb-36{margin-bottom:36px}.pb-36{padding-bottom:36px}.ml-36{margin-left:36px}.pl-36{padding-left:36px}.p-36{padding:36px}.m-36{margin:36px}.fs-36{font-size:36px}.w-36{width:36px}.h-36{height:36px}.mt-42{margin-top:42px}.pt-42{padding-top:42px}.mr-42{margin-right:42px}.pr-42{padding-right:42px}.mb-42{margin-bottom:42px}.pb-42{padding-bottom:42px}.ml-42{margin-left:42px}.pl-42{padding-left:42px}.p-42{padding:42px}.m-42{margin:42px}.fs-42{font-size:42px}.w-42{width:42px}.h-42{height:42px}.mt-48{margin-top:48px}.pt-48{padding-top:48px}.mr-48{margin-right:48px}.pr-48{padding-right:48px}.mb-48{margin-bottom:48px}.pb-48{padding-bottom:48px}.ml-48{margin-left:48px}.pl-48{padding-left:48px}.p-48{padding:48px}.m-48{margin:48px}.fs-48{font-size:48px}.w-48{width:48px}.h-48{height:48px}.flex-center{display:flex;justify-content:center}.flex-start{display:flex;justify-content:flex-start}.flex-end{display:flex;justify-content:flex-end}.flex-between{display:flex;justify-content:space-between}.flex-around{display:flex;justify-content:space-around}.cur-p{cursor:pointer}.flex-wrap,.no-wrap{flex-wrap:nowrap}.flex-1{flex:1}.fw-500{font-weight:500}.fw-bold{font-weight:700}.ui-button{border:0!important}.align-center{align-items:center}.loading-text{color:#fff;font-size:18px}.ld-c__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.w100{width:100%}.h100{height:100%}.b-wt{background:#fff}.c-wt{color:#fff}.viewer-container{z-index:9999!important}.el-form-item__label,.el-input__inner{color:#333!important}.el-input.is-disabled .el-input__inner{color:#9a9a9a!important;border-color:#e0e0e0!important}.el-textarea__inner{color:#333!important}.el-textarea.is-disabled .el-textarea__inner{color:#9a9a9a!important;border-color:#e0e0e0!important}.dright-form{width:410px;border-left:1px solid #e0e0e0;padding:12px;height:100%}.delete-btn{font-size:14px;padding:0;color:#fff;border-radius:50%;height:22px;width:22px;line-height:-2px;text-align:center;cursor:pointer}.delete-btn,.delete-btn:hover{background:#ff5656}.send-footer{height:auto!important}.x-hidden{overflow-x:hidden!important}.op-05{opacity:.5}body{margin:0}span{font-size:14px}.f_center{justify-content:center}.f_around,.f_center{display:flex;align-items:center}.f_around{justify-content:space-around}.f_between{justify-content:space-between}.f_between,.f_end{display:flex;align-items:center}.f_end{justify-content:flex-end}.el-message{z-index:9999!important}

package/src/main.js

@@ -0,0 +1,25 @@
+import Vue from "vue";
+import App from "./App.vue";
+import LeadalAuth from "@/package/index.js";
+import store from "./store";
+
+import ElementUI from "element-ui";
+import "element-ui/lib/theme-chalk/index.css";
+
+import "./styles/index.scss";
+
+Vue.use(LeadalAuth, {
+  baseUrl: "http://dftdm.netiler.com",
+  authUrl: "http://dftdm.netiler.com",
+  websocketUrl: "ws://10.1.22.32:38280",
+});
+Vue.use(ElementUI, {
+  size: "medium",
+});
+
+Vue.config.productionTip = false;
+
+new Vue({
+  store,
+  render: (h) => h(App),
+}).$mount("#app");

package/src/package/auth-manage/index.vue

@@ -0,0 +1,468 @@
+<template>
+  <div class="organ-manage f_between">
+    <div class="organ-manage-tree">
+      <organ-tree @load-user-data="f_userData" :key="organTreeKey" />
+    </div>
+    <div class="organ-manage-main">
+      <user-table
+        ref="user-table"
+        :organ="drawerInfo.organ"
+        @drawer="h_setUserId"
+        @refreshTree="f_refreshTree"
+      />
+    </div>
+    <user-drawer
+      v-if="visible"
+      :auth-collect="authCollect"
+      :drawer-info="drawerInfo"
+      @closed="h_setVisible"
+      @refresh="f_userData"
+    >
+      <template #face>
+        <slot name="face"> </slot>
+      </template>
+      <template #finger>
+        <slot name="finger"> </slot>
+      </template>
+      <template #idCard>
+        <slot name="idCard"> </slot>
+      </template>
+    </user-drawer>
+  </div>
+</template>
+
+<script>
+import OrganTree from "@/components/organ-tree.vue";
+import UserTable from "@/components/user-table.vue";
+import UserDrawer from "@/components/user-drawer.vue";
+import dayjs from "dayjs";
+import WebSocketClient from "@/utils/websocket";
+
+export default {
+  name: "auth-manage",
+  props: {
+    authCollect: {
+      required: false,
+      type: Array,
+      default: () => ["face", "finger", "idCard"],
+    },
+  },
+  components: {
+    OrganTree,
+    UserTable,
+    UserDrawer,
+  },
+  // components: {
+  //   OrganTree: () => import('@/components/organ-tree.vue'),
+  //   UserTable: () => import('@/components/user-table.vue'),
+  //   UserDrawer: () => import('@/components/user-drawer.vue')
+  // },
+  data() {
+    return {
+      visible: false,
+      drawerInfo: {},
+      organTreeKey: "1",
+      websocket: null,
+      cardReader: null, // 当前读卡器设备名称
+      fingerprintDeviceCount: 0, // 指纹设备数量
+    };
+  },
+  mounted() {
+    // console.log("process.env.VERSION", process.env.VERSION);
+    console.log(
+      "LD-AUTH打包时间为",
+      dayjs(process.env.VERSION).format("YYYY-MM-DD HH:mm:ss")
+    );
+    this.$authEventBus.$on("startCollection", this.handleStartCollection);
+    this.$authEventBus.$on("cancelCollection", this.handleCancelCollection);
+    // 初始化WebSocket连接
+    this.initWebSocket();
+  },
+  // 组件销毁时清理WebSocket连接
+  beforeDestroy() {
+    if (this.websocket) {
+      console.log("🔌 组件销毁，关闭WebSocket连接");
+      this.websocket.close();
+      this.websocket = null;
+    }
+    this.$authEventBus.$off("startCollection", this.handleStartCollection);
+    this.$authEventBus.$off("cancelCollection", this.handleCancelCollection);
+  },
+  methods: {
+    handleCancelCollection() {
+      if (this.websocket) {
+        this.websocket.send({ action: 1010 });
+      }
+    },
+    handleStartCollection() {
+      if (this.$store.getters.getFingerprintDeviceSN) {
+        const message = {
+          action: 1001,
+        };
+        this.websocket.send(message);
+      }
+    },
+
+    // 初始化WebSocket连接
+    initWebSocket() {
+      try {
+        // 创建WebSocket实例
+        this.websocket = new WebSocketClient(`${this.$store.state.websocketUrl}`, {
+          reconnectInterval: 5000, // 重连间隔5秒
+          maxReconnectAttempts: 10, // 最大重连10次
+          heartbeatInterval: 120000, // 心跳间隔2分钟
+        });
+
+        // 监听连接成功事件
+        this.websocket.on("open", () => {
+          // 连接成功后先检查读卡器连接状态
+          this.checkCardReaderConnection();
+          // 获取指纹设备SN码
+          this.getFingerprintDeviceSN();
+        });
+
+        // 监听消息接收事件
+        this.websocket.on("message", (data) => {
+          console.log("📨 收到WebSocket消息:", data);
+          this.handleWebSocketMessage(data);
+        });
+
+        // 监听连接错误事件
+        this.websocket.on("error", (error) => {
+          console.error("❌ WebSocket连接错误:", error);
+          this.$message?.error?.("WebSocket连接错误");
+        });
+
+        // 监听连接关闭事件
+        this.websocket.on("close", (event) => {
+          console.log("🔌 WebSocket连接已关闭:", event.code, event.reason);
+          if (event.code !== 1000) {
+            // this.$message?.warning?.("WebSocket连接已断开，正在尝试重连...");
+          }
+        });
+
+        // 监听重连失败事件
+        this.websocket.on("reconnectFailed", () => {
+          console.error("💥 WebSocket重连失败，已达最大重连次数");
+          this.$message?.error?.("WebSocket连接失败，请检查网络或联系管理员");
+        });
+
+        // 开始连接
+        this.websocket.connect();
+      } catch (error) {
+        console.error("WebSocket初始化失败:", error);
+        this.$message?.error?.("WebSocket初始化失败");
+      }
+    },
+
+    // 处理WebSocket消息
+    handleWebSocketMessage(data) {
+      // 根据action处理读卡器相关消息
+      if (data.action) {
+        switch (data.action) {
+          case 1009:
+            // 获取指纹设备SN响应
+            this.handleFingerprintDeviceSNResponse(data);
+            break;
+          case 2001:
+            // 检查读卡器连接状态响应
+            this.handleCheckCardReaderResponse(data);
+            break;
+          case 2002:
+            // 获取读卡器列表响应
+            this.handleCardReaderListResponse(data);
+            break;
+          case 2003:
+            // 打开读卡器响应
+            this.handleOpenCardReaderResponse(data);
+            break;
+          case 2004:
+            // 读卡器状态更新
+            this.$authEventBus.$emit("card", data);
+            break;
+          case 1001:
+            // 开始采集指纹
+            this.$authEventBus.$emit("startCollectionMessage", data);
+            break;
+          default:
+            console.log("未知action类型:", data);
+        }
+        return;
+      }
+
+      // 根据消息类型处理不同的业务逻辑
+      switch (data.type) {
+        case "user_update":
+          // 用户信息更新
+          console.log("用户信息更新:", data.payload);
+          this.f_userData(); // 刷新用户数据
+          break;
+        case "organ_update":
+          // 组织架构更新
+          console.log("组织架构更新:", data.payload);
+          this.f_refreshTree(); // 刷新组织树
+          break;
+        case "auth_status":
+          // 认证状态更新
+          console.log("认证状态更新:", data.payload);
+          this.$message?.info?.(data.payload.message || "认证状态已更新");
+          break;
+        case "notification":
+          // 系统通知
+          console.log("系统通知:", data.payload);
+          this.$message?.info?.(data.payload.message || "收到系统通知");
+          break;
+        default:
+          console.log("未知消息类型:", data);
+      }
+    },
+
+    // 发送WebSocket消息
+    sendWebSocketMessage(type, payload = {}) {
+      if (this.websocket && this.websocket.isOpen()) {
+        const message = {
+          type,
+          payload,
+          timestamp: Date.now(),
+        };
+        this.websocket.send(message);
+        console.log("📤 发送WebSocket消息:", message);
+      }
+    },
+
+    // ===================指纹设备相关方法===================
+
+    // 获取指纹设备SN码
+    getFingerprintDeviceSN() {
+      console.log("🔢 获取指纹设备SN码...");
+      const message = {
+        action: 1009,
+      };
+      this.websocket.send(message);
+      console.log("📤 发送获取指纹设备SN码消息:", message);
+    },
+
+    // 处理指纹设备SN响应
+    handleFingerprintDeviceSNResponse(data) {
+      console.log("📊 收到指纹设备SN响应:", data);
+
+      if (data.status === 200 || data.result === 0) {
+        // 获取成功
+        const deviceSN = data.data?.sn || "";
+
+        if (deviceSN) {
+          console.log("✅ 获取到指纹设备SN:", deviceSN);
+          // 存储到Vuex
+          this.$store.dispatch("updateFingerprintDeviceSN", deviceSN);
+        } else {
+          console.warn("⚠️ 指纹设备SN为空");
+          this.$store.dispatch("updateFingerprintDeviceSN", "");
+        }
+      } else {
+        // 获取失败
+        console.error("❌ 获取指纹设备SN失败:", data.msg || "未知错误");
+        // this.$store.dispatch("updateFingerprintDeviceSN", "");
+        this.$message?.error?.("获取指纹设备SN失败,请检查指纹设备连接");
+      }
+    },
+
+    // 获取指纹设备状态
+    getFingerprintDeviceStatus() {
+      return {
+        deviceCount: this.fingerprintDeviceCount,
+        hasDevice: this.fingerprintDeviceCount > 0,
+        deviceSN: this.$store.getters.getFingerprintDeviceSN,
+      };
+    },
+
+    // 刷新指纹设备数量
+    refreshFingerprintDeviceCount() {
+      if (this.websocket && this.websocket.isOpen()) {
+        this.getFingerprintDeviceCount();
+      } else {
+        console.warn("WebSocket未连接，无法获取指纹设备数量");
+      }
+    },
+
+    // 刷新指纹设备SN
+    refreshFingerprintDeviceSN() {
+      if (this.websocket && this.websocket.isOpen()) {
+        this.getFingerprintDeviceSN();
+      } else {
+        console.warn("WebSocket未连接，无法获取指纹设备SN");
+      }
+    },
+
+    // 刷新所有指纹设备信息
+    refreshAllFingerprintInfo() {
+      if (this.websocket && this.websocket.isOpen()) {
+        this.getFingerprintDeviceCount();
+        this.getFingerprintDeviceSN();
+      } else {
+        console.warn("WebSocket未连接，无法获取指纹设备信息");
+      }
+    },
+
+    // ===================读卡器相关方法===================
+
+    // 检查读卡器连接状态
+    checkCardReaderConnection() {
+      console.log("🔍 检查读卡器连接状态...");
+      const message = {
+        action: 2001,
+      };
+      this.websocket.send(message);
+      console.log("📤 发送检查读卡器连接状态消息:", message);
+    },
+
+    // 处理检查读卡器连接状态响应
+    handleCheckCardReaderResponse(data) {
+      console.log("📊 收到读卡器连接状态响应:", data);
+
+      if (data.status === 200 || data.result === 0) {
+        // 检查成功
+        if (data.data && data.data.isOpen) {
+          // 读卡器已经打开
+          this.cardReader = data.data.devName || "读卡器";
+          console.log("✅ 读卡器已连接:", this.cardReader);
+        } else {
+          // 读卡器未打开，需要获取并打开读卡器
+          console.log("⚠️ 读卡器未连接，开始获取读卡器列表...");
+          this.getCardReaderList();
+        }
+      } else {
+        // 检查失败
+        console.error("❌ 检查读卡器状态失败:", data.msg || "未知错误");
+        this.$message?.error?.(`检查读卡器状态失败: ${data.msg || "未知错误"}`);
+        // 即使检查失败，也尝试获取读卡器列表
+        this.getCardReaderList();
+      }
+    },
+
+    // 获取读卡器列表
+    getCardReaderList() {
+      console.log("📡 请求获取读卡器列表...");
+      const message = {
+        action: 2002,
+      };
+      this.websocket.send(message);
+      console.log("📤 发送获取读卡器列表消息:", message);
+    },
+
+    // 处理读卡器列表响应
+    handleCardReaderListResponse(data) {
+      console.log("📋 收到读卡器列表响应:", data);
+
+      if (data.data && Array.isArray(data.data) && data.data.length > 0) {
+        // 有读卡器数据，取第一个作为默认读卡器
+        const cardReaderName = data.data[0];
+        console.log("🎯 找到读卡器:", cardReaderName);
+        this.$message?.success?.(`发现读卡器: ${cardReaderName}`);
+
+        // 自动打开第一个读卡器
+        this.openCardReader(cardReaderName);
+      } else {
+        console.warn("⚠️ 未找到可用的读卡器");
+        this.$message?.warning?.("未找到可用的读卡器");
+      }
+    },
+
+    // 打开读卡器
+    openCardReader(devName) {
+      const message = {
+        action: 2003,
+        devName: devName,
+      };
+      this.websocket.send(message);
+    },
+
+    // 处理打开读卡器响应
+    handleOpenCardReaderResponse(data) {
+      if (data.result === 0 || data.status === 200) {
+        // 打开成功
+        this.cardReader = data.devName || "读卡器";
+      } else {
+        // 打开失败
+        this.$message?.error?.(
+          `读卡器打开失败: ${data.message || data.error || "未知错误"}`
+        );
+      }
+    },
+
+    // 获取当前读卡器状态
+    getCardReaderStatus() {
+      return {
+        isConnected: !!this.cardReader,
+        deviceName: this.cardReader,
+      };
+    },
+
+    // 重新初始化读卡器
+    reinitCardReader() {
+      this.cardReader = null;
+      if (this.websocket && this.websocket.isOpen()) {
+        // 重新初始化时先检查连接状态
+        this.checkCardReaderConnection();
+      } else {
+        this.$message?.warning?.("WebSocket未连接，无法初始化读卡器");
+      }
+    },
+
+    // ===================设备管理通用方法===================
+
+    // 获取所有设备状态
+    getAllDeviceStatus() {
+      return {
+        fingerprint: this.getFingerprintDeviceStatus(),
+        cardReader: this.getCardReaderStatus(),
+      };
+    },
+
+    // 刷新所有设备状态
+    refreshAllDevices() {
+      if (this.websocket && this.websocket.isOpen()) {
+        this.refreshAllFingerprintInfo();
+        this.checkCardReaderConnection();
+      } else {
+        this.$message?.warning?.("WebSocket未连接，无法刷新设备状态");
+      }
+    },
+
+    f_refreshTree() {
+      this.organTreeKey = this.organTreeKey + 1;
+    },
+    f_userData(val) {
+      if (val) {
+        this.$set(this.drawerInfo, "organ", val);
+      }
+      this.$refs["user-table"].f_init(this.drawerInfo.organ);
+    },
+    h_setVisible() {
+      this.visible = false;
+    },
+    h_setUserId(val, row) {
+      this.$set(this.drawerInfo, "userId", val);
+      this.$set(this.drawerInfo, "row", row);
+      this.visible = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.organ-manage {
+  width: 100%;
+  height: 100%;
+  position: relative;
+
+  .organ-manage-tree {
+    width: 300px;
+    height: 100%;
+  }
+
+  .organ-manage-main {
+    width: calc(100% - 320px);
+    height: 100%;
+  }
+}
+</style>

package/src/package/index.js

@@ -0,0 +1,22 @@
+import authManage from "./auth-manage/index.vue"; // 引入封装好的组件
+import store from "../store/index";
+import "../styles/index.scss"; // 引入样式文件
+import eventBus from "../utils/event-bus";
+
+const install = function (Vue, opt = {}) {
+  if (install.installed) return;
+  Vue.component(authManage.name, authManage);
+  // 挂载 eventBus 到 Vue 原型上，确保组件内部可以使用
+  Vue.prototype.$authEventBus = eventBus;
+  if (opt.baseUrl) {
+    store.commit("SET_BASE_URL", opt.baseUrl);
+  }
+  if (opt.authUrl) {
+    store.commit("SET_AUTH_URL", opt.authUrl);
+  }
+};
+
+export default {
+  install,
+  authManage,
+}; // 这个方法以后再使用的时候就可以被use调用

package/src/store/index.js

@@ -0,0 +1,39 @@
+import Vue from "vue";
+import Vuex from "vuex";
+
+Vue.use(Vuex);
+
+export default new Vuex.Store({
+  state: {
+    baseUrl: "http://dftdm.netiler.com",
+    authUrl: "http://10.1.24.63:8080",
+    websocketUrl: "ws://127.0.0.1:38280",
+    fingerprintDeviceSN: "", // 指纹设备SN码
+  },
+  getters: {
+    // 获取指纹设备SN码
+    getFingerprintDeviceSN: (state) => state.fingerprintDeviceSN,
+  },
+  mutations: {
+    SET_BASE_URL(state, data) {
+      state.baseUrl = data;
+    },
+    SET_AUTH_URL(state, data) {
+      state.authUrl = data;
+    },
+    // 设置指纹设备SN码
+    SET_FINGERPRINT_DEVICE_SN(state, sn) {
+      state.fingerprintDeviceSN = sn;
+    },
+  },
+  actions: {
+    // 更新指纹设备SN码
+    updateFingerprintDeviceSN({ commit }, sn) {
+      commit("SET_FINGERPRINT_DEVICE_SN", sn);
+    },
+    updateAuthUrl({ commit }, url) {
+      commit("SET_AUTH_URL", url);
+    },
+  },
+  modules: {},
+});