From fe5f4db0ad05bdbfa43cd9f84457a5d16cf7f508 Mon Sep 17 00:00:00 2001
From: lonewolfyx <877085893@qq.com>
Date: Thu, 5 Feb 2026 15:10:53 +0800
Subject: [PATCH] =?UTF-8?q?style(work):=20=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E9=A1=B5=E9=9D=A2=E4=BB=A3=E7=A0=81=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/work/index.vue | 305 ++++++++++++++++++++++---------------------
 1 file changed, 153 insertions(+), 152 deletions(-)

diff --git a/pages/work/index.vue b/pages/work/index.vue
index 2416d1f..ca6c207 100644
--- a/pages/work/index.vue
+++ b/pages/work/index.vue
@@ -1,167 +1,169 @@
 <template>
-  <view class="work-container">
-    <!-- 轮播图 -->
-    <uni-swiper-dot class="uni-swiper-dot-box" :info="data" :current="current" field="content">
-      <swiper class="swiper-box" :current="swiperDotIndex" @change="changeSwiper">
-        <swiper-item v-for="(item, index) in data" :key="index">
-          <view class="swiper-item" @click="clickBannerItem(item)">
-            <image :src="item.image" mode="aspectFill" :draggable="false" />
-          </view>
-        </swiper-item>
-      </swiper>
-    </uni-swiper-dot>
+    <view class="work-container">
+        <!-- 轮播图 -->
+        <uni-swiper-dot :current="current" :info="data" class="uni-swiper-dot-box" field="content">
+            <swiper :current="swiperDotIndex" class="swiper-box" @change="changeSwiper">
+                <swiper-item v-for="(item, index) in data" :key="index">
+                    <view class="swiper-item" @click="clickBannerItem(item)">
+                        <image :draggable="false" :src="item.image" mode="aspectFill"/>
+                    </view>
+                </swiper-item>
+            </swiper>
+        </uni-swiper-dot>
 
-    <!-- 宫格组件 -->
-    <uni-section title="系统管理" type="line"></uni-section>
-    <view class="grid-body">
-      <uni-grid :column="4" :showBorder="false" @change="changeGrid">
-		  <uni-grid-item @click="gotoOrderManager">
-		    <view class="grid-item-box" >
-		      <uni-icons type="person-filled" size="30"></uni-icons>
-		      <text class="text">订单管理</text>
-		    </view>
-		  </uni-grid-item>
-        <uni-grid-item @click="gotoBusiness">
-          <view class="grid-item-box" >
-            <uni-icons type="person-filled" size="30"></uni-icons>
-            <text class="text">商务审批</text>
-          </view>
-        </uni-grid-item>
-		<uni-grid-item @click="gotoFinalcial">
-		  <view class="grid-item-box" >
-		    <uni-icons type="person-filled" size="30"></uni-icons>
-		    <text class="text">财务审批</text>
-		  </view>
-		</uni-grid-item>
-		<uni-grid-item @click="gotoOrder">
-		  <view class="grid-item-box" >
-		    <uni-icons type="person-filled" size="30"></uni-icons>
-		    <text class="text">订单审核</text>
-		  </view>
-		</uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box" @click="jiansheing">
-            <uni-icons type="staff-filled" size="30"></uni-icons>
-            <text class="text">角色管理</text>
-          </view>
-        </uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box" @click="jiansheing">
-            <uni-icons type="color" size="30"></uni-icons>
-            <text class="text">菜单管理</text>
-          </view>
-        </uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box" @click="jiansheing">
-            <uni-icons type="settings-filled" size="30"></uni-icons>
-            <text class="text">部门管理</text>
-          </view>
-        </uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box" @click="jiansheing">
-            <uni-icons type="heart-filled" size="30"></uni-icons>
-            <text class="text">岗位管理</text>
-          </view>
-        </uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box" @click="jiansheing">
-            <uni-icons type="bars" size="30"></uni-icons>
-            <text class="text">字典管理</text>
-          </view>
-        </uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box" @click="jiansheing">
-            <uni-icons type="gear-filled" size="30"></uni-icons>
-            <text class="text">参数设置</text>
-          </view>
-        </uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box">
-            <uni-icons type="chat-filled" size="30"></uni-icons>
-            <text class="text">通知公告</text>
-          </view>
-        </uni-grid-item>
-        <uni-grid-item>
-          <view class="grid-item-box">
-            <uni-icons type="wallet-filled" size="30"></uni-icons>
-            <text class="text">日志管理</text>
-          </view>
-        </uni-grid-item>
-      </uni-grid>
+        <!-- 宫格组件 -->
+        <uni-section title="系统管理" type="line"></uni-section>
+        <view class="grid-body">
+            <uni-grid :column="4" :showBorder="false" @change="changeGrid">
+                <uni-grid-item @click="gotoOrderManager">
+                    <view class="grid-item-box">
+                        <uni-icons size="30" type="person-filled"></uni-icons>
+                        <text class="text">订单管理</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item @click="gotoOrder">
+                    <view class="grid-item-box">
+                        <uni-icons size="30" type="person-filled"></uni-icons>
+                        <text class="text">订单审核</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item @click="gotoFinalcial">
+                    <view class="grid-item-box">
+                        <uni-icons size="30" type="person-filled"></uni-icons>
+                        <text class="text">财务审批</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item @click="gotoBusiness">
+                    <view class="grid-item-box">
+                        <uni-icons size="30" type="person-filled"></uni-icons>
+                        <text class="text">商务审批</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box" @click="jiansheing">
+                        <uni-icons size="30" type="staff-filled"></uni-icons>
+                        <text class="text">角色管理</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box" @click="jiansheing">
+                        <uni-icons size="30" type="color"></uni-icons>
+                        <text class="text">菜单管理</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box" @click="jiansheing">
+                        <uni-icons size="30" type="settings-filled"></uni-icons>
+                        <text class="text">部门管理</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box" @click="jiansheing">
+                        <uni-icons size="30" type="heart-filled"></uni-icons>
+                        <text class="text">岗位管理</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box" @click="jiansheing">
+                        <uni-icons size="30" type="bars"></uni-icons>
+                        <text class="text">字典管理</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box" @click="jiansheing">
+                        <uni-icons size="30" type="gear-filled"></uni-icons>
+                        <text class="text">参数设置</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box">
+                        <uni-icons size="30" type="chat-filled"></uni-icons>
+                        <text class="text">通知公告</text>
+                    </view>
+                </uni-grid-item>
+                <uni-grid-item>
+                    <view class="grid-item-box">
+                        <uni-icons size="30" type="wallet-filled"></uni-icons>
+                        <text class="text">日志管理</text>
+                    </view>
+                </uni-grid-item>
+            </uni-grid>
+        </view>
     </view>
