1

pages/ledger/editTable.vue

@@ -2,17 +2,12 @@
     <hc-sys id="app-sys" class="h-full hc-ledger-table-form" navBarUi="white">
         <template #navBar>
             <hc-nav-back-bar :title="pageNode.title + '填报'">
-                <zb-tooltip placement="bottom-end" ref="tooltipRef" v-if="currentPage > 0">
+                <picker :range="pageData" :value="pageIndex" @change="bindPageChange" v-if="currentPage > 0">
                     <view class="hc-page-bar">
                         <text class="i-ri-arrow-down-s-line icon"/>
                         <text class="text">第{{currentPage}}页</text>
                     </view>
-                    <template #content>
-                        <template v-for="item in pageTotal" :key="item">
-                            <view class="more-bar-item" @click="pageClick(item)">第{{item}}页</view>
-                        </template>
-                    </template>
-                </zb-tooltip>
+                </picker>
             </hc-nav-back-bar>
         </template>
         <view id="title-bar" class="title-bar z-24">
@@ -162,6 +157,10 @@ const handleMessage = (event) => {
     }
 }
 
+//页数
+const pageData = ref([])
+const pageIndex = ref(0)
+
 // 处理接收到的消息
 const isFormRender = ref(false)
 const setMsgData = ({type, data}) => {
@@ -172,7 +171,12 @@ const setMsgData = ({type, data}) => {
     }
     //表格数量
     if (type === 'formLength') {
-        pageTotal.value = Number(data)
+        let pageArr = [];
+        const index = Number(data)
+        for (let i = 0; i < index; i++) {
+            pageArr.push(`第${i + 1}页`)
+        }
+        pageData.value = pageArr
     }
     //当前表格
     if (type === 'formIndex') {
@@ -204,18 +208,17 @@ const setMsgData = ({type, data}) => {
 }
 
 //页码
-const pageTotal = ref(0)
 const currentPage = ref(0)
 const itemFormId = ref('')
 
 //切换页码
-const pageClick = (item) => {
-    tooltipRef.value?.close()
-    if (item !== currentPage) {
+const bindPageChange = ({detail}) => {
+    const index = detail.value + 1
+    if (index !== currentPage) {
         postMsg({
             type: 'pageTap',
-            data: item -1,
-            fun: `pageTap('${item -1}')`
+            data: index -1,
+            fun: `pageTap('${index - 1}')`
         })
     }
 }