vue2server7 7.0.110 → 7.0.112

package/2

@@ -1,30 +1,6 @@
-name: Internal Qwen Proxy
-version: 1.0.0
-schema: v1
-
-models:
-  - name: qwen15-32b
-    provider: openai
-    model: qwen15-32b
-    apiKey: anything
-    apiBase: http://127.0.0.1:3000/v1
-
-    defaultCompletionOptions:
-      temperature: 0.1
-      maxTokens: 20000
-
-
-      PORT=3000
-
-      TARGET_URL=http://maasapp.aip.bj.bob.test8080/apis/ais-v2/chat/completions
-      TARGET_API_KEY=你在ProxyAI顶部填写的那个真实API_KEY
-      TARGET_APP_TAG=proxyai
-      TARGET_MODEL=qwen15-32b
-      TARGET_TEMPERATURE=0.1
-      TARGET_MAX_TOKENS=20000
-
-
-
-      curl -X POST "http://127.0.0.1:3000/v1/chat/completions" ^
-        -H "Content-Type: application/json" ^
-        -d "{\"model\":\"qwen15-32b\",\"messages\":[{\"role\":\"user\",\"content\":\"你好\"}]}"
+.el-button + .el-button,
+.el-button + .my-button,
+.my-button + .el-button,
+.my-button + .my-button {
+  margin-left: 12px;
+}

package/frontEnd/src/components/ColumnSettings.vue

@@ -29,10 +29,14 @@ export default {
   },
   watch: {
     modelValue(val) {
-      this.selected = [...val]
+      if (JSON.stringify(val) !== JSON.stringify(this.selected)) {
+        this.selected = [...val]
+      }
     },
     selected(val) {
-      this.$emit('update:modelValue', val)
+      if (JSON.stringify(val) !== JSON.stringify(this.modelValue)) {
+        this.$emit('update:modelValue', val)
+      }
     }
   }
 }

package/frontEnd/src/components/ElTablePlus.vue

