feat:微信号错误审核

src/views/member/com-auth/cmp/com-auth-form.vue

@@ -1,7 +1,7 @@
 <template>
   <Dialog v-model="dialogVisible" title="审核" width="600">
     <el-form ref="formRef" v-loading="formLoading" :model="formData" :rules="formRules" label-width="130px">
-      <!-- 微信认证 -->
+      <!-- start 微信认证 start -->
       <div v-if="formData.bizType == 3">
         <el-form-item label="微信号" prop="id">
           <el-input v-model="extraJson.wechatNumber" class="!w-240px" disabled />
@@ -10,7 +10,22 @@
           <PreviewImage :src="extraJson.wechatQrcode" class="!w-240px" />
         </el-form-item>
       </div>
-      <!-- 微信认证 -->
+      <!-- end 微信认证 end -->
+      <!-- start 微信号错误 start -->
+      <div v-if="formData.bizType == 4">
+        <el-form-item label="用户微信号">
+          <el-input v-model="extraJson.wechatNumber" class="!w-240px" disabled />
+        </el-form-item>
+        <el-form-item label="用户微信图片">
+          <PreviewImage :src="extraJson.wechatQrcode" class="!w-240px" />
+        </el-form-item>
+        <view class="flex justify-center items-center pb-20px">
+          <span>举报该用户提供的微信号(</span>
+          <span class="color-red">{{ extraJson.wechatNumber }}</span>
+          <span>)搜索不到</span>
+        </view>
+      </div>
+      <!-- end 微信号错误 end -->
       <el-form-item label="用户编号" prop="id">
         <el-radio-group v-model="formData.authStatus">
           <el-radio value="3" size="large" border>通过</el-radio>
@@ -69,6 +84,9 @@ const open = async (type = 'check', id?: number) => {
       if (data && data.authExtraJson) {
         extraJson.value = JSON.parse(data.authExtraJson)
       }
+      console.log("type:", type);
+      console.log("formData:", formData);
+
     } finally {
       formLoading.value = false
     }

src/views/member/com-auth/index.vue

@@ -1,9 +1,17 @@
 <template>
   <ContentWrap>
     <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
-      <el-form-item label="等级名称" prop="name">
+      <el-form-item label="审核类型" prop="bizType">
-        <el-input v-model="queryParams.name" placeholder="请输入等级名称" clearable @keyup.enter="handleQuery"
+        <el-select v-model="queryParams.bizType" placeholder="请选择审核类型" clearable class="!w-240px">
-          class="!w-240px" />
+          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.MEMBER_COM_AUTH_TYPE)" :key="dict.value"
+            :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="审核状态" prop="authStatus">
+        <el-select v-model="queryParams.authStatus" placeholder="请选择审核状态" clearable class="!w-240px">
+          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.MEMBER_COM_AUTH_STATUS)" :key="dict.value"
+            :label="dict.label" :value="dict.value" />
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery">
@@ -53,11 +61,11 @@
       <el-table-column label="申请时间" align="center" prop="createTime" :formatter="dateFormatter" min-width="170" />
       <el-table-column label="操作" align="center" min-width="110px" fixed="right">
         <template #default="{ row }">
-          <el-button v-if="row.bizType != 3" link type="primary" @click="openForm('view', row.id)">
+          <el-button v-if="[3, 4].includes(row.bizType)" link type="primary" @click="openForm('view', row)">
             查看
           </el-button>
-          <el-button v-if="row.bizType == 3 && !['3', '4'].includes(row.authStatus)" link type="primary"
+          <el-button v-if="![3, 4].includes(row.bizType) && !['3', '4'].includes(row.authStatus)" link type="primary"
-            @click="openForm('check', row.id)">
+            @click="openForm('check', row)">
             审核
           </el-button>
         </template>
@@ -70,7 +78,7 @@
 </template>
 
 <script setup lang="ts">
-import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions, getStrDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 
 import * as MemberAuthApi from '@/api/member/com-auth'
@@ -80,15 +88,17 @@ import ComAuthForm from './cmp/com-auth-form.vue'
 const message = useMessage()
 const { t } = useI18n()
 
-
+const queryFormRef = ref()
 const loading = ref(true)
 const total = ref(0)
 const list = ref([])
-const queryParams = reactive({
+const queryParams = reactive<any>({
   pageNo: 1,
   pageSize: 10,
   name: null,
-  status: null
+  status: null,
+  bizType: null,
+  authStatus: null,
 })
 
 /** 查询列表 */
@@ -116,8 +126,8 @@ const resetQuery = () => {
 
 /** 添加/修改操作 */
 const formRef = ref()
-const openForm = (type: string, id?: number) => {
+const openForm = (type: string, row: any) => {
-  formRef.value.open(type, id)
+  formRef.value.open(type, row.id)
 }
 
 /** 删除按钮操作 */