chore: backup workspace before list detail shell refactor

web/src/views/DigitalEmployeesView.vue

@@ -4,7 +4,7 @@
       <article
         v-if="selectedEmployee"
         key="detail"
-        class="skill-detail digital-employee-detail"
+        class="skill-detail digital-employee-detail json-risk-skill-detail"
       >
         <div class="detail-scroll">
           <section v-if="detailError" class="detail-inline-state panel error">
@@ -74,8 +74,13 @@
         </footer>
       </article>
 
-      <article v-else key="list" class="skill-list panel digital-employees-list">
-        <nav class="status-tabs" aria-label="数字员工页签">
+      <article
+        v-else
+        key="list"
+        class="skill-list digital-employees-list"
+        :class="{ 'panel': !workRecordDetailOpen }"
+      >
+        <nav v-if="!workRecordDetailOpen" class="status-tabs" aria-label="数字员工页签">
           <button
             type="button"
             :class="{ active: activeSection === 'skills' }"
@@ -260,6 +265,8 @@
         <DigitalEmployeeWorkRecords
           v-else
           class="digital-work-records-section"
+          @summary-change="emit('summary-change', $event)"
+          @detail-open-change="workRecordDetailOpen = $event"
         />
       </article>
     </Transition>
@@ -279,7 +286,7 @@
 </template>
 
 <script setup>
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 
 import AuditDigitalEmployeeDetail from '../components/audit/AuditDigitalEmployeeDetail.vue'
 import AuditPickerFilter from '../components/audit/AuditPickerFilter.vue'
@@ -322,11 +329,18 @@ import {
 
 const { currentUser } = useSystemState()
 const { toast } = useToast()
+const emit = defineEmits(['summary-change', 'detail-open-change'])
 
 const employees = ref([])
 const selectedEmployee = ref(null)
 const selectedEmployeeId = ref('')
 const activeSection = ref('skills')
+const workRecordDetailOpen = ref(false)
+const isDetailOpen = computed(() => Boolean(selectedEmployee.value) || (activeSection.value === 'workRecords' && workRecordDetailOpen.value))
+
+watch(isDetailOpen, (newVal) => {
+  emit('detail-open-change', newVal)
+}, { immediate: true })
 const keyword = ref('')
 const selectedStatus = ref('')
 const selectedEnabledState = ref('')