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

src/components/createCom/XhParts.vue

 <!-- *******************  物料选择  *******************  -->
 <template>
   <view>
+    <view class="u-flex load" v-show="loading">
+      <u-loading mode="circle" class="loading"></u-loading>
+    </view>
+    <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> -->
@@ -39,6 +43,7 @@
         </view>
       </view>
     </view>
+  </view>
 </template>
 
 <script>
@@ -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;