mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-11-13 12:43:43 +08:00
feat(ui): web移动端初始化
This commit is contained in:
155
new-ui/projects/admin/src/views/System/SystemBaseConfig.vue
Normal file
155
new-ui/projects/admin/src/views/System/SystemBaseConfig.vue
Normal file
@@ -0,0 +1,155 @@
|
||||
<script lang="ts" setup>
|
||||
import { onMounted } from "vue";
|
||||
import { Message } from "@arco-design/web-vue";
|
||||
import useSubmit from "@/composables/useSubmit";
|
||||
import useRequest from "@/composables/useRequest";
|
||||
import { getConfig, modelList, save } from "./api";
|
||||
import SystemUploader from "./SystemUploader.vue";
|
||||
|
||||
const { formRef, formData: system, handleSubmit, submitting } = useSubmit({});
|
||||
|
||||
const [getModelOptions, modelOptions, modelOptionsLoading] = useRequest(modelList);
|
||||
|
||||
const rules = {
|
||||
title: [{ required: true, message: "请输入网站标题" }],
|
||||
admin_title: [{ required: true, message: "请输入控制台标题" }],
|
||||
};
|
||||
|
||||
const handleSave = async () => {
|
||||
await handleSubmit(
|
||||
() =>
|
||||
save({
|
||||
key: "system",
|
||||
config: system,
|
||||
}),
|
||||
{}
|
||||
);
|
||||
Message.success("保存成功");
|
||||
};
|
||||
|
||||
const reload = async () => {
|
||||
const { data } = await getConfig({ key: "system" });
|
||||
data && Object.assign(system, data);
|
||||
};
|
||||
|
||||
onMounted(async () => {
|
||||
getModelOptions();
|
||||
reload();
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<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="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-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>
|
||||
Reference in New Issue
Block a user