@@ -51,6 +51,7 @@ export default { | |||||
logout: "Logout", | logout: "Logout", | ||||
goLogin: "Go and log in", | goLogin: "Go and log in", | ||||
LanguageChange: "Language switching", | LanguageChange: "Language switching", | ||||
currencyValue: 'Current currency value' | |||||
}, | }, | ||||
// 创作视频 | // 创作视频 | ||||
@@ -109,6 +110,7 @@ export default { | |||||
GeneratedText:'Generated Text', | GeneratedText:'Generated Text', | ||||
SmartText:'Smart Text', | SmartText:'Smart Text', | ||||
copy:'Copy to text', | copy:'Copy to text', | ||||
custom: 'VIP' | |||||
}, | }, | ||||
// 我的视频 | // 我的视频 | ||||
@@ -217,7 +219,7 @@ export default { | |||||
} | } | ||||
}, | }, | ||||
my: { | my: { | ||||
title: 'my', | |||||
title: 'My', | |||||
}, | }, | ||||
signSucceed: { | signSucceed: { | ||||
@@ -232,4 +234,44 @@ export default { | |||||
goLogin: "Login now", | goLogin: "Login now", | ||||
reSend: "Resend", | reSend: "Resend", | ||||
}, | }, | ||||
recharge: { | |||||
title: 'Recharge order', | |||||
currencyValue: 'Current currency value', | |||||
productTitle: 'name', | |||||
orderNumber: 'Order No', | |||||
payment: 'amount of money', | |||||
createTime: 'Creation time', | |||||
operate: 'operate', | |||||
view: 'view', | |||||
detailTitle: 'Recharge Details', | |||||
payVendor: 'Payment method', | |||||
weChat: 'WeChat', | |||||
alipay: 'Alipay', | |||||
paymentStr: 'Payment amount', | |||||
orderStatus: 'Payment status', | |||||
paymentTime: 'Pay time', | |||||
close: 'close' | |||||
}, | |||||
coindeduc: { | |||||
title: 'Coin deduction order', | |||||
currencyValue: 'Current currency value', | |||||
titleList: 'name', | |||||
videoPlayUrl: 'Video address', | |||||
videoTime: 'Video duration', | |||||
costPoints: 'Deduction quantity', | |||||
createTime: 'Creation time', | |||||
operate: 'operate', | |||||
view: 'view', | |||||
detailTitle: 'Deduction Details', | |||||
second: 'S' | |||||
}, | |||||
store: { | |||||
priceRmb: 'original price', | |||||
glod: 'currency value', | |||||
createOrder: 'Create Order', | |||||
payType:'Choose payment method', | |||||
cancel: 'Cancel', | |||||
confirm: 'Confirm', | |||||
pay: 'Payment in progress...', | |||||
} | |||||
}; | }; |
@@ -52,6 +52,7 @@ export default { | |||||
logout: "注销", | logout: "注销", | ||||
goLogin: "登录", | goLogin: "登录", | ||||
LanguageChange: "语言切换", | LanguageChange: "语言切换", | ||||
currencyValue: '当前币值' | |||||
}, | }, | ||||
// 创作视频 | // 创作视频 | ||||
@@ -110,6 +111,7 @@ export default { | |||||
GeneratedText:'生成文本', | GeneratedText:'生成文本', | ||||
SmartText:'智能文本', | SmartText:'智能文本', | ||||
copy:'复制到文案', | copy:'复制到文案', | ||||
custom: '私人订制' | |||||
}, | }, | ||||
// 我的视频 | // 我的视频 | ||||
@@ -231,4 +233,44 @@ export default { | |||||
goLogin: "即将登录", | goLogin: "即将登录", | ||||
reSend: "重新发送", | reSend: "重新发送", | ||||
}, | }, | ||||
recharge: { | |||||
title: '充值订单', | |||||
currencyValue: '当前币值', | |||||
productTitle: '名称', | |||||
orderNumber: '订单号', | |||||
payment: '金额', | |||||
createTime: '创建时间', | |||||
operate: '操作', | |||||
view: '查看', | |||||
detailTitle: '充值详情', | |||||
payVendor: '支付方式', | |||||
weChat: '微信', | |||||
alipay: '支付宝', | |||||
paymentStr: '支付金额', | |||||
orderStatus: '支付状态', | |||||
paymentTime: '支付时间', | |||||
close: '关闭' | |||||
}, | |||||
coindeduc: { | |||||
title: '扣币订单', | |||||
currencyValue: '当前币值', | |||||
titleList: '名称', | |||||
videoPlayUrl: '视频地址', | |||||
videoTime: '视频时长', | |||||
costPoints: '扣币数量', | |||||
createTime: '创建时间', | |||||
operate: '操作', | |||||
view: '查看', | |||||
detailTitle: '扣币详情', | |||||
second: '秒' | |||||
}, | |||||
store: { | |||||
priceRmb: '原价', | |||||
glod: '币值', | |||||
createOrder: '创建订单', | |||||
payType:'选择支付方式', | |||||
cancel: '取消', | |||||
confirm: '确定', | |||||
pay: '支付中...', | |||||
} | |||||
}; | }; |
@@ -69,11 +69,11 @@ | |||||
<el-sub-menu index="2"> | <el-sub-menu index="2"> | ||||
<template #title> | <template #title> | ||||
<el-icon><location /></el-icon> | <el-icon><location /></el-icon> | ||||
<span>我的</span> | |||||
<span>{{ $t("my.title") }}</span> | |||||
</template> | </template> | ||||
<el-menu-item-group> | <el-menu-item-group> | ||||
<el-menu-item index="2-1" @click="router.push('/myRecharge')">充值订单</el-menu-item> | |||||
<el-menu-item index="2-2" @click="router.push('/coindeduc')">扣币订单</el-menu-item> | |||||
<el-menu-item index="2-1" @click="router.push('/myRecharge')">{{ $t("recharge.title") }} </el-menu-item> | |||||
<el-menu-item index="2-2" @click="router.push('/coindeduc')">{{ $t("coindeduc.title") }} </el-menu-item> | |||||
</el-menu-item-group> | </el-menu-item-group> | ||||
</el-sub-menu> | </el-sub-menu> | ||||
</el-menu> | </el-menu> | ||||
@@ -84,7 +84,7 @@ | |||||
<div class="rightBox"> | <div class="rightBox"> | ||||
<!-- nav栏 --> | <!-- nav栏 --> | ||||
<div class="nav"> | <div class="nav"> | ||||
<div class="navItem">当前币值:{{ currentValue }}</div> | |||||
<div class="navItem">{{ $t("navbar.currencyValue") }}:{{ currentValue }}</div> | |||||
<!-- 语言 --> | <!-- 语言 --> | ||||
<el-tooltip | <el-tooltip | ||||
style="cursor: pointer; z-index: 999" | style="cursor: pointer; z-index: 999" | ||||
@@ -294,7 +294,7 @@ | |||||
@click="clickModelItem(item)" | @click="clickModelItem(item)" | ||||
> | > | ||||
<img class="boxCentreImg" :src="item.coverImg" alt="" /> | <img class="boxCentreImg" :src="item.coverImg" alt="" /> | ||||
<div v-if="item.customized === 1" class="subscript">私人定制</div> | |||||
<div v-if="item.customized === 1" class="subscript"> {{ $t("createVideo.custom") }}</div> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -490,7 +490,7 @@ | |||||
<span style="line-height: 20px">{{ | <span style="line-height: 20px">{{ | ||||
lanChange == "zh-cn" ? item.chineseName : item.name | lanChange == "zh-cn" ? item.chineseName : item.name | ||||
}}</span> | }}</span> | ||||
<span v-if="item.customized === 1" style="color:red">(私人订制)</span> | |||||
<span v-if="item.customized === 1" style="color:red">({{ $t("createVideo.custom") }})</span> | |||||
</el-option> | </el-option> | ||||
</el-select> | </el-select> | ||||
<p>{{ $t("createVideo.voices") }}</p> | <p>{{ $t("createVideo.voices") }}</p> | ||||
@@ -1,32 +1,32 @@ | |||||
<template> | <template> | ||||
<div class="page justify-around"> | <div class="page justify-around"> | ||||
<el-alert :title="`当前币值:${currentValue}`" type="success" :closable="false" /> | |||||
<el-alert :title="`${$t('coindeduc.currencyValue')}:${currentValue}`" type="success" :closable="false" /> | |||||
<el-table :data="tableData" style="width: 100%; height: 90%" size="large" align="center" border> | <el-table :data="tableData" style="width: 100%; height: 90%" size="large" align="center" border> | ||||
<el-table-column | <el-table-column | ||||
prop="title" | prop="title" | ||||
label="名称" | |||||
:label="$t('coindeduc.titleList')" | |||||
align="center" | align="center" | ||||
/> | /> | ||||
<el-table-column | <el-table-column | ||||
prop="videoPlayUrl" | prop="videoPlayUrl" | ||||
label="视频地址" | |||||
:label="$t('coindeduc.videoPlayUrl')" | |||||
align="center" | align="center" | ||||
/> | /> | ||||
<el-table-column | <el-table-column | ||||
prop="videoTime" | prop="videoTime" | ||||
label="视频时长" | |||||
:label="$t('coindeduc.videoTime')" | |||||
align="center" | align="center" | ||||
/> | /> | ||||
<el-table-column | <el-table-column | ||||
prop="costPoints" | prop="costPoints" | ||||
label="扣币数量" | |||||
:label="$t('coindeduc.costPoints')" | |||||
align="center" | align="center" | ||||
/> | /> | ||||
<el-table-column | <el-table-column | ||||
prop="createTime" | prop="createTime" | ||||
label="创建时间" | |||||
:label="$t('coindeduc.createTime')" | |||||
align="center" | align="center" | ||||
> | > | ||||
<template #default="scope"> | <template #default="scope"> | ||||
@@ -35,11 +35,11 @@ | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
fixed="right" | fixed="right" | ||||
label="操作" | |||||
:label="$t('coindeduc.operate')" | |||||
align="center" | align="center" | ||||
> | > | ||||
<template #default="scope"> | <template #default="scope"> | ||||
<el-button link type="primary" size="small" @click="detailView(scope.row)">查看</el-button> | |||||
<el-button link type="primary" size="small" @click="detailView(scope.row)">{{ $t('coindeduc.view') }}</el-button> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
@@ -58,7 +58,7 @@ | |||||
@current-change="handleCurrentChange" | @current-change="handleCurrentChange" | ||||
/> | /> | ||||
</div> | </div> | ||||
<el-dialog v-model="dialogVisible" title="扣币详情:" width="40%" :before-close="handleClose" > | |||||
<el-dialog v-model="dialogVisible" :title="`${$t('coindeduc.detailTitle')}:`" width="40%" :before-close="handleClose" > | |||||
<el-form :model="form" label-width="120px"> | <el-form :model="form" label-width="120px"> | ||||
<el-form-item label="名称"> | <el-form-item label="名称"> | ||||
<el-input v-model="form.title" /> | <el-input v-model="form.title" /> | ||||
@@ -104,6 +104,9 @@ | |||||
//#region 导入 | //#region 导入 | ||||
import { coindedApi, getDetailApi, getUserPoinsApi, findByIdApi } from '@/apis/my.js' | import { coindedApi, getDetailApi, getUserPoinsApi, findByIdApi } from '@/apis/my.js' | ||||
import dayjs from "dayjs"; | import dayjs from "dayjs"; | ||||
import { useI18n } from "vue-i18n"; | |||||
const { locale } = useI18n(); | |||||
const lanChange = ref(locale); | |||||
const tableData = ref([]); | const tableData = ref([]); | ||||
@@ -159,7 +162,7 @@ const form = ref({ | |||||
function detailView(item) { | function detailView(item) { | ||||
findByIdApi(item.id).then(res => { | findByIdApi(item.id).then(res => { | ||||
res.data.createDate = getDate(res.data.createDate) | res.data.createDate = getDate(res.data.createDate) | ||||
res.data.videoTime = res.data.videoTime + '(秒)' | |||||
res.data.videoTime = res.data.videoTime + (lanChange.value == "zh-cn" ? '(秒)' : '(S)') | |||||
form.value = res.data | form.value = res.data | ||||
dialogVisible.value = true | dialogVisible.value = true | ||||
}) | }) | ||||
@@ -1,28 +1,28 @@ | |||||
<template> | <template> | ||||
<div class="page justify-around"> | <div class="page justify-around"> | ||||
<el-alert :title="`当前币值:${currentValue}`" type="success" :closable="false" /> | |||||
<el-alert :title="`${$t('recharge.currencyValue')}:${currentValue}`" type="success" :closable="false" /> | |||||
<el-table :data="tableData" style="width: 100%; height: 90%" size="large" align="center" border> | <el-table :data="tableData" style="width: 100%; height: 90%" size="large" align="center" border> | ||||
<el-table-column | <el-table-column | ||||
prop="productTitle" | prop="productTitle" | ||||
label="名称" | |||||
:label="$t('recharge.productTitle')" | |||||
align="center" | align="center" | ||||
/> | /> | ||||
<el-table-column | <el-table-column | ||||
prop="orderNumber" | prop="orderNumber" | ||||
label="订单号" | |||||
:label="$t('recharge.orderNumber')" | |||||
align="center" | align="center" | ||||
/> | /> | ||||
<el-table-column | <el-table-column | ||||
prop="paymentStr" | prop="paymentStr" | ||||
label="金额" | |||||
:label="$t('recharge.payment')" | |||||
align="center" | align="center" | ||||
/> | /> | ||||
<el-table-column | <el-table-column | ||||
prop="createTime" | prop="createTime" | ||||
label="创建时间" | |||||
:label="$t('recharge.createTime')" | |||||
align="center" | align="center" | ||||
> | > | ||||
<template #default="scope"> | <template #default="scope"> | ||||
@@ -31,11 +31,11 @@ | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
fixed="right" | fixed="right" | ||||
label="操作" | |||||
:label="$t('recharge.operate')" | |||||
align="center" | align="center" | ||||
> | > | ||||
<template #default="scope"> | <template #default="scope"> | ||||
<el-button link type="primary" size="small" @click="detailView(scope.row)">查看</el-button> | |||||
<el-button link type="primary" size="small" @click="detailView(scope.row)">{{ $t('recharge.view') }}</el-button> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
@@ -54,31 +54,31 @@ | |||||
@current-change="handleCurrentChange" | @current-change="handleCurrentChange" | ||||
/> | /> | ||||
</div> | </div> | ||||
<el-dialog v-model="dialogVisible" title="充值详情:" width="40%" > | |||||
<el-dialog v-model="dialogVisible" :title="`${ $t('recharge.detailTitle')}:`" width="40%" > | |||||
<el-form :model="form" label-width="120px"> | <el-form :model="form" label-width="120px"> | ||||
<el-form-item label="名称"> | |||||
<el-form-item :label="$t('recharge.productTitle')"> | |||||
<el-input v-model="form.productTitle" /> | <el-input v-model="form.productTitle" /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="订单号"> | |||||
<el-form-item :label="$t('recharge.orderNumber')"> | |||||
<el-input v-model="form.orderNumber" /> | <el-input v-model="form.orderNumber" /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="支付方式"> | |||||
<el-form-item :label="$t('recharge.payVendor')"> | |||||
<el-radio-group v-model="form.payVendor"> | <el-radio-group v-model="form.payVendor"> | ||||
<el-radio :label="2">微信</el-radio> | |||||
<el-radio :label="4">支付宝</el-radio> | |||||
<el-radio :label="2">{{ $t('recharge.weChat') }}</el-radio> | |||||
<el-radio :label="4">{{$t('recharge.alipay')}}</el-radio> | |||||
</el-radio-group> | </el-radio-group> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="支付金额"> | |||||
<el-form-item :label="$t('recharge.paymentStr')"> | |||||
<el-input v-model="form.paymentStr" /> | <el-input v-model="form.paymentStr" /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="支付状态"> | |||||
<el-form-item :label="$t('recharge.orderStatus')"> | |||||
<el-input v-model="form.orderStatus" /> | <el-input v-model="form.orderStatus" /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="支付时间"> | |||||
<el-form-item :label="$t('recharge.paymentTime')"> | |||||
<el-input v-model="form.paymentTime" /> | <el-input v-model="form.paymentTime" /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item> | <el-form-item> | ||||
<el-button @click="dialogVisible = false">关闭</el-button> | |||||
<el-button @click="dialogVisible = false">{{ $t('recharge.close') }}</el-button> | |||||
</el-form-item> | </el-form-item> | ||||
</el-form> | </el-form> | ||||
</el-dialog> | </el-dialog> | ||||
@@ -90,6 +90,9 @@ | |||||
//#region 导入 | //#region 导入 | ||||
import { rechargeListApi, getDetailApi, getUserPoinsApi, findByNumberApi } from '@/apis/my.js' | import { rechargeListApi, getDetailApi, getUserPoinsApi, findByNumberApi } from '@/apis/my.js' | ||||
import dayjs from "dayjs"; | import dayjs from "dayjs"; | ||||
import { useI18n } from "vue-i18n"; | |||||
const { locale } = useI18n(); | |||||
const lanChange = ref(locale); | |||||
const tableData = ref([]); | const tableData = ref([]); | ||||
@@ -145,7 +148,7 @@ const form = ref({ | |||||
function detailView(item) { | function detailView(item) { | ||||
findByNumberApi(item.id).then(res => { | findByNumberApi(item.id).then(res => { | ||||
res.data.paymentTime = getDate(res.data.paymentTime) | res.data.paymentTime = getDate(res.data.paymentTime) | ||||
res.data.orderStatus = res.data.orderStatus === 3 ? '支付成功' : '支付失败' | |||||
res.data.orderStatus = res.data.orderStatus === 3 ? lanChange.value == "zh-cn" ? '支付成功' : 'Payment successful': lanChange.value == "zh-cn" ? '支付失败' : 'Payment failed' | |||||
form.value = res.data | form.value = res.data | ||||
dialogVisible.value = true | dialogVisible.value = true | ||||
}) | }) | ||||
@@ -16,14 +16,14 @@ | |||||
<span class="price">{{ | <span class="price">{{ | ||||
item.sellPriceRmb | item.sellPriceRmb | ||||
}} ¥</span | }} ¥</span | ||||
>/ <span style="text-decoration:line-through;">原价{{ item.priceRmb }}</span> | |||||
>/ <span style="text-decoration:line-through;"> {{ $t("store.priceRmb") }}{{ item.priceRmb }}</span> | |||||
</div> | </div> | ||||
<div class="time"> | <div class="time"> | ||||
币值<span>{{ item.glod }}</span | |||||
{{ $t("store.glod") }}<span>{{ item.glod }}</span | |||||
> | > | ||||
</div> | </div> | ||||
<div class="button" @click="createOrder(item)" :style="`background-color: #f3af00 ;`"> | <div class="button" @click="createOrder(item)" :style="`background-color: #f3af00 ;`"> | ||||
创建订单 | |||||
{{ $t("store.createOrder") }} | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<!-- 商品权益 --> | <!-- 商品权益 --> | ||||
@@ -80,14 +80,14 @@ | |||||
</div> | </div> | ||||
<!-- 对话框 v-if="false"--> | <!-- 对话框 v-if="false"--> | ||||
<el-dialog v-model="showPayDialog" v-if="showPayDialog" | <el-dialog v-model="showPayDialog" v-if="showPayDialog" | ||||
title="选择支付方式" width="300px"> | |||||
:title="$t('store.payType')" width="300px"> | |||||
<div class="payDialog"> | <div class="payDialog"> | ||||
<el-radio-group v-model="payVendor"> | <el-radio-group v-model="payVendor"> | ||||
<el-radio label="4" border> | <el-radio label="4" border> | ||||
<img src="../../assets/img/alipay.png" alt="" />支付宝 | |||||
<img src="../../assets/img/alipay.png" alt="" />{{ $t("recharge.alipay") }} | |||||
</el-radio> | </el-radio> | ||||
<el-radio label="2" border> | <el-radio label="2" border> | ||||
<img src="../../assets/img/weChat.png" alt="" />微信 | |||||
<img src="../../assets/img/weChat.png" alt="" />{{ $t("recharge.weChat") }} | |||||
</el-radio> | </el-radio> | ||||
</el-radio-group> | </el-radio-group> | ||||
</div> | </div> | ||||
@@ -101,7 +101,7 @@ | |||||
:close-on-click-modal="false" | :close-on-click-modal="false" | ||||
> | > | ||||
<div class="orderCodeDialog" v-loading="loading" | <div class="orderCodeDialog" v-loading="loading" | ||||
element-loading-text="支付中..."> | |||||
:element-loading-text="`${$t('store.pay')}`"> | |||||
<div class="codeImg"> | <div class="codeImg"> | ||||
<my-Loading-Icon2 | <my-Loading-Icon2 | ||||
v-if="!payCodeUrl && !iframeBody" | v-if="!payCodeUrl && !iframeBody" | ||||
@@ -132,9 +132,9 @@ | |||||
</el-dialog> | </el-dialog> | ||||
<template #footer> | <template #footer> | ||||
<span class="dialog-footer"> | <span class="dialog-footer"> | ||||
<el-button size="small" @click="showPayDialog = false">取消</el-button> | |||||
<el-button size="small" @click="showPayDialog = false">{{ $t("store.cancel") }}</el-button> | |||||
<el-button size="small" type="primary" @click="payConfirm"> | <el-button size="small" type="primary" @click="payConfirm"> | ||||
确定 | |||||
{{$t("store.confirm")}} | |||||
</el-button> | </el-button> | ||||
</span> | </span> | ||||
</template> | </template> | ||||