瀏覽代碼

按钮样式统一

lilei 4 年之前
父節點
當前提交
1ca368c300

+ 17 - 0
src/App.vue

@@ -33,4 +33,21 @@ export default {
   #app {
     height: 100%;
   }
+  /* 表格操作按钮样式 */
+  td .actionBtn {
+    font-size: 20px;
+    padding: 0 10px;
+  }
+  td .actionBtn.blue {
+  	color: #1890FF;
+  }
+  td .actionBtn.green {
+  	color: #16b50e;
+  }
+  td .actionBtn.red {
+  	color: red;
+  }
+  td .actionBtn.orange {
+  	color: #ffaa00;
+  }
 </style>

+ 3 - 3
src/views/BasicSettings/StoreManagement.vue

@@ -87,14 +87,14 @@
           title="编辑"
           id="store-edit"
           @click="edit(record)"
-          :style="{ fontSize: '20px', color: '#1890FF', padding: '0 10px' }"
+          class="actionBtn blue"
           v-hasPermission="'B_basicSettings_store_edit'" />
         <a-icon
-          type="link"
+          type="setting"
           title="关联摄像设备"
           id="store-set"
           @click="setEquipment(record)"
-          :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }"
+          class="actionBtn orange"
           v-hasPermission="'M_store_device'" />
       </template>
     </s-table>

+ 4 - 4
src/views/SupervisionAuth/role/roleList.vue

@@ -48,21 +48,21 @@
       </template>
       <span slot="action" slot-scope="text, record">
         <a-icon
-          type="key"
+          type="setting"
           title="菜单权限"
-          :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }"
+          class="actionBtn orange"
           @click="openMenuModal(record)"
           v-hasPermission="'M_supervision_role_menu'" />
         <a-icon
           type="edit"
           title="编辑"
-          :style="{fontSize: '20px',color:' #1890FF',padding:' 0 10px'}"
+          class="actionBtn blue"
           @click="handleEdit(record)"
           v-hasPermission="'B_supervision_role_edit'" />
         <a-icon
           type="delete"
           title="删除"
-          :style="{fontSize: '20px',color: '#f00',padding: '0 10px'}"
+          class="actionBtn red"
           v-if="!record.isEnable"
           v-hasPermission="'B_supervision_role_del'"
           @click="delect(record)"/>

+ 9 - 9
src/views/SupervisionAuth/user/userList.vue

@@ -53,30 +53,30 @@
       </template>
       <template slot="action" slot-scope="text, record">
         <!-- 点检关联门店 -->
-        <a-icon
-          type="edit"
-          title="编辑"
-          :style="{fontSize: '20px',color:' #1890FF',padding:' 0 10px'}"
-          @click="handleEdit(record)"
-          v-hasPermission="'B_supervision_user_edit'" />
         <a-icon
           type="apartment"
           title="关联点检门店"
           v-if="record.storeSetFlag==1"
           v-hasPermission="'M_supervision_user_spotCheckStore'"
-          :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }"
+          class="actionBtn green"
           @click="selectStore(record)" />
         <a-icon
           type="unlock"
           title="重置密码"
           v-if="record.loginFlag==1"
           v-hasPermission="'B_supervision_user_restPwd'"
-          :style="{fontSize: '20px',color:' #08c0de',padding: '0 10px'}"
+          class="actionBtn orange"
           @click="resetPassword(record)" />
+        <a-icon
+          type="edit"
+          title="编辑"
+          class="actionBtn blue"
+          @click="handleEdit(record)"
+          v-hasPermission="'B_supervision_user_edit'" />
         <a-icon
           type="delete"
           title="删除"
-          :style="{fontSize: '20px',color: '#f00',padding: '0 10px'}"
+          class="actionBtn red"
           @click="delect(record)"
           v-hasPermission="'B_supervision_user_delete'" />
       </template>

+ 0 - 23
src/views/evaluation/evaluationItem/EvaluationItem.vue

