项目初始化

2026-03-06 00:29:28 +08:00
commit 9ed4c1bc58
577 changed files with 57404 additions and 0 deletions
--- a/web/src/views/backend/module/components/tableHeader.vue
+++ b/web/src/views/backend/module/components/tableHeader.vue
@@ -0,0 +1,125 @@
+<template>
+    <div>
+        <el-alert class="ba-table-alert" v-if="state.table.remark" :title="state.table.remark" type="info" show-icon />
+        <div class="modules-header">
+            <div class="table-header-buttons">
+                <el-button :title="$t('Refresh')" @click="onRefreshTableData" v-blur color="#40485b" type="info">
+                    <Icon name="fa fa-refresh" color="#ffffff" size="14" />
+                </el-button>
+                <el-button-group class="ml10">
+                    <el-button @click="uploadInstall" :title="t('module.Upload zip package for installation')" v-blur type="primary">
+                        <Icon name="fa fa-upload" color="#ffffff" size="14" />
+                        <span class="table-header-operate-text">{{ t('module.Upload installation') }}</span>
+                    </el-button>
+                    <el-button
+                        @click="localModules"
+                        :class="state.table.onlyLocal ? 'local-active' : ''"
+                        :title="t('module.Uploaded / installed modules')"
+                        v-blur
+                        type="primary"
+                    >
+                        <Icon name="fa fa-desktop" color="#ffffff" size="14" />
+                        <span class="table-header-operate-text">{{ t('module.Local module') }}</span>
+                    </el-button>
+                </el-button-group>
+                <el-button-group class="ml10 publish-module-button-group">
+                    <el-button @click="navigateTo('https://doc.buildadmin.com/senior/module/start.html')" v-blur type="success">
+                        <Icon name="fa fa-cloud-upload" color="#ffffff" size="14" />
+                        <span class="table-header-operate-text">{{ t('module.Publishing module') }}</span>
+                    </el-button>
+                    <el-button @click="navigateTo('https://doc.buildadmin.com/guide/other/appendix/getPoints.html')" v-blur type="success">
+                        <Icon name="fa fa-rocket" color="#ffffff" size="14" />
+                        <span class="table-header-operate-text">{{ t('module.Get points') }}</span>
+                    </el-button>
+                </el-button-group>
+
+                <el-button v-blur class="ml10 ba-account-button" @click="onShowBaAccount" type="success">
+                    <Icon name="fa fa-user-o" color="#ffffff" size="14" />
+                    <span class="table-header-operate-text">{{ t('layouts.Member information') }}</span>
+                </el-button>
+            </div>
+            <div class="table-search">
+                <el-input
+                    v-model="state.table.params.quickSearch"
+                    class="xs-hidden"
+                    @input="onSearchInput"
+                    :placeholder="t('module.Search is actually very simple')"
+                />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { debounce } from 'lodash-es'
+import { useI18n } from 'vue-i18n'
+import { loadData, onRefreshTableData } from '../index'
+import { state } from '../store'
+
+const { t } = useI18n()
+const localModules = () => {
+    state.table.onlyLocal = !state.table.onlyLocal
+    loadData()
+}
+
+const onShowBaAccount = () => {
+    state.dialog.baAccount = true
+}
+
+const onSearchInput = debounce(() => {
+    state.table.modulesEbak[state.table.params.activeTab] = undefined
+    loadData()
+}, 500)
+
+const navigateTo = (url: string) => {
+    window.open(url, '_blank')
+}
+
+const uploadInstall = () => {
+    state.dialog.common = true
+    state.common.quickClose = true
+    state.common.dialogTitle = t('module.Upload installation')
+    state.common.type = 'uploadInstall'
+}
+</script>
+
+<style scoped lang="scss">
+.ml10 {
+    margin-left: 10px;
+}
+.ba-table-alert {
+    border: none;
+}
+.modules-header {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    margin-bottom: 10px;
+    background-color: var(--ba-bg-color-overlay);
+    border-radius: var(--el-border-radius-base);
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+.table-header-operate-text {
+    padding-left: 6px;
+}
+.table-search {
+    margin-left: auto;
+}
+.local-active {
+    border-color: var(--el-button-active-border-color);
+    background-color: var(--el-button-active-bg-color);
+}
+@media screen and (max-width: 1300px) {
+    .ba-account-button {
+        display: block;
+        margin: 10px 0 0 0;
+    }
+}
+@media screen and (max-width: 1100px) {
+    .publish-module-button-group {
+        display: block;
+        margin: 10px 0 0 0;
+    }
+}
+</style>