用户信息管理-等级、分组、用户标签隐藏（包括列和筛选条件）

src/views/member/user/UserForm.vue

@@ -57,12 +57,12 @@
           :render-after-expand="true"
         />
       </el-form-item>
-      <el-form-item label="用户标签" prop="tagIds">
-        <MemberTagSelect v-model="formData.tagIds" show-add />
-      </el-form-item>
-      <el-form-item label="用户分组" prop="groupId">
-        <MemberGroupSelect v-model="formData.groupId" />
-      </el-form-item>
+      <!--      <el-form-item label="用户标签" prop="tagIds">-->
+      <!--        <MemberTagSelect v-model="formData.tagIds" show-add />-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="用户分组" prop="groupId">-->
+      <!--        <MemberGroupSelect v-model="formData.groupId" />-->
+      <!--      </el-form-item>-->
       <el-form-item label="会员备注" prop="mark">
         <el-input type="textarea" v-model="formData.mark" placeholder="请输入会员备注" />
       </el-form-item>
@@ -78,8 +78,8 @@ import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import * as UserApi from '@/api/member/user'
 import * as AreaApi from '@/api/system/area'
 import { defaultProps } from '@/utils/tree'
-import MemberTagSelect from '@/views/member/tag/components/MemberTagSelect.vue'
-import MemberGroupSelect from '@/views/member/group/components/MemberGroupSelect.vue'
+// import MemberTagSelect from '@/views/member/tag/components/MemberTagSelect.vue'
+// import MemberGroupSelect from '@/views/member/group/components/MemberGroupSelect.vue'
 
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -99,9 +99,9 @@ const formData = ref({
   sex: undefined,
   areaId: undefined,
   birthday: undefined,
-  mark: undefined,
-  tagIds: [],
-  groupId: undefined
+  mark: undefined
+  // tagIds: [],
+  // groupId: undefined
 })
 const formRules = reactive({
   mobile: [{ required: true, message: '手机号不能为空', trigger: 'blur' }],
@@ -170,9 +170,9 @@ const resetForm = () => {
     sex: undefined,
     areaId: undefined,
     birthday: undefined,
-    mark: undefined,
-    tagIds: [],
-    groupId: undefined
+    mark: undefined
+    // tagIds: [],
+    // groupId: undefined
   }
   formRef.value?.resetFields()
 }

src/views/member/user/index.vue

@@ -50,15 +50,15 @@
           value-format="YYYY-MM-DD HH:mm:ss"
         />
       </el-form-item>
-      <el-form-item label="用户标签" prop="tagIds">
-        <MemberTagSelect v-model="queryParams.tagIds" />
-      </el-form-item>
-      <el-form-item label="用户等级" prop="levelId">
-        <MemberLevelSelect v-model="queryParams.levelId" />
-      </el-form-item>
-      <el-form-item label="用户分组" prop="groupId">
-        <MemberGroupSelect v-model="queryParams.groupId" />
-      </el-form-item>
+      <!--      <el-form-item label="用户标签" prop="tagIds">-->
+      <!--        <MemberTagSelect v-model="queryParams.tagIds" />-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="用户等级" prop="levelId">-->
+      <!--        <MemberLevelSelect v-model="queryParams.levelId" />-->
+      <!--      </el-form-item>-->
+      <!--      <el-form-item label="用户分组" prop="groupId">-->
+      <!--        <MemberGroupSelect v-model="queryParams.groupId" />-->
+      <!--      </el-form-item>-->
       <el-form-item>
         <el-button type="primary" @click="handleQuery">
           <Icon class="mr-5px" icon="ep:search" />
@@ -83,30 +83,30 @@
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" />
-      <el-table-column align="center" label="用户编号" prop="id" width="120px" />
-      <el-table-column align="center" label="头像" prop="avatar" width="80px">
+      <el-table-column align="center" label="用户编号" prop="id" />
+      <el-table-column align="center" label="头像" prop="avatar">
         <template #default="scope">
-          <img :src="scope.row.avatar" style="width: 40px" />
+          <img :src="scope.row.avatar" style="width: 40px" alt="头像" />
         </template>
       </el-table-column>
-      <el-table-column align="center" label="手机号" prop="mobile" width="120px" />
-      <el-table-column align="center" label="昵称" prop="nickname" width="80px" />
-      <el-table-column align="center" label="等级" prop="levelName" width="100px" />
-      <el-table-column align="center" label="分组" prop="groupName" width="100px" />
-      <el-table-column
-        :show-overflow-tooltip="false"
-        align="center"
-        label="用户标签"
-        prop="tagNames"
-      >
-        <template #default="scope">
-          <el-tag v-for="(tagName, index) in scope.row.tagNames" :key="index" class="mr-5px">
-            {{ tagName }}
-          </el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="积分" prop="point" width="100px" />
-      <el-table-column align="center" label="状态" prop="status" width="100px">
+      <el-table-column align="center" label="手机号" prop="mobile" />
+      <el-table-column align="center" label="昵称" prop="nickname" />
+      <!--      <el-table-column align="center" label="等级" prop="levelName" width="100px" />-->
+      <!--      <el-table-column align="center" label="分组" prop="groupName" width="100px" />-->
+      <!--      <el-table-column-->
+      <!--        :show-overflow-tooltip="false"-->
+      <!--        align="center"-->
+      <!--        label="用户标签"-->
+      <!--        prop="tagNames"-->
+      <!--      >-->
+      <!--        <template #default="scope">-->
+      <!--          <el-tag v-for="(tagName, index) in scope.row.tagNames" :key="index" class="mr-5px">-->
+      <!--            {{ tagName }}-->
+      <!--          </el-tag>-->
+      <!--        </template>-->
+      <!--      </el-table-column>-->
+      <el-table-column align="center" label="积分" prop="point" />
+      <el-table-column align="center" label="状态" prop="status">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
         </template>
@@ -156,12 +156,12 @@
                   >
                     编辑
                   </el-dropdown-item>
-                  <el-dropdown-item
-                    v-if="checkPermi(['member:user:update-level'])"
-                    command="handleUpdateLevel"
-                  >
-                    修改等级
-                  </el-dropdown-item>
+                  <!--                  <el-dropdown-item-->
+                  <!--                    v-if="checkPermi(['member:user:update-level'])"-->
+                  <!--                    command="handleUpdateLevel"-->
+                  <!--                  >-->
+                  <!--                    修改等级-->
+                  <!--                  </el-dropdown-item>-->
                   <el-dropdown-item
                     v-if="checkPermi(['member:user:update-point'])"
                     command="handleUpdatePoint"
@@ -206,9 +206,9 @@ import { dateFormatter } from '@/utils/formatTime'
 import * as UserApi from '@/api/member/user'
 import { DICT_TYPE } from '@/utils/dict'
 import UserForm from './UserForm.vue'
-import MemberTagSelect from '@/views/member/tag/components/MemberTagSelect.vue'
-import MemberLevelSelect from '@/views/member/level/components/MemberLevelSelect.vue'
-import MemberGroupSelect from '@/views/member/group/components/MemberGroupSelect.vue'
+// import MemberTagSelect from '@/views/member/tag/components/MemberTagSelect.vue'
+// import MemberLevelSelect from '@/views/member/level/components/MemberLevelSelect.vue'
+// import MemberGroupSelect from '@/views/member/group/components/MemberGroupSelect.vue'
 import UserLevelUpdateForm from './components/UserLevelUpdateForm.vue'
 import UserPointUpdateForm from './components/UserPointUpdateForm.vue'
 import UserBalanceUpdateForm from './components/UserBalanceUpdateForm.vue'
@@ -228,10 +228,10 @@ const queryParams = reactive({
   nickname: null,
   mobile: null,
   loginDate: [],
-  createTime: [],
-  tagIds: [],
-  levelId: null,
-  groupId: null
+  createTime: []
+  // tagIds: []
+  // levelId: null,
+  // groupId: null
 })
 const queryFormRef = ref() // 搜索的表单
 const updateLevelFormRef = ref() // 修改会员等级表单