comit

.env.development

@@ -1,5 +1,5 @@
 # 接口地址http://8.136.199.33:8610/v1   https://rddptest.hzinsights.com/adminapi
-VITE_APP_API_URL="http://8.136.199.33:8610/v1"
+VITE_APP_API_URL="https://rddptest.hzinsights.com/adminapi"
 # 路由根地址
 VITE_APP_BASE_URL="/"
 # 打包输入文件名

src/api/report.js

@@ -0,0 +1,17 @@
+// 报告模块
+import { get,post } from "./index";
+
+
+export default {
+    /**
+     * 获取报告列表
+     * @param Frequency
+     * @param ClassifyNameFirst
+     * @param ClassifyNameSecond
+     * @param KeyWord
+     * @param MsgIsSend
+     */
+    getList:params=>{
+        return get('/report/list',params)
+    }
+}

src/router/index.js

@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from "vue-router";
 import { pptRoutes } from "./ppt";
 import {pptENRoutes} from './pptEn'
 import {myETARoutes} from './myETA'
+import {reportRoutes} from './report'
 /**
  * 说明
  * 此文件为路由配置入口文件
@@ -52,6 +53,8 @@ const routes = [
 			...pptENRoutes,
 			//myETA模块
 			...myETARoutes,
+			// 中文研报模块
+			...reportRoutes,
 		]
 	},
 	

src/router/report.js

@@ -0,0 +1,19 @@
+// 中文研报路由模块
+/**
+ * meta:{
+ * noHead:pad端不需要顶部
+ * hasBackHome:pad端顶部有返回首页
+ * }
+ */
+ export const reportRoutes=[
+    {
+        path:"/report/list",
+        name:"ReportList",
+        component: () => import("@/views/report/List.vue"),
+        meta: { 
+            title: "中文研报",
+            hasBackHome:true,
+            keepAlive:false
+        },
+    }
+]

src/views/report/List.vue

@@ -0,0 +1,89 @@
+<script setup name="ReportList">
+import {reactive} from 'vue'
+import apiReport from '@/api/report'
+
+
+const listState = reactive({
+    list:[],
+    page:0,
+    pageSize:20,
+    finished:false,
+    loading:false
+})
+async function getList(){
+    const res=await apiReport.getList({
+        CurrentIndex:listState.page,
+        PageSize:listState.pageSize,
+    })
+    if(res.Ret===200){
+        listState.loading=false
+        if(!res.Data){
+            listState.finished=true
+            return
+        }
+        
+        listState.finished=res.Data.Paging.IsEnd
+        const arr=res.Data.List||[]
+        listState.list=[...listState.list,...arr]
+    }
+}
+function onLoad(){
+    listState.page++
+    // getList()
+}
+</script>
+
+<template>
+    <div class="report-list-page">
+        <div class="sticky-box">
+            <div class="top-box">
+                <img class="menu-icon" src="@/assets/imgs/myETA/icon_menu.png" alt="">
+                <van-search
+                    style="flex:1"
+                    shape="round" 
+                    readonly 
+                    placeholder="请输入图表名称"
+                />
+                <img class="menu-icon" src="@/assets/imgs/myETA/icon_menu.png" alt="">
+                <img class="menu-icon" src="@/assets/imgs/myETA/icon_menu.png" alt="">
+            </div>
+            
+
+        </div>
+        <van-list
+            v-model:loading="listState.loading"
+            :finished="listState.finished"
+            :finished-text="listState.list.length>0?'没有更多了':'暂无图表'"
+            @load="onLoad"
+        >
+            <ul class="list-wrap">
+                <li class="item" v-for="item in listState.list" :key="item.Id">
+                
+                </li>
+            </ul>
+        </van-list>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.sticky-box{
+    position: sticky;
+    top: 0;
+    z-index: 99;
+}
+.top-box{
+    display: flex;
+    align-items: center;
+    .menu-icon{
+        width: 40px;
+        height: 40px;
+    }
+}
+
+.list-wrap{
+    .item{
+        padding: 20px;
+
+    }
+}
+</style>

src/views/tabbar/Home.vue

@@ -16,6 +16,10 @@ if(!localStorage.getItem('token')){
 <template>
     <div class="home-page">
         <div class="list">
+            <div class="item-box" @click="goNext('/report/list')">
+                <img src="@/assets/imgs/ppt/ppt_icon_zh.png" alt="">
+                <div>中文研报</div>
+            </div>
             <div class="item-box" @click="goNext('/ppt/index')">
                 <img src="@/assets/imgs/ppt/ppt_icon_zh.png" alt="">
                 <div>智能PPT</div>