From a813acfb704c562752a74b107ff1be597813abfc Mon Sep 17 00:00:00 2001
From: minimaxagent1 <minimaxagent1@gmail.com>
Date: Tue, 29 Jul 2025 09:53:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BB=BA=E5=88=B6=E5=88=9B=E5=BB=BA-=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 enum/institutionalStructure.js                |  7 ++
 .../institutionalStructure.vue                | 96 ++++++++++++++++---
 2 files changed, 89 insertions(+), 14 deletions(-)
 create mode 100644 enum/institutionalStructure.js

diff --git a/enum/institutionalStructure.js b/enum/institutionalStructure.js
new file mode 100644
index 0000000..f8fa1ab
--- /dev/null
+++ b/enum/institutionalStructure.js
@@ -0,0 +1,7 @@
+export const tilesImageEnum = {
+
+    TILE: "https://api.ccttiot.com/image-1753750309203.png", // 瓦片图片
+
+};
+
+export default tilesImageEnum;
diff --git a/pages/institutionalStructure/institutionalStructure.vue b/pages/institutionalStructure/institutionalStructure.vue
index 16fde3b..36c03b7 100644
--- a/pages/institutionalStructure/institutionalStructure.vue
+++ b/pages/institutionalStructure/institutionalStructure.vue
@@ -3,31 +3,60 @@
     <u-navbar title="建制" :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
               title-size='36' height='36' id="navbar">
     </u-navbar>
+    <view class="tile">
+      <view class="tile-item" v-for="(item, index) in 10" :key="index">
+        <image :src="tilesImageEnum.TILE" mode="aspectFit" class="tile-image"></image>
+      </view>
+    </view>
     <view class="container">
-      <view>
-		  111
-	  </view>
-	  <view>
-	  	222
-	  </view>
-	  <view>
-	  	222
-	  </view>
-	  <view>
-	  	222
+	    <view class="data">
+			<view class="row">
+
+				<view>左上</view>
+				<view>右上</view>
+			</view>
+			<view class="row">
+				<view>左下</view>
+				<view>右下</view>
+			</view>
+	    </view>
+      <view class="data">
+      	<view class="row">
+
+      		<view>左上</view>
+      		<view>右上</view>
+      	</view>
+      	<view class="row">
+      		<view>左下</view>
+      		<view>右下</view>
+      	</view>
+      </view>
+	  <view class="data">
+	  	<view class="row">
+
+	  		<view>左上</view>
+	  		<view>右上</view>
+	  	</view>
+	  	<view class="row">
+	  		<view>左下</view>
+	  		<view>右下</view>
+	  	</view>
 	  </view>
     </view>
-	
+
   </view>
 </template>
 
 <script>
+import { tilesImageEnum } from '@/enum/institutionalStructure.js';
+
 export default {
   data() {
     return {
       bgc: {
         backgroundColor: "#F5F0E7",
       },
+      tilesImageEnum
     }
   },
   onLoad() {
@@ -47,9 +76,48 @@ page {
   width: 100%;
   height: 100%;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  align-items: flex-start;
   flex-direction: column;
   background-color: #FFFBF5;
+  padding: 0 11rpx;
+}
+.tile {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+}
+.tile-item {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tile-image {
+  width: 75rpx;
+  height: 48rpx;
+}
+.data{
+  background-color: #FFFBF5;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+  height: 180rpx;
+  border-radius: 11px;
+  border: 1px solid #C7A26D;
+  margin: 8rpx 0;
+}
+.row{
+	flex: 1;
+  width: 100%;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 0 20rpx;
 }
 </style>
\ No newline at end of file