更新添加

src/router/routes-common.ts

@@ -80,6 +80,14 @@ export const router: RouteRecordRaw[] = [
     }
   },
   {
+    path: '/help-detail',
+    name: 'help-detail',
+    component: () => import('@/views/information/help-center/detail'),
+    meta: {
+      title: '帮助中心详情'
+    }
+  },
+  {
     path: '/unit-test',
     name: 'unit-test',
     component: () => import('@/views/unit-test'),

src/views/information/help-center/detail.tsx

@@ -0,0 +1,39 @@
+import request from '@/helpers/request'
+import { state } from '@/state'
+import { defineComponent, onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import styles from '../information-detail.module.less'
+
+export default defineComponent({
+  name: 'notice-detail',
+  setup() {
+    const route = useRoute()
+    const detail = ref<any>({})
+
+    const getDetails = async () => {
+      try {
+        const { data } = await request.get(
+          state.platformApi + '/helpCenterContent/detail/' + route.query.id
+        )
+        detail.value = data
+      } catch {
+        //
+      }
+    }
+
+    onMounted(() => {
+      getDetails()
+    })
+    return () => (
+      <div class={styles.detail}>
+        <div class={styles.title}>{detail.value.title}</div>
+        <div class={styles.who}>
+          <span>管乐团</span>
+          {detail.value.createTime}
+        </div>
+
+        <div class={styles.content} v-html={detail.value.content}></div>
+      </div>
+    )
+  }
+})

src/views/information/help-center/index.module.less

@@ -1,14 +1,15 @@
-.title {
-  font-size: 16px;
-  color: #333333;
-  line-height: 22px;
-}
-
-.liveList {
-  margin-top: 12px;
-  :global {
-    .van-cell {
-      padding: 18px 13px;
+.helpCenter {
+  .title {
+    font-size: 16px;
+    color: #333333;
+    line-height: 22px;
+  }
+  .container {
+    margin-top: 12px;
+    :global {
+      .van-cell {
+        padding: 18px 13px;
+      }
     }
   }
 }

src/views/information/help-center/index.tsx

@@ -6,11 +6,13 @@ import { forms } from '@/school/train-planning/create'
 import { state } from '@/state'
 import { Cell, CellGroup, List } from 'vant'
 import { defineComponent, onMounted, reactive } from 'vue'
+import { useRouter } from 'vue-router'
 import styles from './index.module.less'
 
 export default defineComponent({
   name: 'help-center',
   setup() {
+    const router = useRouter()
     const form = reactive({
       isClick: false,
       list: [] as any,
@@ -69,7 +71,7 @@ export default defineComponent({
       getList()
     })
     return () => (
-      <>
+      <div class={styles.helpCenter}>
         <OSticky position="top">
           <OSearch onSearch={onSearch} />
         </OSticky>
@@ -79,18 +81,30 @@ export default defineComponent({
             v-model:loading={form.listState.loading}
             finished={form.listState.finished}
             finishedText=" "
-            class={[styles.liveList]}
+            class={styles.container}
             onLoad={getList}
             immediateCheck={false}
           >
             {form.list.map((item: any) => (
-              <Cell titleClass={[styles.title, 'van-ellipsis']} title={'ijijii'} isLink></Cell>
+              <Cell
+                titleClass={[styles.title, 'van-ellipsis']}
+                title={item.title}
+                isLink
+                onClick={() => {
+                  router.push({
+                    path: 'help-detail',
+                    query: {
+                      id: item.id
+                    }
+                  })
+                }}
+              ></Cell>
             ))}
           </List>
         ) : (
           <OEmpty btnStatus={false} tips="暂无数据" />
         )}
-      </>
+      </div>
     )
   }
 })