feat: 放大小屏界面并让待审核单直达编辑

src/pages/sys/workbench/index.vue

@@ -79,7 +79,7 @@
 <!--    </view>-->
     <view class="workbench-title">坯布管理</view>
     <view class="toolbar">
-      <u-grid class="grid" :col="4" :border="false">
+      <u-grid class="grid" :col="2" :border="false">
 <!--        <u-grid-item @click="navTo('/pages/storefabric/storefabricInStore')">-->
 <!--          <view class="home-icon icon-color04">-->
 <!--            <i class="iconfont icon-hetongguanli"></i>-->
@@ -87,16 +87,16 @@
 <!--          <view class="grid-text">坯布进仓</view>-->
 <!--        </u-grid-item>-->
         <u-grid-item @click="navTo('/pages/storefabric/storeFabricBusinessOutList')">
-          <view class="home-icon icon-color03">
+          <view class="workbench-tile tile-out" hover-class="tile-pressed">
             <i class="iconfont icon-chucha"></i>
+            <text class="tile-label">坯布出库</text>
           </view>
-          <view class="grid-text">坯布出库</view>
         </u-grid-item>
         <u-grid-item @click="navTo('/pages/storefabric/storeFabricWarehouseGroupList')">
-          <view class="home-icon icon-color05">
+          <view class="workbench-tile tile-stock" hover-class="tile-pressed">
             <i class="iconfont icon-huiyishi"></i>
+            <text class="tile-label">坯布库存</text>
           </view>
-          <view class="grid-text">坯布库存</view>
         </u-grid-item>
 <!--        <u-grid-item @click="navTo('/pages/storefabric/storefabricstoreallin')">-->
 <!--          <view class="home-icon icon-color05">-->
@@ -295,4 +295,46 @@ export default {
 .home-icon i.icon-tongzhi {
   font-size: 22px;
 }
+
+.wrap .toolbar .workbench-tile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 88%;
+  height: 300rpx;
+  margin: 8rpx auto 28rpx;
+  padding: 40rpx 28rpx 36rpx;
+  border-radius: 8rpx;
+  background-image: none;
+}
+
+.wrap .toolbar .tile-out {
+  background: #14343f;
+}
+
+.wrap .toolbar .tile-stock {
+  background: #7a2e24;
+}
+
+.wrap .toolbar .workbench-tile i {
+  position: static;
+  margin: 0 0 28rpx;
+  font-size: 88rpx;
+  line-height: 1;
+  color: #f4efe6;
+  opacity: 1;
+}
+
+.wrap .toolbar .tile-label {
+  font-size: 36rpx;
+  font-weight: 700;
+  line-height: 1.2;
+  color: #f4efe6;
+}
+
+.wrap .toolbar .tile-pressed {
+  opacity: 0.82;
+}
 </style>