fix(ui): 细节调整

This commit is contained in:
廖彦棋 2024-03-08 17:46:48 +08:00
parent 5ad9adeb4a
commit cbbcd4c571
3 changed files with 204 additions and 183 deletions

View File

@ -38,116 +38,118 @@ onMounted(async () => {
});
</script>
<template>
<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>
<a-form-item label="控制台标题" field="admin_title">
<a-input v-model="system['admin_title']" />
</a-form-item>
<a-form-item label="注册赠送对话次数" field="user_init_calls">
<a-input v-model.number="system['init_chat_calls']" placeholder="新用户注册赠送对话次数" />
</a-form-item>
<a-form-item label="注册赠送绘图次数" field="init_img_calls">
<a-input v-model.number="system['init_img_calls']" placeholder="新用户注册赠送绘图次数" />
</a-form-item>
<a-form-item label="邀请赠送对话次数" field="invite_chat_calls">
<a-input
v-model.number="system['invite_chat_calls']"
placeholder="邀请新用户注册赠送对话次数"
/>
</a-form-item>
<a-form-item label="邀请赠送绘图次数" field="invite_img_calls">
<a-input
v-model.number="system['invite_img_calls']"
placeholder="邀请新用户注册赠送绘图次数"
/>
</a-form-item>
<a-form-item label="VIP每月对话次数" field="vip_month_calls">
<a-input v-model.number="system['vip_month_calls']" placeholder="VIP用户每月赠送对话次数" />
</a-form-item>
<a-form-item label="VIP每月绘图次数" field="vip_month_img_calls">
<a-input
v-model.number="system['vip_month_img_calls']"
placeholder="VIP用户每月赠送绘图次数"
/>
</a-form-item>
<a-form-item label="开放注册" field="enabled_register">
<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']">
<a-checkbox value="mobile">手机注册</a-checkbox>
<a-checkbox value="email">邮箱注册</a-checkbox>
</a-checkbox-group>
</a-form-item>
<a-form-item label="启用众筹功能" field="enabled_reward">
<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">
<a-input v-model="system['chat_call_price']" placeholder="众筹金额跟对话次数的兑换比例" />
<a-card :bordered="false">
<a-form ref="formRef" :model="system" :rules="rules" auto-label-width :disabled="submitting">
<a-form-item label="网站标题" field="title">
<a-input v-model="system['title']" />
</a-form-item>
<a-form-item label="单次绘图价格" field="img_call_price">
<a-input v-model="system['img_call_price']" placeholder="众筹金额跟绘图次数的兑换比例" />
<a-form-item label="控制台标题" field="admin_title">
<a-input v-model="system['admin_title']" />
</a-form-item>
<a-form-item label="收款二维码" field="reward_img">
<SystemUploader v-model="system['reward_img']" placeholder="众筹收款二维码地址" />
<a-form-item label="注册赠送对话次数" field="user_init_calls">
<a-input v-model.number="system['init_chat_calls']" placeholder="新用户注册赠送对话次数" />
</a-form-item>
</template>
<a-form-item label="微信客服二维码" field="wechat_card_url">
<SystemUploader v-model="system['wechat_card_url']" placeholder="微信客服二维码" />
</a-form-item>
<a-form-item label="订单超时时间" field="order_pay_timeout">
<a-space style="width: 100%">
<a-form-item label="注册赠送绘图次数" field="init_img_calls">
<a-input v-model.number="system['init_img_calls']" placeholder="新用户注册赠送绘图次数" />
</a-form-item>
<a-form-item label="邀请赠送对话次数" field="invite_chat_calls">
<a-input
v-model.number="system['order_pay_timeout']"
placeholder="单位:秒"
style="width: 100%"
v-model.number="system['invite_chat_calls']"
placeholder="邀请新用户注册赠送对话次数"
/>
<a-tooltip position="right">
<icon-info-circle-fill size="18" />
<template #content> 系统会定期清理超时未支付的订单<br />默认值900 </template>
</a-tooltip>
</a-space>
</a-form-item>
<a-form-item label="会员充值说明" field="order_pay_info_text">
<a-textarea
v-model="system['order_pay_info_text']"
:autosize="{ minRows: 3, maxRows: 10 }"
placeholder="请输入会员充值说明文字,比如介绍会员计划"
/>
</a-form-item>
<a-form-item label="默认AI模型" field="default_models">
<a-space style="width: 100%">
<a-select
v-model="system['default_models']"
multiple
:filterable="true"
placeholder="选择AI模型多选"
:options="modelOptions"
:loading="modelOptionsLoading"
:field-names="{ value: 'value', label: 'name' }"
style="width: 100%"
>
</a-select>
<a-tooltip content="新用户注册默认开通的 AI 模型" position="right">
<icon-info-circle-fill size="18" />
</a-tooltip>
</a-space>
</a-form-item>
<a-form-item>
<a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
</a-form-item>
</a-form>
</a-form-item>
<a-form-item label="邀请赠送绘图次数" field="invite_img_calls">
<a-input
v-model.number="system['invite_img_calls']"
placeholder="邀请新用户注册赠送绘图次数"
/>
</a-form-item>
<a-form-item label="VIP每月对话次数" field="vip_month_calls">
<a-input v-model.number="system['vip_month_calls']" placeholder="VIP用户每月赠送对话次数" />
</a-form-item>
<a-form-item label="VIP每月绘图次数" field="vip_month_img_calls">
<a-input
v-model.number="system['vip_month_img_calls']"
placeholder="VIP用户每月赠送绘图次数"
/>
</a-form-item>
<a-form-item label="开放注册" field="enabled_register">
<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']">
<a-checkbox value="mobile">手机注册</a-checkbox>
<a-checkbox value="email">邮箱注册</a-checkbox>
</a-checkbox-group>
</a-form-item>
<a-form-item label="启用众筹功能" field="enabled_reward">
<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">
<a-input v-model="system['chat_call_price']" placeholder="众筹金额跟对话次数的兑换比例" />
</a-form-item>
<a-form-item label="单次绘图价格" field="img_call_price">
<a-input v-model="system['img_call_price']" placeholder="众筹金额跟绘图次数的兑换比例" />
</a-form-item>
<a-form-item label="收款二维码" field="reward_img">
<SystemUploader v-model="system['reward_img']" placeholder="众筹收款二维码地址" />
</a-form-item>
</template>
<a-form-item label="微信客服二维码" field="wechat_card_url">
<SystemUploader v-model="system['wechat_card_url']" placeholder="微信客服二维码" />
</a-form-item>
<a-form-item label="订单超时时间" field="order_pay_timeout">
<a-space style="width: 100%">
<a-input
v-model.number="system['order_pay_timeout']"
placeholder="单位:秒"
style="width: 100%"
/>
<a-tooltip position="right">
<icon-info-circle-fill size="18" />
<template #content> 系统会定期清理超时未支付的订单<br />默认值900 </template>
</a-tooltip>
</a-space>
</a-form-item>
<a-form-item label="会员充值说明" field="order_pay_info_text">
<a-textarea
v-model="system['order_pay_info_text']"
:autosize="{ minRows: 3, maxRows: 10 }"
placeholder="请输入会员充值说明文字,比如介绍会员计划"
/>
</a-form-item>
<a-form-item label="默认AI模型" field="default_models">
<a-space style="width: 100%">
<a-select
v-model="system['default_models']"
multiple
:filterable="true"
placeholder="选择AI模型多选"
:options="modelOptions"
:loading="modelOptionsLoading"
:field-names="{ value: 'value', label: 'name' }"
style="width: 100%"
>
</a-select>
<a-tooltip content="新用户注册默认开通的 AI 模型" position="right">
<icon-info-circle-fill size="18" />
</a-tooltip>
</a-space>
</a-form-item>
<a-form-item>
<a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
</a-form-item>
</a-form>
</a-card>
</template>

