|
|
@@ -11,50 +11,53 @@
|
|
|
<uni-easyinput v-model="formData.nickname" :placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="form-row">
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.console.item21')" name="personalSignature">
|
|
|
- <uni-easyinput type="textarea" v-model="formData.personalSignature" :maxlength="100" @input="val => filterChineseEnglishOnly('personalSignature', val)" :placeholder="t('placeholder.input')" />
|
|
|
+ <uni-easyinput type="textarea" v-model="formData.personalSignature" :maxlength="100"
|
|
|
+ @input="val => filterChineseEnglishOnly('personalSignature', val)"
|
|
|
+ :placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.console.item22')" name="traderStrategy">
|
|
|
- <uni-easyinput type="textarea" v-model="formData.traderStrategy" :maxlength="150" @input="val => filterChineseEnglishOnly('traderStrategy', val)" :placeholder="t('placeholder.input')" />
|
|
|
+ <uni-easyinput type="textarea" v-model="formData.traderStrategy" :maxlength="150"
|
|
|
+ @input="val => filterChineseEnglishOnly('traderStrategy', val)"
|
|
|
+ :placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="tip-red">
|
|
|
<text>{{ t('Documentary.console.item37') }}</text>
|
|
|
</view>
|
|
|
|
|
|
<!-- 账户信息 -->
|
|
|
<view class="fllow-title">
|
|
|
- <text class="title">{{ t('Documentary.TundManagement.item29') }}<text style="color: #eb3f57; font-weight: 500">{{ t('Documentary.item3') }}</text></text>
|
|
|
+ <text class="title">{{ t('Documentary.TundManagement.item29') }}<text
|
|
|
+ style="color: #eb3f57; font-weight: 500">{{ t('Documentary.item3') }}</text></text>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="form-row">
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Label.TradingAccount')" name="dealLogin">
|
|
|
- <cwg-combox
|
|
|
- v-model:value="formData.dealLogin"
|
|
|
- :options="loginOptionsData"
|
|
|
- :placeholder="t('placeholder.choose')"
|
|
|
- @change="selectLogin"
|
|
|
- />
|
|
|
+ <cwg-combox v-model:value="formData.dealLogin" :options="loginOptionsData"
|
|
|
+ :placeholder="t('placeholder.choose')" @change="selectLogin" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Label.PlatformType')" name="platform">
|
|
|
- <cwg-combox disabled v-model:value="formData.platform" :options="[{text: 'MT4', value: 'MT4'}, {text: 'MT5', value: 'MT5'}]" :placeholder="t('placeholder.choose')" />
|
|
|
+ <cwg-combox disabled v-model:value="formData.platform"
|
|
|
+ :options="[{ text: 'MT4', value: 'MT4' }, { text: 'MT5', value: 'MT5' }]"
|
|
|
+ :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -63,7 +66,8 @@
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Label.AccountType')" name="loginType">
|
|
|
- <cwg-combox disabled v-model:value="formData.loginType" :options="accountTypeOptions" :placeholder="t('placeholder.choose')" />
|
|
|
+ <cwg-combox disabled v-model:value="formData.loginType" :options="accountTypeOptions"
|
|
|
+ :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -84,21 +88,26 @@
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.TundManagement.item34')" name="historyShow">
|
|
|
- <cwg-combox v-model:value="formData.historyShow" :options="[{text: t('Btn.item6'), value: 1}, {text: t('Btn.item7'), value: 0}]" :placeholder="t('placeholder.choose')" />
|
|
|
+ <cwg-combox v-model:value="formData.historyShow"
|
|
|
+ :options="[{ text: t('Btn.item6'), value: 1 }, { text: t('Btn.item7'), value: 0 }]"
|
|
|
+ :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.TundManagement.item35')" name="historyTime">
|
|
|
- <uni-datetime-picker type="date" v-model="formData.historyTime" :placeholder="t('Documentary.TundManagement.item37')" />
|
|
|
+ <uni-datetime-picker type="date" v-model="formData.historyTime"
|
|
|
+ :placeholder="t('Documentary.TundManagement.item37')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.TundManagement.item36')" name="introduceShow">
|
|
|
- <cwg-combox v-model:value="formData.introduceShow" :options="[{text: t('Btn.item6'), value: 1}, {text: t('Btn.item7'), value: 0}]" :placeholder="t('placeholder.choose')" />
|
|
|
+ <cwg-combox v-model:value="formData.introduceShow"
|
|
|
+ :options="[{ text: t('Btn.item6'), value: 1 }, { text: t('Btn.item7'), value: 0 }]"
|
|
|
+ :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
|
|
|
@@ -110,7 +119,9 @@
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.TundManagement.item38')" name="distributionType">
|
|
|
- <cwg-combox v-model:value="formData.distributionType" :options="[{text: t('Documentary.TundManagement.item59'), value: 1}]" :placeholder="t('placeholder.choose')" />
|
|
|
+ <cwg-combox v-model:value="formData.distributionType"
|
|
|
+ :options="[{ text: t('Documentary.TundManagement.item59'), value: 1 }]"
|
|
|
+ :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -118,7 +129,8 @@
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.TundManagement.item39')" name="distributionRatio">
|
|
|
<view style="display: flex; align-items: center;">
|
|
|
- <uni-easyinput v-model="formData.distributionRatio" :placeholder="t('placeholder.input')" style="flex: 1;" />
|
|
|
+ <uni-easyinput v-model="formData.distributionRatio" :placeholder="t('placeholder.input')"
|
|
|
+ style="flex: 1;" />
|
|
|
<text style="margin-left: 5px;">(%)</text>
|
|
|
</view>
|
|
|
</uni-forms-item>
|
|
|
@@ -127,7 +139,9 @@
|
|
|
<view class="form-col">
|
|
|
<view class="form-item">
|
|
|
<uni-forms-item :label="t('Documentary.tradingCenter.item32')" name="settlementCycle">
|
|
|
- <cwg-combox v-model:value="formData.settlementCycle" :options="[{text: '7', value: '7'}, {text: '15', value: '15'}, {text: '30', value: '30'}]" :placeholder="t('placeholder.choose')" />
|
|
|
+ <cwg-combox v-model:value="formData.settlementCycle"
|
|
|
+ :options="[{ text: '7', value: '7' }, { text: '15', value: '15' }, { text: '30', value: '30' }]"
|
|
|
+ :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -141,8 +155,10 @@
|
|
|
<checkbox value="1" :checked="!!formData.agree" />
|
|
|
<text class="agree-text">
|
|
|
{{ t('Documentary.TundManagement.item42') }}
|
|
|
- <cwg-link style="text-decoration: underline;" class="a" v-if="['cn', 'zhHant'].indexOf(local) != -1" url="pdf/CopyTradeUserAgreementcn.pdf" target="_blank" title="Documentary.TundManagement.item43" />
|
|
|
- <cwg-link style="text-decoration: underline;" class="a" v-else url="pdf/CopyTradeUserAgreement.pdf" target="_blank" title="Documentary.TundManagement.item43" />
|
|
|
+ <cwg-link style="text-decoration: underline;" class="a" v-if="['cn', 'zhHant'].indexOf(local) != -1"
|
|
|
+ url="pdf/CopyTradeUserAgreementcn.pdf" target="_blank" title="Documentary.TundManagement.item43" />
|
|
|
+ <cwg-link style="text-decoration: underline;" class="a" v-else url="pdf/CopyTradeUserAgreement.pdf"
|
|
|
+ target="_blank" title="Documentary.TundManagement.item43" />
|
|
|
{{ t('Documentary.TundManagement.item42_2') }}
|
|
|
</text>
|
|
|
</label>
|
|
|
@@ -151,10 +167,10 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-forms>
|
|
|
-
|
|
|
+
|
|
|
<template #footer>
|
|
|
- <button @click="closeDia">{{ t('Btn.Cancel') }}</button>
|
|
|
- <button type="primary" @click="confirmDia">{{ t('Btn.Confirm') }}</button>
|
|
|
+ <button @click="closeDia">{{ t('Btn.Cancel') }}</button>
|
|
|
+ <button type="primary" @click="confirmDia">{{ t('Btn.Confirm') }}</button>
|
|
|
</template>
|
|
|
</cwg-popup>
|
|
|
</template>
|
|
|
@@ -554,7 +570,7 @@ watch(() => props.visible, (val) => {
|
|
|
gap: px2rpx(20);
|
|
|
margin: px2rpx(24) 0;
|
|
|
padding: px2rpx(20);
|
|
|
- background-color: #f8f9fa;
|
|
|
+ background-color: transparent;
|
|
|
border-radius: px2rpx(8);
|
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
@@ -570,7 +586,7 @@ watch(() => props.visible, (val) => {
|
|
|
.title {
|
|
|
font-size: px2rpx(16);
|
|
|
font-weight: 600;
|
|
|
- color: #343a40;
|
|
|
+ color: var(--bs-emphasis-color);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -602,19 +618,19 @@ watch(() => props.visible, (val) => {
|
|
|
|
|
|
.delete-label {
|
|
|
font-size: px2rpx(14);
|
|
|
- color: #6c757d;
|
|
|
+ color: var(--bs-body-color);
|
|
|
}
|
|
|
|
|
|
.delete-value {
|
|
|
font-size: px2rpx(14);
|
|
|
- color: #343a40;
|
|
|
+ color: var(--bs-emphasis-color);
|
|
|
font-weight: 400;
|
|
|
}
|
|
|
|
|
|
.delete-tip {
|
|
|
margin-top: px2rpx(16);
|
|
|
font-size: px2rpx(14);
|
|
|
- color: #6c757d;
|
|
|
+ color: var(--bs-body-color);
|
|
|
line-height: 1.5;
|
|
|
padding-top: px2rpx(16);
|
|
|
}
|
|
|
@@ -635,7 +651,7 @@ watch(() => props.visible, (val) => {
|
|
|
|
|
|
.agree-text {
|
|
|
font-size: px2rpx(14);
|
|
|
- color: #6c757d;
|
|
|
+ color: var(--bs-body-color);
|
|
|
line-height: 1.5;
|
|
|
width: 100%;
|
|
|
white-space: wrap;
|
|
|
@@ -658,7 +674,7 @@ watch(() => props.visible, (val) => {
|
|
|
.tit {
|
|
|
font-size: px2rpx(14);
|
|
|
font-weight: 500;
|
|
|
- color: #6c757d;
|
|
|
+ color: var(--bs-body-color);
|
|
|
margin-bottom: px2rpx(6);
|
|
|
text-transform: uppercase;
|
|
|
letter-spacing: px2rpx(0.5);
|
|
|
@@ -667,7 +683,7 @@ watch(() => props.visible, (val) => {
|
|
|
.con {
|
|
|
font-size: px2rpx(16);
|
|
|
font-weight: 400;
|
|
|
- color: #343a40;
|
|
|
+ color: var(--bs-emphasis-color);
|
|
|
line-height: 1.4;
|
|
|
}
|
|
|
}
|
|
|
@@ -677,6 +693,7 @@ watch(() => props.visible, (val) => {
|
|
|
grid-template-columns: 1fr 1fr;
|
|
|
gap: px2rpx(20);
|
|
|
margin-top: px2rpx(16);
|
|
|
+
|
|
|
@media screen and (max-width: 768px) {
|
|
|
grid-template-columns: 1fr;
|
|
|
}
|
|
|
@@ -690,7 +707,7 @@ watch(() => props.visible, (val) => {
|
|
|
text {
|
|
|
font-size: px2rpx(14);
|
|
|
font-weight: 500;
|
|
|
- color: #6c757d;
|
|
|
+ color: var(--bs-body-color);
|
|
|
margin-bottom: px2rpx(8);
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
@@ -727,7 +744,7 @@ watch(() => props.visible, (val) => {
|
|
|
.tip-text {
|
|
|
margin-top: px2rpx(24);
|
|
|
font-size: px2rpx(14);
|
|
|
- color: #6c757d;
|
|
|
+ color: var(--bs-body-color);
|
|
|
line-height: 1.5;
|
|
|
padding: px2rpx(16);
|
|
|
background-color: #e7f3ff;
|
