会员中心-客户企业管理修改

ddb76bb1 · 孙美琪 · 81791eaf · ddb76bb1 · ddb76bb1 · ddb76bb1
Commit ddb76bb1 authored Aug 18, 2025 by 孙美琪
9 changed files
--- a/.env.stage
+++ b/.env.stage
@@ -4,7 +4,7 @@ NODE_ENV=production
 VITE_DEV=false
 # 请求路径
-VITE_BASE_URL='http://api-dashboard.yudao.iocoder.cn'
+VITE_BASE_URL='/admin-api'
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server

--- a/src/api/member/enterprise/index.ts
+++ b/src/api/member/enterprise/index.ts
 import request from '@/config/axios'
-import type { Dayjs } from 'dayjs';
 /** 客户企业信息 */
 export interface Enterprise {
@@ -31,8 +30,13 @@ export const EnterpriseApi = {
  },
  // 修改客户企业
-  updateEnterprise: async (data: Enterprise) => {
+  // updateEnterprise: async (data: Enterprise) => {
-    return await request.put({ url: `/member/enterprise/update`, data })
+  //   return await request.put({ url: `/member/enterprise/update`, data })
+  // },
+  // 审核客户企业
+  processEnterprise: async (data: Enterprise) => {
+    return await request.put({ url: `/member/enterprise/check`, data })
  },
  // 删除客户企业

--- a/src/components/Editor/src/Editor.vue
+++ b/src/components/Editor/src/Editor.vue
--- a/src/layout/components/Setting/src/Setting.vue
+++ b/src/layout/components/Setting/src/Setting.vue
@@ -201,7 +201,7 @@ const clear = () => {
 <template>
  <div
-    v-if="false"
+    v-if="true"
    :class="prefixCls"
    class="fixed right-0 top-[45%] h-40px w-40px cursor-pointer bg-[var(--el-color-primary)] text-center leading-40px"
    @click="drawer = true"

--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -317,8 +317,8 @@ export default {
    bannerUpdate: '修改banner页管理',
    computilityCreate: '添加计算资源首页管理',
    computilityUpdate: '修改计算资源首页管理',
-    assemblyCreate: '添加组件管理',
+    assemblyCreate: '添加行业应用',
-    assemblyUpdate: '修改组件管理',
+    assemblyUpdate: '修改行业应用',
    informationCreate: '添加活动资源管理',
    informationUpdate: '修改活动资源管理',
  },

--- a/src/utils/dict.ts
+++ b/src/utils/dict.ts
@@ -167,6 +167,7 @@ export enum DICT_TYPE {
  // ========== Member 会员模块 ==========
  MEMBER_POINT_BIZ_TYPE = 'member_point_biz_type', // 积分的业务类型
  MEMBER_EXPERIENCE_BIZ_TYPE = 'member_experience_biz_type', // 会员经验业务类型
+  CHECK_STATUS = 'check_status', // 客户企业管理审核
  // ========== MALL - 商品模块 ==========
  PRODUCT_SPU_STATUS = 'product_spu_status', //商品状态

--- a/src/views/member/enterprise/EnterpriseForm.vue
+++ b/src/views/member/enterprise/EnterpriseForm.vue
@@ -2,33 +2,49 @@
  <Dialog :title="dialogTitle" v-model="dialogVisible">
    <el-form
      ref="formRef"
+      disabled
      :model="formData"
      :rules="formRules"
      label-width="100px"
      v-loading="formLoading"
    >
-      <el-form-item label="member用户id" prop="memberUserId">
+      <el-form-item label="姓名" prop="contactName">
-        <el-input v-model="formData.memberUserId" placeholder="请输入member用户id" />
+        <el-input v-model="formData.contactName" />
      </el-form-item>
-      <el-form-item label="企业名称" prop="name">
+      <el-form-item label="身份证" prop="identityCard">
-        <el-input v-model="formData.name" placeholder="请输入企业名称" />
+        <el-input v-model="formData.identityCard" />
+      </el-form-item>
+      <el-form-item label="身份证图片">
+        <UploadImg v-model="formData.nationalEmblemFace" :disabled="true"/>
+        <UploadImg v-model="formData.portraitFace" :disabled="true"/>
+      </el-form-item>
+      <el-form-item label="企业名称" prop="enterpriseName">
+        <el-input v-model="formData.enterpriseName" />
      </el-form-item>
      <el-form-item label="法人" prop="legalPerson">
-        <el-input v-model="formData.legalPerson" placeholder="请输入法人" />
+        <el-input v-model="formData.legalPerson" />
+      </el-form-item>
+      <el-form-item label="企业营业执照" prop="businessLicense">
+        <UploadImg v-model="formData.businessLicense" :disabled="true"/>
      </el-form-item>
-      <el-form-item label="联系电话" prop="moible">
+      <el-form-item label="联系电话" prop="mobile">
-        <el-input v-model="formData.moible" placeholder="请输入联系电话" />
+        <el-input v-model="formData.mobile" />
      </el-form-item>
      <el-form-item label="承诺书" prop="letterOfCommitment">
-        <UploadImg v-model="formData.letterOfCommitment" />
+        <UploadImg v-model="formData.letterOfCommitment" :disabled="true"/>
      </el-form-item>
-      <el-form-item label="是否审核" prop="status">
+      <el-form-item label="审核状态" prop="status">
        <el-radio-group v-model="formData.status">
-          <el-radio value="1">请选择字典生成</el-radio>
+          <el-radio
+            v-for="dict in getIntDictOptions(DICT_TYPE.CHECK_STATUS)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
        </el-radio-group>
      </el-form-item>
      <el-form-item label="备注" prop="remark">
-        <el-input v-model="formData.remark" placeholder="请输入备注" />
+        <el-input v-model="formData.remark"/>
      </el-form-item>
    </el-form>
    <template #footer>
@@ -39,6 +55,7 @@
 </template>
 <script setup lang="ts">
 import { EnterpriseApi, Enterprise } from '@/api/member/enterprise'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 /** 客户企业 表单 */
 defineOptions({ name: 'EnterpriseForm' })
@@ -52,28 +69,20 @@ const formLoading = ref(false) // 表单的加载中：1）修改时的数据加
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref({
  id: undefined,
-  memberUserId: undefined,
-  name: undefined,
-  legalPerson: undefined,
-  moible: undefined,
-  letterOfCommitment: undefined,
  status: undefined,
  remark: undefined
 })
 const formRules = reactive({
-  memberUserId: [{ required: true, message: 'member用户id不能为空', trigger: 'blur' }],
+  status: [{ required: true, message: '审核状态不能为空', trigger: 'blur' }]
-  name: [{ required: true, message: '企业名称不能为空', trigger: 'blur' }],
-  legalPerson: [{ required: true, message: '法人不能为空', trigger: 'blur' }],
-  moible: [{ required: true, message: '联系电话不能为空', trigger: 'blur' }],
-  letterOfCommitment: [{ required: true, message: '承诺书不能为空', trigger: 'blur' }],
-  status: [{ required: true, message: '是否审核不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {
+  console.log(type, 'type')
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
+  // dialogTitle.value = '审核'
  formType.value = type
  resetForm()
  // 修改时，设置数据
@@ -101,7 +110,7 @@ const submitForm = async () => {
      await EnterpriseApi.createEnterprise(data)
      message.success(t('common.createSuccess'))
    } else {
-      await EnterpriseApi.updateEnterprise(data)
+      await EnterpriseApi.processEnterprise(data)
      message.success(t('common.updateSuccess'))
    }
    dialogVisible.value = false
@@ -116,11 +125,6 @@ const submitForm = async () => {
 const resetForm = () => {
  formData.value = {
    id: undefined,
-    memberUserId: undefined,
-    name: undefined,
-    legalPerson: undefined,
-    moible: undefined,
-    letterOfCommitment: undefined,
    status: undefined,
    remark: undefined
  }

--- a/src/views/member/enterprise/ReviewForm.vue
+++ b/src/views/member/enterprise/ReviewForm.vue
+<template>
+  <Dialog title="审核" v-model="dialogVisible" width="600">
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="100px"
+      v-loading="formLoading"
+    >
+      <el-form-item label="审核状态" prop="status">
+        <el-radio-group v-model="formData.status">
+          <el-radio
+            v-for="dict in getIntDictOptions(DICT_TYPE.CHECK_STATUS)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="备注" prop="remark">
+        <el-input v-model="formData.remark" placeholder="请输入备注" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { EnterpriseApi, Enterprise } from '@/api/member/enterprise'
+import {DICT_TYPE, getIntDictOptions} from '@/utils/dict'
+/** 客户企业 表单 */
+defineOptions({ name: 'ReviewForm' })
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  id: undefined,
+  status: undefined,
+  remark: undefined
+})
+const formRules = reactive({
+  status: [{ required: true, message: '审核状态不能为空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  console.log(type, 'type')
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  // dialogTitle.value = '审核'
+  formType.value = type
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      formData.value = await EnterpriseApi.getEnterprise(id)
+    } finally {
+      formLoading.value = false
+    }
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  await formRef.value.validate()
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as Enterprise
+    await EnterpriseApi.processEnterprise(data)
+    message.success(t('common.updateSuccess'))
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    status: undefined,
+    remark: undefined
+  }
+  formRef.value?.resetFields()
+}
+</script>
--- a/src/views/member/enterprise/index.vue
+++ b/src/views/member/enterprise/index.vue
@@ -6,20 +6,19 @@
      :model="queryParams"
      ref="queryFormRef"
      :inline="true"
-      label-width="68px"
    >
-      <el-form-item label="member用户id" prop="memberUserId">
+      <el-form-item label="姓名" prop="contactName">
        <el-input
-          v-model="queryParams.memberUserId"
+          v-model="queryParams.contactName"
-          placeholder="请输入member用户id"
+          placeholder="请输入姓名"
          clearable
          @keyup.enter="handleQuery"
          class="!w-240px"
        />
      </el-form-item>
-      <el-form-item label="企业名称" prop="name">
+      <el-form-item label="企业名称" prop="enterpriseName">
        <el-input
-          v-model="queryParams.name"
+          v-model="queryParams.enterpriseName"
          placeholder="请输入企业名称"
          clearable
          @keyup.enter="handleQuery"
@@ -35,23 +34,28 @@
          class="!w-240px"
        />
      </el-form-item>
-      <el-form-item label="联系电话" prop="moible">
+      <el-form-item label="联系电话" prop="mobile">
        <el-input
-          v-model="queryParams.moible"
+          v-model="queryParams.mobile"
          placeholder="请输入联系电话"
          clearable
          @keyup.enter="handleQuery"
          class="!w-240px"
        />
      </el-form-item>
-      <el-form-item label="是否审核" prop="status">
+      <el-form-item label="审核状态" prop="status">
        <el-select
          v-model="queryParams.status"
-          placeholder="请选择是否审核"
+          placeholder="请选择审核状态"
          clearable
          class="!w-240px"
        >
-          <el-option label="请选择字典生成" value="" />
+          <el-option
+            v-for="dict in getIntDictOptions(DICT_TYPE.CHECK_STATUS)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
        </el-select>
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
@@ -66,15 +70,13 @@
        />
      </el-form-item>
      <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button type="primary" @click="handleQuery">
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+          <Icon icon="ep:search" class="mr-5px" />
-        <el-button
+          搜索
-          type="primary"
+        </el-button>
-          plain
+        <el-button @click="resetQuery">
-          @click="openForm('create')"
+          <Icon icon="ep:refresh" class="mr-5px" />
-          v-hasPermi="['member:enterprise:create']"
+          重置
-        >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
        <el-button
          type="success"
@@ -83,16 +85,8 @@
          :loading="exportLoading"
          v-hasPermi="['member:enterprise:export']"
        >
-          <Icon icon="ep:download" class="mr-5px" /> 导出
+          <Icon icon="ep:download" class="mr-5px" />
-        </el-button>
+          导出
-        <el-button
-            type="danger"
-            plain
-            :disabled="isEmpty(checkedIds)"
-            @click="handleDeleteBatch"
-            v-hasPermi="['member:enterprise:delete']"
-        >
-          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
        </el-button>
      </el-form-item>
    </el-form>
@@ -109,13 +103,43 @@
      @selection-change="handleRowCheckboxChange"
    >
      <el-table-column type="selection" width="55" />
-      <el-table-column label="主键" align="center" prop="id" />
+      <el-table-column label="姓名" align="center" prop="contactName" />
-      <el-table-column label="member用户id" align="center" prop="memberUserId" />
+      <el-table-column label="身份证号" align="center" prop="identityCard" />
-      <el-table-column label="企业名称" align="center" prop="name" />
+      <el-table-column label="身份证国徽面">
+        <template #default="scope">
+          <el-image
+            :src="scope.row.nationalEmblemFace"
+            class="h-36px"
+            @click="imagePreview(scope.row.nationalEmblemFace)"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="身份证人像面">
+        <template #default="scope">
+          <el-image
+            :src="scope.row.portraitFace"
+            class="h-36px"
+            @click="imagePreview(scope.row.portraitFace)"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="企业名称" align="center" prop="enterpriseName" />
      <el-table-column label="法人" align="center" prop="legalPerson" />
-      <el-table-column label="联系电话" align="center" prop="moible" />
+      <el-table-column label="联系电话" align="center" prop="mobile" />
-      <el-table-column label="承诺书" align="center" prop="letterOfCommitment" />
+      <el-table-column label="承诺书" align="center" prop="letterOfCommitment">
-      <el-table-column label="是否审核" align="center" prop="status" />
+        <template #default="scope">
+          <el-image
+            :src="scope.row.letterOfCommitment"
+            class="h-36px"
+            @click="imagePreview(scope.row.letterOfCommitment)"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="审核状态" align="center" prop="status">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.CHECK_STATUS" :value="scope.row.status" />
+        </template>
+      </el-table-column>
      <el-table-column
        label="创建时间"
        align="center"
@@ -126,20 +150,15 @@
      <el-table-column label="操作" align="center" min-width="120px">
        <template #default="scope">
          <el-button
+            v-if="scope.row.status === 0"
            link
            type="primary"
            @click="openForm('update', scope.row.id)"
-            v-hasPermi="['member:enterprise:update']"
          >
-            编辑
+            审核
          </el-button>
-          <el-button
+          <el-button link type="primary" @click="openForm('detail', scope.row.id)">
-            link
+            详情
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-            v-hasPermi="['member:enterprise:delete']"
-          >
-            删除
          </el-button>
        </template>
      </el-table-column>
@@ -155,14 +174,18 @@
  <!-- 表单弹窗：添加/修改 -->
  <EnterpriseForm ref="formRef" @success="getList" />
+  <review-form ref="reviewRef" @success="getList" />
 </template>
 <script setup lang="ts">
-import { isEmpty } from '@/utils/is'
+import { isArray } from '@/utils/is'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { EnterpriseApi, Enterprise } from '@/api/member/enterprise'
 import EnterpriseForm from './EnterpriseForm.vue'
+import ReviewForm from './ReviewForm.vue'
+import { createImageViewer } from '@/components/ImageViewer'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 /** 客户企业 列表 */
 defineOptions({ name: 'Enterprise' })
@@ -212,7 +235,12 @@ const resetQuery = () => {
 /** 添加/修改操作 */
 const formRef = ref()
+const reviewRef = ref()
 const openForm = (type: string, id?: number) => {
+  if (type === 'update') {
+    reviewRef.value.open(type, id)
+    return
+  }
  formRef.value.open(type, id)
 }
@@ -234,15 +262,29 @@ const handleDeleteBatch = async () => {
  try {
    // 删除的二次确认
    await message.delConfirm()
-    await EnterpriseApi.deleteEnterpriseList(checkedIds.value);
+    await EnterpriseApi.deleteEnterpriseList(checkedIds.value)
    message.success(t('common.delSuccess'))
-    await getList();
+    await getList()
  } catch {}
 }
+const imagePreview = (args) => {
+  const urlList = []
+  if (isArray(args)) {
+    args.forEach((item) => {
+      urlList.push(item.url)
+    })
+  } else {
+    urlList.push(args)
+  }
+  createImageViewer({
+    urlList
+  })
+}
 const checkedIds = ref<number[]>([])
 const handleRowCheckboxChange = (records: Enterprise[]) => {
-  checkedIds.value = records.map((item) => item.id);
+  checkedIds.value = records.map((item) => item.id)
 }
 /** 导出按钮操作 */