Skip to content

A
ai_web_page_prod
Commit de3c427c by haojie
Options

1

parent 62b02bfb
Showing with 470 additions and 70 deletions
src/assets/svg/gpt/empty.svg 0 → 100644
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 49.3182L49.4454 17.3091L52.6273 20.4909L20.6818 52.5L17.5 49.3182Z" fill="#888FA1"/>
<path d="M62.045 35C62.045 40.3491 60.4588 45.5781 57.487 50.0257C54.5152 54.4733 50.2913 57.9398 45.3494 59.9868C40.4075 62.0338 34.9696 62.5694 29.7233 61.5258C24.477 60.4823 19.6579 57.9064 15.8755 54.1241C12.0932 50.3417 9.51734 45.5227 8.47378 40.2763C7.43023 35.03 7.96582 29.5921 10.0128 24.6502C12.0598 19.7083 15.5263 15.4844 19.9739 12.5126C24.4215 9.54078 29.6505 7.95459 34.9996 7.95459C42.1725 7.95459 49.0516 10.804 54.1236 15.876C59.1956 20.948 62.045 27.8271 62.045 35ZM12.7268 35C12.7268 39.4052 14.0331 43.7114 16.4805 47.3741C18.9278 51.0368 22.4064 53.8916 26.4762 55.5774C30.546 57.2631 35.0243 57.7042 39.3448 56.8448C43.6652 55.9854 47.6339 53.8641 50.7488 50.7492C53.8637 47.6343 55.9849 43.6657 56.8443 39.3452C57.7037 35.0247 57.2627 30.5465 55.5769 26.4766C53.8911 22.4068 51.0364 18.9283 47.3736 16.4809C43.7109 14.0336 39.4047 12.7273 34.9996 12.7273C29.0925 12.7273 23.4273 15.0739 19.2504 19.2508C15.0734 23.4278 12.7268 29.0929 12.7268 35Z" fill="#888FA1"/>
</svg>
\ No newline at end of file
src/components/custom/RadioGroup.vue
<template> <template>
<div class="custom-public-radio-group"> <div class="custom-public-radio-group">
<template></template> <template v-for="item in list" :key="item.label">
<TButton>{{}}</TButton> <template v-if="item.type == 'custom'">
<CustomInput
v-model="item.value"
:placeholder="item.placeholder"
></CustomInput>
</template>
<template v-else>
<div class="analog-button custom-before-line">{{ item.label }}</div>
</template>
</template>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { Button as TButton } from 'tdesign-vue-next'; import { Button as TButton } from 'tdesign-vue-next';
import CustomInput from '@/components/custom/input/index.vue';
import { onMounted, watch } from 'vue';
const props = withDefaults( const props = withDefaults(
defineProps<{ defineProps<{
modelValue: string; modelValue: string;
...@@ -18,6 +29,29 @@ const emit = defineEmits(['update;modelValue']); ...@@ -18,6 +29,29 @@ const emit = defineEmits(['update;modelValue']);
</script> </script>
<style lang="less"> <style lang="less">
@import '@/style/line.less';
@import '@/style/variables.less';
.custom-public-radio-group { .custom-public-radio-group {
width: 100%;
display: flex;
justify-content: space-between;
.analog-button {
height: 45px;
background: #181818;
width: 137px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
font-weight: 700;
font-size: @font-size-16;
}
.custom-input-global {
width: 137px !important;
height: 45px;
.custom-input-box {
height: 100%;
}
}
} }
</style> </style>
src/components/custom/TTable.vue 0 → 100644
<template>
<div class="custom-t-table">
<TTable
class="reset-t-table"
row-key="index"
:data="list"
:columns="columns"
hover
:loading="loading"
></TTable>
</div>
</template>
<script lang="ts" setup>
import { Table as TTable } from 'tdesign-vue-next';
import { ref } from 'vue';
const props = defineProps<{
columns: any[];
list: any[];
}>();
const loading = ref(false);
</script>
<style lang="less"></style>
src/components/custom/input/index.vue
...@@ -204,18 +204,18 @@ watch( ...@@ -204,18 +204,18 @@ watch(
FormValidation(); FormValidation();
} }
); );
//
watch( watch(
() => props.num, () => props.modelValue,
(v) => { (v) => {
// 校验 input_value.value = v;
FormValidation();
} }
); );
//
watch( watch(
() => props.modelValue, () => props.num,
(v) => { (v) => {
input_value.value = v; // 校验
FormValidation();
} }
); );
</script> </script>
......
src/components/custom/loading2.vue 0 → 100644
<template>
<div class="loading">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</template>
<style>
.loading,
.loading > div {
position: relative;
box-sizing: border-box;
}
.loading {
display: block;
font-size: 0;
color: #888fa1;
}
.loading.la-dark {
color: #333;
}
.loading > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.loading {
width: 58px;
height: 58px;
}
.loading > div {
position: absolute;
width: 4px;
height: 14px;
margin: 2px;
margin-top: -5px;
margin-left: -1px;
border-radius: 4px;
animation: line-spin-clockwise-fade 1s infinite ease-in-out;
}
.loading > div:nth-child(1) {
top: 15%;
left: 50%;
transform: rotate(0deg);
animation-delay: -0.875s;
}
.loading > div:nth-child(2) {
top: 25.2512626585%;
left: 74.7487373415%;
transform: rotate(45deg);
animation-delay: -0.75s;
}
.loading > div:nth-child(3) {
top: 50%;
left: 85%;
transform: rotate(90deg);
animation-delay: -0.625s;
}
.loading > div:nth-child(4) {
top: 74.7487373415%;
left: 74.7487373415%;
transform: rotate(135deg);
animation-delay: -0.5s;
}
.loading > div:nth-child(5) {
top: 84.9999999974%;
left: 50.0000000004%;
transform: rotate(180deg);
animation-delay: -0.375s;
}
.loading > div:nth-child(6) {
top: 74.7487369862%;
left: 25.2512627193%;
transform: rotate(225deg);
animation-delay: -0.25s;
}
.loading > div:nth-child(7) {
top: 49.9999806189%;
left: 15.0000039834%;
transform: rotate(270deg);
animation-delay: -0.125s;
}
.loading > div:nth-child(8) {
top: 25.2506949798%;
left: 25.2513989292%;
transform: rotate(315deg);
animation-delay: 0s;
}
.loading.la-sm {
width: 16px;
height: 16px;
}
.loading.la-sm > div {
width: 1px;
height: 4px;
margin-top: -2px;
margin-left: 0;
}
.loading.la-2x {
width: 64px;
height: 64px;
}
.loading.la-2x > div {
width: 4px;
height: 20px;
margin-top: -10px;
margin-left: -2px;
}
.loading.la-3x {
width: 96px;
height: 96px;
}
.loading.la-3x > div {
width: 6px;
height: 30px;
margin-top: -15px;
margin-left: -3px;
}
@keyframes line-spin-clockwise-fade {
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
</style>
src/layout/UserDropdown.vue
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
overlayClassName="user-popup" overlayClassName="user-popup"
destroy-on-close destroy-on-close
trigger="click" trigger="click"
v-model:visible="user_popup_visible"
> >
<template #content> <template #content>
<div class="s-header-user-info-dropdown"> <div class="s-header-user-info-dropdown">
...@@ -15,7 +16,7 @@ ...@@ -15,7 +16,7 @@
</div> </div>
<div class="user-options-box"> <div class="user-options-box">
<template v-for="item in OptionsList" :key="item.value"> <template v-for="item in OptionsList" :key="item.value">
<div class="user-option"> <div class="user-option" @click="gotoMember(item)">
<div <div
class="real-option" class="real-option"
:class="{ :class="{
...@@ -41,40 +42,43 @@ ...@@ -41,40 +42,43 @@
<script setup lang="ts"> <script setup lang="ts">
import { MessagePlugin, Popup as TPopup } from 'tdesign-vue-next'; import { MessagePlugin, Popup as TPopup } from 'tdesign-vue-next';
import { ref } from 'vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
const imgs = { const imgs = {
avatar: new URL('../assets/svg/header/avatar.svg', import.meta.url).href, avatar: new URL('../assets/svg/header/avatar.svg', import.meta.url).href,
}; };
const route = useRoute(); const route = useRoute();
const router = useRouter(); const router = useRouter();
const user_popup_visible = ref(false);
// 选项列表 // 选项列表
const OptionsList = [ const OptionsList = [
{ {
label: '个人信息', label: '个人信息',
value: 'UserInfo', value: '', //UserInfo
}, },
{ {
label: '创作记录', label: '创作记录',
value: 'CreationRecord', value: '', //CreationRecord
}, },
{ {
label: '产品订单', label: '产品订单',
value: 'ProductOrders', value: '/PayRecord',
}, },
{ {
label: '合作咨询', label: '合作咨询',
value: 'CooperationConsulting', value: '', //CooperationConsulting
}, },
]; ];
// 点击不同选项 // 点击不同选项
const gotoMember = (label: string) => { const gotoMember = (item: any) => {
if (label === 'install') { if (!item.value) {
return; return;
} }
const resUrl = router.resolve({ const resUrl = router.resolve({
path: label, path: item.value,
}); });
window.open(resUrl.href); window.open(resUrl.href);
user_popup_visible.value = false;
}; };
// 退出登录和去登陆 // 退出登录和去登陆
const logout = () => { const logout = () => {
...@@ -152,6 +156,10 @@ const logout = () => { ...@@ -152,6 +156,10 @@ const logout = () => {
align-items: center; align-items: center;
padding-left: 12px; padding-left: 12px;
cursor: pointer; cursor: pointer;
&:hover {
background: #393939;
border-radius: 8px;
}
} }
.active { .active {
background: #393939; background: #393939;
......
src/layout/header.vue
...@@ -48,18 +48,18 @@ const btns = [ ...@@ -48,18 +48,18 @@ const btns = [
label: '产品', label: '产品',
path: '/Products', path: '/Products',
}, },
{ // {
label: 'AI聊天', // label: 'AI聊天',
path: '/AIChat', // path: '/AIChat',
}, // },
{ // {
label: 'AI绘画', // label: 'AI绘画',
path: '/AIPainting', // path: '/AIPainting',
}, // },
{ // {
label: 'AI视频', // label: 'AI视频',
path: '/AIVideo', // path: '/AIVideo',
}, // },
{ {
label: '图片处理', label: '图片处理',
path: '/ImgConversion', path: '/ImgConversion',
......
src/pages/CopywritingGeneration/index.vue
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
:maxlength="it.maxlength" :maxlength="it.maxlength"
></CustomTextArea> ></CustomTextArea>
</template> </template>
<!-- upload -->
</template> </template>
</div> </div>
</div> </div>
......
src/pages/ImageGeneration/components/GenerateResult/index.less
@import '@/style/variables.less';
.empty-box,
.loading-box {
display: flex;
flex-direction: column;
align-items: center;
& > :nth-child(2) {
margin-top: 12px;
font-size: @font-size-16;
color: #888fa1;
}
}
.loading-box {
}
.load-success-box {
padding: 0 20px;
height: 100%;
display: flex;
flex-direction: column;
width: 100%;
.result-img-box {
padding-top: 100px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
row-gap: 20px;
width: 100%;
.result-img {
margin: 0 12px;
width: 350px;
height: 350px;
border-radius: 8px;
.img {
width: 100%;
height: 100%;
}
}
}
.download-img-box {
flex: 1;
display: flex;
align-items: flex-end;
padding: 0 12px 20px 12px;
.custom-reset-button {
width: calc(100% - 2px) !important;
&::before {
width: calc(200% - 2px);
}
}
}
}
src/pages/ImageGeneration/components/GenerateResult/index.tsx
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import EmptySvg from '@/assets/svg/gpt/empty.svg';
import './index.less'; import './index.less';
import CustomLoading from '@/components/custom/loading2.vue';
import CustomResetButton from '@/components/custom/resetbutton.vue';
export default defineComponent({ export default defineComponent({
props: {
list: Object as any,
status: String,
},
setup(props, ctx) { setup(props, ctx) {
return () => <div>1</div>; // 为空时展示的html
const EmptyHTML = () => {
return (
<div class="empty-box">
<EmptySvg></EmptySvg>
<div>未有图片，快去左侧输入你的创意吧</div>
</div>
);
};
// 加载时的html
const LoadingHTML = () => {
return (
<div class="loading-box">
<CustomLoading></CustomLoading>
<div>请耐心等待图片生成</div>
</div>
);
};
// 加载完成展示的html
const LoadSuccessHTML = () => {
return (
<div class="load-success-box">
<div class="result-img-box">
{props.list
? props.list.map((item: any) => (
<div class="result-img">
<img class="img" src={item.img} alt="" />
</div>
))
: ''}
</div>
<div class="download-img-box">
<CustomResetButton>下载</CustomResetButton>
</div>
</div>
);
};
// 判断当前展示的模块
const CurrentModule = () => {
if (true) {
// return EmptyHTML();
// return LoadingHTML();
return LoadSuccessHTML();
}
};
return () => <div>{CurrentModule()}</div>;
}, },
}); });
src/pages/ImageGeneration/index.vue
...@@ -36,28 +36,46 @@ ...@@ -36,28 +36,46 @@
<template v-else-if="it.component_type == 'upload'"> <template v-else-if="it.component_type == 'upload'">
<CustomUpload v-model="it.value"></CustomUpload> <CustomUpload v-model="it.value"></CustomUpload>
</template> </template>
<!-- radio-group --> <template v-else-if="it.component_type == 'custom-number'">
<template v-else-if="it.component_type == 'radiogroup'"> <CustomInput
<CustomRadioGroup class="input-pay-num"
v-model="it.value" v-model="it.value"
:list="it.options" type="number"
></CustomRadioGroup> :placeholder="it.placeholder"
></CustomInput>
</template> </template>
</template> </template>
</div> </div>
</div> </div>
<div class="confirm-box"> <div class="confirm-box">
<div>字符余额：0/50000</div> <div class="pay-num">
<div>余额：0/5000</div>
<div>实付：100</div>
</div>
<CustomResetButton @click="onReset" width="20%">重置</CustomResetButton> <CustomResetButton @click="onReset" width="20%">重置</CustomResetButton>
<CustomResetButton @click="onReset" width="50%" bold <CustomResetButton @click="onReset" width="50%" bold
>生成图片</CustomResetButton >生成图片</CustomResetButton
> >
</div> </div>
<div class="cust-line"></div>
<CustomGptMessage computed :list="MessageList.list"></CustomGptMessage>
</div> </div>
<div class="generate-result"> <div class="generate-result">
<CustomGenerateResult></CustomGenerateResult> <CustomGenerateResult
status="success"
:list="[
{
img: 'data:image/jpeg;base64,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',
},
{
img: 'data:image/jpeg;base64,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',
},
{
img: 'data:image/jpeg;base64,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',
},
{
img: 'data:image/jpeg;base64,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',
},
]"
></CustomGenerateResult>
</div> </div>
</div> </div>
</template> </template>
...@@ -207,35 +225,11 @@ const getAdminComponent = async () => { ...@@ -207,35 +225,11 @@ const getAdminComponent = async () => {
value: '5', value: '5',
lists: [ lists: [
{ {
// 单选按钮组 type: 'custom-number',
type: 'radiogroup', name: 'num',
name: 'upload',
value: null, value: null,
span: 24, span: 24,
options: [ placeholder: '自定义',
{
label: '100',
value: '100',
},
{
label: '1000',
value: '1000',
},
{
label: '5000',
value: '5000',
},
{
label: '10000',
value: '10000',
},
{
type: 'custom',
placeholder: '自定义',
label: '',
value: '',
},
],
}, },
], ],
}, },
...@@ -258,11 +252,14 @@ const getAdminComponent = async () => { ...@@ -258,11 +252,14 @@ const getAdminComponent = async () => {
} else if (it.type == 'upload') { } else if (it.type == 'upload') {
// 上传 // 上传
it.component_type = 'upload'; it.component_type = 'upload';
} else if (it.type == 'custom-number') {
it.component_type = 'custom-number';
} }
// 判断value的值 // 判断value的值
if (!it.value) { if (!it.value) {
it.value = ''; it.value = '';
} }
// 记得要push一个生成数量
}); });
}); });
AdminData.list = list; AdminData.list = list;
...@@ -286,6 +283,8 @@ onBeforeMount(async () => { ...@@ -286,6 +283,8 @@ onBeforeMount(async () => {
.custom-copywriting-generation { .custom-copywriting-generation {
margin-top: @page-margin-top; margin-top: @page-margin-top;
display: flex; display: flex;
padding-bottom: 30px;
box-sizing: border-box;
.generate-result { .generate-result {
width: 50%; width: 50%;
border: 2px dashed #565656; border: 2px dashed #565656;
...@@ -294,6 +293,10 @@ onBeforeMount(async () => { ...@@ -294,6 +293,10 @@ onBeforeMount(async () => {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
& > :nth-child(1) {
width: 100%;
height: 100%;
}
} }
.interaction-form { .interaction-form {
background: #2d2d2d; background: #2d2d2d;
...@@ -322,6 +325,9 @@ onBeforeMount(async () => { ...@@ -322,6 +325,9 @@ onBeforeMount(async () => {
.custom-select-box { .custom-select-box {
width: 48%; width: 48%;
} }
.input-pay-num {
width: 100%;
}
} }
} }
.confirm-box { .confirm-box {
...@@ -330,11 +336,23 @@ onBeforeMount(async () => { ...@@ -330,11 +336,23 @@ onBeforeMount(async () => {
justify-content: space-between; justify-content: space-between;
margin: 20px 0; margin: 20px 0;
box-sizing: border-box; box-sizing: border-box;
} .pay-num {
.cust-line { display: flex;
width: 100%; flex-direction: column;
height: 1px; justify-content: space-between;
background: #565656; & > :nth-child(1) {
font-size: @font-size-16;
color: #b1b5c4;
}
& > :nth-child(2) {
font-size: @font-size-20;
}
}
& > :last-child {
&::before {
width: calc(200% - 2px);
}
}
} }
& > :not(:first-child) { & > :not(:first-child) {
margin-top: 20px; margin-top: 20px;
......
src/pages/PayRecord/index.vue 0 → 100644
<template>
<div class="custom-my-payrecord">
<CustomTTable></CustomTTable>
</div>
</template>
<script lang="ts" setup>
import CustomTTable from '@/components/custom/TTable.vue';
const columns = [
{
title: '账号',
colKey: 'name',
},
{
title: '套餐',
colKey: 'packages',
align: 'center',
className: 'n_quantity',
},
{
title: '状况',
colKey: 'n_funds',
align: 'center',
className: 'n_funds',
},
{
title: '到期时间',
colKey: 'operation',
align: 'right',
},
];
</script>
<style lang="less">
.custom-my-payrecord {
}
</style>
src/router/modules/home.ts
...@@ -65,6 +65,15 @@ export default [ ...@@ -65,6 +65,15 @@ export default [
header: true, header: true,
}, },
}, },
// 购买记录 --PayRecord
{
path: '/PayRecord',
name: 'PayRecord',
component: () => import('@/pages/PayRecord/index.vue'),
meta: {
header: true,
},
},
// { // {
// path: '/gpt', // path: '/gpt',
// name: 'gpt', // name: 'gpt',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment