updates

src/components/base/AppList.vue

@@ -59,9 +59,9 @@ const fetchList = (isReset = false) => {
   loading.value = true
   httpRequest(requestParams)
     .then((res: any) => {
-      const { list = [], total = 0 } = res.data || {}
+      const { list = [], total = 0 } = callback ? callback(res.data) : res.data || {}
       page.total = total
-      dataList.value = callback ? callback(list) : list
+      dataList.value = list
     })
     .catch(() => {
       page.total = 0

src/modules/team/api.ts

@@ -6,11 +6,24 @@ export function getTeamList(params?: { name?: string; status?: string; page?: nu
 }
 
 // 团队审核
-export function submitAudit(data: { id: string; status: number }) {
+export function submitAudit(data: { id: string; status: 0 | 1 }) {
   return httpRequest.post('/api/psp/backend/team/audit', data)
 }
 
 // 获取团队详情
-export function getTeam(params: { id: string; page?: number; page_size?: number }) {
+export function getTeam(params: {
+  id: string
+  members_page?: number
+  members_page_size?: number
+  files_page?: number
+  files_page_size?: number
+  questions_page?: number
+  questions_page_size?: number
+}) {
   return httpRequest.get('/api/psp/backend/team/view', { params })
 }
+
+// 团队管理-团队文件或者问答删除
+export function deleteFileOrQuestion(data: { id: string; type: 'question' | 'file' }) {
+  return httpRequest.post('/api/psp/backend/team/file-or-question-delete', data)
+}

src/modules/team/components/FileList.vue

+<script setup lang="ts">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getTeam, deleteFileOrQuestion } from '../api'
+
+const props = defineProps<{ id: string }>()
+const appList = ref()
+
+const listOptions = {
+  remote: {
+    httpRequest: getTeam,
+    params: { id: props.id },
+    beforeRequest(params: any) {
+      params.files_page = params.page
+      params.files_page_size = params.page_size
+      return params
+    },
+    callback(data: any) {
+      return data.files
+    }
+  },
+  columns: [
+    { label: 'ID', prop: 'id' },
+    { label: '标题', prop: 'title' },
+    { label: '发布人', prop: 'user_info.name' },
+    { label: '发布时间', prop: 'created_time' },
+    { label: '回答数量', prop: 'comment_count' },
+    { label: '浏览量', prop: 'pv' },
+    { label: '操作', slots: 'table-operate', align: 'right' }
+  ]
+}
+
+const onRemove = (row: any) => {
+  ElMessageBox.confirm('确定要删除吗？', '提示').then(() => {
+    deleteFileOrQuestion({ id: row.id, type: 'file' }).then(() => {
+      ElMessage({ type: 'success', message: '删除成功' })
+      appList.value?.refetch()
+    })
+  })
+}
+</script>
+
+<template>
+  <AppList v-bind="listOptions" ref="appList">
+    <template #table-operate="{ row }">
+      <el-button type="danger" plain @click="onRemove(row)">删除</el-button>
+    </template>
+  </AppList>
+</template>

src/modules/team/components/MemberList.vue

+<script setup lang="ts">
+import { getTeam } from '../api'
+
+const props = defineProps<{ id: string }>()
+const appList = ref()
+
+const listOptions = {
+  remote: {
+    httpRequest: getTeam,
+    params: { id: props.id },
+    beforeRequest(params: any) {
+      params.members_page = params.page
+      params.members_page_size = params.page_size
+      return params
+    },
+    callback(data: any) {
+      return data.members
+    }
+  },
+  columns: [
+    { label: '头像', prop: 'user_info.avatar', slots: 'table-logo', width: 74 },
+    { label: '姓名', prop: 'user_info.name' },
+    { label: '手机号', prop: 'user_info.mobile' }
+  ]
+}
+</script>
+
+<template>
+  <AppList v-bind="listOptions" ref="appList">
+    <template #table-logo="{ row }">
+      <el-avatar :size="50" :src="row.user_info.avatar + '?x-oss-process=image/resize,m_fill,h_100,w_200'" />
+    </template>
+  </AppList>
+</template>

src/modules/team/components/QuestionList.vue

+<script setup lang="ts">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getTeam, deleteFileOrQuestion } from '../api'
+
+const props = defineProps<{ id: string }>()
+const appList = ref()
+
+const listOptions = {
+  remote: {
+    httpRequest: getTeam,
+    params: { id: props.id },
+    beforeRequest(params: any) {
+      params.questions_page = params.page
+      params.questions_page_size = params.page_size
+      return params
+    },
+    callback(data: any) {
+      return data.questions
+    }
+  },
+  columns: [
+    { label: 'ID', prop: 'id' },
+    { label: '标题', prop: 'title' },
+    { label: '发布人', prop: 'user_info.name' },
+    { label: '发布时间', prop: 'created_time' },
+    { label: '回答数量', prop: 'comment_count' },
+    { label: '浏览量', prop: 'pv' },
+    { label: '操作', slots: 'table-operate', align: 'right' }
+  ]
+}
+
+const onRemove = (row: any) => {
+  ElMessageBox.confirm('确定要删除吗？', '提示').then(() => {
+    deleteFileOrQuestion({ id: row.id, type: 'question' }).then(() => {
+      ElMessage({ type: 'success', message: '删除成功' })
+      appList.value?.refetch()
+    })
+  })
+}
+</script>
+
+<template>
+  <AppList v-bind="listOptions" ref="appList">
+    <template #table-operate="{ row }">
+      <el-button type="danger" plain @click="onRemove(row)">删除</el-button>
+    </template>
+  </AppList>
+</template>

src/modules/team/views/List.vue

 <script setup lang="ts">
+import { ArrowDown } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import { getTeamList, submitAudit } from '../api'
 
@@ -37,7 +38,7 @@ const listOptions = {
   ]
 }
 // 审核
-const onAudit = (row: any, status: number) => {
+const onAudit = (row: any, status: 0 | 1) => {
   submitAudit({ id: row.id, status }).then(() => {
     ElMessage({ type: 'success', message: '审核完成' })
     appList.value?.refetch()

src/modules/team/views/View.vue

 <script setup lang="ts">
-// import StarRecord from '../components/StarRecord.vue'
-// import SignInRecord from '../components/SignInRecord.vue'
+import MemberList from '../components/MemberList.vue'
+import FileList from '../components/FileList.vue'
+import QuestionList from '../components/QuestionList.vue'
 import { getTeam } from '../api'
 
 const props = defineProps<{ id: string }>()
@@ -34,13 +35,13 @@ onMounted(() => {
   <AppCard>
     <el-tabs type="card">
       <el-tab-pane label="成员" lazy>
-        <!-- <SignInRecord :id="id"></SignInRecord> -->
+        <MemberList :id="id"></MemberList>
       </el-tab-pane>
       <el-tab-pane label="资料" lazy>
-        <!-- <SignInRecord :id="id"></SignInRecord> -->
+        <FileList :id="id"></FileList>
       </el-tab-pane>
       <el-tab-pane label="问答" lazy>
-        <!-- <StarRecord :id="id"></StarRecord> -->
+        <QuestionList :id="id"></QuestionList>
       </el-tab-pane>
     </el-tabs>
   </AppCard>