我负责的页面添加按钮

package-lock.json

@@ -8,6 +8,7 @@
       "name": "vue3-element-admin",
       "version": "1.0.0",
       "dependencies": {
+        "@element-plus/icons-vue": "^2.3.1",
         "axios": "1.2.1",
         "clipboard": "2.0.11",
         "driver.js": "0.9.8",
@@ -537,9 +538,9 @@
       }
     },
     "node_modules/@element-plus/icons-vue": {
-      "version": "2.1.0",
+      "version": "2.3.1",
-      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
-      "integrity": "sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==",
+      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==",
       "peerDependencies": {
         "vue": "^3.2.0"
       }

package.json

@@ -11,6 +11,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
     "axios": "1.2.1",
     "clipboard": "2.0.11",
     "driver.js": "0.9.8",

src/views/personal/project/charge.vue

@@ -2,7 +2,7 @@
   <el-card style="max-width: 100vw;margin: 1.5vw;">
     <template #header>
       <div class="card-header">
-        <span>项目1</span>
+        <span>我负责的</span>
       </div>
     </template>
     <div style="display: flex; gap: 100px">
@@ -20,14 +20,39 @@
       </el-input>
       <div>
         <el-button-group>
-          <el-button type="primary">查询</el-button>
+          <el-button type="primary">
-          <el-button>重置</el-button>
+            <el-icon><Search /></el-icon>
+            查询
+          </el-button>
+          <el-button>
+            <el-icon><RefreshRight /></el-icon>
+            重置
+          </el-button>
         </el-button-group>
       </div>
     </div>
     <template #footer>Footer content</template>
   </el-card>
   <el-card  style="max-width: 100vw;margin: 1.5vw;">
+    <template #header>
+      <div class="card-header" style="display: flex; justify-content: space-between; align-items: center;">
+        <span>项目列表</span>
+        <div>
+          <el-button  type="success">
+            <el-icon><UploadFilled /></el-icon>
+            上传文档
+          </el-button>
+          <el-button type="primary">
+            <el-icon><Plus /></el-icon>
+              新增
+          </el-button>
+          <el-button type="danger">
+            <el-icon><DeleteFilled /></el-icon>
+            删除
+          </el-button>
+        </div>
+      </div>
+    </template>
     <div>
       <el-table :data="tableData" ref="multipleTableRef" style="width: 100%">
         <el-table-column type="selection" width="55" />
@@ -68,6 +93,9 @@
         </el-table-column>
         <el-table-column fixed="right" label="操作" width="120">
           <template #default>
+            <el-button link type="primary" size="small">编辑</el-button>
+            <el-button link type="primary" size="small">删除</el-button>
+            <el-button link type="primary" size="small">指定项目负责人</el-button>
             <el-button link type="primary" size="small">查看详情</el-button>
           </template>
         </el-table-column>
@@ -79,6 +107,7 @@
   </el-card>
 </template>
 <script>
+import { Plus, UploadFilled, Delete, DeleteFilled, RefreshRight, Search } from '@element-plus/icons-vue';
 import { defineComponent } from 'vue';
 import {
   GetProject,
@@ -88,6 +117,7 @@ import { getToken } from '@/utils/auth';
 
 export default defineComponent({
   name:'projectTable',
+  components: { RefreshRight, DeleteFilled, Delete, UploadFilled, Plus, Search },
   data() {
     return {
       tableData:[],