first commit

2025-07-14 08:45:13 +08:00
commit 3e86198a82
2710 changed files with 610330 additions and 0 deletions
@@ -0,0 +1,294 @@
+<template>
+    <div class="ele-table-tool">
+        <div class="ele-table-tool-title">
+            <div class="ele-table-tool-title-label">
+                <slot v-if="$slots.label" name="label"></slot>
+                <span v-else>{{ label }}</span>
+            </div>
+            <div class="ele-table-tool-title-content">
+                <slot v-if="$slots.content" name="content"></slot>
+                <span v-else>{{ content }}</span>
+            </div>
+        </div>
+
+        <div class="ele-tool">
+            <div class="ele-space">
+                <slot></slot>
+                <!--                <el-radio-group v-if="show_audit" v-model="auditState" @change="auditStateChange" size="small">-->
+                <!--&lt;!&ndash;                    <el-radio-button :label="null">全部</el-radio-button>&ndash;&gt;-->
+                <!--                    <el-radio-button :label="true">已审核</el-radio-button>-->
+                <!--                    <el-radio-button :label="false">未审核</el-radio-button>-->
+                <!--                </el-radio-group>-->
+            </div>
+            <!--            <div class="ele-tool-item ele-action"></div>-->
+        </div>
+    </div>
+</template>
+
+<script>
+module.exports = {
+    name: "index",
+    props: {
+        label: {
+            type: String,
+            default: "表格数据"
+        },
+        content: {
+            type: String,
+            default: ""
+        },
+        show_audit: {
+            type: Boolean,
+            default: false
+        },
+        audit_state: {
+            type: Boolean,
+            default: null
+        }
+    },
+    data() {
+        return {
+            auditState: false
+        }
+    },
+    methods: {
+        auditStateChange(val) {
+            if (this.show_audit) {
+                this.$emit("update:audit_state", val)
+                this.$emit("search", null)
+            }
+        }
+    },
+    watch: {
+        audit_state: {
+            handler: function (val) {
+                this.auditState = val === null ? false : val
+            },
+            immediate: true
+        }
+    },
+    created() {}
+}
+</script>
+
+<style scoped>
+.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item {
+    padding: 6px;
+    line-height: 1;
+    text-align: center;
+    border: unset;
+    border-radius: unset;
+    font-size: 14px;
+}
+
+.ele-table-tool .ele-table-tool-title {
+    margin: 0;
+}
+
+.ele-table-tool-title-label {
+    position: relative;
+    padding-left: 1em;
+    color: var(--color-primary);
+    font-weight: bold;
+}
+
+.ele-table-tool-title-label::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 5px;
+    height: 1.3em;
+    background-color: var(--color-primary);
+    border-radius: 2px;
+}
+
+.ele-table-tool {
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -ms-flex-align: center;
+    margin-bottom: 10px;
+}
+
+.ele-table-tool,
+.ele-table-tool .ele-table-tool-title {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.ele-table-tool .ele-table-tool-title {
+    -webkit-box-flex: 1;
+    -ms-flex: auto;
+    flex: auto;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    -ms-flex-align: center;
+}
+
+.ele-table-tool .ele-table-tool-title > .ele-table-tool-title-label {
+    margin-right: 8px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.ele-table-tool .ele-table-tool-title > .ele-table-tool-title-content {
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.ele-table-tool .ele-tool {
+    margin: 5px 0 5px auto;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+
+.ele-table-tool .ele-tool .ele-tool-item {
+    font-size: 18px;
+    padding: 0 2px;
+    cursor: pointer;
+}
+
+.ele-table-tool .ele-tool .ele-tool-item .el-dropdown > i {
+    font-size: 18px;
+}
+
+.ele-table-tool .ele-tool .ele-tool-item + .ele-tool-item {
+    margin-left: 10px;
+}
+
+.ele-table-tool.ele-toolbar-form .ele-table-tool-title {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.ele-table-tool.ele-toolbar-form .ele-table-tool-title .el-form-item,
+.ele-table-tool.ele-toolbar-form .ele-table-tool-title .ele-form-actions {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.ele-table-tool.ele-toolbar-actions .ele-table-tool-title {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-button,
+.ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-dropdown,
+.ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-link,
+.ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-tag,
+.ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .ele-action {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item {
+    padding: 6px;
+    line-height: 1;
+    text-align: center;
+    border: 1px solid var(--border-color-base);
+    border-radius: 50%;
+    font-size: 14px;
+}
+
+.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item .el-dropdown > i {
+    font-size: 14px;
+}
+
+.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item:hover {
+    color: var(--color-primary);
+    border-color: var(--color-primary-3);
+    background-color: var(--color-primary-1);
+}
+
+.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item:hover .el-dropdown > i {
+    color: var(--color-primary);
+}
+
+.ele-table-tool-default {
+    margin-bottom: 0;
+    padding: 5px 15px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    background: var(--table-header-background-color);
+    border-top: 1px solid var(--border-color-lighter);
+    border-left: 1px solid var(--border-color-lighter);
+    border-right: 1px solid var(--border-color-lighter);
+}
+
+.ele-table-tool-default .ele-tool .ele-tool-item {
+    font-size: 16px;
+    padding: 5px 6px;
+    border-radius: 2px;
+    border: 1px solid var(--border-color-light);
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    line-height: 1;
+}
+
+.ele-table-tool-default .ele-tool .ele-tool-item .el-dropdown > i {
+    font-size: 16px;
+}
+
+.ele-tab-tool {
+    padding: 0 15px;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: auto;
+    min-width: 40px;
+    height: 40px;
+    line-height: 40px;
+    -webkit-transition:
+        background-color 0.3s,
+        color 0.3s;
+    transition:
+        background-color 0.3s,
+        color 0.3s;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    text-align: center;
+    position: relative;
+    cursor: pointer;
+}
+
+.ele-tab-tool .el-icon-house {
+    font-size: 16px;
+    vertical-align: -1px;
+}
+
+.ele-tab-tool.is-tab:hover {
+    color: var(--color-primary);
+    background: var(--header-tool-hover-bg);
+}
+
+.ele-tab-tool.is-tab:after {
+    content: "";
+    width: 0;
+    height: 2px;
+    background: var(--color-primary);
+    position: absolute;
+    bottom: 0;
+    left: 0;
+}
+
+.ele-tab-tool.is-tab.is-active {
+    color: var(--color-primary);
+    background: var(--color-primary-1);
+}
+
+.ele-tab-tool.is-tab.is-active:after {
+    width: 100%;
+}
+</style>