样式优化

src/pages/materialsStation/index/expiryDateList.vue

@@ -20,9 +20,9 @@
           <uni-th width="150" align="center">设备类型</uni-th>
           <uni-th width="150" align="center">规格型号</uni-th>
           <uni-th width="120" align="center">设备编码</uni-th>
-          <uni-th width="100" align="center">本次检修时间</uni-th>
+          <uni-th width="110" align="center">本次检修时间</uni-th>
-          <uni-th width="100" align="center">下次检修时间</uni-th>
+          <uni-th width="110" align="center">下次检修时间</uni-th>
-          <uni-th width="100" align="center">再用班组</uni-th>
+          <uni-th width="100" align="center">在用班组</uni-th>
         </uni-tr>
         <uni-tr v-for="(item, index) in tableList" :key="index">
           <uni-td align="center">{{ index + 1 }}</uni-td>
@@ -42,7 +42,7 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue'
+import { ref } from 'vue'
 import { getAgreementIdApi, getSafeDetailsListApi } from '@/services/materialsStation'
 import { onLoad } from '@dcloudio/uni-app'
 

src/pages/materialsStation/index/index.vue

@@ -1,26 +1,28 @@
 <template>
   <div v-if="isIOS" :style="{ height: statusBarHeight }"></div>
   <view class="page-bg">
-    <view class="upper-user">
+    <div class="top-content">
-      <view class="user-rig">
+      <view class="upper-user">
-        <view>你好！</view>
+        <view class="user-rig">
-        <view>欢迎使用智慧材料站管理系统</view>
+          <view>你好！</view>
+          <view>欢迎使用智慧材料站管理系统</view>
+        </view>
       </view>
-    </view>
+      <view class="sliders">
-    <view class="sliders">
+        <view @click="handleExpiryDate('')">
-      <view @click="handleExpiryDate('')">
+          <h2>{{ todayDatas.normalNum || 0 }}</h2>
-        <h2>{{ todayDatas.normalNum || 0 }}</h2>
+          <span>检修期内</span>
-        <span>检修期内</span>
+        </view>
+        <view @click="handleExpiryDate(1)">
+          <h2>{{ todayDatas.threeMonthNum || 0 }}</h2>
+          <span>临近检期3个月</span>
+        </view>
+        <view @click="handleExpiryDate(2)">
+          <h2>{{ todayDatas.oneMonthNum || 0 }}</h2>
+          <span>临近检期1个月</span>
+        </view>
       </view>
-      <view @click="handleExpiryDate(1)">
+    </div>
-        <h2>{{ todayDatas.threeMonthNum || 0 }}</h2>
-        <span>临近检期3个月</span>
-      </view>
-      <view @click="handleExpiryDate(2)">
-        <h2>{{ todayDatas.oneMonthNum || 0 }}</h2>
-        <span>临近检期1个月</span>
-      </view>
-    </view>
     <view class="sections">
       <div
         class="item"
@@ -228,11 +230,22 @@ onShow(async () => {
 </script>
 
 <style lang="scss" scoped>
+page {
+  background: #fff;
+}
 .page-bg {
-  background: url('../../../static/bgd.png');
+  /* background: url('../../../static/bgd.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%; */
+  background: #fff;
+  /* min-height: calc(100vh - 50px); */
+  // src/static/clz-home.png
+}
+.top-content {
+  background: url('../../../static/clz-home.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
-  min-height: calc(100vh - 50px);
+  padding-bottom: 28rpx;
 }
 .upper-user {
   width: 85%;
@@ -320,6 +333,10 @@ onShow(async () => {
   flex-wrap: wrap;
   box-sizing: border-box;
   padding-top: 6%;
+  background-color: #fff;
+  margin-top: -20rpx;
+  z-index: 1;
+  border-radius: 25rpx 25rpx 0 0;
   .item {
     width: 25%;
     display: flex;