update

src/views/information/custom/compoments/cancel/index.vue

@@ -15,174 +15,22 @@
                 :loading="loading"
                 @click="submit">确认撤销</a-button>
     </template>
-      <a-form class="inlineForm"
-              :form="form"
-              @submit="handleSearch">
-          <a-row :gutter="24">
-              <a-col :span="12">
-                  <a-form-item label="客户类型">
-                      <span class="white">{{ selectedRow.userinfotype === '2' ? '企业' : '个人' }}</span>
-                  </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                  <a-form-item label="企业名称"
-                               v-if="selectedRow.userinfotype === '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-                  <a-form-item label="姓名"
-                               v-if="selectedRow.userinfotype !== '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-              </a-col>
-          </a-row>
-          <template v-if="selectedRow.userinfotype === '2'">
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="企业简称">
-                          <span class="white">{{ formatValue(selectedRow.nickname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件类型">
-                          <span class="white">{{ getCardTypeEnumItemName(selectedRow.cardtype) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="法定代表人">
-                          <span class="white">{{ formatValue(selectedRow.legalpersonname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="纳税人识别号">
-                          <span class="white">{{ formatValue(selectedRow.taxpayernum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="营业执照">
-                          <div class="upload">
-                              <div class="look">查看附件</div>
-                          </div>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系人">
-                          <span class="white">{{ formatValue(selectedRow.contactname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系人手机号">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="状态">
-                          <span class="green">{{ formatValue(getStatusName(selectedRow.status)) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-          <template v-else>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="手机号码">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证正面照">
-                          <span class="white">{{ formatValue(selectedRow.cardfrontphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="邮箱">
-                          <span class="white">{{ formatValue(selectedRow.email) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证反面照">
-                          <span class="white">{{ formatValue(selectedRow.cardbackphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-      </a-form>
+    <Detail :selectedRow="selectedRow" />
   </a-modal>
 </template>
 
 <script lang="ts">
 import { defineComponent, PropType, ref } from 'vue';
 import { closeModal } from '@/common/setup/modal/index';
-import { message, Modal } from 'ant-design-vue';
+import { Modal } from 'ant-design-vue';
 import { ModifyUserInfoReq, QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
-import { formatValue } from '@/common/methods';
-import { getStatusName } from '@/common/constants/enumsName';
-import { getCardTypeEnumItemName } from '@/common/constants/enumsName';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { QueryModifyUserInfo } from '@/services/go/ermcp/customInfo';
+import Detail from '../common-detail/index.vue';
 
 export default defineComponent({
     name: 'custom_info_btn_cancel',
-    components: {},
+    components: { Detail },
     props: {
         selectedRow: {
             type: Object as PropType<QueryCustomInfoType>,
@@ -221,9 +69,6 @@ export default defineComponent({
             cancel,
             submit,
             loading,
-            formatValue,
-            getStatusName,
-            getCardTypeEnumItemName,
         };
     },
 });

src/views/information/custom/compoments/check/index.vue

@@ -22,157 +22,7 @@
                 @click="refuseSubmit">审核拒绝
       </a-button>
     </template>
-      <a-form class="inlineForm"
-              :form="form"
-              @submit="handleSearch">
-          <a-row :gutter="24">
-              <a-col :span="12">
-                  <a-form-item label="客户类型">
-                      <span class="white">{{ selectedRow.userinfotype === '2' ? '企业' : '个人' }}</span>
-                  </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                  <a-form-item label="企业名称"
-                               v-if="selectedRow.userinfotype === '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-                  <a-form-item label="姓名"
-                               v-if="selectedRow.userinfotype !== '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-              </a-col>
-          </a-row>
-          <template v-if="selectedRow.userinfotype === '2'">
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="企业简称">
-                          <span class="white">{{ formatValue(selectedRow.nickname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件类型">
-                          <span class="white">{{ getCardTypeEnumItemName(selectedRow.cardtype) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="法定代表人">
-                          <span class="white">{{ formatValue(selectedRow.legalpersonname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="纳税人识别号">
-                          <span class="white">{{ formatValue(selectedRow.taxpayernum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="营业执照">
-                          <div class="upload">
-                              <div class="look">查看附件</div>
-                          </div>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系人">
-                          <span class="white">{{ formatValue(selectedRow.contactname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系人手机号">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="状态">
-                          <span class="green">{{ formatValue(getStatusName(selectedRow.status)) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-          <template v-else>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="手机号码">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证正面照">
-                          <span class="white">{{ formatValue(selectedRow.cardfrontphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="邮箱">
-                          <span class="white">{{ formatValue(selectedRow.email) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证反面照">
-                          <span class="white">{{ formatValue(selectedRow.cardbackphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-      </a-form>
+    <Detail :selectedRow="selectedRow" />
   </a-modal>
 </template>
 
@@ -180,18 +30,16 @@
 import { defineComponent, PropType, ref } from 'vue';
 import { closeModal } from '@/common/setup/modal/index';
 import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
-import { formatValue } from '@/common/methods';
-import { getStatusName } from '@/common/constants/enumsName';
 import { UserInfoCheckMangeReq } from '@/services/proto/accountinfo/interface';
 import { getUserId } from '@/services/bus/account';
 import { Modal } from 'ant-design-vue';
-import { getCardTypeEnumItemName } from '@/common/constants/enumsName';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { userInfoCheck } from '@/services/proto/accountinfo';
+import Detail from '../common-detail/index.vue';
 
 export default defineComponent({
     name: 'custom_info_btn_check',
-    components: {},
+    components: { Detail },
     props: {
         selectedRow: {
             type: Object as PropType<QueryCustomInfoType>,
@@ -252,9 +100,6 @@ export default defineComponent({
             submit,
             loading,
             refuseSubmit,
-            formatValue,
-            getStatusName,
-            getCardTypeEnumItemName,
         };
     },
 });

src/views/information/custom/compoments/disable/index.vue

@@ -18,157 +18,7 @@
                 @click="submit">确认停用
       </a-button>
     </template>
-      <a-form class="inlineForm"
-              :form="form"
-              @submit="handleSearch">
-          <a-row :gutter="24">
-              <a-col :span="12">
-                  <a-form-item label="客户类型">
-                      <span class="white">{{ selectedRow.userinfotype === '2' ? '企业' : '个人' }}</span>
-                  </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                  <a-form-item label="企业名称"
-                               v-if="selectedRow.userinfotype === '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-                  <a-form-item label="姓名"
-                               v-if="selectedRow.userinfotype !== '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-              </a-col>
-          </a-row>
-          <template v-if="selectedRow.userinfotype === '2'">
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="企业简称">
-                          <span class="white">{{ formatValue(selectedRow.nickname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件类型">
-                          <span class="white">{{ getCardTypeEnumItemName(selectedRow.cardtype) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="法定代表人">
-                          <span class="white">{{ formatValue(selectedRow.legalpersonname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="纳税人识别号">
-                          <span class="white">{{ formatValue(selectedRow.taxpayernum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="营业执照">
-                          <div class="upload">
-                              <div class="look">查看附件</div>
-                          </div>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系人">
-                          <span class="white">{{ formatValue(selectedRow.contactname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系人手机号">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="状态">
-                          <span class="green">{{ formatValue(getStatusName(selectedRow.status)) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-          <template v-else>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="手机号码">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证正面照">
-                          <span class="white">{{ formatValue(selectedRow.cardfrontphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="邮箱">
-                          <span class="white">{{ formatValue(selectedRow.email) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证反面照">
-                          <span class="white">{{ formatValue(selectedRow.cardbackphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-      </a-form>
+    <Detail :selectedRow="selectedRow" />
   </a-modal>
 </template>
 
@@ -176,15 +26,14 @@
 import { defineComponent, PropType, ref } from 'vue';
 import { closeModal } from '@/common/setup/modal/index';
 import { QueryCustomInfoType, UpdateUserAccountReq } from '@/services/go/ermcp/customInfo/interface';
-import { formatValue } from '@/common/methods';
 import { Modal } from 'ant-design-vue';
-import {getCardTypeEnumItemName, getStatusName} from '@/common/constants/enumsName';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { UpdateUserAccountStatus } from '@/services/go/ermcp/customInfo';
+import Detail from '../common-detail/index.vue';
 
 export default defineComponent({
     name: 'custom-disable',
-    components: {},
+    components: { Detail },
     props: {
         selectedRow: {
             type: Object as PropType<QueryCustomInfoType>,
@@ -221,9 +70,6 @@ export default defineComponent({
             submit,
             loading,
             maskClosableFlag,
-            formatValue,
-            getStatusName,
-            getCardTypeEnumItemName,
         };
     },
 });

src/views/information/custom/compoments/recover/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 恢复客户资料-->
-  <a-modal class="modify-custom"
+  <a-modal class="commonModal warehouse-disable"
            title="恢复客户资料"
            v-model:visible="visible"
            @cancel="cancel"
@@ -17,157 +17,7 @@
                 @click="recover">完成
       </a-button>
     </template>
-      <a-form class="inlineForm"
-              :form="form"
-              @submit="handleSearch">
-          <a-row :gutter="24">
-              <a-col :span="12">
-                  <a-form-item label="客户类型">
-                      <span class="white">{{ selectedRow.userinfotype === '2' ? '企业' : '个人' }}</span>
-                  </a-form-item>
-              </a-col>
-              <a-col :span="12">
-                  <a-form-item label="企业名称"
-                               v-if="selectedRow.userinfotype === '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-                  <a-form-item label="姓名"
-                               v-if="selectedRow.userinfotype !== '2'">
-                      <span class="white">{{ formatValue(selectedRow.customername)}}</span>
-                  </a-form-item>
-              </a-col>
-          </a-row>
-          <template v-if="selectedRow.userinfotype === '2'">
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="企业简称">
-                          <span class="white">{{ formatValue(selectedRow.nickname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件类型">
-                          <span class="white">{{ getCardTypeEnumItemName(selectedRow.cardtype) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="法定代表人">
-                          <span class="white">{{ formatValue(selectedRow.legalpersonname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="证件号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="纳税人识别号">
-                          <span class="white">{{ formatValue(selectedRow.taxpayernum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="营业执照">
-                          <div class="upload">
-                              <div class="look">查看附件</div>
-                          </div>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系人">
-                          <span class="white">{{ formatValue(selectedRow.contactname) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系人手机号">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="状态">
-                          <span class="green">{{ formatValue(getStatusName(selectedRow.status)) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-          <template v-else>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证号码">
-                          <span class="white">{{ formatValue(selectedRow.cardnum) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="手机号码">
-                          <span class="white">{{ formatValue(selectedRow.mobile) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证正面照">
-                          <span class="white">{{ formatValue(selectedRow.cardfrontphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="邮箱">
-                          <span class="white">{{ formatValue(selectedRow.email) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="12">
-                      <a-form-item label="身份证反面照">
-                          <span class="white">{{ formatValue(selectedRow.cardbackphotourl) }}</span>
-                      </a-form-item>
-                  </a-col>
-                  <a-col :span="12">
-                      <a-form-item label="联系电话">
-                          <span class="white">{{ formatValue(selectedRow.telphone) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="通讯地址">
-                          <span class="white">{{ formatValue(selectedRow.address) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-              <a-row :gutter="24">
-                  <a-col :span="24">
-                      <a-form-item label="备注">
-                          <span class="white">{{ formatValue(selectedRow.remark) }}</span>
-                      </a-form-item>
-                  </a-col>
-              </a-row>
-          </template>
-      </a-form>
+    <Detail :selectedRow="selectedRow" />
   </a-modal>
 </template>
 
@@ -175,15 +25,14 @@
 import { defineComponent, PropType, ref } from 'vue';
 import { closeModal } from '@/common/setup/modal/index';
 import { QueryCustomInfoType, UpdateUserAccountReq } from '@/services/go/ermcp/customInfo/interface';
-import { formatValue } from '@/common/methods';
-import {getCardTypeEnumItemName, getStatusName} from '@/common/constants/enumsName';
-import { message, Modal } from 'ant-design-vue';
+import { Modal } from 'ant-design-vue';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { UpdateUserAccountStatus } from '@/services/go/ermcp/customInfo';
+import Detail from '../common-detail/index.vue';
 
 export default defineComponent({
     name: 'modify-custom',
-    components: {},
+    components: { Detail },
     props: {
         selectedRow: {
             type: Object as PropType<QueryCustomInfoType>,
@@ -217,9 +66,6 @@ export default defineComponent({
             cancel,
             recover,
             loading,
-            formatValue,
-            getStatusName,
-            getCardTypeEnumItemName,
         };
     },
 });