feat: 将样式语言更改为 SCSS，以增强样式管理

src/components/A4Preview.vue

@@ -43,7 +43,7 @@ const props = defineProps({
 const parsed = computed(() => parseA4Content(props.content))
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .a4-wrap {
   margin-top: 6rpx;
 }

src/components/ModuleIcon.vue

@@ -8,6 +8,6 @@
 defineProps({ icon: String, color: { type: String, default: '#1677ff' }, soft: Boolean })
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .module-icon { width: 82rpx; height: 82rpx; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; font-size: 31rpx; font-weight: 600; }
 </style>

src/pages/apply/list.vue

@@ -94,7 +94,7 @@ function statusClass(s) {
       : "status-rejected";
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .tabs {
   height: 92rpx;
   display: flex;

src/pages/approval/detail.vue

@@ -201,7 +201,7 @@ onLoad(async (o) => {
 onShow(() => {
   if (approvalId.value && !item.value) load();
 });
-</script><style scoped>
+</script><style scoped lang="scss">
 .detail-page {
   padding-bottom: 150rpx;
 }

src/pages/approval/index.vue

@@ -140,7 +140,7 @@ function action(item, ok) {
 }
 
 onShow(load);
-</script><style scoped>
+</script><style scoped lang="scss">
 .tabs {
   height: 92rpx;
   display: flex;

src/pages/attendance/index.vue

@@ -793,7 +793,7 @@ onShow(async () => {
 });
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .attendance-page {
   padding-bottom: 220rpx;
 }

src/pages/contacts/index.vue

@@ -79,7 +79,7 @@ function showOrg() {
   });
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .search-wrap {
   padding: 18rpx 24rpx;
   background: #fff;

src/pages/employee/detail.vue

@@ -50,7 +50,7 @@ function call() {
   });
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .employee-head {
   padding: 50rpx 28rpx;
   text-align: center;

src/pages/leave/index.vue

@@ -40,7 +40,7 @@ const rules = [
   "病假需按规定上传医院相关证明材料。",
 ];
 </script>
-<style scoped>
+<style scoped lang="scss">
 .leave-hero {
   padding: 38rpx 28rpx 76rpx;
   background: linear-gradient(145deg, #2479e9, #1363ce);

src/pages/manage/index.vue

@@ -557,7 +557,7 @@ function showWarning(w) {
   });
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .filter-bar view {
   padding: 0 18rpx;
   justify-content: flex-start;

src/pages/manage/onboard-create.vue

@@ -622,7 +622,7 @@ onUnload(() => {
 });
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .create-head {
   padding: 32rpx 28rpx;
   display: flex;

src/pages/manage/onboard-detail.vue

@@ -644,7 +644,7 @@ onLoad((options) => {
 });
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .detail-head {
   padding: 32rpx 28rpx 28rpx;
   color: #fff;

src/pages/manage/regular-create.vue

@@ -486,7 +486,7 @@ onLoad(async (options) => {
 })
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page-no-tab {
   padding-bottom: 170rpx;
 }

src/pages/manage/regular-detail.vue

@@ -268,7 +268,7 @@ onShow(() => {
 })
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page-no-tab {
   padding-bottom: 40rpx;
 }

src/pages/manage/regular-list.vue

@@ -402,7 +402,7 @@ function exportRows() {
 onShow(loadList)
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page-no-tab {
   padding-bottom: 150rpx;
 }

src/pages/manage/regular-template-form.vue

@@ -510,7 +510,7 @@ onLoad(async (options) => {
 })
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page-no-tab {
   padding-bottom: 170rpx;
 }

src/pages/manage/regular-template-list.vue

@@ -256,7 +256,7 @@ async function openPreview(item) {
 onShow(loadList)
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page-no-tab {
   padding-bottom: 150rpx;
 }

src/pages/manage/resign-detail.vue

@@ -440,7 +440,7 @@ onShow(() => {
   }
   loadDetail();
 });
-</script><style scoped>
+</script><style scoped lang="scss">
 .detail-head {
   padding: 32rpx 28rpx 28rpx;
   color: #fff;

src/pages/manage/resign-handover.vue

@@ -268,7 +268,7 @@ async function onArchive(handover) {
 }
 
 onShow(loadList);
-</script><style scoped>
+</script><style scoped lang="scss">
 .manage-head {
   padding: 32rpx 28rpx;
   display: flex;

src/pages/manage/transfer-detail.vue

@@ -262,7 +262,7 @@ onShow(() => {
 })
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page-no-tab {
   padding-bottom: 40rpx;
 }

src/pages/manage/transfer-list.vue

@@ -113,7 +113,7 @@ function onCreate() {
 onShow(loadList)
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page-no-tab {
   padding-bottom: 150rpx;
 }

src/pages/notice/index.vue

@@ -30,7 +30,7 @@ function open(item) {
   });
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .notice-list {
   padding: 24rpx;
 }

src/pages/performance/index.vue

@@ -50,7 +50,7 @@ const history = [
   { period: "2024年下半年", score: 91, grade: "A" },
 ];
 </script>
-<style scoped>
+<style scoped lang="scss">
 .score-head {
   padding: 38rpx 28rpx;
   text-align: center;

src/pages/profile/edit.vue

@@ -465,7 +465,7 @@ function removeBankCard(card) {
   });
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .profile-card {
   padding: 34rpx;
   text-align: center;

src/pages/salary/index.vue

@@ -74,7 +74,7 @@ function openSalary(item) {
   });
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .salary-head {
   padding: 40rpx 28rpx 30rpx;
   background: linear-gradient(145deg, #2479e9, #1363ce);

src/pages/training/index.vue

@@ -136,7 +136,7 @@ function startExam() {
   });
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .tabs {
   height: 92rpx;
   display: flex;