修改样式

collect_information/src/app.config.ts

@@ -9,9 +9,9 @@ export default defineAppConfig({
   ],
   window: {
     backgroundTextStyle: 'light',
-    navigationBarBackgroundColor: '#f7f8fa',
+    navigationBarBackgroundColor: '#4e87ff',
     navigationBarTitleText: '',
-    navigationBarTextStyle: 'black',
+    navigationBarTextStyle:'white',
     backgroundColor: "#008080"
   },
   subpackages: [

collect_information/src/subPages/pages/form/form.vue

@@ -59,7 +59,6 @@ import Taro, {useLoad} from "@tarojs/taro";
 const showPicker = ref(false)
 const formData = ref<formDate>({
   snowFlakeId:'',
-  serviceProjectId:'',
   name: '',
   workPost:'',
   sex:0,
@@ -70,6 +69,7 @@ const formData = ref<formDate>({
   remark:'',
   homeAddress: ''
 })
+const serviceProjectId = ref('')
 const pickerValue = ref(new Date())
 const formRef = ref(null)
 
@@ -94,7 +94,7 @@ const rules: FormRules = {
 };
 
 useLoad((options)=>{
-  formData.value.serviceProjectId = JSON.parse(options.item).snowFlakeId
+  serviceProjectId.value = JSON.parse(options.item).snowFlakeId
 })
 const openDate = ()=>{
   showPicker.value = true
@@ -121,7 +121,7 @@ const submit = () => {
   formRef.value?.validate().then(({valid, errors}) => {
     if (valid) {
       const saveOrUpdateSecurityUserParams = {
-        serviceProjectId:formData.value.serviceProjectId,
+        serviceProjectId:serviceProjectId.value,
         name:	formData.value.name,
         workPost:formData.value.workPost,
         sex:formData.value.sex,
@@ -141,7 +141,6 @@ const submit = () => {
       }).then()
     formData.value = {
       snowFlakeId:'',
-      serviceProjectId:formData.value.serviceProjectId,
       name: '',
       workPost:'',
       sex:0,

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

@@ -25,10 +25,10 @@ import {onMounted, ref} from "vue";
 import Taro from "@tarojs/taro";
 import './index.scss'
 
-const myProjectList = ref<myProjectList[]>()
+const myProjectList = ref<MyProjectList[]>()
 const getMyServiceProject = async () => {
   const token = Taro.getStorageSync('token')
-  const resp = await api.get<myProjectList[]>(`/policeIndex/getUnitServiceProjectList`, {
+  const resp = await api.get<MyProjectList[]>(`/policeIndex/getUnitServiceProjectList`, {
     token: token.value
   })
 

collect_information/src/subPages/pages/projectDetails/projectDetails.scss

@@ -5,6 +5,7 @@
   display: flex;
   flex-direction: column;
   .projectDetailsItem{
+    height: 18%;
     margin: 20px;
     border-radius: 10px;
     background: #ffffff;
@@ -19,17 +20,17 @@
     }
   }
   .projectDetailsTableDrop{
-     height: 500px;
+    height: 80%;
     .projectDetailsTable{
       margin: 20px;
       border-radius: 10px;
       background: #ffffff;
       padding: 15px;
       font-size: 28px;
-      line-height: 65px;
+      line-height: 50px;
       color: #333333;
       .projectDetailsTableItem{
-        display: flex;
+        //display: flex;
         justify-content: space-between;
         align-items: center;
         flex-wrap: wrap;
@@ -38,12 +39,14 @@
       }
     }
   }
-
   .projectDetailsButton{
+    position: fixed;
+    bottom: 19px;
     display: flex;
-    margin-top: auto;
+    -webkit-justify-content: space-around;
-    justify-content: space-around;
+    margin-bottom: 10rpx;
-    margin-bottom: 30px
+    right: 0;
+    width: 100%;
   }
 }
 

collect_information/src/subPages/pages/projectDetails/projectDetails.vue

@@ -34,31 +34,38 @@
     </view>
     <!--表格-->
     <view class="projectDetailsTableDrop">
-      <view>项目人员</view>
+      <view style="padding: 0 12px">项目人员</view>
-      <scroll-view :scroll-y="true" style="height: 500rpx;" @scrolltoupper="upper" @scrolltolower="lower"
+      <scroll-view :scroll-y="true" style="height: 80%;" @scrolltoupper="upper" @scrolltolower="lower"
-                   @scroll="scroll" :scroll-into-view="toView" :scroll-top="scrollTop" refresherEnabled="true"
+                    :scroll-into-view="toView" :scroll-top="scrollTop" :refresherEnabled="true"
                    @refresherrefresh="onRefresherRefresh" :refresher-triggered="isRefresher"
       >
-        <view class="projectDetailsTable">
+        <view class="projectDetailsTable" v-for="(item,index) in projectData" :key="index">
-          <view style="border: 1px solid #ccc" v-for="(item,index) in projectData" :key="index">
+          <view>
             <view class="projectDetailsTableItem">
-              <text>姓名:{{ item?.name }}</text>
+                <view>
-              <text>性别:{{ item.sex.label }}</text>
+                  <view style="display: flex;justify-content: space-between">
-              <text>职位:{{ item.workPost }}</text>
+                    <text>姓名:{{ item?.name?item?.name:'创建者' }}</text>
-              <text>保安证件:{{ item.securityNumber }}</text>
+                    <text>性别:{{ item.sex?.label?item.sex?.label:' 隐藏' }}</text>
-              <text>地址:{{ item.homeAddress }}</text>
+                    <text>职位:{{ item.workPost?item.workPost:'创建者' }}</text>
-              <text>出生年月:{{ item.dateOfBirth }}</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>
+                   <nut-button style="width: 25%" size="small" type="info">删除</nut-button>
+                 </view>
+            </view>
+          </view>
 
         </view>
       </scroll-view>
-
-
     </view>
-
     <view class="projectDetailsButton">
       <nut-button style="width: 45%" type="info" @click="formAdd">项目人员录入</nut-button>
       <nut-button style="width: 45%" type="info">二维码录入</nut-button>
@@ -70,10 +77,10 @@ import Taro, {useLoad} from "@tarojs/taro";
 import './projectDetails.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[]>([])
+const projectData = ref<Records<string>[]>([])
 useLoad(async (options: MyProjectList) => {
   nameValue.value = options.name
   detailsList.value = await JSON.parse(options.item)
@@ -89,7 +96,7 @@ const projectDetailsTable = async () => {
       serviceProjectId: detailsList.value?.snowFlakeId,
     },
     page: {
-      size: 2,
+      size: 4,
       current: current.value
     }
   }
@@ -102,7 +109,7 @@ const projectDetailsTable = async () => {
 const formAdd = () => {
   Taro.navigateTo({url: `/subPages/pages/form/form?item=${JSON.stringify(detailsList.value)}`})
 }
-const total = ref(null)
+const total = ref<any>(null)
 const current = ref(1)
 const isRefresher = ref(false)
 const scrollTop = ref(0)
@@ -130,10 +137,6 @@ const onRefresherRefresh = (e) => {
   console.log('自定义下拉刷新被触发:', e)
   projectDetailsTable()
 }
-const scroll = (e) => {
-  // console.log('scroll:', e)
-}
-
 </script>
 <style scoped lang="scss">
 

collect_information/types/pages/form/index.d.ts

@@ -1,6 +1,5 @@
 interface formDate {
     snowFlakeId?:string;
-    serviceProjectId:string;
     name: string;
     workPost?:string;
     sex:number;

collect_information/types/pages/login/index.d.ts

@@ -1,5 +1,5 @@
 interface LoginUserInfo {
-  name?: string;
+  clientType?: string;
   avatar?: string;
 }
 

collect_information/types/pages/myProject/index.d.ts

@@ -1,4 +1,5 @@
  interface MyProjectList {
+  item?:any,
   address?: string;
   city?: string;
   cityName?: string;

collect_information/types/pages/projectDetails/index.d.ts

@@ -1,4 +1,4 @@
-interface Records{
+interface Records<T>{
     createTime?: string;
     dateOfBirth?: string;
     homeAddress?: string;
@@ -13,12 +13,13 @@ interface Records{
     workPost?:string;
     sex?:Sex
 }
-interface ProjectData {
+interface ProjectData<T> {
     current?:string;
     pages?:string;
-    records?: Records[];
+    records?: Records<T>;
     size?: string;
     total?: string;
+    data: Records<T>;
 }
 
 interface Sex {