@@ -0,0 +1,337 @@
+<script setup lang="ts">
+import {
+  computed,
+  ref,
+  useAttrs,
+  useSlots,
+  cloneVNode,
+  type VNode,
+} from 'vue'
+import { useRoute } from 'vue-router'
+
+defineOptions({
+  name: 'ElTablePlus',
+  inheritAttrs: false,
+})
+
+const props = withDefaults(
+  defineProps<{
+    data: any[]
+    rowKey?: string
+    loading?: boolean
+
+    tableKey?: string
+    columnStorageKey?: string
+    columnConfig?: boolean
+    columnStorage?: boolean
+
+    pagination?: boolean
+    total?: number
+    page?: number
+    pageSize?: number
+    pageSizes?: number[]
+    layout?: string
+  }>(),
+  {
+    data: () => [],
+    loading: false,
+    columnConfig: true,
+    columnStorage: true,
+    pagination: true,
+    page: 1,
+    pageSize: 10,
+    pageSizes: () => [10, 20, 50, 100],
+    layout: 'total, sizes, prev, pager, next, jumper',
+  },
+)
+
+const emit = defineEmits<{
+  'update:page': [value: number]
+  'update:pageSize': [value: number]
+  'pagination-change': [value: { page: number; pageSize: number }]
+}>()
+
+const route = useRoute()
+const attrs = useAttrs()
+const slots = useSlots()
+
+const dialogVisible = ref(false)
+const tableRef = ref()
+const isAllChecked = computed(() => columnOptions.value.length > 0 && columnOptions.value.every(c => c.visible))
+const isIndeterminate = computed(() => columnOptions.value.some(c => c.visible) && !isAllChecked.value)
+
+type ColumnOption = {
+  key: string
+  label: string
+  visible: boolean
+  vnode: VNode
+}
+
+const columnOptions = ref<ColumnOption[]>([])
+
+const storageKey = computed(() => {
+  if (props.columnStorageKey) {
+    return props.columnStorageKey
+  }
+
+  if (props.tableKey) {
+    return `el-table-plus:${route.path}:${props.tableKey}`
+  }
+
+  return `el-table-plus:${route.path}`
+})
+
+const currentPage = computed({
+  get: () => props.page,
+  set: value => {
+    emit('update:page', value)
+    emit('pagination-change', {
+      page: value,
+      pageSize: props.pageSize,
+    })
+  },
+})
+
+const currentPageSize = computed({
+  get: () => props.pageSize,
+  set: value => {
+    emit('update:pageSize', value)
+    emit('pagination-change', {
+      page: props.page,
+      pageSize: value,
+    })
+  },
+})
+
+const getColumnKey = (vnode: VNode, index: number) => {
+  const columnProps = vnode.props as Record<string, any> | null
+
+  return (
+    columnProps?.columnKey ||
+    columnProps?.prop ||
+    columnProps?.label ||
+    columnProps?.type ||
+    `column_${index}`
+  )
+}
+
+const getColumnLabel = (vnode: VNode, index: number) => {
+  const columnProps = vnode.props as Record<string, any> | null
+
+  return (
+    columnProps?.label ||
+    columnProps?.prop ||
+    columnProps?.type ||
+    `列 ${index + 1}`
+  )
+}
+
+const restoreColumnConfig = () => {
+  if (!props.columnStorage) return
+
+  const cache = localStorage.getItem(storageKey.value)
+  if (!cache) return
+
+  try {
+    const cacheColumns = JSON.parse(cache) as Array<{
+      key: string
+      visible: boolean
+    }>
+
+    columnOptions.value.forEach(column => {
+      const match = cacheColumns.find(item => item.key === column.key)
+      if (match) {
+        column.visible = match.visible
+      }
+    })
+  } catch {
+    localStorage.removeItem(storageKey.value)
+  }
+}
+
+const saveColumnConfig = () => {
+  if (!props.columnStorage) return
+
+  const cacheColumns = columnOptions.value.map(column => ({
+    key: column.key,
+    visible: column.visible,
+  }))
+
+  localStorage.setItem(storageKey.value, JSON.stringify(cacheColumns))
+}
+
+const resetColumnConfig = () => {
+  columnOptions.value.forEach(column => {
+    column.visible = true
+  })
+
+  saveColumnConfig()
+}
+
+const initColumns = () => {
+  const children = slots.default?.() || []
+
+  columnOptions.value = children.map((vnode, index) => {
+    return {
+      key: getColumnKey(vnode, index),
+      label: getColumnLabel(vnode, index),
+      visible: true,
+      vnode,
+    }
+  })
+
+  restoreColumnConfig()
+}
+
+const visibleColumns = computed(() => {
+  return columnOptions.value
+    .filter(column => column.visible)
+    .map(column => cloneVNode(column.vnode))
+})
+
+const toggleAllColumns = (val: boolean) => {
+  columnOptions.value.forEach(column => {
+    column.visible = val
+  })
+  saveColumnConfig()
+}
+
+initColumns()
+
+defineExpose({
+  tableRef,
+})
+</script>
+
+<template>
+  <div class="el-table-plus">
+    <div
+      v-if="columnConfig"
+      class="el-table-plus__toolbar"
+    >
+      <div class="el-table-plus__toolbar-left">
+        <slot name="toolbar" />
+      </div>
+
+      <div class="el-table-plus__toolbar-right">
+        <slot name="toolbar-right" />
+
+        <el-button
+          size="small"
+          @click="dialogVisible = true"
+        >
+          列配置
+        </el-button>
+      </div>
+    </div>
+
+    <el-table
+      ref="tableRef"
+      v-bind="attrs"
+      v-loading="loading"
+      :data="data"
+      :row-key="rowKey"
+    >
+      <component
+        :is="column"
+        v-for="column in visibleColumns"
+        :key="column.key"
+      />
+    </el-table>
+
+    <div
+      v-if="pagination"
+      class="el-table-plus__pagination"
+    >
+      <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="currentPageSize"
+        :total="total ?? data?.length ?? 0"
+        :page-sizes="pageSizes"
+        :layout="layout"
+        background
+      />
+    </div>
+
+    <el-dialog
+      v-model="dialogVisible"
+      title="列配置"
+      width="420px"
+    >
+      <div class="el-table-plus__column-list">
+        <div class="el-table-plus__column-item el-table-plus__column-item--all">
+          <el-checkbox
+            :model-value="isAllChecked"
+            :indeterminate="isIndeterminate"
+            @change="toggleAllColumns"
+          >
+            全选
+          </el-checkbox>
+        </div>
+
+        <el-divider style="margin: 8px 0" />
+
+        <div
+          v-for="column in columnOptions"
+          :key="column.key"
+          class="el-table-plus__column-item"
+        >
+          <el-checkbox
+            v-model="column.visible"
+            @change="saveColumnConfig"
+          >
+            {{ column.label }}
+          </el-checkbox>
+        </div>
+      </div>
+
+      <template #footer>
+        <el-button @click="resetColumnConfig">
+          重置
+        </el-button>
+
+        <el-button
+          type="primary"
+          @click="dialogVisible = false"
+        >
+          确定
+        </el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<style scoped>
+.el-table-plus {
+  width: 100%;
+}
+
+.el-table-plus__toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.el-table-plus__toolbar-left,
+.el-table-plus__toolbar-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.el-table-plus__pagination {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+
+.el-table-plus__column-list {
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.el-table-plus__column-item {
+  margin-bottom: 8px;
+}
+</style>

package/frontEnd/src/components/ProTableColumnSettings.vue

@@ -0,0 +1,165 @@
+<template>
+  <el-button @click="visible = true">
+    <el-icon><Setting /></el-icon>
+    列配置
+  </el-button>
+
+  <el-dialog
+    v-model="visible"
+    title="表格列配置"
+    width="760px"
+    append-to-body
+  >
+    <div class="desc">请选择需要在表格中显示的数据列</div>
+
+    <div class="column-box">
+      <div class="check-all-row">
+        <el-checkbox
+          v-model="checkAll"
+          :indeterminate="isIndeterminate"
+          @change="handleCheckAllChange"
+        >
+          全选
+        </el-checkbox>
+      </div>
+
+      <el-checkbox-group
+        v-model="checkedKeys"
+        class="column-list"
+        @change="updateCheckAllStatus"
+      >
+        <el-checkbox
+          v-for="item in columns"
+          :key="item.prop"
+          :label="item.prop"
+          :disabled="item.disabled"
+        >
+          {{ item.label }}
+        </el-checkbox>
+      </el-checkbox-group>
+    </div>
+
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="handleConfirm">确认</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch } from 'vue'
+import { Setting } from '@element-plus/icons-vue'
+
+interface ColumnOption {
+  prop: string
+  label: string
+  disabled?: boolean
+}
+
+const props = defineProps({
+  columns: {
+    type: Array as () => ColumnOption[],
+    default: () => []
+  },
+  selectedKeys: {
+    type: Array as () => string[],
+    default: () => []
+  },
+  buttonText: {
+    type: String,
+    default: '列配置'
+  },
+  storageKey: {
+    type: String,
+    default: ''
+  }
+})
+
+const emit = defineEmits<{
+  (e: 'confirm', keys: string[]): void
+}>()
+
+const visible = ref(false)
+const checkedKeys = ref<string[]>([])
+const checkAll = ref(false)
+const isIndeterminate = ref(false)
+
+const enabledKeys = computed(() => {
+  return props.columns
+    .filter(item => !item.disabled)
+    .map(item => item.prop)
+})
+
+watch(visible, val => {
+  if (val) {
+    if (props.storageKey) {
+      const stored = localStorage.getItem(props.storageKey)
+      if (stored) {
+        try {
+          checkedKeys.value = JSON.parse(stored)
+        } catch {
+          checkedKeys.value = [...props.selectedKeys]
+        }
+      } else {
+        checkedKeys.value = [...props.selectedKeys]
+      }
+    } else {
+      checkedKeys.value = [...props.selectedKeys]
+    }
+    updateCheckAllStatus()
+  }
+})
+
+function handleCheckAllChange(val: boolean) {
+  const disabledCheckedKeys = props.columns
+    .filter(item => item.disabled && checkedKeys.value.includes(item.prop))
+    .map(item => item.prop)
+
+  checkedKeys.value = val
+    ? [...new Set([...disabledCheckedKeys, ...enabledKeys.value])]
+    : disabledCheckedKeys
+
+  updateCheckAllStatus()
+}
+
+function updateCheckAllStatus() {
+  const count = checkedKeys.value.filter(key =>
+    enabledKeys.value.includes(key)
+  ).length
+
+  checkAll.value = count === enabledKeys.value.length
+  isIndeterminate.value = count > 0 && count < enabledKeys.value.length
+}
+
+function handleConfirm() {
+  if (props.storageKey) {
+    localStorage.setItem(props.storageKey, JSON.stringify(checkedKeys.value))
+  }
+  emit('confirm', checkedKeys.value)
+  visible.value = false
+}
+</script>
+
+<style scoped>
+.desc {
+  margin-bottom: 22px;
+  color: #666;
+  font-size: 16px;
+}
+.column-box {
+  border: 1px solid #dcdfe6;
+}
+.check-all-row {
+  padding: 18px 24px;
+  border-bottom: 1px solid #dcdfe6;
+}
+.column-list {
+  padding: 22px 24px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 22px 28px;
+}
+:deep(.el-checkbox) {
+  margin-right: 0;
+}
+</style>