添加首页统计跳转页面

miniprogram/pages/produce/processManage/processManage.wxml

@@ -1,13 +1,20 @@
-<page-plugin hasTabBar="1" isAuth="{{authInfo['SF_ERP_PRODUCT_PROCESS_VIEW']}}"
-  loading="{{loading}}" is-login="{{isLogin}}" bind:handleLogin="handleLogin">
+<page-plugin isAuth="{{authInfo['SF_ERP_PRODUCT_PROCESS_VIEW']}}" loading="{{loading}}"
+  is-login="{{isLogin}}" bind:handleLogin="handleLogin">
   <block wx:for="{{ process }}" wx:key="parent_process_id">
-    <view class="process-box">
+    <view class="p_process_name-box">
       <view class="p_process_name">{{ item.p_process_name }}</view>
-      <view class="process-child-box">
+    </view>
+    <view class="process-child-box2">
+      <view class="process-child-box2-content">
+        <view class="process-tr process-head-tr">
+          <view class="process-th">工序名称</view>
+          <view class="process-th">可作数</view>
+        </view>
         <block wx:for="{{ item.child }}" wx:key="process_id" wx:for-item="child" wx:for-index="ci">
-          <view class="process-child-item-box" bind:tap="navDetail" data-index="{{ index+','+ci }}">
-            {{ child.process_name }}
-            <view class="process-child-item-num">{{ child.num }}</view>
+          <view class="process-tr process-tr-active" bind:tap="navDetail"
+            data-index="{{ index+','+ci }}">
+            <view class="process-td">{{ child.process_name }}</view>
+            <view class="process-td">{{ child.num }}</view>
           </view>
         </block>
       </view>

miniprogram/pages/produce/processManage/processManage.wxss

@@ -1,22 +1,19 @@
-.process-box {
-  border: 1rpx solid #ddd;
-  margin-bottom: 24rpx;
-  border-radius: 8rpx;
-}
-
-.process-child-box {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  column-gap: 32rpx;
-  row-gap: 32rpx;
-  padding: 32rpx 16rpx 24rpx;
+.p_process_name-box {
+  background-color: #fff;
+  position: sticky;
+  top: 0;
+  z-index: 2;
 }
 
 .p_process_name {
   font-weight: bold;
-  padding: 16rpx;
-  border-bottom: 1rpx solid #ddd;
+  padding: 16rpx 16rpx;
+  display: flex;
+  align-items: center;
+  border: 1rpx solid #ddd;
+  box-sizing: border-box;
+  border-top-left-radius: 8rpx;
+  border-top-right-radius: 8rpx;
 }
 
 .process-child-item-box {
@@ -42,3 +39,54 @@
   padding: 2rpx 8rpx;
   font-size: 28rpx;
 }
+
+.process-child-box2 {
+  padding: 16rpx;
+  border: 1rpx solid #ddd;
+  border-top: none;
+  box-sizing: border-box;
+  border-bottom-left-radius: 8rpx;
+  border-bottom-right-radius: 8rpx;
+  margin-bottom: 24rpx;
+}
+
+.process-tr {
+  display: flex;
+  border-bottom: 1rpx solid #ddd;
+}
+
+.process-th,
+.process-td {
+  align-items: center;
+  padding: 12rpx 16rpx;
+  word-break: break-all;
+  display: inline-flex;
+  border-right: 1rpx solid #ddd;
+}
+
+.process-th {
+  font-weight: bold;
+  background-color: #f5f5f5;
+  border-top: 1rpx solid #ddd;
+}
+
+.process-td {
+  color: #0052d9;
+}
+
+.process-tr .process-th:first-child,
+.process-tr .process-td:first-child {
+  flex: 1;
+  border-left: 1rpx solid #ddd;
+}
+
+.process-tr .process-th:last-child,
+.process-tr .process-td:last-child {
+  min-width: 0;
+  width: 5em;
+  flex-shrink: 0;
+}
+
+.process-tr-active:active {
+  background-color: #f5f5f5;
+}