提交小程序

collect_information/src/config/index.ts

@@ -37,7 +37,7 @@ export const MINI_PROGRAM_USER_CONFIG: Record<MiniProgramUserIdentity, UserConfi
       },
       {
         pagePath: 'pages/projectManager/mine/index',
-        text: '项目经理我的',
+        text: '我的',
         iconPath: "assets/mine/my.png",
         selectedIconPath: "assets/mine/my-active.png"
       },

collect_information/src/pages/projectManager/index/index.scss

@@ -1,43 +1,65 @@
+.nameTitle {
+  position: absolute;
+  top: 277rpx;
+  left: 55px;
+  height: 125rpx;
+  background-color: #fff;
+  width: 650rpx;
+  border-radius: 12rpx;
+  box-shadow: 0px 10px 10px -4px #e3e3e3;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .itemSchool {
+    border-right: solid 1.5rpx #dadada;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 25%;
+    font-size: 24px
+  }
+
+  .itemSchool text:nth-child(1) {
+    margin-bottom: 10rpx;
+    color: #898a8a;
+    margin-left: -8px;
+  }
+}
 .swiperDemoItem {
   color: #3886d0;
   display: flex;
   padding: 20px 0 0 50px;
   overflow: hidden;
   height: 70rpx;
+  margin-top: 70px;
 
   .swiperDemoIndex {
     width: 15px;
     height: 45px;
     background-image: linear-gradient(to bottom, #5d9cf9, #317ad9);
-    //background: rgb();
     border-radius: 20px;
     margin-right: 15px;
   }
 }
-
+.Module {
+  background-color: #fff;
+  overflow: hidden;
   .subModule {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-  margin-right: -3px;
-  margin-left: -1px;
-
     .subModuleItem {
-    width: 33%;
-    height: 180rpx;
+      width: 246rpx;
+      height: 140rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       padding-bottom: 10rpx;
-    border: 1px solid #ccc;
-    border-left: 0;
-    margin-top: -1px;
-
       .subModuleIndex {
-      width: 65rpx;
-      height: 65rpx;
-
+        width: 45rpx;
+        height: 45rpx;
         image {
           width: 100%;
           height: 100%;
@@ -46,3 +68,6 @@
     }
   }
 
+}
+
+

collect_information/src/pages/projectManager/index/index.vue

@@ -2,53 +2,101 @@
   <view>
     <view class="swiperDemo">
       <nut-swiper ref="swiperRef" pagination-visible pagination-color="#e53e31" :auto-play="3000" :init-page="0">
-        <nut-swiper-item v-for="(item, index) in list" :key="index" style="height: 200px">
+        <nut-swiper-item v-for="(item, index) in list" :key="index" style="height: 180px">
           <image :src="item" alt="" style="height: 100%; width: 100%" draggable="false"/>
           <view>1123</view>
         </nut-swiper-item>
       </nut-swiper>
     </view>
+    <view class="nameTitle">
+      <view class="itemSchool" >
+        <text>单位数量</text>
+        <text
+            style=" white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 80px;text-align: center">51</text>
+      </view>
+      <view class="itemSchool">
+        <text>服务项目</text>
+        <text>
+          13123
+        </text>
+      </view>
+      <view class="itemSchool">
+        <text>有保安证人员</text>
+        <text> 1000</text>
+      </view>
+      <view class="itemSchool">
+        <text>无保安证人员</text>
+        <text> 140</text>
+      </view>
+    </view>
     <view class="swiperDemoItem">
       <view class="swiperDemoIndex"></view>
       <view>请选择</view>
     </view>
     <!--九宫格-->
-    <view>
+    <view class="Module">
       <view class="subModule" >
-        <view class="subModuleItem" v-for="item in subModuleList" :key="item.id" @click="subNavigation(item.url)">
+        <view class="subModuleItem" v-for="item in subModuleList" :key="item.id"
+              @click="subNavigation(item.url)">
           <view class="subModuleIndex">
             <image :src="item.icon"></image>
           </view>
-          <view style=" font-size: 12px;color: #414141;margin-top: 9px">{{ item.name }}</view>
+          <view style=" font-size: 12px;color: #414141;margin-top: 5px">{{item.name}}</view>
         </view>
       </view>
     </view>
+    <view style="background-color: #e9eef4;height: 15rpx"></view>
+
   </view>
 </template>
 <script setup lang="ts">
 import {ref} from 'vue'
 import Taro from "@tarojs/taro";
 import icon from '@/assets/images/project.png'
+import icon01 from '@/assets/images/回单.jpg'
+import icon02 from '@/assets/images/工单.jpg'
+import icon03 from '@/assets/images/排名.jpg'
+import icon04 from '@/assets/images/法制宣传.jpg'
+import icon06 from '@/assets/images/警保风采.jpg'
+
 import './index.scss'
-const list = ref([process.env.TARO_APP_MINIO_URL + '/police-security/2024/11/5/dunpai.jpg',process.env.TARO_APP_MINIO_URL + '/police-security/2024/11/5/xingqiu.jpg'])
+const list = ref([process.env.TARO_APP_MINIO_URL + '/police-security/2024/11/5/dunpai.jpg'])
 const swiperRef = ref() //轮播图
 const subModuleList = ref([
   {
     id: 0,
     icon: icon,
-    name: '我的项目',
+    name: '项目管理',
     url: '/subPages/projectManager/myProject/myProject'
   },
   {
     id: 1,
-    icon: icon,
-    name: '警保风采',
+    icon: icon02,
+    name: '整改工单',
     url: ''
   },
   {
     id: 2,
-    icon: icon,
-    name: '待定',
+    icon: icon03,
+    name: '考核排名',
+    url: ''
+  },
+  {
+    id: 3,
+    icon: icon06,
+    name: '警保风采',
+    url: ''
+  },
+  {
+    id: 4,
+    icon: icon04,
+    name: '法制宣传',
+    url: ''
+  },
+  {
+    id: 5,
+    icon: icon01,
+    name: '整改回单',
     url: ''
   }
 ])

collect_information/src/subPages/projectManager/myProject/projectDetails/projectDetails.vue

@@ -62,7 +62,7 @@
                   <text>职位:{{ item.workPost ? item.workPost : '无' }}</text>
                 </view>
                 <view style="display: flex;justify-content: space-between">
-                  <text>保安证件:{{ item.securityNumber ? item.securityNumber : '125241256451' }}</text>
+                  <text>保安证件:{{ item.securityNumber ? item.securityNumber : '无' }}</text>
                   <text>出生年月:{{ dayjs(item.dateOfBirth).format('YYYY-MM-DD') }}</text>
                 </view>
                 <view style="display: flex;justify-content: space-between">