From 35354344e4934387af1005b95f6ac24dec2c49c2 Mon Sep 17 00:00:00 2001
From: GUjiYN <2946459904@qq.com>
Date: Tue, 16 Apr 2024 21:32:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E8=B4=9F=E8=B4=A3=E7=9A=84=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=B7=BB=E5=8A=A0=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                     |  7 +++---
 package.json                          |  1 +
 src/views/personal/project/charge.vue | 36 ++++++++++++++++++++++++---
 3 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e6e254e..420878b 100644
--- a/package-lock.json
+++ b/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",
-      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.1.0.tgz",
-      "integrity": "sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
+      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==",
       "peerDependencies": {
         "vue": "^3.2.0"
       }
diff --git a/package.json b/package.json
index f38ca55..403efa0 100644
--- a/package.json
+++ b/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",
diff --git a/src/views/personal/project/charge.vue b/src/views/personal/project/charge.vue
index 2e5d319..f751f74 100644
--- a/src/views/personal/project/charge.vue
+++ b/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>重置</el-button>
+          <el-button type="primary">
+            <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:[],