个人资料更改

zhangwei

2025-08-04 2801f5c8ceb1b7ddb77e79d757160c5cb89ff067

 src/views/mine/index.vue

@@ -4,25 +4,23 @@
import { useUserStoreHook } from "@/store/modules/user";
import type { FormInstance, FormRules, UploadProps } from "element-plus";
import { cloneDeep } from "@pureadmin/utils";
import { onMounted, reactive, ref, watch } from "vue";
import { onMounted, reactive, ref, watch, computed, onBeforeUpdate } from "vue";
import { getToken } from "@/utils/auth";
const { route } = useNav();
import { baseUrlApi } from "@/api/util";
import { cusExtendInfo, changeCusExtend } from "@/api/mine";
import { Edit } from "@element-plus/icons-vue";
import { enterpriseTypes } from "@/api/register/index";

import {
  addDialog,
  closeDialog,
  updateDialog,
  closeAllDialog
} from "@/components/ReDialog";

const ruleFormRef = ref<FormInstance>();
const isLoading = ref(false);
const showDialog = ref(false);
const nowRole = ref({});
const nowRole = computed(() => {
  return useUserStoreHook()?.nowRole;
});
const userInfo = computed(() => {
  let obj = useUserStoreHook().enterpriseInfo;
  return obj;
});
const state = reactive({
  userInfo: useUserStoreHook().enterpriseInfo,
  headers: {
@@ -40,7 +38,7 @@
    // 交易主体代码（同角色代码，不可空，最小长度为1）
    transactionCode: "", // string，必填
    // 交易主体名称
    transactionName: null, // string，可空
    transactionName: "", // string，可空
    // 营业执照文件路径
    businessLicense: null, // string，可空
    // 企业名称
@@ -186,24 +184,28 @@
  expirySeconds: 60, // 验证码过期时间
  phoneSeconds: 0, // 手机验证码倒计时
  roleList: [],
  showDialog: false
  showDialog: false,
  srcList: []
});
onMounted(async () => {
  state.ruleForm = cloneDeep(state.userInfo);
  state.ruleForm.enterpriseType = state.ruleForm.enterpriseType.split(",");
  nowRole.value = useUserStoreHook()?.nowRole;
  console.log(nowRole.value);
  // nowRole.value = useUserStoreHook()?.nowRole;
  if (nowRole.value) {
    state.ruleForm.transactionCode = nowRole.value.code;
    state.userInfo.transactionName = nowRole.value.name;
    // state.userInfo.transactionName = nowRole.value.name;
  } else {
    state.ruleForm.transactionCode = route.query.code;
    state.userInfo.enterpriseTypeName = route.query.name;
  }

  let restypes = await enterpriseTypes();
  state.enterpriseList = restypes?.result;
});
const showPreview = ref(false);
const showImg = (name: string | number) => {
  showPreview.value = true;
  state.srcList = [state.ruleForm[name]];
};
const isLeaf = data => {
  data.forEach(item => {
    if (!item.child) {
@@ -223,24 +225,24 @@
  }
};

const showImg = name => {
  addDialog({
    width: "40%",
    title: "查看营业执照",
    contentRenderer: () => <img src={state.userInfo[name]} />, // jsx 语法 （注意在.vue文件启用jsx语法，需要在script开启lang="tsx"）
    closeCallBack: ({ options, args }) => {
      // options.props 是响应式的
      // const { formInline } = options.props as FormProps;
      // const text = `姓名：${formInline.user} 城市：${formInline.region}`;
      if (args?.command === "cancel") {
        // 您点击了取消按钮
        // active.value -= 1;
      } else if (args?.command === "sure") {
      } else {
      }
    }
  });
};
// const showImg = name => {
//   addDialog({
//     width: "40%",
//     title: "查看营业执照",
//     contentRenderer: () => <img src={state.userInfo[name]} />, // jsx 语法 （注意在.vue文件启用jsx语法，需要在script开启lang="tsx"）
//     closeCallBack: ({ options, args }) => {
//       // options.props 是响应式的
//       // const { formInline } = options.props as FormProps;
//       // const text = `姓名：${formInline.user} 城市：${formInline.region}`;
//       if (args?.command === "cancel") {
//         // 您点击了取消按钮
//         // active.value -= 1;
//       } else if (args?.command === "sure") {
//       } else {
//       }
//     }
//   });
// };
const handleAvatarSuccess: UploadProps["onSuccess"] = (
  response,
  uploadFile
@@ -321,7 +323,9 @@
  let res = await changeCusExtend(obj);
  if (res.code == "200") {
    showDialog.value = false;
    await useUserStoreHook().getCusExtendInfo();
    await useUserStoreHook().changeLogoInExRule({
      ruleCode: useUserStoreHook().nowRole.code
    });
    message("修改成功！", {
      type: "success"
    });
@@ -338,7 +342,13 @@

<template>
  <div>
    <el-descriptions class="margin-top" title="" :column="3" border>
    <el-descriptions
      v-if="state.userInfo.enterpriseName"
      class="margin-top"
      title=""
      :column="3"
      border
    >
      <!-- <template #extra>
      <el-button type="primary">Operation</el-button>
    </template> -->
@@ -346,14 +356,15 @@
        <template #label>
          <div class="cell-item">交易主体</div>
        </template>
        {{ state.userInfo.transactionName }}
        <el-tag v-if="!nowRole.hasFlsh" type="danger">资料审核中 </el-tag>
        {{ nowRole?.name }}
        <el-tag v-if="nowRole?.hasFlsh" type="success">审核已通过 </el-tag>
        <el-tag v-else type="danger">资料审核中 </el-tag>
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">企业名称</div>
        </template>
        {{ state.userInfo.enterpriseName }}
        {{ userInfo.enterpriseName }}

        <span @click="showImg('businessLicense')">
          <el-link type="primary" underline>查看营业执照</el-link>
@@ -363,62 +374,62 @@
        <template #label>
          <div class="cell-item">统一社会信用代码</div>
        </template>
        {{ state.userInfo.unifiedSocialCreditCode }}
        {{ userInfo.unifiedSocialCreditCode }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">注册资金</div>
        </template>
        {{ state.userInfo.registeredCapital }}
        {{ userInfo.registeredCapital }}
      </el-descriptions-item>
      <el-descriptions-item :span="2">
        <template #label>
          <div class="cell-item">企业类型</div>
        </template>
        {{ state.userInfo.enterpriseType }}
        {{ userInfo.enterpriseType }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">住所地</div>
        </template>
        {{ state.userInfo.residence }}
        {{ userInfo.residence }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">联系电话</div>
        </template>
        {{ state.userInfo.legalRepresentativePhone }}
        {{ userInfo.legalRepresentativePhone }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">成立时间</div>
        </template>
        {{ state.userInfo.establishmentTime }}
        {{ userInfo.establishmentTime }}
      </el-descriptions-item>
      <el-descriptions-item :span="2">
        <template #label>
          <div class="cell-item">电子邮箱</div>
        </template>
        {{ state.userInfo.enterpriseEmail }}
        {{ userInfo.enterpriseEmail }}
      </el-descriptions-item>
      <el-descriptions-item :span="3" label-width="100">
        <template #label>
          <div class="cell-item">主营业务</div>
        </template>
        {{ state.userInfo.mainBusiness }}
        {{ userInfo.mainBusiness }}
      </el-descriptions-item>

      <el-descriptions-item>
        <template #label>
          <div class="cell-item">法定代表人</div>
        </template>
        {{ state.userInfo.legalRepresentativeName }}
        {{ userInfo.legalRepresentativeName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">身份证</div>
        </template>
        {{ state.userInfo.legalRepresentativeIdNumber }}
        {{ userInfo.legalRepresentativeIdNumber }}
        <span @click="showImg('legalRepresentativeIdCard')">
          <el-link type="primary" underline>查看身份证</el-link>
        </span>
@@ -427,19 +438,19 @@
        <template #label>
          <div class="cell-item">联系电话</div>
        </template>
        {{ state.userInfo.legalRepresentativePhone }}
        {{ userInfo.legalRepresentativePhone }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">业务经办人</div>
        </template>
        {{ state.userInfo.operatorName }}
        {{ userInfo.operatorName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">身份证</div>
        </template>
        {{ state.userInfo.operatorIdNumber }}
        {{ userInfo.operatorIdNumber }}
        <span style="margin-right: auto" @click="showImg('operatorIdCard')">
          <el-link type="primary" underline>查看身份证</el-link>
        </span>
@@ -448,19 +459,19 @@
        <template #label>
          <div class="cell-item">联系电话</div>
        </template>
        {{ state.userInfo.operatorPhone }}
        {{ userInfo.operatorPhone }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">开户银行</div>
        </template>
        {{ state.userInfo.bankName }}
        {{ userInfo.bankName }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template #label>
          <div class="cell-item">银行账号</div>
        </template>
        {{ state.userInfo.bankAccount }}
        {{ userInfo.bankAccount }}
      </el-descriptions-item>
    </el-descriptions>
    <div class="m-5">
@@ -761,6 +772,12 @@
        </span>
      </template>
    </el-dialog>
    <el-image-viewer
      v-if="showPreview"
      :url-list="state.srcList"
      show-progress
      @close="showPreview = false"
    />
  </div>
</template>