commit

2026-03-09 16:27:20 +08:00
parent bfcc773947
commit 58ea3f82ae
4 changed files with 437 additions and 0 deletions
@@ -0,0 +1,86 @@
+<!--#
+layout("/layouts/platform_h5.html"){
+#-->
+
+<div id="app">
+    <van-nav-bar title="项目列表" left-text="返回" left-arrow @click-left="historyBack" fixed placeholder></van-nav-bar>
+
+    <van-sticky offset-top="46px">
+        <van-search
+                v-model="pageForm.projectName"
+                :show-action="false"
+                :reverse-color="false"
+                input-align="left"
+                placeholder="请输入项目名称搜索"
+                @search="doSearch"
+        ></van-search>
+    </van-sticky>
+    <table-list api="/platform/benefiting/manage/pageData" :page_form.sync="pageForm" ref="tableListRef"
+                @ready="doSearch">
+        <template v-slot="{index,row}">
+            <van-card
+                    :title="row.projectName"
+                    :thumb="row.cover"
+            >
+                <template #desc>
+                    <span style="display: -webkit-box;
+                                 -webkit-box-orient: vertical;
+                                 -webkit-line-clamp: 4;
+                                 overflow: hidden;
+                                 white-space: normal;">{{row.projectDescription}}</span>
+                </template>
+            </van-card>
+        </template>
+        <template #actions="{index,row}">
+            <div class="action-btn" @click="onView(row)">
+                <i class="fa fa-eye"></i>
+                <span>查看</span>
+            </div>
+        </template>
+    </table-list>
+
+    <van-action-sheet v-model="visible" title="查看详情" style="height: 80%;">
+        <div class="detail-container">
+            <div v-html="description"></div>
+        </div>
+    </van-action-sheet>
+</div>
+
+<script>
+    new Vue({
+        el: "#app",
+        store,
+        components: {},
+        data() {
+            return {
+                pageForm: {
+                    pageNumber: 1,
+                    pageSize: 10,
+                    totalCount: 0
+                },
+                description: "",
+                visible: false,
+            }
+        },
+        methods: {
+            onView(row) {
+                this.description = row.description
+                this.visible = true
+            },
+            doSearch() {
+                this.$nextTick(() => {
+                    this.pageForm.pageNumber = 1
+                    this.pageForm.totalCount = 0
+                    this.$refs.tableListRef.doSearch()
+                })
+            }
+        },
+
+    })
+
+</script>
+
+
+<!--#
+}
+#-->