Ver código fonte

style(views): 统一按钮样式为文本类型并优化视觉反馈

yz 4 dias atrás
pai
commit
7ecc2aa75b
2 arquivos alterados com 10 adições e 7 exclusões
  1. 5 3
      src/views/forecast-audit/index.vue
  2. 5 4
      src/views/forecast/index.vue

+ 5 - 3
src/views/forecast-audit/index.vue

@@ -29,7 +29,7 @@
       <!-- 自定义操作按钮 -->
       <template slot-scope="{row, index}" slot="menu">
         <el-button
-          type="primary"
+          type="text"
           size="small"
           icon="el-icon-view"
           @click="viewDetail(row, index)"
@@ -38,21 +38,23 @@
         </el-button>
         <el-button
           v-if="canApprove(row)"
-          type="success"
+          type="text"
           size="small"
           icon="el-icon-check"
           @click="approveRecord(row, index)"
           :loading="submitting"
+          style="color: #67c23a;"
         >
           通过
         </el-button>
         <el-button
           v-if="canReject(row)"
-          type="danger"
+          type="text"
           size="small"
           icon="el-icon-close"
           @click="rejectRecord(row, index)"
           :loading="submitting"
+          style="color: #f56c6c;"
         >
           拒绝
         </el-button>

+ 5 - 4
src/views/forecast/index.vue

@@ -48,21 +48,22 @@
         <template slot-scope="{row, index}" slot="editBtn">
           <el-button
             v-if="canEdit(row)"
-            type="primary"
+            type="text"
             size="small"
-            icon="el-icon-edit"
+            icon="el-icon-edit-outline"
             @click="handleEdit(row, index)"
           >
             编辑
           </el-button>
           <el-button
             v-else
-            type="info"
+            type="text"
             size="small"
             icon="el-icon-view"
             disabled
+            style="color: #c0c4cc;"
           >
-            不可编辑
+            查看
           </el-button>
         </template>
       </avue-crud>