合并

collect_information/config/dev.ts

@@ -7,3 +7,4 @@ export default {
   mini: {},
   h5: {}
 } satisfies UserConfigExport
+

collect_information/src/app.config.ts

@@ -13,7 +13,16 @@ export default defineAppConfig({
     navigationBarBackgroundColor: '#f7f8fa',
     navigationBarTitleText: '',
     navigationBarTextStyle: 'black',
+    backgroundColor: "#008080"
   },
+  subpackages: [
+    {
+      root: "subPages",
+      pages: [
+        'pages/policeManager/index',
+      ]
+    }
+  ],
   tabBar: {
     custom: true,
     list: [

collect_information/src/pages/policeManager/index/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页',
+
+})

collect_information/src/pages/policeManager/index/index.scss

@@ -0,0 +1,39 @@
+page {
+  background-color: #f0f0f0;
+}
+
+.content {
+  width: 702rpx;
+  margin: 10rpx auto;
+  background-color: #fff;
+  border-radius: 10rpx;
+  height: 500rpx;
+  display: grid;
+  /* 定义两列，每列占据50%的宽度 */
+  grid-template-columns: repeat(2, 1fr);
+  /* 定义两行，每行占据1fr（分数单位，表示剩余空间的一部分） */
+  grid-template-rows: repeat(2, 1fr);
+  /* 可选：增加一些间隙 */
+  gap: 10px;
+
+  .grid-item {
+    //width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+
+    .grid-item-image {
+      height: 150rpx;
+      width: 150rpx;
+      background-color: #f0f0f0;
+      border-radius: 50%;
+    }
+
+    .grid-item-text {
+
+
+    }
+  }
+}

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

@@ -1,12 +1,44 @@
 <template>
-    <view>警察1111</view>
+  <view>
+    <view class="content">
+      <div @tap="routerPush(1)" class="grid-item">
+        <image class="grid-item-image"></image>
+        <view class="grid-item-text">企事业单位</view>
+      </div>
+      <div class="grid-item">
+        <image class="grid-item-image"></image>
+        <view class="grid-item-text">监督考核</view>
+      </div>
+      <div class="grid-item">
+        <image class="grid-item-image"></image>
+        <view class="grid-item-text">警保风采</view>
+      </div>
+      <div class="grid-item">
+        <image class="grid-item-image"></image>
+        <view class="grid-item-text">三色预警</view>
+      </div>
+    </view>
+
+  </view>
 </template>
 <script setup lang="ts">
+import Taro from "@tarojs/taro";
 
+const routerPush = (path) => {
+  switch (path) {
+    case 1:
+      Taro.navigateTo({
+        url: '/subPages/pages/policeManager/index',
+
+      })
+  }
+
+}
+
+import './index.scss'
 </script>
 
 
-
 <style scoped lang="scss">
 
 </style>

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

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '企事业单位',
+
+})

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

@@ -0,0 +1,4 @@
+page {
+  background-color: #f0f0f0;
+}
+

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

@@ -0,0 +1,20 @@
+<template>
+  <view>
+    <view class="content">
+
+    </view>
+
+  </view>
+</template>
+<script setup lang="ts">
+
+import Taro, {useLoad} from "@tarojs/taro";
+
+useLoad(() => {
+  console.log('onLoad')
+})
+
+import './index.scss'
+</script>
+
+