View File

@ -46,86 +46,103 @@ const reload = async () => {
onMounted(reload);
</script>
<template>
<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>
<a-form-item label="保存聊天记录">
<a-switch v-model="chat['enable_history']" />
</a-form-item>
<a-form-item
label="会话上下文深度"
extra="会话上下文深度在老会话中继续会话默认加载多少条聊天记录作为上下文如果设置为 0
<a-card :bordered="false">
<a-form ref="formRef" :model="chat" :rules="rules" auto-label-width :disabled="submitting">
<a-form-item label="开启聊天上下文">
<a-switch v-model="chat['enable_context']" />
</a-form-item>
<a-form-item label="保存聊天记录">
<a-switch v-model="chat['enable_history']" />
</a-form-item>
<a-form-item
label="会话上下文深度"
extra="会话上下文深度在老会话中继续会话默认加载多少条聊天记录作为上下文如果设置为 0
则不加载聊天记录仅仅使用当前角色的上下文该配置参数最好设置需要为偶数否则将无法兼容百度的
API"
>
<a-input-number v-model="chat['context_deep']" :min="0" :max="10" />
</a-form-item>
>
<a-input-number v-model="chat['context_deep']" :min="0" :max="10" />
</a-form-item>
<a-divider content-position="center">OpenAI</a-divider>
<a-form-item label="模型创意度" extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值">
<a-slider v-model="chat['open_ai']['temperature']" :max="2" :step="0.1" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['open_ai']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">OpenAI</a-divider>
<a-form-item
label="模型创意度"
extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值"
>
<a-slider v-model="chat['open_ai']['temperature']" :max="2" :step="0.1" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['open_ai']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">Azure</a-divider>
<a-form-item label="模型创意度" extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值">
<a-slider v-model="chat['azure']['temperature']" :max="2" :step="0.1" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['azure']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">Azure</a-divider>
<a-form-item
label="模型创意度"
extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值"
>
<a-slider v-model="chat['azure']['temperature']" :max="2" :step="0.1" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['azure']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">ChatGLM</a-divider>
<a-form-item label="模型创意度" extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值">
<a-slider v-model="chat['chat_gml']['temperature']" :max="1" :step="0.01" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['chat_gml']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">ChatGLM</a-divider>
<a-form-item
label="模型创意度"
extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值"
>
<a-slider v-model="chat['chat_gml']['temperature']" :max="1" :step="0.01" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['chat_gml']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">文心一言</a-divider>
<a-form-item label="模型创意度" extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值">
<a-slider v-model="chat['baidu']['temperature']" :max="1" :step="0.01" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['baidu']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">文心一言</a-divider>
<a-form-item
label="模型创意度"
extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值"
>
<a-slider v-model="chat['baidu']['temperature']" :max="1" :step="0.01" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['baidu']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">讯飞星火</a-divider>
<a-form-item label="模型创意度" extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值">
<a-slider v-model="chat['xun_fei']['temperature']" :max="1" :step="0.1" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['xun_fei']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">讯飞星火</a-divider>
<a-form-item
label="模型创意度"
extra="值越大 AI 回答越发散,值越小回答越保守,建议保持默认值"
>
<a-slider v-model="chat['xun_fei']['temperature']" :max="1" :step="0.1" />
</a-form-item>
<a-form-item label="最大响应长度">
<a-input
v-model.number="chat['xun_fei']['max_tokens']"
placeholder="回复的最大字数最大4096"
/>
</a-form-item>
<a-divider content-position="center">AI绘图</a-divider>
<a-form-item label="DALL-E3出图数量">
<a-input
v-model.number="chat['dall_img_num']"
placeholder="调用 DALL E3 API 传入的出图数量"
/>
</a-form-item>
<a-form-item>
<a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
</a-form-item>
</a-form>
<a-divider content-position="center">AI绘图</a-divider>
<a-form-item label="DALL-E3出图数量">
<a-input
v-model.number="chat['dall_img_num']"
placeholder="调用 DALL E3 API 传入的出图数量"
/>
</a-form-item>
<a-form-item>
<a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
</a-form-item>
</a-form>
</a-card>
</template>

View File

@ -56,8 +56,10 @@ const onUploadImg = (files, callback) => {
onMounted(reload);
</script>
<template>
<a-form ref="formRef" :model="formData" auto-label-width>
<md-editor v-model="formData.content" @on-upload-img="onUploadImg" />
<a-form ref="formRef" :model="formData" auto-label-width :disabled="submitting">
<a-form-item>
<md-editor v-model="formData.content" @on-upload-img="onUploadImg" />
</a-form-item>
<a-form-item>
<a-button type="primary" :loading="submitting" @click="handleSave">提交</a-button>
</a-form-item>