feat(user): 新增用户管理功能

- 添加用户列表页面，包含搜索、分页等功能
- 实现用户状态切换和详情查看功能
- 新增用户选择组件，用于选择用户
- 优化表格组件，支持自定义列和操作
- 添加面包屑组件，用于展示导航路径

src/view/goods/article/index.vue

@@ -1,11 +1,132 @@
 <template>
-  <div class="container">
-    文章管理
+  <div >
+    <div class="searchForm">
+      <searchForm
+        :search="ARTICLE_SEARCH_CONFIG"
+        @searchData="searchData"
+        @resetData="resetData"
+        class="search-box searchForm"
+      />
+    </div>
+    <div class="gva-table-box">
+      <div class="gva-btn-list">
+        <el-button  type="primary" icon="plus" @click="openDialog()">新增</el-button>
+      </div>
+      <Content
+        @changePage="changePage"
+        :total="total"
+        v-model:tabloading="tableLoading"
+        v-model:currentPage="queryParams.page"
+        v-model:pageSize="queryParams.pageSize"
+        :data="tableData"
+        :config="ARTICLE_TABLE_CONFIG"
+      >
+        <template #status="{ row }">
+          <el-tag :type="tag(row.status).extend">{{ tag(row.status).label }}</el-tag>
+        </template>
+        <template #coverImg="{ row }">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="row.coverImg"
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :preview-src-list="[row.coverImg]"
+            show-progress
+            :initial-index="4"
+            fit="cover"
+          />
+        </template>
+        <template #CreatedAt="{ row }">
+          {{ formatDate(row.CreatedAt) }}
+        </template>
+
+        <template #UpdatedAt="{ row }">
+          {{ formatDate(row.UpdatedAt) }}
+        </template>
+        <template #operate="{ row }">
+          <el-button  type="primary" link class="table-button" @click="handleDetail(row)">
+            <el-icon style="margin-right: 5px"><InfoFilled /></el-icon>查看
+          </el-button>
+          <el-button  type="primary" link icon="edit" class="table-button" @click="handleEdit(row)">编辑</el-button>
+          <el-button type="primary" link icon="delete" @click="handleDelete(row)">删除</el-button>
+        </template>
+      </Content>
+    </div>
   </div>
 </template>
 <script setup>
+  import searchForm from '@/components/searchForm/index.vue'
+  import Content from '@/components/content/index.vue'
+  import {list} from '@/api/goods/index.js'
+  import { ref, onMounted } from 'vue'
+  import {formatDate} from '@/utils/format'
+  import { ARTICLE_SEARCH_CONFIG, ARTICLE_TABLE_CONFIG } from '@/config'
+  import { InfoFilled } from '@element-plus/icons-vue'
+  import { useRouter, useRoute} from 'vue-router'
+  const router = useRouter()
+  const route = useRoute()
 
+
+  const tableLoading = ref(true),  tableData = ref([{status:1}])
+  const queryParams = ref({
+    page: 1,
+    pageSize: 10,
+    orderId: '',
+    startTime: '',
+    endTime: ''
+  }), total = ref(0)
+  // const EMPTY_STR = '- -'
+  const tag = (status) => {
+    return userStatus.find((item) => item.value === status+'') || { type: '', label: EMPTY_STR }
+  }
+  const searchData = (data) => {
+    if (data.times) {
+      data.startTime = data.times[0]
+      data.endTime = data.times[1]
+    }
+    queryParams.value.page = 1
+    queryParams.value = { ...queryParams.value, ...data }
+    delete queryParams.value.times
+    getList()
+  }
+  const resetData = () => {
+    queryParams.value = {
+      page: 1,
+      pageSize: 10,
+    }
+    getList()
+  }
+  onMounted(() => {
+    getList()
+  })
+  async function getList() {
+    const res = await list(queryParams.value)
+    if(res.code === 0) {
+      tableData.value = res.data.list
+      total.value = res.data.total
+    }
+  }
+
+  function handleDetail(row) {
+
+  }
+  function handleEdit(row) {
+    console.log(row)
+      router.push({
+        name: 'edit',
+        query: {
+          id: row.ID
+        }
+      })
+  }
+  function handleDelete(row) {
+
+  }
+  function changePage(data) {
+    queryParams.value.pageNum = data
+    getList()
+  }
 </script>
 <style lang="scss" scoped>
-
-</style>
+</style>