mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-11-16 06:03:42 +08:00
refactor(ui): 优化
This commit is contained in:
廖彦棋
@@ -55,8 +55,13 @@ const handleRemove = async (id, reload) => {
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<a-button type="primary" @click="openFormModal">新增</a-button>
|
||||
<SimpleTable :request="getList" :columns="columns" :pagination="false">
|
||||
<template #header="{ reload }">
|
||||
<a-button @click="openFormModal(reload, {})">
|
||||
<template #icon> <icon-plus /> </template>
|
||||
新增
|
||||
</a-button>
|
||||
</template>
|
||||
<template #switch="{ record, column }">
|
||||
<ConfirmSwitch
|
||||
v-model="record[column.dataIndex]"
|
||||
|
||||
@@ -28,7 +28,7 @@ const rules = {
|
||||
};
|
||||
|
||||
const generateToken = async () => {
|
||||
const { data } = await token();
|
||||
const { data } = await token({});
|
||||
Message.success("生成 Token 成功");
|
||||
formData.token = data;
|
||||
};
|
||||
@@ -64,15 +64,14 @@ defineExpose({
|
||||
<a-input v-model="formData.action" placeholder="该函数实现的API地址，可以是第三方服务API" />
|
||||
</a-form-item>
|
||||
<a-form-item field="token" label="API Token">
|
||||
<a-input v-model="formData.token" placeholder="API授权Token">
|
||||
<template #append>
|
||||
<a-tooltip
|
||||
content="只有本地服务才可以使用自动生成Token第三方服务请填写第三方服务API Token"
|
||||
>
|
||||
<a-button type="text" @click="generateToken">生成Token</a-button>
|
||||
</a-tooltip>
|
||||
</template>
|
||||
</a-input>
|
||||
<a-input-group style="width: 100%">
|
||||
<a-input v-model="formData.token" placeholder="API授权Token" />
|
||||
<a-tooltip
|
||||
content="只有本地服务才可以使用自动生成Token第三方服务请填写第三方服务API Token"
|
||||
>
|
||||
<a-button type="primary" @click="generateToken">生成Token</a-button>
|
||||
</a-tooltip>
|
||||
</a-input-group>
|
||||
</a-form-item>
|
||||
<a-form-item field="enabled" label="启用状态">
|
||||
<a-switch v-model="formData.enabled" />
|
||||
|
||||
@@ -38,7 +38,7 @@ onMounted(async () => {
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<a-form ref="formRef" :model="system" :rules="rules" auto-laba-width>
|
||||
<a-form ref="formRef" :model="system" :rules="rules" auto-label-width>
|
||||
<a-form-item label="网站标题" field="title">
|
||||
<a-input v-model="system['title']" />
|
||||
</a-form-item>
|
||||
@@ -73,10 +73,12 @@ onMounted(async () => {
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="开放注册" field="enabled_register">
|
||||
<a-switch v-model="system['enabled_register']" />
|
||||
<a-tooltip content="关闭注册之后只能通过管理后台添加用户" position="right">
|
||||
<icon-info-circle-fill size="18" />
|
||||
</a-tooltip>
|
||||
<a-space>
|
||||
<a-switch v-model="system['enabled_register']" />
|
||||
<a-tooltip content="关闭注册之后只能通过管理后台添加用户" position="right">
|
||||
<icon-info-circle-fill size="18" />
|
||||
</a-tooltip>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
<a-form-item label="注册方式" field="register_ways">
|
||||
<a-checkbox-group v-model="system['register_ways']">
|
||||
@@ -85,10 +87,12 @@ onMounted(async () => {
|
||||
</a-checkbox-group>
|
||||
</a-form-item>
|
||||
<a-form-item label="启用众筹功能" field="enabled_reward">
|
||||
<a-switch v-model="system['enabled_reward']" />
|
||||
<a-tooltip content="如果关闭次功能将不在用户菜单显示众筹二维码" position="right">
|
||||
<icon-info-circle-fill size="18" />
|
||||
</a-tooltip>
|
||||
<a-space>
|
||||
<a-switch v-model="system['enabled_reward']" />
|
||||
<a-tooltip content="如果关闭次功能将不在用户菜单显示众筹二维码" position="right">
|
||||
<icon-info-circle-fill size="18" />
|
||||
</a-tooltip>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
<template v-if="system['enabled_reward']">
|
||||
<a-form-item label="单次对话价格" field="chat_call_price">
|
||||
|
||||
@@ -46,7 +46,7 @@ const reload = async () => {
|
||||
onMounted(reload);
|
||||
</script>
|
||||
<template>
|
||||
<a-form ref="formRef" :model="chat" :rules="rules" auto-laba-width>
|
||||
<a-form ref="formRef" :model="chat" :rules="rules" auto-label-width>
|
||||
<a-form-item label="开启聊天上下文">
|
||||
<a-switch v-model="chat['enable_context']" />
|
||||
</a-form-item>
|
||||
|
||||
@@ -12,9 +12,17 @@ const tabsList = [
|
||||
const activeKey = ref(tabsList[0].key);
|
||||
</script>
|
||||
<template>
|
||||
<a-tabs v-model:active-key="activeKey" lazy-load>
|
||||
<a-tabs v-model:active-key="activeKey" lazy-load justify>
|
||||
<a-tab-pane v-for="item in tabsList" :key="item.key" :title="item.title">
|
||||
<component :is="item.components" />
|
||||
<div class="system-config-wrapper">
|
||||
<component :is="item.components" />
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
</template>
|
||||
<style scoped>
|
||||
.system-config-wrapper {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -56,7 +56,7 @@ const onUploadImg = (files, callback) => {
|
||||
onMounted(reload);
|
||||
</script>
|
||||
<template>
|
||||
<a-form ref="formRef" :model="formData" auto-laba-width>
|
||||
<a-form ref="formRef" :model="formData" auto-label-width>
|
||||
<md-editor v-model="formData.content" @on-upload-img="onUploadImg" />
|
||||
<a-form-item>
|
||||
<a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
|
||||
|
||||
@@ -23,14 +23,15 @@ const handleChange = (_, file: FileItem) => {
|
||||
</script>
|
||||
<template>
|
||||
<a-space>
|
||||
<a-input :model-value="modelValue" :placeholder="placeholder" readonly>
|
||||
<template #append>
|
||||
<a-upload v-bind="uploadProps" @change="handleChange">
|
||||
<template #upload-button>
|
||||
<icon-upload />
|
||||
</template>
|
||||
</a-upload>
|
||||
</template>
|
||||
</a-input>
|
||||
<a-input-group>
|
||||
<a-input :model-value="modelValue" :placeholder="placeholder" readonly />
|
||||
<a-upload v-bind="uploadProps" @change="handleChange">
|
||||
<template #upload-button>
|
||||
<a-button type="primary">
|
||||
<icon-cloud />
|
||||
</a-button>
|
||||
</template>
|
||||
</a-upload>
|
||||
</a-input-group>
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user