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

.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

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) => {
-    return await request.put({ url: `/member/enterprise/update`, data })
+  // updateEnterprise: async (data: Enterprise) => {
+  //   return await request.put({ url: `/member/enterprise/update`, data })
+  // },
+
+  // 审核客户企业
+  processEnterprise: async (data: Enterprise) => {
+    return await request.put({ url: `/member/enterprise/check`, data })
   },
 
   // 删除客户企业
@@ -49,4 +53,4 @@ export const EnterpriseApi = {
   exportEnterprise: async (params) => {
     return await request.download({ url: `/member/enterprise/export-excel`, params })
   }
-}
\ No newline at end of file
+}

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"

src/locales/zh-CN.ts

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

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', //商品状态

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-input v-model="formData.memberUserId" placeholder="请输入member用户id" />
+      <el-form-item label="姓名" prop="contactName">
+        <el-input v-model="formData.contactName" />
       </el-form-item>
-      <el-form-item label="企业名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入企业名称" />
+      <el-form-item label="身份证" prop="identityCard">
+        <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-input v-model="formData.moible" placeholder="请输入联系电话" />
+      <el-form-item label="联系电话" prop="mobile">
+        <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' }],
-  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' }]
+  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,14 +125,9 @@ const submitForm = async () => {
 const resetForm = () => {
   formData.value = {
     id: undefined,
-    memberUserId: undefined,
-    name: undefined,
-    legalPerson: undefined,
-    moible: undefined,
-    letterOfCommitment: undefined,
     status: undefined,
     remark: undefined
   }
   formRef.value?.resetFields()
 }
-</script>
\ No newline at end of file
+</script>

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>

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"
-          placeholder="请输入member用户id"
+          v-model="queryParams.contactName"
+          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 @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['member:enterprise:create']"
-        >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
+        <el-button type="primary" @click="handleQuery">
+          <Icon icon="ep:search" class="mr-5px" />
+          搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon icon="ep:refresh" 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" /> 导出
-        </el-button>
-        <el-button
-            type="danger"
-            plain
-            :disabled="isEmpty(checkedIds)"
-            @click="handleDeleteBatch"
-            v-hasPermi="['member:enterprise:delete']"
-        >
-          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+          <Icon icon="ep:download" class="mr-5px" />
+          导出
         </el-button>
       </el-form-item>
     </el-form>
@@ -101,21 +95,51 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table
-        row-key="id"
-        v-loading="loading"
-        :data="list"
-        :stripe="true"
-        :show-overflow-tooltip="true"
-        @selection-change="handleRowCheckboxChange"
+      row-key="id"
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      @selection-change="handleRowCheckboxChange"
     >
-    <el-table-column type="selection" width="55" />
-      <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="member用户id" align="center" prop="memberUserId" />
-      <el-table-column label="企业名称" align="center" prop="name" />
+      <el-table-column type="selection" width="55" />
+      <el-table-column label="姓名" align="center" prop="contactName" />
+      <el-table-column label="身份证号" align="center" prop="identityCard" />
+      <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="letterOfCommitment" />
-      <el-table-column label="是否审核" align="center" prop="status" />
+      <el-table-column label="联系电话" align="center" prop="mobile" />
+      <el-table-column label="承诺书" align="center" prop="letterOfCommitment">
+        <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
-            link
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-            v-hasPermi="['member:enterprise:delete']"
-          >
-            删除
+          <el-button link type="primary" @click="openForm('detail', scope.row.id)">
+            详情
           </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)
 }
 
 /** 导出按钮操作 */
@@ -264,4 +306,4 @@ const handleExport = async () => {
 onMounted(() => {
   getList()
 })
-</script>
\ No newline at end of file
+</script>