error info

pages/technology/processview.vue

@@ -11,12 +11,19 @@
         </Spin>
       </Col>
     </Row>
-    <div class="out" v-show="!circleModal">
+    <Row v-show="!circleModal&&!dataSatus">
+      <Col span="24">
+        <div class="out">
           <Row class="table_row" style="width:100%">
-        <Button class="fr" v-if="isoutpdf" type="primary" @click="$u.outPdf('.outP','工艺规程')">导出pdf</Button>
+            <Button
+              class="fr"
+              v-if="isoutpdf"
+              type="primary"
+              @click="$u.outPdf('.outP','工艺规程')"
+            >导出pdf</Button>
           </Row>
         </div>
-    <div class="outP" v-show="!circleModal">
+        <div class="outP">
           <div class="table_box part01" style="min-height:400px">
             <Row class="table_row" style="width:100%">
               <Col span="3">
@@ -216,6 +223,13 @@
             </table>
           </div>
         </div>
+      </Col>
+    </Row>
+    <Row style="height:300px" v-show="!circleModal&&dataSatus">
+      <Col span="24" class="tc">
+        <div style="margin-top:80px">数据加载失败！</div>
+      </Col>
+    </Row>
   </div>
 </template>
 <script>
@@ -231,7 +245,8 @@ export default {
         details: [],
         qcards: []
       },
-      circleModal: true
+      circleModal: true,
+      dataSatus: false
     };
   },
   props: {
@@ -250,6 +265,7 @@ export default {
   methods: {
     load(v) {
       this.circleModal = true;
+      this.dataSatus = false;
       var url = `${designUrl}/routingheader/getprocessinfo?headerid=` + v;
       service
         .get(`${url}`)
@@ -272,6 +288,7 @@ export default {
         })
         .catch(err => {
           this.circleModal = false;
+          this.dataSatus = true;
         });
     }
   },