feat(P4): precompute移植+app.js sources双向回填+回归1003/1003+验收体积/文件/data.json

2026-09-12 14:18:41 +08:00
parent 16f365a045
commit c65a69c34e
401 changed files with 22932 additions and 140 deletions
@@ -0,0 +1,49 @@
+<template>
+  <table class="aa-exptable">
+    <thead>
+      <tr><th style="width:40px"></th><th v-for="c in columns" :key="c.key">{{ c.title }}</th></tr>
+    </thead>
+    <tbody>
+      <template v-for="row in data">
+        <tr class="aa-row" :key="row[idKey]">
+          <td>
+            <button class="aa-exp-toggle" :class="{ 'is-open': openSet[row[idKey]] }" @click="toggle(row[idKey])">▶</button>
+          </td>
+          <td v-for="c in columns" :key="c.key">{{ row[c.key] }}</td>
+        </tr>
+        <tr v-if="openSet[row[idKey]]" class="aa-exp-row" :key="row[idKey] + '-exp'">
+          <td></td>
+          <td :colspan="columns.length">
+            <div class="aa-exp-panel">
+              <div>备注：{{ row.detail.note }}</div>
+              <div class="aa-exp-sub">
+                <div v-for="(it, i) in row.detail.items" :key="i">· {{ it }}</div>
+              </div>
+            </div>
+          </td>
+        </tr>
+      </template>
+    </tbody>
+  </table>
+</template>
+
+<script>
+export default {
+  name: 'AaExpandableTable',
+  props: {
+    data: { type: Array, default: () => [] },
+    columns: { type: Array, default: () => [] },
+    idKey: { type: String, default: 'id' }
+  },
+  data() {
+    return { openSet: {} };
+  },
+  methods: {
+    toggle(id) {
+      this.$set(this.openSet, id, !this.openSet[id]);
+    }
+  }
+};
+</script>
+
+<style src="./ExpandableTable.css"></style>