perf: 【ID1001729】【扳手会小程序-订单-异常处理页面】：刚进入到异常处理页面时，先加载出了“暂无物料信息”

src/components/createCom/XhParts.vue

 <!-- *******************  物料选择  *******************  -->
 <template>
   <view>
-    <view class="list u-flex u-row-between">
-      <!-- <image class="item-image" :src="mixingImage" v-if="item.required"></image>
-      <view class="u-m-r-20">{{ item.fieldsTitle }}</view> -->
-      <view
-        class="u-flex-1 add-parts"
-        @click="toParts"
-        v-if="!disabled && lists.length > 0"
-      >
-        添加物料<u-icon name="arrow-right" color="#2979ff" size="30"></u-icon>
-      </view>
+    <view class="u-flex load" v-show="loading">
+      <u-loading mode="circle" class="loading"></u-loading>
     </view>
-    <view class="complete-part">
-      <view v-if="lists.length > 0">
-        <adjust-parts
-          v-for="(item, index) in lists"
-          :key="index"
-          :info="item"
-          @change="partsChange($event, index)"
-          @minusValue="minusValue($event, index)"
-          :disabled="disabled"
-        ></adjust-parts>
-      </view>
-      <view class="u-flex select-part" v-else>
-        <view class="img">
-          <image :src="noPartsImage" class="part-icon" />
+    <view v-show="!loading">
+      <view class="list u-flex u-row-between">
+        <!-- <image class="item-image" :src="mixingImage" v-if="item.required"></image>
+        <view class="u-m-r-20">{{ item.fieldsTitle }}</view> -->
+        <view
+          class="u-flex-1 add-parts"
+          @click="toParts"
+          v-if="!disabled && lists.length > 0"
+        >
+          添加物料<u-icon name="arrow-right" color="#2979ff" size="30"></u-icon>
         </view>
-        <view class="u-flex content">
-          <text class="title">暂无物料信息</text>
-          <text class="desc">可选择物料仓物料</text>
+      </view>
+      <view class="complete-part">
+        <view v-if="lists.length > 0">
+          <adjust-parts
+            v-for="(item, index) in lists"
+            :key="index"
+            :info="item"
+            @change="partsChange($event, index)"
+            @minusValue="minusValue($event, index)"
+            :disabled="disabled"
+          ></adjust-parts>
         </view>
-        <view class="btn">
-          <u-button shape="circle" :custom-style="customStyle" @click="toParts" :disabled="disabled">
-            去选择
-          </u-button>
+        <view class="u-flex select-part" v-else>
+          <view class="img">
+            <image :src="noPartsImage" class="part-icon" />
+          </view>
+          <view class="u-flex content">
+            <text class="title">暂无物料信息</text>
+            <text class="desc">可选择物料仓物料</text>
+          </view>
+          <view class="btn">
+            <u-button shape="circle" :custom-style="customStyle" @click="toParts" :disabled="disabled">
+              去选择
+            </u-button>
+          </view>
         </view>
       </view>
     </view>
@@ -70,6 +75,7 @@ export default {
   },
   data() {
     return {
+      loading: true,
       lists: [],
     }
   },
@@ -103,6 +109,7 @@ export default {
           orderNumber: this.orderNumber
         })
         .then((res) => {
+          this.loading = false
           if (res.code === 200) {
             const data = res.data || []
             this.lists = lists.map(v => {
@@ -160,6 +167,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.load {
+  width: 100%;
+  .loading {
+    margin:0 auto;
+  }
+}
 .item-image {
   width: 24rpx;
   height: 24rpx;