修改报工显示明细

src/views/workOrderList/components/productionDetails.vue

@@ -8,51 +8,61 @@
         >
       </div>
       <div style="display: flex">
-        <div class="list rx-bc" @click="handDetails(item)">
-          <div class="lable rx-cc"> 待投料数量 </div>
+        <div v-if="isFirstTask(index)" class="list first-task-status rx-bc">
+          <div class="lable rx-cc"> 投料状态 </div>
 
-          <div class="rx-ec" v-if="item.firstTaskDetails.length > 0">
-            <span style="color: #157a2c; font-size: 24rpx"> 明细</span>
-            <image
-              class="arrow_right2"
-              src="~@/static/pda/arrow_right2.svg"
-            ></image>
-          </div>
-
-          <div class="rx-ec" v-else>
-            {{ item.waitFeedNum }}
-            <image
-              class="arrow_right2"
-              src="~@/static/pda/arrow_right2.svg"
-            ></image>
+          <div class="rx-ec">
+            {{ hasFeedNum(item) ? '已投料' : '未投料' }}
           </div>
         </div>
 
-        <div class="list rx-bc" @click="handDetails(item)">
-          <div class="lable rx-cc">
-            <!-- <image class="icon" src="~@/static/pda/check-square.svg"></image> -->
-            已投料数量
-          </div>
+        <template v-else>
+          <div class="list rx-bc" @click="handDetails(item)">
+            <div class="lable rx-cc"> 待投料数量 </div>
 
-          <div class="rx-ec" v-if="item.firstTaskDetails.length > 0">
-            <span style="color: #157a2c; font-size: 24rpx"> 明细</span>
-          </div>
+            <div class="rx-ec" v-if="item.firstTaskDetails.length > 0">
+              <span style="color: #157a2c; font-size: 24rpx"> 明细</span>
+              <image
+                class="arrow_right2"
+                src="~@/static/pda/arrow_right2.svg"
+              ></image>
+            </div>
 
-          <div class="rx-ec" v-else>
-            {{ item.feedNum }}
+            <div class="rx-ec" v-else>
+              {{ item.waitFeedNum }}
+              <image
+                class="arrow_right2"
+                src="~@/static/pda/arrow_right2.svg"
+              ></image>
+            </div>
           </div>
-        </div>
 
-        <div class="list rx-bc">
-          <div class="lable rx-cc">
-            <!-- <image class="icon" src="~@/static/pda/target.svg"></image> -->
-            已报工数量
+          <div class="list rx-bc" @click="handDetails(item)">
+            <div class="lable rx-cc">
+              <!-- <image class="icon" src="~@/static/pda/check-square.svg"></image> -->
+              已投料数量
+            </div>
+
+            <div class="rx-ec" v-if="item.firstTaskDetails.length > 0">
+              <span style="color: #157a2c; font-size: 24rpx"> 明细</span>
+            </div>
+
+            <div class="rx-ec" v-else>
+              {{ item.feedNum }}
+            </div>
           </div>
 
-          <div class="rx-ec">
-            {{ item.reportedNum }}
+          <div class="list rx-bc">
+            <div class="lable rx-cc">
+              <!-- <image class="icon" src="~@/static/pda/target.svg"></image> -->
+              已报工数量
+            </div>
+
+            <div class="rx-ec">
+              {{ item.reportedNum }}
+            </div>
           </div>
-        </div>
+        </template>
       </div>
     </div>
   </div>
@@ -87,6 +97,12 @@
       }
     },
     methods: {
+      isFirstTask(index) {
+        return index === 0;
+      },
+      hasFeedNum(item) {
+        return Number(item && item.feedNum) > 0;
+      },
       produce() {
         produceDetail(this.id).then((res) => {
           if (res.produceDetail.length != 0) {
@@ -110,6 +126,9 @@
     width: 33%;
     border: 1px solid #e3e5e5;
   }
+  .first-task-status {
+    width: 100%;
+  }
   .rx-bc {
     justify-content: flex-start;
   }