| @@ -51,6 +51,7 @@ export default { | |||
| logout: "Logout", | |||
| goLogin: "Go and log in", | |||
| LanguageChange: "Language switching", | |||
| currencyValue: 'Current currency value' | |||
| }, | |||
| // 创作视频 | |||
| @@ -109,6 +110,7 @@ export default { | |||
| GeneratedText:'Generated Text', | |||
| SmartText:'Smart Text', | |||
| copy:'Copy to text', | |||
| custom: 'VIP' | |||
| }, | |||
| // 我的视频 | |||
| @@ -217,7 +219,7 @@ export default { | |||
| } | |||
| }, | |||
| my: { | |||
| title: 'my', | |||
| title: 'My', | |||
| }, | |||
| signSucceed: { | |||
| @@ -232,4 +234,44 @@ export default { | |||
| goLogin: "Login now", | |||
| 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: "注销", | |||
| goLogin: "登录", | |||
| LanguageChange: "语言切换", | |||
| currencyValue: '当前币值' | |||
| }, | |||
| // 创作视频 | |||
| @@ -110,6 +111,7 @@ export default { | |||
| GeneratedText:'生成文本', | |||
| SmartText:'智能文本', | |||
| copy:'复制到文案', | |||
| custom: '私人订制' | |||
| }, | |||
| // 我的视频 | |||
| @@ -231,4 +233,44 @@ export default { | |||
| goLogin: "即将登录", | |||
| 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"> | |||
| <template #title> | |||
| <el-icon><location /></el-icon> | |||
| <span>我的</span> | |||
| <span>{{ $t("my.title") }}</span> | |||
| </template> | |||
| <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-sub-menu> | |||
| </el-menu> | |||
| @@ -84,7 +84,7 @@ | |||
| <div class="rightBox"> | |||
| <!-- nav栏 --> | |||
| <div class="nav"> | |||
| <div class="navItem">当前币值:{{ currentValue }}</div> | |||
| <div class="navItem">{{ $t("navbar.currencyValue") }}:{{ currentValue }}</div> | |||
| <!-- 语言 --> | |||
| <el-tooltip | |||
| style="cursor: pointer; z-index: 999" | |||
| @@ -294,7 +294,7 @@ | |||
| @click="clickModelItem(item)" | |||
| > | |||
| <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> | |||
| @@ -490,7 +490,7 @@ | |||
| <span style="line-height: 20px">{{ | |||
| lanChange == "zh-cn" ? item.chineseName : item.name | |||
| }}</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-select> | |||
| <p>{{ $t("createVideo.voices") }}</p> | |||
| @@ -1,32 +1,32 @@ | |||
| <template> | |||
| <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-column | |||
| prop="title" | |||
| label="名称" | |||
| :label="$t('coindeduc.titleList')" | |||
| align="center" | |||
| /> | |||
| <el-table-column | |||
| prop="videoPlayUrl" | |||
| label="视频地址" | |||
| :label="$t('coindeduc.videoPlayUrl')" | |||
| align="center" | |||
| /> | |||
| <el-table-column | |||
| prop="videoTime" | |||
| label="视频时长" | |||
| :label="$t('coindeduc.videoTime')" | |||
| align="center" | |||
| /> | |||
| <el-table-column | |||
| prop="costPoints" | |||
| label="扣币数量" | |||
| :label="$t('coindeduc.costPoints')" | |||
| align="center" | |||
| /> | |||
| <el-table-column | |||
| prop="createTime" | |||
| label="创建时间" | |||
| :label="$t('coindeduc.createTime')" | |||
| align="center" | |||
| > | |||
| <template #default="scope"> | |||
| @@ -35,11 +35,11 @@ | |||
| </el-table-column> | |||
| <el-table-column | |||
| fixed="right" | |||
| label="操作" | |||
| :label="$t('coindeduc.operate')" | |||
| align="center" | |||
| > | |||
| <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> | |||
| </el-table-column> | |||
| </el-table> | |||
| @@ -58,7 +58,7 @@ | |||
| @current-change="handleCurrentChange" | |||
| /> | |||
| </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-item label="名称"> | |||
| <el-input v-model="form.title" /> | |||
| @@ -104,6 +104,9 @@ | |||
| //#region 导入 | |||
| import { coindedApi, getDetailApi, getUserPoinsApi, findByIdApi } from '@/apis/my.js' | |||
| import dayjs from "dayjs"; | |||
| import { useI18n } from "vue-i18n"; | |||
| const { locale } = useI18n(); | |||
| const lanChange = ref(locale); | |||
| const tableData = ref([]); | |||
| @@ -159,7 +162,7 @@ const form = ref({ | |||
| function detailView(item) { | |||
| findByIdApi(item.id).then(res => { | |||
| 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 | |||
| dialogVisible.value = true | |||
| }) | |||
| @@ -1,28 +1,28 @@ | |||
| <template> | |||
| <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-column | |||
| prop="productTitle" | |||
| label="名称" | |||
| :label="$t('recharge.productTitle')" | |||
| align="center" | |||
| /> | |||
| <el-table-column | |||
| prop="orderNumber" | |||
| label="订单号" | |||
| :label="$t('recharge.orderNumber')" | |||
| align="center" | |||
| /> | |||
| <el-table-column | |||
| prop="paymentStr" | |||
| label="金额" | |||
| :label="$t('recharge.payment')" | |||
| align="center" | |||
| /> | |||
| <el-table-column | |||
| prop="createTime" | |||
| label="创建时间" | |||
| :label="$t('recharge.createTime')" | |||
| align="center" | |||
| > | |||
| <template #default="scope"> | |||
| @@ -31,11 +31,11 @@ | |||
| </el-table-column> | |||
| <el-table-column | |||
| fixed="right" | |||
| label="操作" | |||
| :label="$t('recharge.operate')" | |||
| align="center" | |||
| > | |||
| <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> | |||
| </el-table-column> | |||
| </el-table> | |||
| @@ -54,31 +54,31 @@ | |||
| @current-change="handleCurrentChange" | |||
| /> | |||
| </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-item label="名称"> | |||
| <el-form-item :label="$t('recharge.productTitle')"> | |||
| <el-input v-model="form.productTitle" /> | |||
| </el-form-item> | |||
| <el-form-item label="订单号"> | |||
| <el-form-item :label="$t('recharge.orderNumber')"> | |||
| <el-input v-model="form.orderNumber" /> | |||
| </el-form-item> | |||
| <el-form-item label="支付方式"> | |||
| <el-form-item :label="$t('recharge.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-form-item> | |||
| <el-form-item label="支付金额"> | |||
| <el-form-item :label="$t('recharge.paymentStr')"> | |||
| <el-input v-model="form.paymentStr" /> | |||
| </el-form-item> | |||
| <el-form-item label="支付状态"> | |||
| <el-form-item :label="$t('recharge.orderStatus')"> | |||
| <el-input v-model="form.orderStatus" /> | |||
| </el-form-item> | |||
| <el-form-item label="支付时间"> | |||
| <el-form-item :label="$t('recharge.paymentTime')"> | |||
| <el-input v-model="form.paymentTime" /> | |||
| </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> | |||
| </el-dialog> | |||
| @@ -90,6 +90,9 @@ | |||
| //#region 导入 | |||
| import { rechargeListApi, getDetailApi, getUserPoinsApi, findByNumberApi } from '@/apis/my.js' | |||
| import dayjs from "dayjs"; | |||
| import { useI18n } from "vue-i18n"; | |||
| const { locale } = useI18n(); | |||
| const lanChange = ref(locale); | |||
| const tableData = ref([]); | |||
| @@ -145,7 +148,7 @@ const form = ref({ | |||
| function detailView(item) { | |||
| findByNumberApi(item.id).then(res => { | |||
| 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 | |||
| dialogVisible.value = true | |||
| }) | |||
| @@ -16,14 +16,14 @@ | |||
| <span class="price">{{ | |||
| item.sellPriceRmb | |||
| }} ¥</span | |||
| >/ <span style="text-decoration:line-through;">原价{{ item.priceRmb }}</span> | |||
| >/ <span style="text-decoration:line-through;"> {{ $t("store.priceRmb") }}{{ item.priceRmb }}</span> | |||
| </div> | |||
| <div class="time"> | |||
| 币值<span>{{ item.glod }}</span | |||
| {{ $t("store.glod") }}<span>{{ item.glod }}</span | |||
| > | |||
| </div> | |||
| <div class="button" @click="createOrder(item)" :style="`background-color: #f3af00 ;`"> | |||
| 创建订单 | |||
| {{ $t("store.createOrder") }} | |||
| </div> | |||
| </div> | |||
| <!-- 商品权益 --> | |||
| @@ -80,14 +80,14 @@ | |||
| </div> | |||
| <!-- 对话框 v-if="false"--> | |||
| <el-dialog v-model="showPayDialog" v-if="showPayDialog" | |||
| title="选择支付方式" width="300px"> | |||
| :title="$t('store.payType')" width="300px"> | |||
| <div class="payDialog"> | |||
| <el-radio-group v-model="payVendor"> | |||
| <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 label="2" border> | |||
| <img src="../../assets/img/weChat.png" alt="" />微信 | |||
| <img src="../../assets/img/weChat.png" alt="" />{{ $t("recharge.weChat") }} | |||
| </el-radio> | |||
| </el-radio-group> | |||
| </div> | |||
| @@ -101,7 +101,7 @@ | |||
| :close-on-click-modal="false" | |||
| > | |||
| <div class="orderCodeDialog" v-loading="loading" | |||
| element-loading-text="支付中..."> | |||
| :element-loading-text="`${$t('store.pay')}`"> | |||
| <div class="codeImg"> | |||
| <my-Loading-Icon2 | |||
| v-if="!payCodeUrl && !iframeBody" | |||
| @@ -132,9 +132,9 @@ | |||
| </el-dialog> | |||
| <template #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"> | |||
| 确定 | |||
| {{$t("store.confirm")}} | |||
| </el-button> | |||
| </span> | |||
| </template> | |||