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