From ba61d95e7367745913a0c85d45416578d8d66e31 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期二, 17 十二月 2024 17:47:11 +0800
Subject: [PATCH] 优化

---
 src/views/projectManage/plan/planRecord.vue |  103 ++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 88 insertions(+), 15 deletions(-)

diff --git a/src/views/projectManage/plan/planRecord.vue b/src/views/projectManage/plan/planRecord.vue
index ab0b9ba..cf6401e 100644
--- a/src/views/projectManage/plan/planRecord.vue
+++ b/src/views/projectManage/plan/planRecord.vue
@@ -9,7 +9,13 @@
             <el-col :span="24" class="mb-4">
               <div style="margin-bottom: 10px">
                 <span style="font-size: 20px; font-weight: bold;">鏈堝害璁″垝</span>
-                <el-button type="primary" size="small" style="float: right" @click="handleAddMonthPlan" v-show="!projectInfoData.managerFlag">鏂板</el-button>
+                <el-button
+                  type="text"
+                  size="medium"
+                  icon="el-icon-plus"
+                  style="float: right"
+                  @click="handleAddMonthPlan"
+                  v-show="!projectInfoData.managerFlag">鏂板</el-button>
               </div>
               <el-table :data="monthRecords" border stripe style="width: 100%; margin-bottom: 20px">
                 <!-- 琛ㄥご -->
@@ -27,12 +33,27 @@
                 <el-table-column fixed="right" label="鎿嶄綔" align="center">
                   <template slot-scope="scope">
                     <div v-show="!projectInfoData.managerFlag">
-                      <el-button type="primary" size="small" :disabled="scope.row.reportStatus === 0" @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
-                      <el-button type="danger" size="small" v-show="scope.row.reportStatus === 1" @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
-                      <el-button type="danger" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-edit"
+                        :disabled="scope.row.reportStatus === 0"
+                        @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-delete"
+                        v-show="scope.row.reportStatus === 1"
+                        @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
+                      <el-button type="text" size="medium" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
                     </div>
                     <div v-show="projectInfoData.managerFlag">
-                      <el-button type="primary" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-view"
+                        v-show="scope.row.reportStatus === 0"
+                        @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
                     </div>
                   </template>
                 </el-table-column>
@@ -41,7 +62,13 @@
             <el-col :span="24" class="mb-4" style="margin-top: 20px">
               <div style="margin-bottom: 10px">
                 <span style="font-size: 20px; font-weight: bold;">瀛e害璁″垝</span>
-                <el-button type="primary" size="small" style="float: right" @click="handleAddSeasonPlan" v-show="!projectInfoData.managerFlag">鏂板</el-button>
+                <el-button
+                  type="text"
+                  size="medium"
+                  icon="el-icon-plus"
+                  style="float: right"
+                  @click="handleAddSeasonPlan"
+                  v-show="!projectInfoData.managerFlag">鏂板</el-button>
               </div>
               <el-table  :data="seasonRecords" border stripe style="width: 100%; margin-bottom: 20px">
                 <!-- 琛ㄥご -->
@@ -59,12 +86,32 @@
                 <el-table-column fixed="right" label="鎿嶄綔" align="center">
                   <template slot-scope="scope">
                     <div v-show="!projectInfoData.managerFlag">
-                      <el-button type="primary" size="small" :disabled="scope.row.reportStatus === 0" @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
-                      <el-button type="danger" size="small" v-show="scope.row.reportStatus === 1" @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
-                      <el-button type="danger" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-edit"
+                        :disabled="scope.row.reportStatus === 0"
+                        @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-delete"
+                        v-show="scope.row.reportStatus === 1"
+                        @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-view"
+                        v-show="scope.row.reportStatus === 0"
+                        @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
                     </div>
                     <div v-show="projectInfoData.managerFlag">
-                      <el-button type="primary" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-view"
+                        v-show="scope.row.reportStatus === 0"
+                        @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
                     </div>
                   </template>
                 </el-table-column>
@@ -73,7 +120,13 @@
             <el-col :span="24" class="mb-4" style="margin-top: 20px">
               <div style="margin-bottom: 10px">
                 <span style="font-size: 20px; font-weight: bold;">骞村害璁″垝</span>
-                <el-button type="primary" size="small" style="float: right" @click="handleAddYearPlan" v-show="!projectInfoData.managerFlag">鏂板</el-button>
+                <el-button
+                  type="text"
+                  size="medium"
+                  icon="el-icon-plus"
+                  style="float: right"
+                  @click="handleAddYearPlan"
+                  v-show="!projectInfoData.managerFlag">鏂板</el-button>
               </div>
               <el-table  :data="yearRecords" border stripe style="width: 100%; margin-bottom: 20px">
                 <!-- 琛ㄥご -->
@@ -91,12 +144,32 @@
                 <el-table-column fixed="right" label="鎿嶄綔" align="center">
                   <template slot-scope="scope">
                     <div v-show="!projectInfoData.managerFlag">
-                      <el-button type="primary" size="small" :disabled="scope.row.reportStatus === 0" @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
-                      <el-button type="danger" size="small" v-show="scope.row.reportStatus === 1" @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
-                      <el-button type="danger" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-edit"
+                        :disabled="scope.row.reportStatus === 0"
+                        @click="handlePlanInfo(scope.row)">缂栬緫涓婃姤</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-delete"
+                        v-show="scope.row.reportStatus === 1"
+                        @click="handleDeletePlanRecord(scope.row.id)">鍒犻櫎</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-view"
+                        v-show="scope.row.reportStatus === 0"
+                        @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
                     </div>
                     <div v-show="projectInfoData.managerFlag">
-                      <el-button type="primary" size="small" v-show="scope.row.reportStatus === 0" @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
+                      <el-button
+                        type="text"
+                        size="medium"
+                        icon="el-icon-view"
+                        v-show="scope.row.reportStatus === 0"
+                        @click="handleCheckPlanInfo(scope.row)">鏌ョ湅</el-button>
                     </div>
                   </template>
                 </el-table-column>

--
Gitblit v1.8.0