goldpankit
Version:
GoldPanKit是一款极速研发套件，可在套件中快速构建各类技术框架和项目。开源作者可发布自己的项目，并为其设定金额，实现开源项目的盈利。
2 lines (1 loc) • 9.72 kB
CSS
body[data-v-6a26c54d]{color:#ffa7a7}.empty-tip[data-v-bb9edeec]{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;display:flex;justify-content:center;align-items:center;z-index:100}.empty-tip .wrap[data-v-bb9edeec]{width:500px;padding:20px;box-sizing:border-box}.empty-tip .wrap p[data-v-bb9edeec]{font-size:var(--font-size-middle);text-align:center;line-height:25px}.empty-tip .wrap p em[data-v-bb9edeec]{color:var(--primary-color-match-2);font-style:normal;text-decoration:underline;cursor:pointer}.empty-tip .wrap .el-table[data-v-bb9edeec]{margin-top:20px}.empty-tip .wrap .opera[data-v-bb9edeec]{display:flex;justify-content:center;margin-top:20px}.stage-wrap[data-v-bb9edeec]:focus{outline:none}.sql-line[data-v-baeab383]{display:flex;align-items:center;padding:0 10px 0 0;letter-spacing:1px;justify-content:space-between}.sql-line.sql-line__hide .code[data-v-baeab383]{opacity:.35}.sql-line[data-v-baeab383]:hover{background:var(--background-color)}.sql-line:hover .opera[data-v-baeab383]{opacity:1}.sql-line .code[data-v-baeab383]{flex-grow:1}.sql-line .code[data-v-baeab383]>*{display:inline-block;margin-right:5px;vertical-align:middle}.sql-line .code[data-v-baeab383] em{color:var(--primary-color-match-2);font-style:normal}.sql-line .code[data-v-baeab383] span.comment{color:var(--color-gray)}.sql-line .code[data-v-baeab383] span.hidden{width:0;overflow:hidden}.sql-line .opera[data-v-baeab383]{margin-left:20px;flex-shrink:0;display:flex;opacity:0;transition:all ease .3s}.sql-line .opera li[data-v-baeab383] .el-button{height:auto;padding:5px;border:1px solid transparent}.sql-line .opera li[data-v-baeab383] .el-button:hover{border:1px solid var(--primary-color)}.sql-line .opera li[data-v-baeab383] .el-button .el-icon{font-size:12px}.dynamic-width-input[data-v-208cca2b]{display:inline-block;outline:none;background:#faebeb;border-radius:5px;min-width:30px;cursor:text;padding:2px 5px}.el-select.keyword[data-v-919f06f3] .el-input__inner{color:var(--primary-color-match-2)}.el-select.relation[data-v-919f06f3] .el-input__inner{background:#e5ffda}.el-select[data-v-919f06f3] .el-input__wrapper{padding:0;box-shadow:none}.el-select[data-v-919f06f3] .el-input.is-focus .el-input__wrapper{box-shadow:none}.el-select[data-v-919f06f3] .el-input__inner{--el-input-inner-height: 20px;font-size:15px;background:#faebeb;padding:2px 5px}.el-select[data-v-919f06f3] .el-input__suffix{display:none}.sql-preview .el-dialog__body{padding-top:0}.sql-preview .toolbar{padding:10px 0;margin-bottom:10px;border-bottom:1px solid var(--border-default-color);display:flex;align-items:center}.sql-preview .toolbar .el-pagination{margin-left:20px}.sql-preview .el-table .el-table__cell{padding:0}.sql-preview .el-table .el-table__cell .cell{padding:5px 12px}.table-setting[data-v-a847767e]{position:absolute;background:#fff;padding:0 30px 10px;box-sizing:border-box;top:62px;bottom:0;z-index:100;right:0;width:800px;overflow:hidden;flex-shrink:0;overflow-y:auto;transform:translate(2000px);transition:all ease .3s;letter-spacing:1px;box-shadow:-1px 0 10px -2px #00000080;display:flex;flex-direction:column}.table-setting.visible[data-v-a847767e]{transform:translate(0)}.table-setting .toolbar[data-v-a847767e]{display:flex;justify-content:flex-end;margin-bottom:10px;flex-shrink:0;border-bottom:1px solid var(--border-default-color);padding:10px 0}.table-setting .wrap[data-v-a847767e]{flex-grow:1;overflow-y:auto}.table-library[data-v-cc8e8759]{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.table-library .inner-router-view-window[data-v-cc8e8759]{padding:0;height:100%;overflow:hidden}.table-library .inner-router-view-window[data-v-cc8e8759] .routers{height:100%}.table-library .inner-router-view-window[data-v-cc8e8759] .routers .inner-router-view{height:100%;display:flex;flex-direction:column}.table-library .create-model-form[data-v-cc8e8759]{padding:20px}.table-library .create-model-form .opera[data-v-cc8e8759]{display:flex;justify-content:center}.table-library .table-list-wrap[data-v-cc8e8759]{flex-grow:1}.table-library .block[data-v-cc8e8759]{border-top:1px solid #ccc;display:flex;flex-direction:column;overflow:hidden;padding:20px 0}.table-library .block .header[data-v-cc8e8759]{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:10px}.table-library .block[data-v-cc8e8759]:first-of-type{flex-grow:1;flex-shrink:0;height:350px;border-top:0}.table-library[data-v-cc8e8759] .model-list{flex-grow:1;overflow-y:auto}.table-library[data-v-cc8e8759] .model-list li{padding:10px 10px 10px 20px;display:flex;justify-content:space-between;cursor:default;flex-direction:column;position:relative}.table-library[data-v-cc8e8759] .model-list li>label{word-break:break-all;font-weight:700}.table-library[data-v-cc8e8759] .model-list li>p{color:var(--color-gray);font-size:var(--font-size-mini)}.table-library[data-v-cc8e8759] .model-list li>div{flex-shrink:0;display:flex;align-items:center;opacity:0;transition:all ease .15s;margin-left:10px;position:absolute;top:6px;right:10px}.table-library[data-v-cc8e8759] .model-list li>div span{padding:3px;margin-left:5px;margin-top:2px;color:var(--color-gray)}.table-library[data-v-cc8e8759] .model-list li>div span:first-of-type{margin-left:0}.table-library[data-v-cc8e8759] .model-list li>div span:hover{color:var(--font-color)}.table-library[data-v-cc8e8759] .model-list li.selected,.table-library[data-v-cc8e8759] .model-list li.selected:hover{background:var(--primary-color-match-1)}.table-library[data-v-cc8e8759] .model-list li.selected>p{color:var(--font-color)}.table-library[data-v-cc8e8759] .model-list li:hover{background:var(--primary-color-match-1)}.table-library[data-v-cc8e8759] .model-list li:hover>div{opacity:1}.table-library[data-v-cc8e8759] .table-list{flex-grow:1;overflow-y:auto}.table-library[data-v-cc8e8759] .table-list li{padding:8px 20px;cursor:move}.table-library[data-v-cc8e8759] .table-list li:hover{background:#efefef}.table-library[data-v-cc8e8759] .table-list li label{cursor:move}.table-library[data-v-cc8e8759] .table-list li p{cursor:move;color:var(--color-gray);font-size:var(--font-size-mini)}.database-query-models[data-v-7e8c1ce6]{height:100%;display:flex;position:relative;background:var(--background-color);border-top:5px solid;border-image:var(--border-colors)}.database-query-models .no-datasource-tip[data-v-7e8c1ce6],.database-query-models .connect-error-tip[data-v-7e8c1ce6]{width:100%;padding-top:100px}.database-query-models .no-datasource-tip.connect-error-tip p[data-v-7e8c1ce6],.database-query-models .connect-error-tip.connect-error-tip p[data-v-7e8c1ce6]{color:var(--color-danger)}.database-query-models .no-datasource-tip .tip-wrap[data-v-7e8c1ce6],.database-query-models .connect-error-tip .tip-wrap[data-v-7e8c1ce6]{width:500px;margin:0 auto;background:var(--color-light);padding:50px;box-shadow:var(--page-shadow)}.database-query-models .no-datasource-tip .tip-wrap h4[data-v-7e8c1ce6],.database-query-models .connect-error-tip .tip-wrap h4[data-v-7e8c1ce6]{margin-bottom:10px}.database-query-models .no-datasource-tip .tip-wrap .el-button[data-v-7e8c1ce6],.database-query-models .connect-error-tip .tip-wrap .el-button[data-v-7e8c1ce6]{margin-top:10px}.database-query-models .table-library[data-v-7e8c1ce6]{width:255px;flex-shrink:0}.database-query-models .designer-wrap[data-v-7e8c1ce6]{flex-grow:1;position:relative;background:var(--primary-color);overflow:hidden}.database-query-models .designer-wrap .toolbar[data-v-7e8c1ce6]{display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:62px;background:var(--primary-color-light);padding:0 20px;box-sizing:border-box;box-shadow:0 1px 10px #00000080;z-index:100}.database-query-models .designer-wrap .toolbar .line-types[data-v-7e8c1ce6]{display:flex}.database-query-models .designer-wrap .toolbar .line-types li[data-v-7e8c1ce6]{width:120px;height:50px;background:var(--background-color);margin-right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.database-query-models .designer-wrap .toolbar .line-types li.selected[data-v-7e8c1ce6]{background:var(--primary-color-match-1)}.database-query-models .designer-wrap .toolbar .line-types li.selected label[data-v-7e8c1ce6]{color:var(--font-color);font-weight:700}.database-query-models .designer-wrap .toolbar .line-types li label[data-v-7e8c1ce6]{margin-top:5px;font-size:var(--font-size-mini);color:var(--color-gray)}.database-query-models .designer-wrap .toolbar .line-types li[data-v-7e8c1ce6]:last-of-type{margin-right:0}.database-query-models .designer-wrap .toolbar .line-types .join-line[data-v-7e8c1ce6],.database-query-models .designer-wrap .toolbar .line-types .aggregate-line[data-v-7e8c1ce6]{display:block;width:50px;height:3px;background:#ccc;border:5px solid var(--primary-color);box-sizing:content-box}.database-query-models .designer-wrap .toolbar .line-types .aggregate-line[data-v-7e8c1ce6]{background:var(--primary-color-match-1)}.database-query-models .designer-wrap .toolbar .opera[data-v-7e8c1ce6]{display:flex;align-items:center}.database-query-models .designer-wrap .toolbar .opera[data-v-7e8c1ce6]:before{content:"|";margin:0 30px;color:#ccc}.database-query-models .designer-wrap .no-model-tip[data-v-7e8c1ce6]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.database-query-models .designer-wrap .no-model-tip .tip-wrap[data-v-7e8c1ce6]{width:500px;color:var(--color-light);display:flex;flex-direction:column;align-items:center}.database-query-models .designer-wrap .no-model-tip .tip-wrap h4[data-v-7e8c1ce6]{font-size:var(--font-size-large);margin-bottom:30px}