修改流程中心细节的问题

jero-web/src/views/processCenter/processForm/handshakeProcess/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div id="examineBox">
     <headerProcess
       :title="$t('theRequirementst')"
       is-termination-process
@@ -9,36 +9,36 @@
       @submit="submit"
       @sendBack="sendBack"
     />
-    <a-spin tip="加载中..." :spinning="loading">
-      <div class="detail-box" v-if="!loading">
-        <div class="detail-content" style="height: 100%">
-          <projectInformation
-            :projectInformationList="projectInformationList"
-            :url="url"
-            :projectInformationId="this.queryBy.projectLibraryId"
-          />
-          <standardContent
-            :standardContentList="standardContentList"
-            :url="url"
-            :standardContentQuery="queryProject"
-          />
-          <standardContentListTable
-            :standardContentListQuery="queryProject"
-            :url="url
+    <div class="detail-box">
+      <div class="detail-content">
+        <projectInformation
+          v-if="!loading"
+          :projectInformationList="projectInformationList"
+          :url="url"
+          :projectInformationId="this.queryBy.projectLibraryId"
+        />
+        <standardContent
+          v-if="!loading"
+          :standardContentList="standardContentList"
+          :url="url"
+          :standardContentQuery="queryProject"
+        />
+        <standardContentListTable
+          v-if="!loading"
+          :standardContentListQuery="queryProject"
+          :url="url
           "/>
-          <examineInformation
-            :isFlag="isFlag"
-            isViewUploadedFiles
-            isApprovalOpinion
-            ref="examineInformationRef"
-            :url="url"/>
-          <circulationHistory :url="url"/>
-        </div>
+        <examineInformation
+          :isFlag="isFlag"
+          v-if="!loading"
+          isViewUploadedFiles
+          isApprovalOpinion
+          ref="examineInformationRef"
+          :url="url"/>
+        <circulationHistory v-if="!loading" :url="url"/>
       </div>
-    </a-spin>
-    <div>
-
     </div>
+    <JLoading :loading="loading">{{textLoading}}</JLoading>
   </div>
 </template>
 
@@ -157,7 +157,8 @@
         },
         queryBy: {},
         queryProject: {},
-        loading: false
+        loading: false,
+        textLoading:this.$t('dataLoading')
       }
     },
     mounted() {
@@ -183,10 +184,14 @@
     methods: {
       ...mapGetters(['userInfo']),
       terminationProcess(handlingTime) {
+        this.textLoading = this.$t('terminationProcessing')
+        this.loading = true
         this.completeTask({ flag: 2 }, handlingTime)
       },
       submit(handlingTime) {
         this.$refs.examineInformationRef.submit((res) => {
+          this.textLoading = this.$t('Submitting')
+          this.loading = true
           if (!this.isFlag) {
             res.flag = 0
           }
@@ -194,6 +199,8 @@
         })
       },
       sendBack(handlingTime) {
+        this.textLoading = this.$t('Returning')
+        this.loading = true
         this.completeTask({ flag: 1 }, handlingTime)
       },
       queryTaskDetailByTask(callback) {
@@ -209,7 +216,7 @@
         })
       },
       completeTask(value, handlingTime) {
-        let json = Object.assign( this.queryBy,{ handlingTime: handlingTime }, value)
+        let json = Object.assign(this.queryBy, { handlingTime: handlingTime }, value)
         let data = JSON.stringify(json).replace(/\"/g, '\'')
         let query = {
           userid: this.userInfo().id,
@@ -219,10 +226,12 @@
         postAction('/workFlow/completeTask', query).then((res) => {
           if (res.success) {
             this.$message.success(this.$t('OperationSuccessful'))
+            this.loading = false
             this.$router.push({
               path: '/ProcessCenter'
             })
           } else {
+            this.loading = false
             this.$message.warning(this.$t('operationFailed'))
           }
         })
@@ -246,11 +255,20 @@
   }
 </script>
 
-<style scoped>
+<style lang="less" scoped>
   .detail-box {
     padding: 67px 0 0 0;
     background: #ffffff;
     height: 100%;
     overflow: auto;
   }
+
+  #examineBox {
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    position: relative;
+    height: 100%;
+    overflow-y: auto;
+  }
 </style>