diff --git a/electron.vite.config.mjs b/electron.vite.config.mjs
index 0d56fc1..af97384 100644
--- a/electron.vite.config.mjs
+++ b/electron.vite.config.mjs
@@ -3,6 +3,7 @@ import path from 'path'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 import vue from '@vitejs/plugin-vue'
 import WindiCSS from "vite-plugin-windicss"
+import vitePpt from './src/renderer/src/plugins/vite-ppt'
 /*import electron from 'vite-plugin-electron'
 plugins: [electron({
   main: {
@@ -55,7 +56,7 @@ export default defineConfig({
         }
       },
     },
-    plugins: [vue(), WindiCSS()],
+    plugins: [vue(), WindiCSS(),vitePpt()],
     assetsInclude:('**/*.woff', '**/*.woff2', '**/*.ttf'),
   }
 })
diff --git a/package.json b/package.json
index b9a59d7..13a06bc 100644
--- a/package.json
+++ b/package.json
@@ -97,7 +97,6 @@
     "svg-pathdata": "^7.1.0",
     "tinycolor2": "^1.6.0",
     "tippy.js": "^6.3.7",
-    "vue": "^3.4.34",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
diff --git a/src/renderer/src/plugins/vite-ppt.js b/src/renderer/src/plugins/vite-ppt.js
new file mode 100644
index 0000000..cbdffd1
--- /dev/null
+++ b/src/renderer/src/plugins/vite-ppt.js
@@ -0,0 +1,20 @@
+/**
+ * @file vitePpt.js
+ * ppt-list 样式配置
+ */
+
+export default function vitePpt () {
+  return {
+    name: 'vite-ppt',
+    enforce: 'pre',
+    transform(code, id) {
+      if (id.endsWith('.scss')) {
+        // 使用 @use 代替 @import
+        code = code.replace(/@import\s+["']([^"']+)["'];/g, (match, importPath) => {
+          return `@use "${importPath}" as *;`
+        })
+      }
+      return code
+    }
+  }
+} 
\ No newline at end of file
diff --git a/src/renderer/src/views/job-management/Left/index.vue b/src/renderer/src/views/job-management/Left/index.vue
index c195002..0c7ef4b 100644
--- a/src/renderer/src/views/job-management/Left/index.vue
+++ b/src/renderer/src/views/job-management/Left/index.vue
@@ -7,7 +7,10 @@
           <div class="item-text">
               <div class="title-header">
                   <div class="item-title" :title="item.title">{{ item.title }}</div>
-                  <CustomButton :item="{ type: item.type, text: item.text, plain: true }" />
+                  <div style="display: flex;justify-content: space-between;align-items: center;width:100%">
+                    <CustomButton :item="{ type: item.type, text: item.text, plain: true }" />
+                    <el-text size="small" type="info">{{ item.time }}</el-text>
+                  </div>
               </div>
               <div class="item-description" :title="item.description">{{ item.description }}</div>
           </div>
@@ -25,16 +28,16 @@
   const emits = defineEmits(['checked']);
   
   const items = ref([
-    { id:1,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { id:2,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'primary',text:'课堂练习' },
-    { id:3,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { id:4,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'danger',text:'常规作业' },
-    { id:5,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { id:6,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
+    { id:1,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
+    { id:2,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'primary',text:'课堂练习',time:'123' },
+    { id:3,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
+    { id:4,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'danger',text:'常规作业',time:'123' },
+    { id:5,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
+    { id:6,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
+    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
+    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
+    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
+    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练',time:'123' },
 
   ]);
   // 获取选中的checkbox的id
@@ -125,6 +128,7 @@ onMounted(() => {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    flex-direction: column;
   }
   
   .item-title {
diff --git a/src/renderer/src/views/model/index.vue b/src/renderer/src/views/model/index.vue
index cb489d2..a5a5bc2 100644
--- a/src/renderer/src/views/model/index.vue
+++ b/src/renderer/src/views/model/index.vue
@@ -8,7 +8,7 @@
       <!-- <el-button type="info"  @click="onchange('/model/examination')">考试分析</el-button> -->
     </div>
     <ChooseTextbook @change-book="getData" @node-click="getData" />
-  </div>
+    </div>
 </template>
 
 <script setup>