...

collect_information/src/app.config.ts

@@ -19,6 +19,8 @@ export default defineAppConfig({
       root: "subPages",
       pages: [
         'pages/policeManager/index',
+        'pages/policeDetails/index',
+
         'pages/myProject/myProject',
         'pages/projectDetails/projectDetails',
         'pages/form/form'

collect_information/src/subPages/pages/policeDetails/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '项目详情',
+
+})

collect_information/src/subPages/pages/policeDetails/index.scss

@@ -0,0 +1,53 @@
+.projectDetails{
+  height: 100vh;
+  overflow: hidden;
+  background: #f1f1f1;
+  display: flex;
+  flex-direction: column;
+  .projectDetailsItem{
+    height: 18%;
+    margin: 20px;
+    border-radius: 10px;
+    background: #ffffff;
+    padding: 15px;
+    font-size: 28px;
+    line-height: 65px;
+    color: #333333;
+    .projectDetailsIndex{
+      .content{
+        color:  #9b9b9f;
+      }
+    }
+  }
+  .projectDetailsTableDrop{
+    height: 80%;
+    .projectDetailsTable{
+      margin: 20px;
+      border-radius: 10px;
+      background: #ffffff;
+      padding: 15px;
+      font-size: 28px;
+      line-height: 50px;
+      color: #333333;
+      .projectDetailsTableItem{
+        //display: flex;
+        justify-content: space-between;
+        align-items: center;
+        flex-wrap: wrap;
+        font-size: 24px;
+        margin-bottom: 15px
+      }
+    }
+  }
+  .projectDetailsButton{
+    position: fixed;
+    bottom: 19px;
+    display: flex;
+    -webkit-justify-content: space-around;
+    margin-bottom: 10rpx;
+    right: 0;
+    width: 100%;
+  }
+}
+
+

collect_information/src/subPages/pages/policeDetails/index.vue

@@ -0,0 +1,139 @@
+<template>
+  <view class="projectDetails">
+    <view class="projectDetailsItem">
+      <view style="display: flex;justify-content: space-between">
+        <text style="font-size: 18px">{{ nameValue ? nameValue : '' }}{{ '-----' + detailsList?.name }}项目</text>
+        <!--<text>进行中</text>-->
+      </view>
+      <view class="projectDetailsIndex">
+        <nut-row>
+          <nut-col :span="12">
+            <view class="content">工作人员数量:{{ detailsList?.staffTotal }}</view>
+          </nut-col>
+          <nut-col :span="12">
+            <view class="content">保安人员数量:{{ detailsList?.securityUserTotal }}</view>
+          </nut-col>
+        </nut-row>
+        <nut-row>
+          <nut-col :span="12">
+            <view class="content">服务区域面积:{{ detailsList?.serviceArea }}</view>
+          </nut-col>
+          <nut-col :span="12">
+            <view class="content">楼栋数量:{{ detailsList?.buildingTotal }}</view>
+          </nut-col>
+        </nut-row>
+        <nut-row>
+          <nut-col :span="16">
+            <view class="content">证件号：{{ detailsList?.idNumber }}</view>
+          </nut-col>
+          <nut-col :span="8">
+            <view class="content">户数:{{ detailsList?.houseTotal }}</view>
+          </nut-col>
+        </nut-row>
+      </view>
+    </view>
+    <!--表格-->
+    <view class="projectDetailsTableDrop">
+      <view style="padding: 0 12px">项目人员</view>
+      <scroll-view :scroll-y="true" style="height: 80%;" @scrolltoupper="upper" @scrolltolower="lower"
+                   :scroll-into-view="toView" :scroll-top="scrollTop" :refresherEnabled="true"
+                   @refresherrefresh="onRefresherRefresh" :refresher-triggered="isRefresher"
+      >
+        <view class="projectDetailsTable" v-for="(item,index) in projectData" :key="index">
+          <view>
+            <view class="projectDetailsTableItem">
+              <view>
+                <view style="display: flex;justify-content: space-between">
+                  <text>姓名:{{ item?.name ? item?.name : '创建者' }}</text>
+                  <text>性别:{{ item.sex?.label ? item.sex?.label : ' 隐藏' }}</text>
+                  <text>职位:{{ item.workPost ? item.workPost : '创建者' }}</text>
+                </view>
+                <view style="display: flex;justify-content: space-between">
+                  <text>保安证件:{{ item.securityNumber ? item.securityNumber : '125241256451' }}</text>
+                  <text>出生年月:{{ dayjs(item.dateOfBirth).format('YYYY-MM-DD') }}</text>
+                </view>
+                <view style="display: flex;justify-content: space-between">
+                  <text>创建时间:{{ item.createTime }}</text>
+                  <text>身份证:{{ item.idCard }}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+
+        </view>
+      </scroll-view>
+    </view>
+
+  </view>
+</template>
+<script setup lang="ts">
+import Taro, {useLoad} from "@tarojs/taro";
+import './index.scss'
+import {ref} from "vue";
+import api from "@/request/index";
+import * as dayjs from 'dayjs'
+
+const detailsList = ref()
+const nameValue = ref('')
+const projectData = ref<Records<string>[]>([])
+useLoad(async (options: MyProjectList) => {
+  nameValue.value = options.name
+  detailsList.value = await JSON.parse(options.item)
+  await projectDetailsTable()
+})
+const projectDetailsTable = async () => {
+  // if (total.value === projectData.value.length) return
+  Taro.showLoading({
+    title: '加载中',
+  })
+  const queryParams = {
+    params: {
+      serviceProjectId: detailsList.value?.snowFlakeId,
+    },
+    page: {
+      size: 4,
+      current: current.value
+    }
+  }
+  const resp = await api.post<ProjectData>('/miniProgramUser/securityUserPager', queryParams)
+  projectData.value = [...projectData.value, ...resp?.data.records]
+  total.value = resp?.data.total
+  isRefresher.value = false
+  Taro.hideLoading()
+}
+const formAdd = () => {
+  Taro.navigateTo({url: `/subPages/pages/form/form?item=${JSON.stringify(detailsList.value)}`})
+}
+const total = ref<any>(null)
+const current = ref(1)
+const isRefresher = ref(false)
+const scrollTop = ref(0)
+const toView = ref('demo2')
+const upper = (e) => {
+  console.log('到顶了:', e)
+}
+// 滚动到底部/右边时触发
+const lower = (e) => {
+  if (total.value === projectData.value.length) return
+  if (total.value > projectData.value.length) {
+    console.log('触底了:', e)
+    current.value = current.value + 1
+    projectDetailsTable()
+  }
+
+
+}
+// 自定义下拉刷新被触发
+const onRefresherRefresh = (e) => {
+  projectData.value = []
+  total.value = null
+  current.value = 1   //重置
+  isRefresher.value = true
+  console.log('自定义下拉刷新被触发:', e)
+  projectDetailsTable()
+}
+</script>
+<style scoped lang="scss">
+
+
+</style>

collect_information/src/subPages/pages/policeManager/index.vue

@@ -42,7 +42,7 @@ const projectClick = (items: ServiceProjectList, name: string) => {
   console.log(name, JSON.stringify(items))
   Taro.navigateTo({
 
-    url: `/subPages/pages/projectDetails/projectDetails?name=${name}&item=${JSON.stringify(items)}`,
+    url: `/subPages/pages/policeDetails/index?name=${name}&item=${JSON.stringify(items)}`,
   })
 }
 onMounted(async () => {