添加首页统计跳转页面

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;
+}