-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ field.label }}
- *
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ ![Preview Image]()
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/video/ReferenceVideo.vue b/src/components/video/ReferenceVideo.vue
index 72150c5..bc189c0 100644
--- a/src/components/video/ReferenceVideo.vue
+++ b/src/components/video/ReferenceVideo.vue
@@ -7,20 +7,37 @@
+
+
+
+
+
+
+
+
- ![Preview Image]()
-
-
-
-
-
+
+
+
+ {{ field.label }}
+ *
-
-
-
-
-
-
+
+
-
-
-
-
- 模型
-
-
-
-
-
-
-
+
+
- {{ field.label }}
- *
-
-
-
-
-
-
-
-
-
-
- 上传
-
-
-
+ ![]()
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+ 模型
+
+
+
+
+
+
+
+
+ {{ field.label }}
+ *
+
+
+
+
+
+
+
+
+
+
+ 上传
+
+
+
-
+ ![Preview Image]()
+
diff --git a/src/main.ts b/src/main.ts
index 4b4f80a..9468499 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,6 +8,7 @@ import ElementPlus from 'element-plus'
// element-ui css
import 'element-plus/dist/index.css'
import 'element-plus/theme-chalk/index.css'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
// pinia持久化
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
// pinia
@@ -15,11 +16,13 @@ import { createPinia } from 'pinia'
// icon
import './assets/css/iconfont/iconfont.css'
-
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
const app = createApp(App)
+
app.use(router)
-app.use(ElementPlus)
+app.use(ElementPlus, {
+ locale: zhCn,
+})
app.use(pinia)
-app.mount('#app')
\ No newline at end of file
+app.mount('#app')
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index a242f88..892f256 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -29,6 +29,12 @@ const router = createRouter({
name: 'index',
component: () => import('@/views/index/index.vue')
},
+ // 消费记录
+ {
+ path: '/bill',
+ name: 'bill',
+ component: () => import('@/views/Bill/Bill.vue')
+ },
// ImgGenerate
{
path: '/ImgGenerate',
@@ -70,15 +76,15 @@ const router = createRouter({
}
]
},
-
-
+
+
// 素材广场
{
path: '/material-square',
name: 'material-square',
component: () => import('@/views/videoGenerate/videoGenerate.vue')
}
-
+
]
},
diff --git a/src/views/Bill/Bill.vue b/src/views/Bill/Bill.vue
new file mode 100644
index 0000000..6e5470a
--- /dev/null
+++ b/src/views/Bill/Bill.vue
@@ -0,0 +1,783 @@
+
+
-
+
+
+
+
+ ![视频预览]()
+
-
+
+
- 上传视频 / 主体
- 最多可上传1个5-8s或2个5s内视频 / 主体
+
+ 
@@ -28,19 +45,37 @@
+
+
+ 选择文件
+
-
+ 上传视频 / 主体
+ 最多可上传1个视频
+
+
-
-
+
+
@@ -144,13 +179,20 @@
+ ![图片预览]()
+
-
+
+
- 上传图片 / 主体
- 最多可上传1-4张图片
+
+ 
+
+
+ 选择文件
+
-
+ 上传图片 / 主体
+ 最多可上传1张图片
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+
+
+
+
+ 消费记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+ 
+
+
+
+
+ 暂无消费记录
+
+
+
+
+
+
+
+
+
+
+
+
+ 模型：
+ {{ order.name || order.model }}
+
+
+
+ {{ getStatusText(order.status) }}
+
+
+
+
+
+
+
+
+
+
+
+
+ 使用时间：
+ {{ order.use_time }}
+
+
+ 模型ID：
+ {{ order.llmid }}
+
+
+ 模型代码：
+ {{ order.model }}
+
+
+
+ 消费金额
+
+ ¥
+ {{ order.amount !== null && order.amount !== undefined ? order.amount.toFixed(2) : '-' }}
+
+
+
+