adsad

src/views/news/index.vue

@@ -2,17 +2,29 @@
     <div>
         <div class="user-search">
             <el-input style="width: 200px;margin-right: 10px;" v-model="query.title" placeholder="请输入文章标题" />
+            <el-date-picker
+                v-model="dateTime"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                value-format="YYYY-MM-DD"
+                @change="handleDateChange"
+                clearable
+            />
             <el-button type="primary">搜索</el-button>
+            <el-button type="primary" @click="handleBatchDelete" :disabled="selectedRows.length === 0">批量删除</el-button>
             <el-button style="float: right;" type="primary" @click="addNews">添加文章</el-button>
         </div>
         <div class="user-table">
-            <el-table :data="tableData" style="width: 100%">
+            <el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" row-key="id">
+                <el-table-column type="selection" width="55" align="center" reserve-selection />
                 <el-table-column prop="title" label="文章标题" />
-                <el-table-column prop="content" label="内容">
+                <!-- <el-table-column prop="content" label="内容">
                     <template #default="scope">
                         <div class="content-wrap" v-html="scope.row.content"></div>
                     </template>
-                </el-table-column>
+                </el-table-column> -->
                 <el-table-column prop="created_at" label="创建时间" />
                 <el-table-column label="操作" width="100" align="center">
                     <template #default="scope">
@@ -66,6 +78,7 @@ const editNews = (row) => {
     sessionStorage.setItem('title', row.title);
     router.push(`/addNew?id=${row.id}`)
 }
+
 const handleDeleteNews = (row) => {
     deleteNews({ids: `${row.id}`}).then(res => {
         ElMessage.success('删除成功')
@@ -75,6 +88,24 @@ const handleDeleteNews = (row) => {
     })
 }
 
+const selectedRows = ref([])
+const handleSelectionChange = (selection) => {
+    selectedRows.value = selection
+}
+const handleBatchDelete = () => {
+    deleteNews({ids: selectedRows.value.map(item => item.id).join(',')}).then(res => {
+        ElMessage.success('删除成功')
+        getNews()
+    }).catch(err => {
+        console.log(err)
+    })
+}
+const dateTime = ref([])
+const handleDateChange = () => {
+    query.value.start_time = dateTime.value[0]
+    query.value.end_time = dateTime.value[1]
+    getNews()
+}
 const query = ref({
     page: 1,
     page_size: 20,

src/views/user/index.vue

@@ -7,8 +7,19 @@
         <div class="user-table">
             <el-table :data="tableData" style="width: 100%">
                 <el-table-column prop="name" label="姓名" />
-                <el-table-column prop="phone" label="手机号" />
-                <el-table-column prop="email" label="邮箱" />
+                <el-table-column prop="gender" label="性别" />
+                <el-table-column prop="age" label="年龄" />
+                <el-table-column prop="phone" label="账号" />
+                <el-table-column prop="created_at" label="胆道闭锁手术时间" />
+                <el-table-column prop="created_at" label="术后时长" />
+                <el-table-column prop="created_at" label="当前风险" />
+                <el-table-column prop="updated_at" label="生长曲线" />
+                <el-table-column prop="updated_at" label="下次随访时间" />
+                <el-table-column prop="updated_at" label="操作">
+                    <template #default="scope">
+                        <el-button type="primary" @click="handleCheck(scope.row)">查看详情</el-button>
+                    </template>
+                </el-table-column>
             </el-table>
             <el-pagination
                 background
@@ -31,6 +42,9 @@ const tableData = ref([
     },
 ])
 const search = ref('')
+const handleCheck = (row) => {
+    console.log(row)
+}
 </script>
 
 <style scoped>

src/views/user/userInfo.vue

@@ -0,0 +1,9 @@
+<template> 
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped>
+</style>