数据加载

src/view/key-person/key_dm_inventory/stats.vue

@@ -53,7 +53,7 @@
 
     <!-- 使用明细弹窗 -->
     <Modal v-model="detailModal.visible" title="明细" width="800">
-      <Table :data="detailModal.rows" :columns="detailModal.columns" size="small" border />
+      <Table :data="detailModal.rows" :loading="loading.detail" :columns="detailModal.columns" size="small" border />
       <div slot="footer"><Button type="primary" @click="detailModal.visible=false">关闭</Button></div>
     </Modal>
   </div>
@@ -75,7 +75,7 @@ export default {
       workStart: new Date(new Date().getFullYear(), new Date().getMonth(), 1),
       workEnd: new Date(),
       tables: { usage: [], workload: [] },
-      loading: { usage: false, workload: false },
+      loading: { usage: false, workload: false, detail: false },
       usageColumns: [
         { type: 'index', title: '序号', width: 60, align: 'center' },
         { title: '部门', key: 'department_name', align: 'center' },
@@ -135,12 +135,37 @@ export default {
         { title: '已归还数量', key: 'returned_quantity', align: 'center' }
       ]
       this.detailModal.visible = true
+      this.loading.detail = true
+      this.detailModal.rows = []
       const st = this.usageStart ? normalizeVisitTimeValue(this.usageStart) : null
       const et = this.usageEnd ? normalizeVisitTimeValue(this.usageEnd).substring(0, 10) + ' 23:59:59' : null
-      getUsageDetails({ start: st, end: et, material: row.material_id, department: row.department_id }).then(ret => {
-        console.log(ret)
-        if (ret.data && ret.data.errcode === 0) this.detailModal.rows = ret.data.data || []
-        else this.$Notice.error({ title: '查询失败', desc: ret.data && ret.data.errmsg })
+      getUsageDetails({
+        start: st,
+        end: et,
+        material: row.material_id,
+        department: row.department_id
+      }).then(ret => {
+        // 先判断 ret 是否存在，避免报错
+        if (!ret || !ret.data) {
+          throw new Error('接口返回格式异常')
+        }
+        if (ret.data.errcode === 0) {
+          this.detailModal.rows = ret.data.data || []
+        } else {
+          this.$Notice.error({
+            title: '查询失败',
+            desc: ret.data.errmsg || '未知错误'
+          })
+        }
+      }).catch(err => {
+        // 捕获所有异常（网络错误、接口抛错、代码逻辑错）
+        this.$Notice.error({
+          title: '查询失败',
+          desc: err.message || '网络异常，请稍后重试'
+        })
+      }).finally(() => {
+        // 无论成功/失败，最终都会执行（关闭loading）
+        this.loading.detail = false
       })
     },
     loadWorkload () {