-  </view>
 </template>
 
 <script setup>
-  import { ref, getCurrentInstance } from "vue"
+import {getCurrentInstance, ref} from "vue"
 
-  const { proxy } = getCurrentInstance()
-  const current = ref(0)
-  const swiperDotIndex = ref(0)
-  const data = ref([{ image: '/static/images/banner/banner02.jpg' }, { image: '/static/images/banner/banner03.jpg' }])
+const {proxy} = getCurrentInstance()
+const current = ref(0)
+const swiperDotIndex = ref(0)
+const data = ref([{image: '/static/images/banner/banner02.jpg'}, {image: '/static/images/banner/banner03.jpg'}])
 
-  function clickBannerItem(item) {
+function clickBannerItem(item) {
     console.info(item)
-  }
+}
 
-  function changeSwiper(e) {
+function changeSwiper(e) {
     current.value = e.detail.current
-  }
+}
 
-  function changeGrid(e) {
+function changeGrid(e) {
     // proxy.$modal.showToast('模块建设中~')
-  }
-  function jiansheing(e) {
+}
+
+function jiansheing(e) {
     proxy.$modal.showToast('模块建设中~')
-  }
-	  
-  const gotoBusiness = () =>{
-	 uni.navigateTo({
-	 	url:'/pages/work/BusinessApproval/index'
-	 })
-  }
-  const gotoFinalcial = () =>{
-  	 uni.navigateTo({
-  	 	url:'/pages/work/FinancialApproval/index'
-  	 })
-  }
-  const gotoOrder = () =>{
-  	 uni.navigateTo({
-  	 	url:'/pages/work/OrderApproval/index'
-  	 })
-  }
-  const gotoOrderManager = () =>{
-  	 uni.navigateTo({
-  	 	url:'/pages/work/OrderManager/index'
-  	 })
-  }
-  
+}
+
+const gotoBusiness = () => {
+    uni.navigateTo({
+        url: '/pages/work/BusinessApproval/index'
+    })
+}
+const gotoFinalcial = () => {
+    uni.navigateTo({
+        url: '/pages/work/FinancialApproval/index'
+    })
+}
+const gotoOrder = () => {
+    uni.navigateTo({
+        url: '/pages/work/OrderApproval/index'
+    })
+}
+const gotoOrderManager = () => {
+    uni.navigateTo({
+        url: '/pages/work/OrderManager/index'
+    })
+}
+
 </script>
 
 <style lang="scss" scoped>
-  /* #ifndef APP-NVUE */
-  page {
+/* #ifndef APP-NVUE */
+page {
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
     background-color: #fff;
     min-height: 100%;
     height: auto;
-  }
+}
 
-  view {
+view {
     font-size: 14px;
     line-height: inherit;
-  }
-  /* #endif */
+}
 
-  .text {
+/* #endif */
+
+.text {
     text-align: center;
     font-size: 26rpx;
     margin-top: 10rpx;
-  }
+}
 
-  .grid-item-box {
+.grid-item-box {
     flex: 1;
     /* #ifndef APP-NVUE */
     display: flex;
@@ -170,23 +172,22 @@
     align-items: center;
     justify-content: center;
     padding: 15px 0;
-  }
+}
 
-  .uni-margin-wrap {
+.uni-margin-wrap {
     width: 690rpx;
-    width: 100%;
-    ;
-  }
+    width: 100%;;
+}
 
-  .swiper {
+.swiper {
     height: 300rpx;
-  }
+}
 
-  .swiper-box {
+.swiper-box {
     height: 150px;
-  }
+}
 
-  .swiper-item {
+.swiper-item {
     /* #ifndef APP-NVUE */
     display: flex;
     /* #endif */
@@ -196,19 +197,19 @@
     color: #fff;
     height: 300rpx;
     line-height: 300rpx;
-  }
+}
 
-  @media screen and (min-width: 500px) {
+@media screen and (min-width: 500px) {
     .uni-swiper-dot-box {
-      width: 400px;
-      /* #ifndef APP-NVUE */
-      margin: 0 auto;
-      /* #endif */
-      margin-top: 8px;
+        width: 400px;
+        /* #ifndef APP-NVUE */
+        margin: 0 auto;
+        /* #endif */
+        margin-top: 8px;
     }
 
     .image {
-      width: 100%;
+        width: 100%;
     }
-  }
+}
 </style>