|
|
@@ -2,37 +2,37 @@
|
|
|
<view class="personal-info-tab">
|
|
|
<view class="user-form">
|
|
|
<uni-row class="demo-uni-row">
|
|
|
- <uni-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6">
|
|
|
- <view class="avatar-section">
|
|
|
- <cwg-input v-model:value="formData.idBackUrl" type="upload" fkey="idBackUrl"
|
|
|
- rulesKey="idBackUrl" :is-upload-d="true" accept="image/png, image/jpeg, image/jpg"
|
|
|
- :readonly="isReadonly" :disabled="isReadonly" @change="handleChange">
|
|
|
- <view class="cwg-upload">
|
|
|
- </view>
|
|
|
- </cwg-input>
|
|
|
- <view class="text name">{{ formData.firstName }} {{ formData.lastName }}</view>
|
|
|
- <view class="text cid">CID:{{ formData.cId }}</view>
|
|
|
- <view class="btn-primary" @click="handleEditProfile">
|
|
|
- <cwg-icon name="crm-photo-film" :size="16" color="#fff" />
|
|
|
- 上传头像
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="24" :lg="18" :xl="18">
|
|
|
+<!-- <uni-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6">-->
|
|
|
+<!-- <view class="avatar-section">-->
|
|
|
+<!-- <cwg-input v-model:value="formData.idBackUrl" type="upload" fkey="idBackUrl"-->
|
|
|
+<!-- rulesKey="idBackUrl" :is-upload-d="true" accept="image/png, image/jpeg, image/jpg"-->
|
|
|
+<!-- :readonly="isReadonly" :disabled="isReadonly" @change="handleChange">-->
|
|
|
+<!-- <view class="cwg-upload">-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- </cwg-input>-->
|
|
|
+<!-- <view class="text name">{{ formData.firstName }} {{ formData.lastName }}</view>-->
|
|
|
+<!-- <view class="text cid">CID:{{ formData.cId }}</view>-->
|
|
|
+<!-- <view class="btn-primary" @click="handleEditProfile">-->
|
|
|
+<!-- <cwg-icon name="crm-photo-film" :size="16" color="#fff" />-->
|
|
|
+<!-- 上传头像-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- </uni-col>-->
|
|
|
+ <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
<uni-forms ref="baseForm" :model="formData" labelWidth="200" label-position="top" :rules="rules"
|
|
|
class="base-info-form">
|
|
|
<uni-row class="demo-uni-row uni-row1">
|
|
|
<!-- 客户类型 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.CustomerType')">
|
|
|
- <cwg-combox :clearable="false" v-model:value="formData.customType"
|
|
|
+ <cwg-combox :disabled="isInfo" :clearable="false" v-model:value="formData.customType"
|
|
|
:options="customTypeOptions" :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<!-- 公司名称 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="formData.companyName">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.CompanyName')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.companyName"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.companyName"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -42,7 +42,7 @@
|
|
|
<uni-forms-item :label="formData.customType == 2
|
|
|
? t('ImproveImmediately.Label.CorporationLastName')
|
|
|
: t('ImproveImmediately.Label.LastName')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.lastName"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.lastName"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -51,7 +51,7 @@
|
|
|
<uni-forms-item :label="formData.customType == 2
|
|
|
? t('ImproveImmediately.Label.CorporationName')
|
|
|
: t('ImproveImmediately.Label.Name')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.firstName"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.firstName"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -60,7 +60,7 @@
|
|
|
<uni-forms-item :label="formData.customType == 2
|
|
|
? t('ImproveImmediately.Label.CorporationMName')
|
|
|
: t('placeholder.middle')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.middle"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.middle"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -68,7 +68,7 @@
|
|
|
<!-- 国家 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="countryOptions.length">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.Nationality')">
|
|
|
- <cwg-combox :clearable="false" :filterable="true"
|
|
|
+ <cwg-combox :disabled="isInfo" :clearable="false" :filterable="true"
|
|
|
v-model:value="formData.nationality" :options="countryOptions"
|
|
|
:placeholder="t('placeholder.choose')" @change="changeCountry" />
|
|
|
</uni-forms-item>
|
|
|
@@ -76,35 +76,35 @@
|
|
|
<!-- 证件类型 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.CardType')">
|
|
|
- <cwg-combox :clearable="false" v-model:value="formData.customType"
|
|
|
+ <cwg-combox :disabled="isInfo" :clearable="false" v-model:value="formData.customType"
|
|
|
:options="idTypeOptions" :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<!-- 证件号 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.IdentityID')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.identity"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.identity"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<!-- 拼音 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="isZh">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.NamePinYin')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.nameEn"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.nameEn"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<!-- 性别 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.Gender')">
|
|
|
- <cwg-combox :clearable="false" v-model:value="formData.gender" :options="sexOptions"
|
|
|
+ <cwg-combox :disabled="isInfo" :clearable="false" v-model:value="formData.gender" :options="sexOptions"
|
|
|
:placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<!-- 生日 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.Birthday')">
|
|
|
- <uni-datetime-picker :clear-icon="false" type="datetime" return-type="timestamp"
|
|
|
+ <uni-datetime-picker :disabled="isInfo" :clear-icon="false" type="date" return-type="timestamp"
|
|
|
v-model="formData.birth" :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -112,7 +112,7 @@
|
|
|
<!-- 国家/地区 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="countryOptions.length">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.CountryRegionOfResidence')">
|
|
|
- <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.country"
|
|
|
+ <cwg-combox :disabled="isInfo" :clearable="false" :filterable="true" v-model:value="formData.country"
|
|
|
:options="countryOptions" :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -120,7 +120,7 @@
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
|
|
|
v-if="stateOptions.length && isCountryCN">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.ProvinceRegion')">
|
|
|
- <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.state"
|
|
|
+ <cwg-combox :disabled="isInfo" :clearable="false" :filterable="true" v-model:value="formData.state"
|
|
|
:options="stateOptions" :placeholder="t('placeholder.choose')"
|
|
|
@change="onStateChange" />
|
|
|
</uni-forms-item>
|
|
|
@@ -128,7 +128,7 @@
|
|
|
<!-- 国外省份/州 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="!isCountryCN">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.ProvinceRegion')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.state"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.state"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -136,32 +136,32 @@
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
|
|
|
v-if="cityOptions.length && isCountryCN">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.City')">
|
|
|
- <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.city"
|
|
|
+ <cwg-combox :disabled="isInfo" :clearable="false" :filterable="true" v-model:value="formData.city"
|
|
|
:options="cityOptions" :placeholder="t('placeholder.choose')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<!-- 国外城市 -->
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="!isCountryCN">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.City')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.city"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.city"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.DetailedAddress')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.addressLines1"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.addressLines1"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.ZipCode')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.zipCode"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.zipCode"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
<uni-forms-item :label="t('ImproveImmediately.Label.DetailedAddressStandby')">
|
|
|
- <uni-easyinput :clearable="false" v-model="formData.addressLines2"
|
|
|
+ <uni-easyinput :disabled="isInfo" :clearable="false" v-model="formData.addressLines2"
|
|
|
:placeholder="t('placeholder.input')" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
@@ -171,10 +171,10 @@
|
|
|
</uni-col>
|
|
|
</uni-row>
|
|
|
</view>
|
|
|
- <view class="btns">
|
|
|
- <view class="btn-primary" @click="handleCancel">{{ t('Btn.Cancel') }}</view>
|
|
|
- <view class="btn-primary" @click="handleNext">{{ t('Btn.Next') }}</view>
|
|
|
- </view>
|
|
|
+<!-- <view class="btns">-->
|
|
|
+<!-- <view class="btn-primary" @click="handleCancel">{{ t('Btn.Cancel') }}</view>-->
|
|
|
+<!-- <view class="btn-primary" @click="handleNext">{{ t('Btn.Next') }}</view>-->
|
|
|
+<!-- </view>-->
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -360,6 +360,7 @@ const countryList = ref<Array<any>>([]);
|
|
|
const stateList = ref<Array<any>>([]);
|
|
|
const cityList = ref<Array<any>>([]);
|
|
|
const phoneCodes = ref<Array<{ text: string; value: string }>>([]);
|
|
|
+const isInfo = ref<boolean>(true);
|
|
|
|
|
|
const isZh = computed(() => ['cn', 'zh', 'zhHant'].includes(locale.value));
|
|
|
const isCountryCN = computed(() => ['CN', 'CNX', 'CNA', 'CNT'].includes(formData.value.country || ''));
|