修改样式

2024-09-13 14:37:22 +08:00 · 2024-09-13 14:37:22 +08:00 · 7472cb566a
parent cc73564ed5
commit 7472cb566a
9 changed files with 50 additions and 44 deletions
--- a/collect_information/src/app.config.ts
+++ b/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: [
--- a/collect_information/src/subPages/pages/form/form.vue
+++ b/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,
--- a/collect_information/src/subPages/pages/policeManager/index.vue
+++ b/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
  })

--- a/collect_information/src/subPages/pages/projectDetails/projectDetails.scss
+++ b/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;
-    justify-content: space-around;
-    margin-bottom: 30px
+    -webkit-justify-content: space-around;
+    margin-bottom: 10rpx;
+    right: 0;
+    width: 100%;
  }
 }

--- a/collect_information/src/subPages/pages/projectDetails/projectDetails.vue
+++ b/collect_information/src/subPages/pages/projectDetails/projectDetails.vue
@ -34,31 +34,38 @@
    </view>
    <!--表格-->
    <view class="projectDetailsTableDrop">
-      <view>项目人员</view>
-      <scroll-view :scroll-y="true" style="height: 500rpx;" @scrolltoupper="upper" @scrolltolower="lower"
-                   @scroll="scroll" :scroll-into-view="toView" :scroll-top="scrollTop" refresherEnabled="true"
+      <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">
-          <view style="border: 1px solid #ccc" v-for="(item,index) in projectData" :key="index">
+        <view class="projectDetailsTable" v-for="(item,index) in projectData" :key="index">
+          <view>
            <view class="projectDetailsTableItem">
-              <text>姓名:{{ item?.name }}</text>
-              <text>性别:{{ item.sex.label }}</text>
-              <text>职位:{{ item.workPost }}</text>
-              <text>保安证件:{{ item.securityNumber }}</text>
-              <text>地址:{{ item.homeAddress }}</text>
-              <text>出生年月:{{ item.dateOfBirth }}</text>
+                <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>
+                   <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">

--- a/collect_information/types/pages/form/index.d.ts
+++ b/collect_information/types/pages/form/index.d.ts
@ -1,6 +1,5 @@
 interface formDate {
    snowFlakeId?:string;
-    serviceProjectId:string;
    name: string;
    workPost?:string;
    sex:number;
--- a/collect_information/types/pages/login/index.d.ts
+++ b/collect_information/types/pages/login/index.d.ts
@ -1,5 +1,5 @@
 interface LoginUserInfo {
-  name?: string;
+  clientType?: string;
  avatar?: string;
 }

--- a/collect_information/types/pages/myProject/index.d.ts
+++ b/collect_information/types/pages/myProject/index.d.ts
@ -1,4 +1,5 @@
 interface MyProjectList {
+  item?:any,
  address?: string;
  city?: string;
  cityName?: string;
--- a/collect_information/types/pages/projectDetails/index.d.ts
+++ b/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 {