@@ -241,7 +241,6 @@ export default {
 	.addButton {
 		margin-bottom: 0;
 	}
-
 	.table-page-search-wrapper .ant-form-inline .ant-form-item {
 		margin-bottom: 10px;
 	}
@@ -256,7 +255,6 @@ export default {
 		padding-left: 20px;
 		margin: 10px 0;
 	}
-
 	.action-button {
 		line-height: 40px;
 		white-space: nowrap;
@@ -266,28 +264,7 @@ export default {
 		color: #fff;
 		margin-right: 5px;
 	}
-
 	.menu-text {
 		background-color: #f90;
 	}
-
-	.actionBtn {
-		font-size: 20px;
-		padding: 0 10px;
-	}
-
-	.blue {
-		color: #1890FF;
-	}
-
-	.green {
-		color: #16b50e;
-	}
-
-	.red {
-		color: red;
-	}
-	.orange {
-		color: #ffaa00;
-	}
 </style>

+ 1 - 26
src/views/evaluation/evaluationPlan/EvaluationPlan.vue

@@ -280,46 +280,21 @@ export default {
 	.addButton {
 		margin-bottom: 0;
 	}
-
 	.table-page-search-wrapper .ant-form-inline .ant-form-item {
 		margin-bottom: 10px;
 	}
-
 	.add-btn {
 		margin-bottom: 10px;
 	}
-
-	.actionBtn {
-		font-size: 20px;
-		padding: 0 10px;
-	}
-
 	.setting-icon {
-		font-size: 20px;
+		font-size: 16px;
 		margin-right: 5px;
 		color: #1890FF;
 	}
-
 	.setting {
 		font-size: 16px;
 		color: #1890FF;
 		border-bottom: 1px solid #1890FF;
 		cursor: pointer;
 	}
-
-	.blue {
-		color: #1890FF;
-	}
-
-	.green {
-		color: #16b50e;
-	}
-
-	.red {
-		color: red;
-	}
-
-	.orange {
-		color: #ffaa00;
-	}
 </style>

+ 4 - 4
src/views/power/role/roleList.vue

@@ -61,21 +61,21 @@
       </template>
       <span slot="action" slot-scope="text, record">
         <a-icon
-          type="key"
+          type="setting"
           title="菜单权限"
-          :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }"
+          class="actionBtn orange"
           @click="openMenuModal(record)"
           v-hasPermission="'M_power_role_menu'" />
         <a-icon
           type="edit"
           title="编辑"
-          :style="{fontSize: '20px',color:' #1890FF',padding:' 0 10px'}"
+          class="actionBtn blue"
           @click="handleEdit(record)"
           v-hasPermission="'B_power_role_edit'" />
         <a-icon
           type="delete"
           title="删除"
-          :style="{fontSize: '20px',color: '#f00',padding: '0 10px'}"
+          class="actionBtn red"
           v-if="!record.isEnable && $hasPermissions('B_power_role_del')"
           @click="delect(record)"/>
       </span>

+ 8 - 8
src/views/power/user/userList.vue

@@ -69,22 +69,22 @@
         <span v-else>无</span>
       </div>
       <span slot="action" slot-scope="text, record">
-        <a-icon
-          type="edit"
-          title="编辑"
-          :style="{fontSize: '20px',color:' #1890FF',padding:' 0 10px'}"
-          @click="handleEdit(record)"
-          v-hasPermission="'B_power_user_edit'" />
         <a-icon
           type="unlock"
           title="重置密码"
           v-if="record.loginFlag==1 && $hasPermissions('B_power_user_resetPsd')"
-          :style="{fontSize: '20px',color:' #08c0de',padding: '0 10px'}"
+          class="actionBtn orange"
           @click="resetPassword(record)" />
+        <a-icon
+          type="edit"
+          title="编辑"
+          class="actionBtn blue"
+          @click="handleEdit(record)"
+          v-hasPermission="'B_power_user_edit'" />
         <a-icon
           type="delete"
           title="删除"
-          :style="{fontSize: '20px',color: '#f00',padding: '0 10px'}"
+          class="actionBtn red"
           v-if="!record.loginFlag && $hasPermissions('B_power_user_del')"
           @click="delect(record)"/>
       </span>

+ 7 - 1
src/views/power/user/userModal.vue

@@ -1,6 +1,12 @@
 <template>
   <div>
-    <a-modal class="modalBox" :title="titleText" v-model="isshow" @cancle="cancel" width="45%">
+    <a-modal
+      class="modalBox"
+      :title="titleText"
+      :footer="null"
+      v-model="isshow"
+      @cancle="cancel"
+      width="45%">
       <a-form :form="form" @submit="handleSubmit">
         <a-row :gutter="24">
           <a-col :span="12">