refactor: 审批历史页面修改并添加loading

src/components/hzwlComponents/ApprovalHistory.vue

@@ -1,15 +1,14 @@
 <template>
   <!--流程-审批历史-->
-  <div class="flow-list">
+  <div class="historyTable">
     <el-table
         height="100%"
         ref="selection"
-        :data="data"
+        :data="histortData"
         tooltip-effect="dark"
         style="width: 100%"
         border
         row-key="id"
-        :no-data-text="listNoDataText"
         :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
     >
       <el-table-column
@@ -75,24 +74,37 @@
 <script>
 export default {
   name: "ApprovalHistory",
-  props: {
-    data: {
-      type: Array,
-      required: true
-    },
-    loading: {
-      type: Boolean,
-      default: false
+  data() {
+    return {
+      histortData: [],
+      loading: false
     }
   },
-  computed: {
-    listNoDataText () {
-      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+  props: {
+    prcNum: {
+      type: String
+    }
+  },
+  methods: {
+    getHistoryData () {
+      this.$http.get('lawss/activiti/get_list_by_instance', {
+        prcNum: this.prcNum || this.$route.query.prcNum
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.histortData = res
+      }, e => {})
     },
   },
+  mounted () {
+    this.getHistoryData()
+  }
 }
 </script>
 
 <style scoped>
-
+.historyTable {
+  height: 100%;
+}
 </style>