feat: 补充功能

components/cwg-system.vue

@@ -1,16 +1,16 @@
 <template>
-  <view class="cwg-system">
+  <view class="cwg-system" v-if="systemMenuList.length">
     <cwg-dropdown :menu-list="systemMenuList" @menuClick="handleMenuClick">
       <view class="pc-header-btn">
         <text class="current-system-name">{{ currentSystemName }}</text>
-        <cwg-icon name="crm-chevron-down" :color="iconColor" :size="14" />
+        <cwg-icon name="crm-chevron-down" :color="iconColor" darkColor="#000" :size="14" />
       </view>
     </cwg-dropdown>
   </view>
 </template>
 
 <script setup lang="ts">
-import { computed, ref, onMounted } from 'vue'
+import { computed, ref, onMounted,onUnmounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import Config from '@/config/index'
 import { customApi } from '@/service/custom'
@@ -85,13 +85,17 @@ const applySystemList = (data: any[]) => {
   }
 }
 
-async function getSystemList() {
+async function getSystemList(type = false) {
   const cached = getCache()
-  if (cached && cached.timestamp && Date.now() - cached.timestamp < CACHE_DURATION) {
-    applySystemList(cached.data || [])
-    return
+  console.log(1)
+  if (!type){
+    if (cached && cached.timestamp && Date.now() - cached.timestamp < CACHE_DURATION) {
+      applySystemList(cached.data || [])
+      return
+    }
   }
 
+  console.log('qingqiule')
   try {
     const res: any = await customApi.getSystemList({})
     if (res && res.code === Code.StatusOK) {
@@ -155,8 +159,20 @@ function handleMenuClick({ value }: { value: any }) {
   switchSystem(value)
 }
 
+const isInit = ref(false)
+
 onMounted(() => {
+  if (isInit.value) return
+  isInit.value = true
+
   getSystemList()
+
+  uni.$on('updateSystemList', () => {
+    getSystemList(true)
+  })
+})
+onUnmounted(() => {
+  uni.$off('updateSystemList')
 })
 </script>
 

composables/useMenuSplit.ts

@@ -231,7 +231,7 @@ export function useMenuSplit(handleClick1: (item: MenuItem) => void) {
             children: [
                 { path: '/pages/ib/customer', label: 'Ib.Custom.Manage3', icon: 'icon-deposit' },
                 { path: '/pages/ib/subsList', label: 'Ib.Custom.Manage2', icon: 'icon-deposit' },
-                { path: '/pages/ib/agentList', label: 'Documentary.console.item23', icon: 'icon-deposit' },
+                // { path: '/pages/ib/agentList', label: 'Documentary.console.item23', icon: 'icon-deposit' },
                 { path: '/pages/ib/accountList', label: 'Ib.Custom.Manage1', icon: 'icon-deposit' }
             ],
         },

pages/ib/complexReport.vue

@@ -71,7 +71,7 @@
       options: [
         { text: t('State.All'), value: 0 },
         { text: t('AccountType.SeniorAccount'), value: 2 },
-        { text: t('AccountType.NewSpeedAccount'), value: 6 },
+        // { text: t('AccountType.NewSpeedAccount'), value: 6 },
         { text: t('AccountType.StandardAccount'), value: 7 },
         { text: t('AccountType.CentAccount'), value: 8 },
       ],
@@ -114,24 +114,24 @@
         8: t('AccountType.CentAccount'),
       },
     },
-    {
-      prop: 'ibNo',
-      label: t('Label.AgentNumber'),
-      align: 'center',
-      formatter: ({ row }: any) => row.ibNo || '--',
-    },
-    {
-      prop: 'salesNo',
-      label: t('Label.Encode'),
-      align: 'center',
-      formatter: ({ row }: any) => row.salesNo || '--',
-    },
-    {
-      prop: 'salesName',
-      label: '销售姓名',
-      align: 'center',
-      formatter: ({ row }: any) => row.salesName || '--',
-    },
+    // {
+    //   prop: 'ibNo',
+    //   label: t('Label.AgentNumber'),
+    //   align: 'center',
+    //   formatter: ({ row }: any) => row.ibNo || '--',
+    // },
+    // {
+    //   prop: 'salesNo',
+    //   label: t('Label.Encode'),
+    //   align: 'center',
+    //   formatter: ({ row }: any) => row.salesNo || '--',
+    // },
+    // {
+    //   prop: 'salesName',
+    //   label: '销售姓名',
+    //   align: 'center',
+    //   formatter: ({ row }: any) => row.salesName || '--',
+    // },
     {
       prop: 'deposit',
       label: t('Documentary.Report.item21'),

pages/mine/improveImmediately.vue

@@ -38,7 +38,7 @@
               </uni-forms-item>
             </uni-col>
             <!-- 法人中间名 -->
-            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="local == 'en'">
+            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="locale == 'en'">
               <uni-forms-item name="middle" :label="t('placeholder.middle')">
                 <uni-easyinput :clearable="false" v-model="formData.middle" :placeholder="t('placeholder.input')" />
               </uni-forms-item>
@@ -46,16 +46,15 @@
             <!-- 国家 -->
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="countryOptions.length > 0">
               <uni-forms-item name="nationality" :label="t('ImproveImmediately.Label.Nationality')">
-                <cwg-combox :clearable="false" :filterable="true"
-                            v-model:value="formData.nationality" :options="countryOptions"
-                            :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.nationality"
+                  :options="countryOptions" :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <!-- 证件类型 -->
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="IdentityType" :label="identityLabel">
-                <cwg-combox :clearable="false" v-model:value="formData.IdentityType"
-                            :options="identityTypes" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" v-model:value="formData.IdentityType" :options="identityTypes"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <!-- 证件号 -->
@@ -65,7 +64,7 @@
               </uni-forms-item>
             </uni-col>
             <!-- 拼音 -->
-            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="['cn', 'zhHant'].includes(local)">
+            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="['cn', 'zhHant'].includes(locale)">
               <uni-forms-item name="nameEn" :label="t('ImproveImmediately.Label.NamePinYin')">
                 <uni-easyinput :clearable="false" v-model="formData.nameEn" :placeholder="t('placeholder.input')" />
               </uni-forms-item>
@@ -74,14 +73,14 @@
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="gender" :label="t('ImproveImmediately.Label.Gender')">
                 <cwg-combox :clearable="false" v-model:value="formData.gender" :options="genderOptions"
-                            :placeholder="t('placeholder.choose')" />
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <!-- 生日 -->
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="birth" :label="t('ImproveImmediately.Label.Birthday')">
-                <uni-datetime-picker :clear-icon="false" type="date" return-type="timestamp"
-                                     v-model="formData.birth" :placeholder="t('placeholder.choose')" />
+                <uni-datetime-picker :clear-icon="false" type="date" return-type="timestamp" v-model="formData.birth"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <uni-col :span="24">
@@ -103,15 +102,15 @@
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="countryOptions.length > 0">
               <uni-forms-item name="country" :label="t('ImproveImmediately.Label.CountryRegionOfResidence')">
                 <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.country"
-                            :options="countryOptions" :placeholder="t('placeholder.choose')" @change="changeCountry" />
+                  :options="countryOptions" :placeholder="t('placeholder.choose')" @change="changeCountry" />
               </uni-forms-item>
             </uni-col>
             <!-- 省份/州 -->
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
-                     v-if="formData.country == 'CN' || formData.country == 'CNX' || formData.country == 'CNA' || formData.country == 'CNT'">
+              v-if="formData.country == 'CN' || formData.country == 'CNX' || formData.country == 'CNA' || formData.country == 'CNT'">
               <uni-forms-item name="state" :label="t('ImproveImmediately.Label.ProvinceRegion')">
-                <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.state"
-                            :options="stateOptions" :placeholder="t('placeholder.choose')" @change="changeState" />
+                <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.state" :options="stateOptions"
+                  :placeholder="t('placeholder.choose')" @change="changeState" />
               </uni-forms-item>
             </uni-col>
             <!-- 国外省份/州 -->
@@ -122,10 +121,10 @@
             </uni-col>
             <!-- 城市 -->
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
-                     v-if="formData.country == 'CN' || formData.country == 'CNX' || formData.country == 'CNA' || formData.country == 'CNT'">
+              v-if="formData.country == 'CN' || formData.country == 'CNX' || formData.country == 'CNA' || formData.country == 'CNT'">
               <uni-forms-item name="city" :label="t('ImproveImmediately.Label.City')">
-                <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.city"
-                            :options="cityOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" :filterable="true" v-model:value="formData.city" :options="cityOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <!-- 国外城市 -->
@@ -137,7 +136,7 @@
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="addressLines1" :label="t('ImproveImmediately.Label.DetailedAddress')">
                 <uni-easyinput :clearable="false" v-model="formData.addressLines1"
-                               :placeholder="t('placeholder.input')" />
+                  :placeholder="t('placeholder.input')" />
               </uni-forms-item>
             </uni-col>
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
@@ -148,7 +147,7 @@
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="addressLines2" :label="t('ImproveImmediately.Label.DetailedAddressStandby')">
                 <uni-easyinput :clearable="false" v-model="formData.addressLines2"
-                               :placeholder="t('placeholder.input')" />
+                  :placeholder="t('placeholder.input')" />
               </uni-forms-item>
             </uni-col>
           </uni-row>
@@ -159,38 +158,38 @@
           <uni-row class="demo-uni-row uni-row1">
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="level" :label="t('ImproveImmediately.Label.Education')">
-                <cwg-combox :clearable="false" v-model:value="formData.level"
-                            :options="educationOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" v-model:value="formData.level" :options="educationOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="employmentStatus" :label="t('ImproveImmediately.Label.OnJob')">
-                <cwg-combox :clearable="false" v-model:value="formData.employmentStatus"
-                            :options="employmentOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" v-model:value="formData.employmentStatus" :options="employmentOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="tradingObjectives" :label="t('ImproveImmediately.Label.purposeTransaction')">
                 <cwg-combox :clearable="false" v-model:value="formData.tradingObjectives"
-                            :options="transactionPurposeOptions" :placeholder="t('placeholder.choose')" />
+                  :options="transactionPurposeOptions" :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="sourceFunding" :label="t('ImproveImmediately.Label.SourceFunds')">
-                <cwg-combox :clearable="false" v-model:value="formData.sourceFunding"
-                            :options="fundSourceOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" v-model:value="formData.sourceFunding" :options="fundSourceOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="grossAnnualIncome" :label="t('ImproveImmediately.Label.TotalAnnualRevenue')">
-                <cwg-combox :clearable="false" v-model:value="formData.grossAnnualIncome"
-                            :options="annualIncomeOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" v-model:value="formData.grossAnnualIncome" :options="annualIncomeOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
             <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
               <uni-forms-item name="totalNewWorth" :label="t('ImproveImmediately.Label.TotalNetAssets')">
-                <cwg-combox :clearable="false" v-model:value="formData.totalNewWorth"
-                            :options="netWorthOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" v-model:value="formData.totalNewWorth" :options="netWorthOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </uni-col>
           </uni-row>
@@ -199,7 +198,7 @@
             <text class="Trad-experience">{{ t('ImproveImmediately.Content.TradingExperience1') }}</text>
             <view class="Trad-choose">
               <uni-data-checkbox v-model="formData.experienceTradingDerivative"
-                                 :localdata="radioList"></uni-data-checkbox>
+                :localdata="radioList"></uni-data-checkbox>
             </view>
           </view>
           <view class="experience">
@@ -239,85 +238,49 @@
 
               </view>
               <uni-forms-item name="cardType" :label="t('ImproveImmediately.Label.CardType')">
-                <cwg-combox :clearable="false" v-model:value="formData.cardType"
-                            :options="cardTypeOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox :clearable="false" v-model:value="formData.cardType" :options="cardTypeOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
               <uni-row class="demo-uni-row uni-row1">
                 <uni-col :xs="24" :sm="24" :md="10" :lg="10" :xl="10">
-                  <cwg-file-picker-wrapper
-                    v-model="fileListID1.path"
-                    :editable="fileListID1.status != 2"
-                    :limit="1"
-                    :fileMediatype="'all'"
-                    uploadUrl="/custom/file/upload/1"
-                    :baseUrl="updateUrl"
-                    :imageWidth="150"
-                    :imageHeight="150"
-                    :showPreviewDelete="false"
-                    :canDelete="false"
-                    :uploadError="false"
-                    :showProgress="false"
-                    :canChoose="true"
-                    :showError="false"
-                    :show-progress="false"
-                    disablePreview
-                    :image-styles="imageStyle"
-                    @update:modelValue="(val) => handleFileUpdate(val, '1')"
-                    customClass="avatar-uploader"
-                  >
+                  <cwg-file-picker-wrapper v-model="fileListID1.path" :editable="fileListID1.status != 2" :limit="1"
+                    :fileMediatype="'all'" uploadUrl="/custom/file/upload/1" :baseUrl="updateUrl" :imageWidth="150"
+                    :imageHeight="150" :showPreviewDelete="false" :canDelete="false" :uploadError="false"
+                    :showProgress="false" :canChoose="true" :showError="false" :show-progress="false" disablePreview
+                    :image-styles="imageStyle" @update:modelValue="(val) => handleFileUpdate(val, '1')"
+                    customClass="avatar-uploader">
                     <view class="file-item">
-                      <image
-                        v-if="!isPdf(fileListID1.path)"
-                        class="avatar"
-                        :src="updateUrl + (fileListID1.path)"
-                      ></image>
+                      <image v-if="!isPdf(fileListID1.path)" class="avatar" :src="updateUrl + (fileListID1.path)">
+                      </image>
                       <view v-else>
                         <image class="icon" :src="icon_doc" />
                       </view>
                     </view>
                   </cwg-file-picker-wrapper>
-<!--                  <view v-else>-->
-<!--                    <view class="file-item">-->
-<!--                      <image-->
-<!--                        v-if="!isPdf(fileListID1.path)"-->
-<!--                        class="avatar"-->
-<!--                        :src="updateUrl + fileListID1.path"-->
-<!--                      ></image>-->
-<!--                      <view v-else>-->
-<!--                        <image class="icon" :src="icon_doc" />-->
-<!--                      </view>-->
-
-<!--                    </view>-->
-<!--                  </view>-->
+                  <!--                  <view v-else>-->
+                  <!--                    <view class="file-item">-->
+                  <!--                      <image-->
+                  <!--                        v-if="!isPdf(fileListID1.path)"-->
+                  <!--                        class="avatar"-->
+                  <!--                        :src="updateUrl + fileListID1.path"-->
+                  <!--                      ></image>-->
+                  <!--                      <view v-else>-->
+                  <!--                        <image class="icon" :src="icon_doc" />-->
+                  <!--                      </view>-->
+
+                  <!--                    </view>-->
+                  <!--                  </view>-->
                 </uni-col>
                 <uni-col :xs="24" :sm="24" :md="10" :lg="10" :xl="10">
-                  <cwg-file-picker-wrapper
-                    v-model="fileListID2.path"
-                    :editable="fileListID2.status != 2"
-                    :limit="1"
-                    :fileMediatype="'all'"
-                    uploadUrl="/custom/file/upload/2"
-                    :baseUrl="updateUrl"
-                    :imageWidth="150"
-                    :imageHeight="150"
-                    :showPreviewDelete="false"
-                    :canDelete="false"
-                    :uploadError="false"
-                    :showProgress="false"
-                    :canChoose="true"
-                    :showError="false"
-                    :show-progress="false"
-                    disablePreview
-                    :image-styles="imageStyle"
-                    @update:modelValue="(val) => handleFileUpdate(val, '2')"
-                    customClass="avatar-uploader"
-                  >
+                  <cwg-file-picker-wrapper v-model="fileListID2.path" :editable="fileListID2.status != 2" :limit="1"
+                    :fileMediatype="'all'" uploadUrl="/custom/file/upload/2" :baseUrl="updateUrl" :imageWidth="150"
+                    :imageHeight="150" :showPreviewDelete="false" :canDelete="false" :uploadError="false"
+                    :showProgress="false" :canChoose="true" :showError="false" :show-progress="false" disablePreview
+                    :image-styles="imageStyle" @update:modelValue="(val) => handleFileUpdate(val, '2')"
+                    customClass="avatar-uploader">
                     <view class="file-item">
-                      <image
-                        v-if="!isPdf(fileListID2.path)"
-                        class="avatar"
-                        :src="updateUrl + (fileListID2.path)"
-                      ></image>
+                      <image v-if="!isPdf(fileListID2.path)" class="avatar" :src="updateUrl + (fileListID2.path)">
+                      </image>
                       <view v-else>
                         <image class="icon" :src="icon_doc" />
                       </view>
@@ -331,41 +294,39 @@
                 </uni-col>
               </uni-row>
             </uni-col>
-            <uni-col v-if="isPC" :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-              <view class="crm-title-box">
-                <text class="tit">{{ t('ImproveImmediately.Title.MobileDeviceUpload') }}</text>
-                <uni-tooltip placement="bottom">
-                  <text class="icon-tip">ⓘ</text>
-                  <template v-slot:content>
-                    <view class="address-tip">
-                      {{ t('ImproveImmediately.Content.popover2') }}
-                    </view>
-                  </template>
-                </uni-tooltip>
-              </view>
-              <view class="con-box">
-                <view class="box">
-                  <image class="mobile" :src="icon_mobile" />
-                  <image class="arrow" :src="icon_arrowR" />
-                  <image
-                    class="img_mobile"
-                    style="
+            <cwg-match-media :min-width="991">
+              <uni-col v-if="isPC" :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+                <view class="crm-title-box">
+                  <text class="tit">{{ t('ImproveImmediately.Title.MobileDeviceUpload') }}</text>
+                  <uni-tooltip placement="bottom">
+                    <text class="icon-tip">ⓘ</text>
+                    <template v-slot:content>
+                      <view class="address-tip">
+                        {{ t('ImproveImmediately.Content.popover2') }}
+                      </view>
+                    </template>
+                  </uni-tooltip>
+                </view>
+                <view class="con-box">
+                  <view class="box">
+                    <cwg-icon name="icon_mobile" :size="50"/>
+                    <cwg-icon name="icon_next" :size="50"/>
+                    <image class="img_mobile" style="
                       display: inline-block;
                       width: 120px;
                       height: 120px;
                       border: 8px solid var(--color-gray);
-                    "
-                    :src="mobile"
-                  >
-                    <div slot="error" class="image-slot">
-                      <i class="el-icon-picture-outline"></i>
-                    </div>
-                  </image>
-                  <image class="icon_refresh" :src="icon_refresh" @click="getMobileInfo" />
+                    " :src="mobile">
+                      <div slot="error" class="image-slot">
+                        <i class="el-icon-picture-outline"></i>
+                      </div>
+                    </image>
+                    <image class="icon_refresh" :src="icon_refresh" @click="getMobileInfo" />
+                  </view>
                 </view>
-              </view>
 
-            </uni-col>
+              </uni-col>
+            </cwg-match-media>
           </uni-row>
           <view class="descending">
             <p class="title">
@@ -380,7 +341,7 @@
               <span class="dian">-</span>
               <span>{{ t('ImproveImmediately.Content.ProofIdentity5') }}</span>
             </p>
-            <p class="des" v-if="['cn', 'zhHant'].indexOf(local) == -1">
+            <p class="des" v-if="['cn', 'zhHant'].indexOf(locale) == -1">
               <span class="dian">-</span>
               <span>{{ t('ImproveImmediately.Content.ProofIdentity6') }}</span>
             </p>
@@ -396,11 +357,11 @@
               <span class="dian">·</span>
               <span>{{ t('ImproveImmediately.Content.ProofIdentity3') }}</span>
             </p>
-            <p class="des" v-if="['cn', 'zhHant'].indexOf(local) == -1">
+            <p class="des" v-if="['cn', 'zhHant'].indexOf(locale) == -1">
               <span class="dian">·</span>
               <span>{{ t('ImproveImmediately.Content.ProofIdentity7') }}</span>
             </p>
-            <p class="des" v-if="['cn', 'zhHant'].indexOf(local) == -1">
+            <p class="des" v-if="['cn', 'zhHant'].indexOf(locale) == -1">
               <span class="dian">·</span>
               <span>{{ t('ImproveImmediately.Content.ProofIdentity8') }}</span>
             </p>
@@ -408,7 +369,8 @@
         </view>
         <!-- 第四步：地址证明 -->
         <view v-show="currentStep === 4" class="form-section">
-          <uni-row class="demo-uni-row uni-row1">
+          <!--去掉地址证明-->
+          <!--          <uni-row class="demo-uni-row uni-row1">
             <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
               <view class="crm-title-box">
                 <text class="tit">{{ t('ImproveImmediately.Title.ProofAddress') }}</text>
@@ -479,7 +441,7 @@
               <view class="con-box">
                 <view class="box">
                   <cwg-icon name="icon_mobile" :size="50"/>
-<!--                  <image class="mobile" :src="icon_mobile" />-->
+&lt;!&ndash;                  <image class="mobile" :src="icon_mobile" />&ndash;&gt;
                   <image class="arrow" :src="icon_arrowR" />
                   <image
                     class="img_mobile"
@@ -500,7 +462,7 @@
               </view>
 
             </uni-col>
-          </uni-row>
+          </uni-row>-->
           <uni-row class="demo-uni-row uni-row1">
             <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
               <view class="crm-title-box">
@@ -508,74 +470,37 @@
               </view>
               <uni-row class="demo-uni-row uni-row1">
                 <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                  <cwg-file-picker
-                    :limit="9"
-                    :multiple="true"
-                    :editable="true"
-                    :fileMediatype="'all'"
-                    uploadUrl="/custom/file/upload/10"
-                    :baseUrl="updateUrl"
-                    :imageWidth="100"
-                    :imageHeight="60"
-                    :showPreviewDelete="false"
-                    :canDelete="false"
-                    :uploadError="false"
-                    :showProgress="false"
-                    :image-styles="imageStyle"
-                    @update:modelValue="(val) => handleFileUpdate(val, '10')"
-                    custom-class="fileOther"
-                    :showError="false"
-                  >
+                  <cwg-file-picker :limit="9" :multiple="true" :editable="true" :fileMediatype="'all'"
+                    uploadUrl="/custom/file/upload/10" :baseUrl="updateUrl" :imageWidth="100" :imageHeight="60"
+                    :showPreviewDelete="false" :canDelete="false" :uploadError="false" :showProgress="false"
+                    :image-styles="imageStyle" @update:modelValue="(val) => handleFileUpdate(val, '10')"
+                    custom-class="fileOther" :showError="false">
                     <button type="primary">{{ t('Btn.Upload') }}</button>
                   </cwg-file-picker>
                   <view class="fileList">
-                    <view id="files" v-for="(item,index) in fileListOthers" :key="index">
-
-                      <cwg-file-picker-wrapper
-                        customClass="list_upload"
-                        v-model="item.path"
-                        :editable="item.status != 2"
-                        :limit="1"
-                        :fileMediatype="'all'"
-                        :uploadUrl="'/custom/file/upload/10/'+item.id"
-                        :baseUrl="updateUrl"
-                        :uploadError="false"
-                        :showProgress="false"
-                        :imageWidth="100"
-                        :imageHeight="60"
-                        :showPreviewDelete="true"
-                        :disablePreview="true"
-                        :image-styles="imageStyle"
-                        :canChoose="true"
-                        @update:modelValue="(val) => handleFileUpdate(val, '1')"
-                      >
+                    <view id="files" v-for="(item, index) in fileListOthers" :key="index">
+
+                      <cwg-file-picker-wrapper customClass="list_upload" v-model="item.path"
+                        :editable="item.status != 2" :limit="1" :fileMediatype="'all'"
+                        :uploadUrl="'/custom/file/upload/10/' + item.id" :baseUrl="updateUrl" :uploadError="false"
+                        :showProgress="false" :imageWidth="100" :imageHeight="60" :showPreviewDelete="true"
+                        :disablePreview="true" :image-styles="imageStyle" :canChoose="true"
+                        @update:modelValue="(val) => handleFileUpdate(val, '1')">
                         <view class="file-item">
-                          <image
-                            v-if="!isPdf(item.path) || !isPdf(item.againPath)"
-                            class="avatar"
-                            :src="updateUrl + (item.againPath || item.path)"
-                          ></image>
+                          <image v-if="!isPdf(item.path) || !isPdf(item.againPath)" class="avatar"
+                            :src="updateUrl + (item.againPath || item.path)"></image>
                           <view v-else>
                             <image class="icon" :src="icon_doc" />
                           </view>
                         </view>
                       </cwg-file-picker-wrapper>
                       <view class="options">
-                        <u-button
-                          style="margin-right: 20px;"
-                          :disabled="item.status == 2"
-                        >
-                          <a
-                            :href="updateUrl + (item.againPath || item.path)"
-                            target="_blank"
-                          >
+                        <u-button style="margin-right: 20px;" :disabled="item.status == 2" @click.stop="showFile(item)">
+                          <a :href="updateUrl + (item.againPath || item.path)" target="_blank">
                             {{ t('Btn.item12') }}
                           </a>
                         </u-button>
-                        <u-button
-                          :disabled="item.status == 2"
-                          @click="fileOtherDelete(item.id)"
-                        >
+                        <u-button :disabled="item.status == 2" @click="fileOtherDelete(item.id)">
                           {{ t('Btn.Delete') }}
                         </u-button>
                       </view>
@@ -607,19 +532,19 @@
               <span>{{ t('ImproveImmediately.Content.ProofAddress3') }}</span>
             </p>
             <p class="des">
-              <span class="dian" v-if="['cn', 'zhHant'].indexOf(local) != -1">·</span>
-              <span class="dian" v-if="local == 'en'">-</span>
+              <span class="dian" v-if="['cn', 'zhHant'].indexOf(locale) != -1">·</span>
+              <span class="dian" v-if="locale == 'en'">-</span>
               <span>{{ t('ImproveImmediately.Content.ProofAddress4') }}</span>
             </p>
             <p class="des">
               <span class="dian">·</span>
               <span>{{ t('ImproveImmediately.Content.ProofAddress6') }}</span>
             </p>
-            <p class="des" v-if="local == 'en'">
+            <p class="des" v-if="locale == 'en'">
               <span class="dian">·</span>
               <span>{{ t('ImproveImmediately.Content.ProofAddress7') }}</span>
             </p>
-            <p class="des" v-if="local == 'en'">
+            <p class="des" v-if="locale == 'en'">
               <span class="dian">·</span>
               <span>{{ t('ImproveImmediately.Content.ProofAddress8') }}</span>
             </p>
@@ -717,837 +642,844 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, onMounted, onUnmounted, watch, computed } from 'vue'
-  import { useI18n } from 'vue-i18n'
-  import { onLoad } from '@dcloudio/uni-app'
-  import { personalApi } from '@/service/personal'
-  import Config from '@/config/index'
-  import QrCode from '@/components/QRCode.vue'
-  import { userToken } from '@/composables/config'
-  import useRouter from '@/hooks/useRouter'
-  import { Patterns, Validators } from '@/utils/validators'
-  import { pinyin } from 'pinyin-pro'
-  import config from '@/config/index'
-  import icon_doc from '@/static/icons/crm-document.svg'
-  import icon_refresh from '@/static/icons/crm-refresh.svg'
-  import icon_mobile from '@/static/icons/icon_mobile.svg'
-  import icon_arrowR from '@/static/icons/icon_arrowR.svg'
-
-  const router = useRouter()
-  const { t,local } = useI18n()
-  const currentStep = ref<number>(3)
-  const formRef = ref()
-  const dialogCheck = ref(null)
-  const dialogCheck1 = ref(false)
-  const text1 = ref('')
-  const qrCodeStatus = ref(false)
-  const addressTipPopup = ref()
-
-  // 新增的响应式数据
-  const divActiveHelf = ref(false)
-  const divActiveAll = ref(false)
-  const websock = ref(null)
-  const isPC = ref(true)
-  const fileListID1 = ref({ againPath: '', id: null, path: '', status: null, type: null })
-  const fileListID2 = ref({ againPath: '', id: null, path: '', status: null, type: null })
-  const fileListAdd1 = ref({ againPath: '', id: null, path: '', status: null, type: null })
-  const fileListAdd2 = ref({ againPath: '', id: null, path: '', status: null, type: null })
-  const fileListOthers = ref([])
-  const actionID1 = ref('')
-  const actionID2 = ref('')
-  const actionAdd1 = ref('')
-  const actionAdd2 = ref('')
-  const actionOtherAdd = ref('')
-  const flag = ref(false)
-  const pictLoading = ref(false)
-  const pictLoadingImg = ref(false)
-  const isApprove = ref(false)
-  const metaInfo = ref({})
-  const HostWs = ref(Config.HostWs)
-  const cities = ref([])
-  const states = ref([])
-  const countries = ref([])
-  const uploadImage = ref(0)
-  const updateUrl = config.Host80
-  const mobile = ref('')
-  const notCountry = [
-    'AF',
-    'AI',
-    'AG',
-    'BS',
-    'BY',
-    'BZ',
-    'BA',
-    'BI',
-    'CF',
-    'CD',
-    'CU',
-    'ET',
-    'FJ',
-    'PS',
-    'GN',
-    'GW',
-    'HT',
-    'IR',
-    'IQ',
-    'LB',
-    'LY',
-    'ML',
-    'MM',
-    'NI',
-    'KP',
-    'PW',
-    'RU',
-    'SO',
-    'SS',
-    'SD',
-    'SY',
-    'UA',
-    'US',
-    'VE',
-    'YE',
-    'ZW',
-  ]
-
-  const imageStyle = ref({
-    width: 200,
-    height: 150,
-    border: {
-      radius: '5px',
-    },
-  })
-
-  // 验证函数
-  function validateName(a: any, b?: any, c?: any) {
-    const reg = /^[A-Z\s]+$/i
-    if (typeof c === 'function') {
-      const value = b
-      const callback = c
-      const val = String(value ?? '').trim()
-      if (!val) return callback(new Error(t('card.vaildate.v4')))
-      if (!reg.test(val)) return callback(new Error(t('card.vaildate.v38')))
-      if (val.length < 2 || val.length > 23) return callback(new Error(t('card.vaildate.v39')))
-      const firstName = String(formData.value?.firstName ?? '').trim()
-      const lastName = String(formData.value?.lastName ?? '').trim()
-      if (`${firstName} ${lastName}`.length > 23) return callback(new Error(t('card.vaildate.v40')))
-      return callback()
-    }
-    const val = String(a ?? '').trim()
-    if (!val) return t('card.vaildate.v4')
-    if (!reg.test(val)) return t('card.vaildate.v38')
-    if (val.length < 2 || val.length > 23) return t('card.vaildate.v39')
+import { ref, onMounted, onUnmounted, watch, computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { onLoad } from '@dcloudio/uni-app'
+import { personalApi } from '@/service/personal'
+import Config from '@/config/index'
+import QrCode from '@/components/QRCode.vue'
+import { userToken } from '@/composables/config'
+import useRouter from '@/hooks/useRouter'
+import { Patterns, Validators } from '@/utils/validators'
+import { pinyin } from 'pinyin-pro'
+import config from '@/config/index'
+import icon_doc from '@/static/icons/crm-document.svg'
+import icon_refresh from '@/static/icons/crm-refresh.svg'
+import icon_mobile from '@/static/icons/icon_mobile.svg'
+import icon_arrowR from '@/static/icons/icon_arrowR.svg'
+
+const router = useRouter()
+const { t, locale } = useI18n()
+const currentStep = ref<number>(3)
+const formRef = ref()
+const dialogCheck = ref(null)
+const dialogCheck1 = ref(false)
+const text1 = ref('')
+const qrCodeStatus = ref(false)
+const addressTipPopup = ref()
+
+// 新增的响应式数据
+const divActiveHelf = ref(false)
+const divActiveAll = ref(false)
+const websock = ref(null)
+const isPC = ref(true)
+const fileListID1 = ref({ againPath: '', id: null, path: '', status: null, type: null })
+const fileListID2 = ref({ againPath: '', id: null, path: '', status: null, type: null })
+const fileListAdd1 = ref({ againPath: '', id: null, path: '', status: null, type: null })
+const fileListAdd2 = ref({ againPath: '', id: null, path: '', status: null, type: null })
+const fileListOthers = ref([])
+const actionID1 = ref('')
+const actionID2 = ref('')
+const actionAdd1 = ref('')
+const actionAdd2 = ref('')
+const actionOtherAdd = ref('')
+const flag = ref(false)
+const pictLoading = ref(false)
+const pictLoadingImg = ref(false)
+const isApprove = ref(false)
+const metaInfo = ref({})
+const HostWs = ref(Config.HostWs)
+const cities = ref([])
+const states = ref([])
+const countries = ref([])
+const uploadImage = ref(0)
+const updateUrl = config.Host80
+const mobile = ref('')
+const notCountry = [
+  'AF',
+  'AI',
+  'AG',
+  'BS',
+  'BY',
+  'BZ',
+  'BA',
+  'BI',
+  'CF',
+  'CD',
+  'CU',
+  'ET',
+  'FJ',
+  'PS',
+  'GN',
+  'GW',
+  'HT',
+  'IR',
+  'IQ',
+  'LB',
+  'LY',
+  'ML',
+  'MM',
+  'NI',
+  'KP',
+  'PW',
+  'RU',
+  'SO',
+  'SS',
+  'SD',
+  'SY',
+  'UA',
+  'US',
+  'VE',
+  'YE',
+  'ZW',
+]
+
+const imageStyle = ref({
+  width: 200,
+  height: 150,
+  border: {
+    radius: '5px',
+  },
+})
+
+// 验证函数
+function validateName(a: any, b?: any, c?: any) {
+  const reg = /^[A-Z\s]+$/i
+  if (typeof c === 'function') {
+    const value = b
+    const callback = c
+    const val = String(value ?? '').trim()
+    if (!val) return callback(new Error(t('card.vaildate.v4')))
+    if (!reg.test(val)) return callback(new Error(t('card.vaildate.v38')))
+    if (val.length < 2 || val.length > 23) return callback(new Error(t('card.vaildate.v39')))
     const firstName = String(formData.value?.firstName ?? '').trim()
     const lastName = String(formData.value?.lastName ?? '').trim()
-    if (`${firstName} ${lastName}`.length > 23) return t('card.vaildate.v40')
-    return true
+    if (`${firstName} ${lastName}`.length > 23) return callback(new Error(t('card.vaildate.v40')))
+    return callback()
   }
-
-  function validateBirthday(a: any, b?: any, c?: any) {
-    if (typeof c === 'function') {
-      const value = b
-      const callback = c
-      const val = value
-      if (!val) return callback(new Error(t('card.vaildate.v5')))
-      const today = new Date()
-      const birthDate = new Date(val)
-      let age = today.getFullYear() - birthDate.getFullYear()
-      const month = today.getMonth() - birthDate.getMonth()
-      if (month < 0 || (month === 0 && today.getDate() < birthDate.getDate())) age--
-      if (age < 18) return callback(new Error(t('card.New.n3')))
-      return callback()
-    }
-    const val = a
-    if (!val) return t('card.vaildate.v5')
+  const val = String(a ?? '').trim()
+  if (!val) return t('card.vaildate.v4')
+  if (!reg.test(val)) return t('card.vaildate.v38')
+  if (val.length < 2 || val.length > 23) return t('card.vaildate.v39')
+  const firstName = String(formData.value?.firstName ?? '').trim()
+  const lastName = String(formData.value?.lastName ?? '').trim()
+  if (`${firstName} ${lastName}`.length > 23) return t('card.vaildate.v40')
+  return true
+}
+
+function validateBirthday(a: any, b?: any, c?: any) {
+  if (typeof c === 'function') {
+    const value = b
+    const callback = c
+    const val = value
+    if (!val) return callback(new Error(t('card.vaildate.v5')))
     const today = new Date()
     const birthDate = new Date(val)
     let age = today.getFullYear() - birthDate.getFullYear()
     const month = today.getMonth() - birthDate.getMonth()
     if (month < 0 || (month === 0 && today.getDate() < birthDate.getDate())) age--
-    return age < 18 ? t('card.New.n3') : true
+    if (age < 18) return callback(new Error(t('card.New.n3')))
+    return callback()
   }
-
-  function validateAddress(a: any, b?: any, c?: any) {
-    if (typeof c === 'function') {
-      const value = b
-      const callback = c
-      const val = String(value ?? '').trim()
-      if (!val) return callback(new Error(t('card.vaildate.v27')))
-      if (val.length < 2 || val.length > 40) return callback(new Error(t('card.New.n1')))
-      if (!Patterns.address.test(val)) return callback(new Error(t('card.New.n1')))
-      return callback()
-    }
-    const val = String(a ?? '').trim()
-    if (!val) return t('card.vaildate.v27')
-    if (val.length < 2 || val.length > 40) return t('card.New.n1')
-    return Patterns.address.test(val) ? true : t('card.New.n1')
-  }
-
-  const rules = {
-    customType: [Validators.required(t('card.vaildate.v1'))],
-    firstName: [Validators.required(t('card.vaildate.v3')), Validators.custom(validateName)],
-    lastName: [Validators.required(t('card.vaildate.v4')), Validators.custom(validateName)],
-    nationality: [Validators.required(t('card.vaildate.v6'), 'change')],
-    IdentityType: [Validators.required(t('card.vaildate.v1'))],
-    identity: [Validators.required(t('card.vaildate.v4'))],
-    gender: [Validators.required(t('card.vaildate.v9'), 'change')],
-    birth: [
-      Validators.required(t('card.vaildate.v5'), 'change'),
-      Validators.custom(validateBirthday, 'change'),
-    ],
-    country: [Validators.required(t('card.vaildate.v1'))],
-    state: [Validators.required(t('card.vaildate.v1'))],
-    city: [Validators.required(t('card.vaildate.v1'))],
-    addressLines1: [Validators.required(t('card.vaildate.v27')), Validators.custom(validateAddress)],
-    zipCode: [
-      Validators.required(t('card.vaildate.v8')),
-      Validators.pattern(Patterns.postcode, t('card.New.n2')),
-    ],
-    level: [Validators.required(t('card.vaildate.v1'))],
-    employmentStatus: [Validators.required(t('card.vaildate.v1'))],
-    tradingObjectives: [Validators.required(t('card.vaildate.v1'))],
-    sourceFunding: [Validators.required(t('card.vaildate.v1'))],
-    grossAnnualIncome: [Validators.required(t('card.vaildate.v1'))],
-    totalNewWorth: [Validators.required(t('card.vaildate.v1'))],
-    cardType: [Validators.required(t('card.vaildate.v1'))],
-    idFrontUrl: [Validators.required(t('card.vaildate.v1'))],
-    idBackUrl: [Validators.required(t('card.vaildate.v1'))],
-    addressProofUrl: [Validators.required(t('card.vaildate.v1'))],
+  const val = a
+  if (!val) return t('card.vaildate.v5')
+  const today = new Date()
+  const birthDate = new Date(val)
+  let age = today.getFullYear() - birthDate.getFullYear()
+  const month = today.getMonth() - birthDate.getMonth()
+  if (month < 0 || (month === 0 && today.getDate() < birthDate.getDate())) age--
+  return age < 18 ? t('card.New.n3') : true
+}
+
+function validateAddress(a: any, b?: any, c?: any) {
+  if (typeof c === 'function') {
+    const value = b
+    const callback = c
+    const val = String(value ?? '').trim()
+    if (!val) return callback(new Error(t('card.vaildate.v27')))
+    if (val.length < 2 || val.length > 40) return callback(new Error(t('card.New.n1')))
+    if (!Patterns.address.test(val)) return callback(new Error(t('card.New.n1')))
+    return callback()
   }
-
-  onLoad((options) => {
-    currentStep.value = parseInt(options?.currentStep || '1', 10)
-  })
-
-  function goStep(step: number) {
-    console.log(step,'step')
-    if ( step == 4){
-      if (currentUploadCard.value == 1){
-        if (!formData.value.cardType){
-          uni.showToast({ title:t('vaildate.CardType.empty'),icon:'error'
+  const val = String(a ?? '').trim()
+  if (!val) return t('card.vaildate.v27')
+  if (val.length < 2 || val.length > 40) return t('card.New.n1')
+  return Patterns.address.test(val) ? true : t('card.New.n1')
+}
+
+const rules = {
+  customType: [Validators.required(t('card.vaildate.v1'))],
+  firstName: [Validators.required(t('card.vaildate.v3')), Validators.custom(validateName)],
+  lastName: [Validators.required(t('card.vaildate.v4')), Validators.custom(validateName)],
+  nationality: [Validators.required(t('card.vaildate.v6'), 'change')],
+  IdentityType: [Validators.required(t('card.vaildate.v1'))],
+  identity: [Validators.required(t('card.vaildate.v4'))],
+  gender: [Validators.required(t('card.vaildate.v9'), 'change')],
+  birth: [
+    Validators.required(t('card.vaildate.v5'), 'change'),
+    Validators.custom(validateBirthday, 'change'),
+  ],
+  country: [Validators.required(t('card.vaildate.v1'))],
+  state: [Validators.required(t('card.vaildate.v1'))],
+  city: [Validators.required(t('card.vaildate.v1'))],
+  addressLines1: [Validators.required(t('card.vaildate.v27')), Validators.custom(validateAddress)],
+  zipCode: [
+    Validators.required(t('card.vaildate.v8')),
+    Validators.pattern(Patterns.postcode, t('card.New.n2')),
+  ],
+  level: [Validators.required(t('card.vaildate.v1'))],
+  employmentStatus: [Validators.required(t('card.vaildate.v1'))],
+  tradingObjectives: [Validators.required(t('card.vaildate.v1'))],
+  sourceFunding: [Validators.required(t('card.vaildate.v1'))],
+  grossAnnualIncome: [Validators.required(t('card.vaildate.v1'))],
+  totalNewWorth: [Validators.required(t('card.vaildate.v1'))],
+  cardType: [Validators.required(t('card.vaildate.v1'))],
+  idFrontUrl: [Validators.required(t('card.vaildate.v1'))],
+  idBackUrl: [Validators.required(t('card.vaildate.v1'))],
+  addressProofUrl: [Validators.required(t('card.vaildate.v1'))],
+}
+
+onLoad((options) => {
+  currentStep.value = parseInt(options?.currentStep || '1', 10)
+})
+
+function goStep(step: number) {
+  console.log(step, 'step')
+  if (step == 4) {
+    if (currentUploadCard.value == 1) {
+      if (!formData.value.cardType) {
+        uni.showToast({
+          title: t('vaildate.CardType.empty'), icon: 'error'
         })
-          return
-        }
-        if (!fileListID1.value.path || !fileListID2.value.path){
-          uni.showToast({ title: t('vaildate.IDPhoto.empty'),icon: 'error'
+        return
+      }
+      if (!fileListID1.value.path || !fileListID2.value.path) {
+        uni.showToast({
+          title: t('vaildate.IDPhoto.empty'), icon: 'error'
         })
-          return
-        }
+        return
       }
     }
-    currentStep.value = step
   }
+  currentStep.value = step
+}
+
+// 选项数据
+const customerTypeOptions = [
+  { value: 1, text: t('ImproveImmediately.Label.CustomerType1') },
+  { value: 2, text: t('ImproveImmediately.Label.CustomerType2') },
+]
+
+const identityTypes = ref([
+  { text: t('ImproveImmediately.Label.IDCard'), value: 2 },
+  { text: t('ImproveImmediately.Label.Passport'), value: 3 },
+])
+
+const genderOptions = [
+  { value: 1, text: t('PersonalManagement.Label.Men') },
+  { value: 2, text: t('PersonalManagement.Label.Women') },
+]
+const radioList = [
+  { value: 1, text: t('ImproveImmediately.Label.Yes') },
+  { value: 0, text: t('ImproveImmediately.Label.No') },
+]
+
+const educationOptions = [
+  { value: 1, text: t('ImproveImmediately.Label.Education1') },
+  { value: 2, text: t('ImproveImmediately.Label.Education2') },
+  { value: 3, text: t('ImproveImmediately.Label.Education3') },
+  { value: 4, text: t('ImproveImmediately.Label.Education4') },
+  { value: 5, text: t('ImproveImmediately.Label.Education5') },
+]
+
+const employmentOptions = [
+  { value: 1, text: t('ImproveImmediately.Label.OnJob1') },
+  { value: 2, text: t('ImproveImmediately.Label.OnJob2') },
+  { value: 3, text: t('ImproveImmediately.Label.OnJob3') },
+  { value: 4, text: t('ImproveImmediately.Label.OnJob4') },
+  { value: 5, text: t('ImproveImmediately.Label.OnJob5') },
+]
+
+const transactionPurposeOptions = [
+  { value: 1, text: t('ImproveImmediately.Label.purposeTransaction1') },
+  { value: 2, text: t('ImproveImmediately.Label.purposeTransaction2') },
+  { value: 3, text: t('ImproveImmediately.Label.purposeTransaction3') },
+  { value: 4, text: t('ImproveImmediately.Label.purposeTransaction4') },
+]
+
+const fundSourceOptions = [
+  { value: 1, text: t('ImproveImmediately.Label.SourceFunds1') },
+  { value: 2, text: t('ImproveImmediately.Label.SourceFunds2') },
+  { value: 3, text: t('ImproveImmediately.Label.SourceFunds3') },
+  { value: 4, text: t('ImproveImmediately.Label.SourceFunds4') },
+  { value: 5, text: t('ImproveImmediately.Label.SourceFunds5') },
+  { value: 6, text: t('ImproveImmediately.Label.SourceFunds6') },
+]
+
+const annualIncomeOptions = [
+  { value: 1, text: t('ImproveImmediately.Label.TotalAnnualRevenue1') },
+  { value: 2, text: t('ImproveImmediately.Label.TotalAnnualRevenue2') },
+  { value: 3, text: t('ImproveImmediately.Label.TotalAnnualRevenue3') },
+  { value: 4, text: t('ImproveImmediately.Label.TotalAnnualRevenue4') },
+  { value: 5, text: t('ImproveImmediately.Label.TotalAnnualRevenue5') },
+]
+
+const netWorthOptions = [
+  { value: 1, text: t('ImproveImmediately.Label.TotalNetAssets1') },
+  { value: 2, text: t('ImproveImmediately.Label.TotalNetAssets2') },
+  { value: 3, text: t('ImproveImmediately.Label.TotalNetAssets3') },
+  { value: 4, text: t('ImproveImmediately.Label.TotalNetAssets4') },
+  { value: 5, text: t('ImproveImmediately.Label.TotalNetAssets5') },
+]
+
+const cardTypeOptions = [
+  { value: 'ID_CARD', text: 'ID Card' },
+  { value: 'PASSPORT', text: 'Passport' },
+  { value: 'DRIVERS', text: 'Driver\'s License' },
+  { value: 'RESIDENCE_PERMIT', text: 'Residence Permit' },
+]
+
+// 表单数据
+const formData = ref({
+  customType: 1,
+  companyName: undefined,
+  lastName: undefined,
+  firstName: undefined,
+  middle: undefined,
+  nationality: undefined,
+  IdentityType: 2,
+  identity: undefined,
+  nameEn: undefined,
+  gender: undefined,
+  birth: undefined,
+  country: undefined,
+  state: undefined,
+  city: undefined,
+  addressLines1: undefined,
+  addressLines2: undefined,
+  zipCode: undefined,
+  level: undefined,
+  employmentStatus: undefined,
+  tradingObjectives: undefined,
+  sourceFunding: undefined,
+  grossAnnualIncome: undefined,
+  totalNewWorth: undefined,
+  experienceTradingDerivative: 0,
+  experienceTradingForex: 0,
+  derivativeProducts: 0,
+  experienceQualification: 0,
+  cardType: undefined,
+  idFrontUrl: undefined,
+  idBackUrl: undefined,
+  addressProofUrl: undefined,
+  otherFiles: undefined,
+  addressLines: [],
+})
+
+// 选项数据
+const countryOptions = ref<Array<{ text: string; value: string }>>([])
+const stateOptions = ref<Array<{ text: string; value: string }>>([])
+const cityOptions = ref<Array<{ text: string; value: string }>>([])
+
+// 加载状态
+const loadingStates = ref({
+  next: false,
+  submit: false,
+})
+
+// 计算属性
+const identityLabel = computed(() => {
+  if (formData.value.IdentityType === 2) return t('ImproveImmediately.Label.IDCard')
+  if (formData.value.IdentityType === 3) return t('ImproveImmediately.Label.Passport')
+  return t('ImproveImmediately.Label.IdentityID')
+})
+
+// 计算属性：当前选中国籍的 uploadCard 值
+const currentUploadCard = computed(() => {
+  if (!formData.value.nationality || !countries.value.length) {
+    return 0
+  }
+  const selectedCountry = countries.value.find(
+    (item: any) => item.code === formData.value.nationality,
+  )
+  return selectedCountry ? (selectedCountry.uploadCard || 0) : 0
+})
 
-  // 选项数据
-  const customerTypeOptions = [
-    { value: 1, text: t('ImproveImmediately.Label.CustomerType1') },
-    { value: 2, text: t('ImproveImmediately.Label.CustomerType2') },
-  ]
-
-  const identityTypes = ref([
-    { text: t('ImproveImmediately.Label.IDCard'), value: 2 },
-    { text: t('ImproveImmediately.Label.Passport'), value: 3 },
-  ])
-
-  const genderOptions = [
-    { value: 1, text: t('PersonalManagement.Label.Men') },
-    { value: 2, text: t('PersonalManagement.Label.Women') },
-  ]
-  const radioList = [
-    { value: 1, text: t('ImproveImmediately.Label.Yes') },
-    { value: 0, text: t('ImproveImmediately.Label.No') },
-  ]
-
-  const educationOptions = [
-    { value: 1, text: t('ImproveImmediately.Label.Education1') },
-    { value: 2, text: t('ImproveImmediately.Label.Education2') },
-    { value: 3, text: t('ImproveImmediately.Label.Education3') },
-    { value: 4, text: t('ImproveImmediately.Label.Education4') },
-    { value: 5, text: t('ImproveImmediately.Label.Education5') },
-  ]
-
-  const employmentOptions = [
-    { value: 1, text: t('ImproveImmediately.Label.OnJob1') },
-    { value: 2, text: t('ImproveImmediately.Label.OnJob2') },
-    { value: 3, text: t('ImproveImmediately.Label.OnJob3') },
-    { value: 4, text: t('ImproveImmediately.Label.OnJob4') },
-    { value: 5, text: t('ImproveImmediately.Label.OnJob5') },
-  ]
-
-  const transactionPurposeOptions = [
-    { value: 1, text: t('ImproveImmediately.Label.purposeTransaction1') },
-    { value: 2, text: t('ImproveImmediately.Label.purposeTransaction2') },
-    { value: 3, text: t('ImproveImmediately.Label.purposeTransaction3') },
-    { value: 4, text: t('ImproveImmediately.Label.purposeTransaction4') },
-  ]
-
-  const fundSourceOptions = [
-    { value: 1, text: t('ImproveImmediately.Label.SourceFunds1') },
-    { value: 2, text: t('ImproveImmediately.Label.SourceFunds2') },
-    { value: 3, text: t('ImproveImmediately.Label.SourceFunds3') },
-    { value: 4, text: t('ImproveImmediately.Label.SourceFunds4') },
-    { value: 5, text: t('ImproveImmediately.Label.SourceFunds5') },
-    { value: 6, text: t('ImproveImmediately.Label.SourceFunds6') },
-  ]
-
-  const annualIncomeOptions = [
-    { value: 1, text: t('ImproveImmediately.Label.TotalAnnualRevenue1') },
-    { value: 2, text: t('ImproveImmediately.Label.TotalAnnualRevenue2') },
-    { value: 3, text: t('ImproveImmediately.Label.TotalAnnualRevenue3') },
-    { value: 4, text: t('ImproveImmediately.Label.TotalAnnualRevenue4') },
-    { value: 5, text: t('ImproveImmediately.Label.TotalAnnualRevenue5') },
-  ]
-
-  const netWorthOptions = [
-    { value: 1, text: t('ImproveImmediately.Label.TotalNetAssets1') },
-    { value: 2, text: t('ImproveImmediately.Label.TotalNetAssets2') },
-    { value: 3, text: t('ImproveImmediately.Label.TotalNetAssets3') },
-    { value: 4, text: t('ImproveImmediately.Label.TotalNetAssets4') },
-    { value: 5, text: t('ImproveImmediately.Label.TotalNetAssets5') },
-  ]
-
-  const cardTypeOptions = [
-    { value: 'ID_CARD', text: 'ID Card' },
-    { value: 'PASSPORT', text: 'Passport' },
-    { value: 'DRIVERS', text: 'Driver\'s License' },
-    { value: 'RESIDENCE_PERMIT', text: 'Residence Permit' },
-  ]
-
-  // 表单数据
-  const formData = ref({
-    customType: 1,
-    companyName: undefined,
-    lastName: undefined,
-    firstName: undefined,
-    middle: undefined,
-    nationality: undefined,
-    IdentityType: 2,
-    identity: undefined,
-    nameEn: undefined,
-    gender: undefined,
-    birth: undefined,
-    country: undefined,
-    state: undefined,
-    city: undefined,
-    addressLines1: undefined,
-    addressLines2: undefined,
-    zipCode: undefined,
-    level: undefined,
-    employmentStatus: undefined,
-    tradingObjectives: undefined,
-    sourceFunding: undefined,
-    grossAnnualIncome: undefined,
-    totalNewWorth: undefined,
-    experienceTradingDerivative: 0,
-    experienceTradingForex: 0,
-    derivativeProducts: 0,
-    experienceQualification: 0,
-    cardType: undefined,
-    idFrontUrl: undefined,
-    idBackUrl: undefined,
-    addressProofUrl: undefined,
-    otherFiles: undefined,
-    addressLines: [],
+// 计算属性：当前选中国籍的 uploadAddress 值
+const currentUploadAddress = computed(() => {
+  if (!formData.value.nationality || !countries.value.length) {
+    return 0
+  }
+  const selectedCountry = countries.value.find(
+    (item: any) => item.code === formData.value.nationality,
+  )
+  return selectedCountry ? (selectedCountry.uploadAddress || 0) : 0
+})
+
+// 方法
+function changeCountry(value: any) {
+  // 处理国家选择变化
+  // 清空省份/城市选择//
+  formData.value.state = ''
+  formData.value.city = ''
+  stateOptions.value = []
+  cityOptions.value = []
+  states.value = []
+  cities.value = []
+  let item = {}
+  countries.value.forEach(element => {
+    if (element.code == value) {
+      item = element
+      return
+    }
   })
+  getStateList(item.id)
+}
 
-  // 选项数据
-  const countryOptions = ref<Array<{ text: string; value: string }>>([])
-  const stateOptions = ref<Array<{ text: string; value: string }>>([])
-  const cityOptions = ref<Array<{ text: string; value: string }>>([])
 
-  // 加载状态
-  const loadingStates = ref({
-    next: false,
-    submit: false,
-  })
+function handleFileUpdate(value, type) {
+  console.log(value, type, 'uplaod')
+  if (type == 10) {
+    uni.showToast({ title: t('card.New1.d5'), icon: 'none' })
+    getCustomFileList();
+  }
+}
+const showFile = (file) => {
+  // console.log(file)
+  window.open(updateUrl + (file.againPath || file.path), '_blank')
+}
+
+async function fileOtherDelete(id) {
+  uni.showModal({
+    title: t('Msg.SystemPrompt'),
+    content: t('Msg.Delete'),
+    cancelText: t('Btn.Cancel'),
+    confirmText: t('Btn.Confirm'),
+    success: async (res) => {
+      if (res.confirm) {
+        // 确认删除
+        let data = await personalApi.customFileDelete({ ids: [id] })
+        if (data.code == 200) {
+          uni.showToast(t('Msg.DeleteSuccess'))
+          getCustomFileList()
+        } else {
+          uni.showToast(res.msg)
+        }
+      }
+    },
+    fail: () => {
 
-  // 计算属性
-  const identityLabel = computed(() => {
-    if (formData.value.IdentityType === 2) return t('ImproveImmediately.Label.IDCard')
-    if (formData.value.IdentityType === 3) return t('ImproveImmediately.Label.Passport')
-    return t('ImproveImmediately.Label.IdentityID')
+    },
   })
+}
 
-  // 计算属性：当前选中国籍的 uploadCard 值
-  const currentUploadCard = computed(() => {
-    if (!formData.value.nationality || !countries.value.length) {
-      return 0
-    }
-    const selectedCountry = countries.value.find(
-      (item: any) => item.code === formData.value.nationality,
-    )
-    return selectedCountry ? (selectedCountry.uploadCard || 0) : 0
-  })
 
-  // 计算属性：当前选中国籍的 uploadAddress 值
-  const currentUploadAddress = computed(() => {
-    if (!formData.value.nationality || !countries.value.length) {
-      return 0
+function changeState(val) {
+  formData.value.city = ''
+  cityOptions.value = []
+  let item = {}
+  states.value.forEach((element) => {
+    if (element.name == val || element.enName == val) {
+      item = element
+      return
     }
-    const selectedCountry = countries.value.find(
-      (item: any) => item.code === formData.value.nationality,
-    )
-    return selectedCountry ? (selectedCountry.uploadAddress || 0) : 0
   })
+  getCityList(item.id)
+}
 
-  // 方法
-  function changeCountry(value: any) {
-    // 处理国家选择变化
-    // 清空省份/城市选择//
+function handleChange(value: any) {
+  formData.value = { ...formData.value, [value.key]: value.value }
+  console.log(value)
+  if (value.key === 'country') {
     formData.value.state = ''
     formData.value.city = ''
     stateOptions.value = []
     cityOptions.value = []
-    states.value = []
-    cities.value = []
-    let item = {}
-    countries.value.forEach(element => {
-      if (element.code == value) {
-        item = element
-        return
-      }
-    })
-    getStateList(item.id)
-  }
-
-
-  function handleFileUpdate(value, type) {
-    console.log(value, type, 'uplaod')
-    if (type == 10){
-      uni.showToast({ title: t('card.New1.d5'),icon: 'none' })
-      getCustomFileList();
+    if (value.value) {
+      getStateList(value.value)
     }
-  }
-
-  async function fileOtherDelete(id) {
-    uni.showModal({
-      title: t('Msg.SystemPrompt'),
-      content: t('Msg.Delete'),
-      cancelText: t('Btn.Cancel'),
-      confirmText: t('Btn.Confirm'),
-      success: async (res) => {
-        if (res.confirm) {
-          // 确认删除
-          let data = await personalApi.customFileDelete({ ids: [id] })
-          if (data.code == 200) {
-            uni.showToast(t('Msg.DeleteSuccess'))
-            getCustomFileList()
-          } else {
-            uni.showToast(res.msg)
-          }
-        }
-      },
-      fail: () => {
-
-      },
-    })
-  }
-
-
-  function changeState(val) {
+  } else if (value.key === 'state') {
     formData.value.city = ''
     cityOptions.value = []
-    let item = {}
-    states.value.forEach((element) => {
-      if (element.name == val || element.enName == val) {
-        item = element
-        return
-      }
-    })
-    getCityList(item.id)
-  }
-
-  function handleChange(value: any) {
-    formData.value = { ...formData.value, [value.key]: value.value }
-    console.log(value)
-    if (value.key === 'country') {
-      formData.value.state = ''
-      formData.value.city = ''
-      stateOptions.value = []
-      cityOptions.value = []
-      if (value.value) {
-        getStateList(value.value)
-      }
-    } else if (value.key === 'state') {
-      formData.value.city = ''
-      cityOptions.value = []
-      if (value.value) {
-        getCityList(value.value)
-      }
+    if (value.value) {
+      getCityList(value.value)
     }
   }
-
-  function openAddressTip() {
-    // 打开地址提示弹窗
-    addressTipPopup.value.open()
-  }
-
-  function isPdf(url, image) {
-    let res = !!url
-    if (image) {
-      return res && url.substr(-3, 3) == 'pdf' &&
-        url.substr(-3, 3) == 'PDF'
-    }
-    return res && (url.substr(-3, 3) == 'pdf' ||
-      url.substr(-3, 3) == 'PDF')
+}
+
+function openAddressTip() {
+  // 打开地址提示弹窗
+  addressTipPopup.value.open()
+}
+
+function isPdf(url, image) {
+  let res = !!url
+  if (image) {
+    return res && url.substr(-3, 3) == 'pdf' &&
+      url.substr(-3, 3) == 'PDF'
   }
-
-  function cancle() {
-    if (!isApprove.value) {
-      dialogCheck.value.open()
-      dialogCheck1.value = true
-    } else {
-      router.push({ path: '/pages/customer/index' })
-    }
-  }
-
-  function closeDia() {
-    dialogCheck.value.close()
-  }
-
-  function toHome() {
-    dialogCheck.value.close()
+  return res && (url.substr(-3, 3) == 'pdf' ||
+    url.substr(-3, 3) == 'PDF')
+}
+
+function cancle() {
+  if (!isApprove.value) {
+    dialogCheck.value.open()
+    dialogCheck1.value = true
+  } else {
     router.push({ path: '/pages/customer/index' })
   }
-
-  async function save() {
-    await updateInfo(1)
-  }
-
-  async function Submit() {
-    loadingStates.value.submit = true
-    try {
-      formData.value.addressLines = []
-      if (formData.value.addressLines1) {
-        formData.value.addressLines.push(formData.value.addressLines1)
-      }
-      if (formData.value.addressLines2) {
-        formData.value.addressLines.push(formData.value.addressLines2)
-      }
-      if (!formData.value.addressLines1 && !formData.value.addressLines2) {
-        formData.value.addressLines = []
-      }
-      if (formData.value.customType != 2) {
-        formData.value.companyName = ''
-      }
-      let res = await personalApi.CustomUpdateInfo({
-        ...formData.value,
-      })
-      if (res.code == Config.Code.StatusOK) {
-        await getCustomFileList()
-        await customApply()
-      } else {
-        uni.showToast({ title: res.msg, icon: 'none' })
-      }
-    } catch (error: any) {
-      uni.showToast({ title: error.message || t('Msg.SystemError'), icon: 'none' })
-    } finally {
-      loadingStates.value.submit = false
+}
+
+function closeDia() {
+  dialogCheck.value.close()
+}
+
+function toHome() {
+  dialogCheck.value.close()
+  router.push({ path: '/pages/customer/index' })
+}
+
+async function save() {
+  await updateInfo(1)
+}
+
+async function Submit() {
+  loadingStates.value.submit = true
+  try {
+    formData.value.addressLines = []
+    if (formData.value.addressLines1) {
+      formData.value.addressLines.push(formData.value.addressLines1)
     }
-  }
-
-  async function updateInfo(save: number) {
-    try {
+    if (formData.value.addressLines2) {
+      formData.value.addressLines.push(formData.value.addressLines2)
+    }
+    if (!formData.value.addressLines1 && !formData.value.addressLines2) {
       formData.value.addressLines = []
-      if (formData.value.addressLines1) {
-        formData.value.addressLines.push(formData.value.addressLines1)
-      }
-      if (formData.value.addressLines2) {
-        formData.value.addressLines.push(formData.value.addressLines2)
-      }
-      if (!formData.value.addressLines1 && !formData.value.addressLines2) {
-        formData.value.addressLines = []
-      }
-      let res = await personalApi.CustomUpdateInfo({
-        ...formData.value,
-      })
-      if (res.code == Config.Code.StatusOK) {
-        if (save) {
-          dialogCheck.value.close()
-          router.push({ path: '/pages/customer/index' })
-        }
-      } else {
-        uni.showToast({ title: res.msg, icon: 'none' })
-      }
-    } catch (error: any) {
-      uni.showToast({ title: error.message || t('Msg.SystemError'), icon: 'none' })
     }
-  }
-
-  async function customApply() {
-    try {
-      let res = await personalApi.customApplyReal({})
-      if (res.code == Config.Code.StatusOK) {
-        isApprove.value = true
-        await getLoginInfo()
-        dialogCheck.value.open()
-        dialogCheck1.value = false
-      } else {
-        uni.showToast({ title: res.msg, icon: 'none' })
-      }
-    } catch (error: any) {
-      uni.showToast({ title: error.message, icon: 'none' })
+    if (formData.value.customType != 2) {
+      formData.value.companyName = ''
     }
-  }
-
-  async function getCountryList() {
-    try {
-      let res = await personalApi.Country({})
-      if (res.code == Config.Code.StatusOK) {
-        countryOptions.value = res.data.map((item: any) => ({
-          text: item.enName,
-          value: item.code,
-          disabled: notCountry.indexOf(item.code) !== -1,
-        }))
-        countries.value = res.data
-        const country = formData.value.country
-        if (country) {
-          countries.value.forEach((item) => {
-            if (item.code == country) {
-              getStateList(item.id)
-            }
-          })
-        }
-      }
-    } catch (error: any) {
-      uni.showToast({ title: error.message, icon: 'none' })
+    let res = await personalApi.CustomUpdateInfo({
+      ...formData.value,
+    })
+    if (res.code == Config.Code.StatusOK) {
+      await getCustomFileList()
+      await customApply()
+    } else {
+      uni.showToast({ title: res.msg, icon: 'none' })
     }
+  } catch (error: any) {
+    uni.showToast({ title: error.message || t('Msg.SystemError'), icon: 'none' })
+  } finally {
+    loadingStates.value.submit = false
   }
+}
 
-  async function getStateList(pid: string) {
-    try {
-      let res = await personalApi.Country({ pid })
-      if (res.code == Config.Code.StatusOK) {
-        stateOptions.value = res.data.map((item: any) => ({
-          text: local.value === 'en' ? item.enName : item.name,
-          value: local.value === 'en' ? item.enName : item.name,
-        }))
-        states.value = res.data
-        const state = formData.value.state
-        if (state) {
-          states.value.forEach((item) => {
-            if (
-              item.name == state ||
-              item.enName == state
-            ) {
-              getCityList(item.id)
-            }
-          })
-        }
-      }
-    } catch (error: any) {
+async function updateInfo(save: number) {
+  try {
+    formData.value.addressLines = []
+    if (formData.value.addressLines1) {
+      formData.value.addressLines.push(formData.value.addressLines1)
     }
-  }
-
-  async function getCityList(pid: string) {
-    try {
-      let res = await personalApi.Country({ pid })
-      if (res.code == Config.Code.StatusOK) {
-        cityOptions.value = res.data.map((item: any) => ({
-          text: local.value === 'en' ? item.enName : item.name,
-          value: local.value === 'en' ? item.enName : item.name,
-        }))
-        cities.value = res.data
-      }
-    } catch (error: any) {
+    if (formData.value.addressLines2) {
+      formData.value.addressLines.push(formData.value.addressLines2)
     }
-  }
-
-  async function getLoginInfo() {
-    try {
-      let res = await personalApi.CustomLoginInfo()
-      if (res.code == Config.Code.StatusOK) {
-        formData.value = res.data.customInfo
-        if (formData.value.addressLines != null && formData.value.addressLines.length) {
-          formData.value.addressLines1 = formData.value.addressLines[0]
-          formData.value.addressLines2 = formData.value.addressLines[1]
-        }
-        formData.value.customType = formData.value.customType ? formData.value.customType : 1
-        formData.value.IdentityType = 2
-        await getCountryList()
-      } else {
-        uni.showToast({ title: t('Msg.SystemError'), icon: 'none' })
+    if (!formData.value.addressLines1 && !formData.value.addressLines2) {
+      formData.value.addressLines = []
+    }
+    let res = await personalApi.CustomUpdateInfo({
+      ...formData.value,
+    })
+    if (res.code == Config.Code.StatusOK) {
+      if (save) {
+        dialogCheck.value.close()
+        router.push({ path: '/pages/customer/index' })
       }
-    } catch (error: any) {
-
+    } else {
+      uni.showToast({ title: res.msg, icon: 'none' })
     }
+  } catch (error: any) {
+    uni.showToast({ title: error.message || t('Msg.SystemError'), icon: 'none' })
   }
-
-  // 获取二维码
-  async function getMobileInfo() {
-    try {
-      let res = await personalApi.CustomFileMobileFiles({}, { responseType: 'arraybuffer' })
-      // console.log(res);
-      mobile.value = 'data:image/png;base64,' + uni.arrayBufferToBase64(res)
-    } catch (error: any) {
-      // uni.showToast({ title: error.message , icon: 'none' })
+}
+
+async function customApply() {
+  try {
+    let res = await personalApi.customApplyReal({})
+    if (res.code == Config.Code.StatusOK) {
+      isApprove.value = true
+      await getLoginInfo()
+      dialogCheck.value.open()
+      dialogCheck1.value = false
+    } else {
+      uni.showToast({ title: res.msg, icon: 'none' })
     }
+  } catch (error: any) {
+    uni.showToast({ title: error.message, icon: 'none' })
   }
-
-  // 获取上传文件信息
-  async function getCustomFileList() {
-    try {
-      let res = await personalApi.CustomFileList()
-      if (res.code == Config.Code.StatusOK) {
-        let myData = res.data
-        fileListOthers.value = []
-        myData.forEach((item: any) => {
-          if (item.type == 1) {
-            fileListID1.value = item
-          } else if (item.type == 2) {
-            fileListID2.value = item
-          } else if (item.type == 3) {
-            fileListAdd1.value = item
-          } else if (item.type == 4) {
-            fileListAdd2.value = item
-          } else if (item.type == 10) {
-            fileListOthers.value.push(item)
+}
+
+async function getCountryList() {
+  try {
+    let res = await personalApi.Country({})
+    if (res.code == Config.Code.StatusOK) {
+      countryOptions.value = res.data.map((item: any) => ({
+        text: item.enName,
+        value: item.code,
+        disabled: notCountry.indexOf(item.code) !== -1,
+      }))
+      countries.value = res.data
+      const country = formData.value.country
+      if (country) {
+        countries.value.forEach((item) => {
+          if (item.code == country) {
+            getStateList(item.id)
           }
         })
-        actionType()
-      } else {
-        uni.showToast({ title: res.msg, icon: 'none' })
-        flag.value = false
       }
-    } catch (error: any) {
-      uni.showToast({ title: error.message || t('Msg.SystemError'), icon: 'none' })
     }
+  } catch (error: any) {
+    uni.showToast({ title: error.message, icon: 'none' })
   }
-
-  // 请求头
-  function actionType() {
-    if (fileListID1.value.id) {
-      actionID1.value = Config.Host80 + '/custom/file/upload/1/' + fileListID1.value.id
-    } else {
-      actionID1.value = Config.Host80 + '/custom/file/upload/1'
-    }
-    if (fileListID2.value.id) {
-      actionID2.value = Config.Host80 + '/custom/file/upload/2/' + fileListID2.value.id
-    } else {
-      actionID2.value = Config.Host80 + '/custom/file/upload/2'
+}
+
+async function getStateList(pid: string) {
+  try {
+    let res = await personalApi.Country({ pid })
+    if (res.code == Config.Code.StatusOK) {
+      console.log(locale)
+      stateOptions.value = res.data.map((item: any) => ({
+        text: locale.value === 'en' ? item.enName : item.name,
+        value: locale.value === 'en' ? item.enName : item.name,
+      }))
+      states.value = res.data
+      const state = formData.value.state
+      console.log(state)
+      if (state) {
+        states.value.forEach((item) => {
+          if (
+            item.name == state ||
+            item.enName == state
+          ) {
+            getCityList(item.id)
+          }
+        })
+      }
     }
-    if (fileListAdd1.value.id) {
-      actionAdd1.value = Config.Host80 + '/custom/file/upload/3/' + fileListAdd1.value.id
-    } else {
-      actionAdd1.value = Config.Host80 + '/custom/file/upload/3'
+  } catch (error: any) {
+    console.log(error)
+  }
+}
+
+async function getCityList(pid: string) {
+  try {
+    let res = await personalApi.Country({ pid })
+    if (res.code == Config.Code.StatusOK) {
+      cityOptions.value = res.data.map((item: any) => ({
+        text: locale.value === 'en' ? item.enName : item.name,
+        value: locale.value === 'en' ? item.enName : item.name,
+      }))
+      cities.value = res.data
     }
-    if (fileListAdd2.value.id) {
-      actionAdd2.value = Config.Host80 + '/custom/file/upload/4/' + fileListAdd2.value.id
+  } catch (error: any) {
+  }
+}
+
+async function getLoginInfo() {
+  try {
+    let res = await personalApi.CustomLoginInfo()
+    if (res.code == Config.Code.StatusOK) {
+      formData.value = res.data.customInfo
+      if (formData.value.addressLines != null && formData.value.addressLines.length) {
+        formData.value.addressLines1 = formData.value.addressLines[0]
+        formData.value.addressLines2 = formData.value.addressLines[1]
+      }
+      formData.value.customType = formData.value.customType ? formData.value.customType : 1
+      formData.value.IdentityType = 2
+      await getCountryList()
     } else {
-      actionAdd2.value = Config.Host80 + '/custom/file/upload/4'
+      uni.showToast({ title: t('Msg.SystemError'), icon: 'none' })
     }
-    actionOtherAdd.value = Config.Host80 + '/custom/file/upload/10'
-  }
+  } catch (error: any) {
 
-  function updateFile(myData) {
-      if (myData.type == 1) {
-        fileListID1.value = myData
-      } else if (myData.type == 2) {
-        fileListID2.value = myData
-      } else if (myData.type == 3) {
-        fileListAdd1.value = myData
-      } else if (myData.type == 4) {
-        fileListAdd2.value = myData
-      } else if (myData.type == 10) {
-        if (!fileListOthers.value.length) {
-          fileListOthers.value.push(myData)
-        } else {
-          let flag = true
-          fileListOthers.value.forEach((item: any) => {
-            if (item.id == myData.id) {
-              item = myData
-              flag = false
-            }
-          })
-          if (flag) {
-            fileListOthers.value.push(myData)
-          }
+  }
+}
+
+// 获取二维码
+async function getMobileInfo() {
+  try {
+    let res = await personalApi.CustomFileMobileFiles({}, { responseType: 'arraybuffer' })
+    // console.log(res);
+    mobile.value = 'data:image/png;base64,' + uni.arrayBufferToBase64(res)
+  } catch (error: any) {
+    // uni.showToast({ title: error.message , icon: 'none' })
+  }
+}
+
+// 获取上传文件信息
+async function getCustomFileList() {
+  try {
+    let res = await personalApi.CustomFileList()
+    if (res.code == Config.Code.StatusOK) {
+      let myData = res.data
+      fileListOthers.value = []
+      myData.forEach((item: any) => {
+        if (item.type == 1) {
+          fileListID1.value = item
+        } else if (item.type == 2) {
+          fileListID2.value = item
+        } else if (item.type == 3) {
+          fileListAdd1.value = item
+        } else if (item.type == 4) {
+          fileListAdd2.value = item
+        } else if (item.type == 10) {
+          fileListOthers.value.push(item)
         }
-      }
+      })
       actionType()
+    } else {
+      uni.showToast({ title: res.msg, icon: 'none' })
+      flag.value = false
+    }
+  } catch (error: any) {
+    uni.showToast({ title: error.message || t('Msg.SystemError'), icon: 'none' })
   }
-
-  // 判断是否为PC端
-  function IsPC() {
-    let userAgentInfo = navigator.userAgent
-    let Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
-    let flag = true
-    for (let v = 0; v < Agents.length; v++) {
-      if (userAgentInfo.indexOf(Agents[v]) > 0) {
-        flag = false
-        break
+}
+
+// 请求头
+function actionType() {
+  if (fileListID1.value.id) {
+    actionID1.value = Config.Host80 + '/custom/file/upload/1/' + fileListID1.value.id
+  } else {
+    actionID1.value = Config.Host80 + '/custom/file/upload/1'
+  }
+  if (fileListID2.value.id) {
+    actionID2.value = Config.Host80 + '/custom/file/upload/2/' + fileListID2.value.id
+  } else {
+    actionID2.value = Config.Host80 + '/custom/file/upload/2'
+  }
+  if (fileListAdd1.value.id) {
+    actionAdd1.value = Config.Host80 + '/custom/file/upload/3/' + fileListAdd1.value.id
+  } else {
+    actionAdd1.value = Config.Host80 + '/custom/file/upload/3'
+  }
+  if (fileListAdd2.value.id) {
+    actionAdd2.value = Config.Host80 + '/custom/file/upload/4/' + fileListAdd2.value.id
+  } else {
+    actionAdd2.value = Config.Host80 + '/custom/file/upload/4'
+  }
+  actionOtherAdd.value = Config.Host80 + '/custom/file/upload/10'
+}
+
+function updateFile(myData) {
+  if (myData.type == 1) {
+    fileListID1.value = myData
+  } else if (myData.type == 2) {
+    fileListID2.value = myData
+  } else if (myData.type == 3) {
+    fileListAdd1.value = myData
+  } else if (myData.type == 4) {
+    fileListAdd2.value = myData
+  } else if (myData.type == 10) {
+    if (!fileListOthers.value.length) {
+      fileListOthers.value.push(myData)
+    } else {
+      let flag = true
+      fileListOthers.value.forEach((item: any) => {
+        if (item.id == myData.id) {
+          item = myData
+          flag = false
+        }
+      })
+      if (flag) {
+        fileListOthers.value.push(myData)
       }
     }
-    return flag
   }
-
-  // div大小改变重载
-  function divInit() {
-    // 由于elementResizeDetectorMaker在UniApp中可能不可用，这里简化处理
-    const width = window.innerWidth
-    if (width <= 1100 && width > 800) {
-      divActiveHelf.value = true
-      divActiveAll.value = false
-    } else if (width <= 800) {
-      divActiveAll.value = true
-      divActiveHelf.value = false
-    } else if (1100 < width) {
-      divActiveAll.value = false
-      divActiveHelf.value = false
+  actionType()
+}
+
+// 判断是否为PC端
+function IsPC() {
+  let userAgentInfo = navigator.userAgent
+  let Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
+  let flag = true
+  for (let v = 0; v < Agents.length; v++) {
+    if (userAgentInfo.indexOf(Agents[v]) > 0) {
+      flag = false
+      break
     }
   }
-
-  // 监听表单字段变化
-  watch(
-    () => formData.value.firstName,
-    () => {
-      if (localStorage.getItem('lang') == 'cn' && formData.value.firstName && formData.value.lastName) {
-        formData.value.nameEn = pinyin(`${formData.value.firstName} ${formData.value.lastName}`)
-        pinyin
-      }
-    },
-  )
-
-  watch(
-    () => formData.value.lastName,
-    () => {
-      if (localStorage.getItem('lang') == 'cn' && formData.value.firstName && formData.value.lastName) {
-        formData.value.nameEn = pinyin(`${formData.value.firstName} ${formData.value.lastName}`
-        )
-      }
-    },
-  )
-
-  // 生命周期
-  onMounted(async () => {
-    // dialogCheck.value.open()
-    divInit()
-    await getLoginInfo()
-    await getMobileInfo()
-    await getCustomFileList()
-    // WebSocket
-    // initWebSocket()
-    isPC.value = IsPC()
-    uni.$on('updateImproveFile',(data)=>{
-      updateFile(data)
-    })
+  return flag
+}
+
+// div大小改变重载
+function divInit() {
+  // 由于elementResizeDetectorMaker在UniApp中可能不可用，这里简化处理
+  const width = window.innerWidth
+  if (width <= 1100 && width > 800) {
+    divActiveHelf.value = true
+    divActiveAll.value = false
+  } else if (width <= 800) {
+    divActiveAll.value = true
+    divActiveHelf.value = false
+  } else if (1100 < width) {
+    divActiveAll.value = false
+    divActiveHelf.value = false
+  }
+}
+
+// 监听表单字段变化
+watch(
+  () => formData.value.firstName,
+  () => {
+    if (localStorage.getItem('lang') == 'cn' && formData.value.firstName && formData.value.lastName) {
+      formData.value.nameEn = pinyin(`${formData.value.firstName} ${formData.value.lastName}`)
+      pinyin
+    }
+  },
+)
+
+watch(
+  () => formData.value.lastName,
+  () => {
+    if (localStorage.getItem('lang') == 'cn' && formData.value.firstName && formData.value.lastName) {
+      formData.value.nameEn = pinyin(`${formData.value.firstName} ${formData.value.lastName}`
+      )
+    }
+  },
+)
+
+// 生命周期
+onMounted(async () => {
+  // dialogCheck.value.open()
+  divInit()
+  await getLoginInfo()
+  await getMobileInfo()
+  await getCustomFileList()
+  isPC.value = IsPC()
+  uni.$on('updateImproveFile', (data) => {
+    updateFile(data)
   })
+})
 
-  // 组件销毁时
-  onUnmounted(() => {
-    uni.$off('updateImproveFile')
-  })
+// 组件销毁时
+onUnmounted(() => {
+  uni.$off('updateImproveFile')
+})
 </script>
 
 <style scoped lang="scss">
-  @import "@/uni.scss";
+@import "@/uni.scss";
 
-  .form-tab {
-    height: px2rpx(100);
-  }
+.form-tab {
+  height: px2rpx(100);
+}
 
-  .form-section {
-    margin: px2rpx(8) 0;
-  }
+.form-section {
+  margin: px2rpx(8) 0;
+}
 
   .section-title {
     color: #1a1a1a;