角色与用户问题修复

src/components/BaseForm/search-form.vue

@@ -146,17 +146,19 @@
         <!-- 具名slot -->
         <slot v-if="item.type === 'Custom'" :name="item.slot" />
       </el-form-item>
-      <el-form-item v-for="item in searchHandle" :key="item.label">
+      <div style="display: inline-block;width: fit-content;">
-        <slot v-if="item.slot" :name="item.slot" />
+        <el-form-item v-for="item in searchHandle" :key="item.label">
-        <el-button
+          <slot v-if="item.slot" :name="item.slot" />
-          v-else
+          <el-button
-          :type="item.type"
+            v-else
-          :size="item.size || size"
+            :type="item.type"
-          :icon="item.icon || ''"
+            :size="item.size || size"
-          @click="handleClick(item.emitKey)"
+            :icon="item.icon || ''"
-          >{{ item.label }}</el-button
+            @click="handleClick(item.emitKey)"
-        >
+            >{{ item.label }}</el-button
-      </el-form-item>
+          >
+        </el-form-item>
+      </div>
     </el-form>
   </div>
 </template>
@@ -174,11 +176,11 @@ export default {
     },
     labelWidth: {
       type: String,
-      default: "",
+      default: '',
     },
     size: {
       type: String,
-      default: "mini",
+      default: 'mini',
     },
     searchForm: {
       type: Array,
@@ -196,10 +198,10 @@ export default {
   methods: {
     handleClick(emitKey) {
       // emit事件
-      this.$emit(`${emitKey}`);
+      this.$emit(`${emitKey}`)
     },
   },
-};
+}
 </script>
 <style lang="scss">
 .base-search-form {

src/views/system/role/index.vue

@@ -96,7 +96,9 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            {{ $fd('IsEnable', scope.row.IsEnable) }}
+            <el-tag :type="!scope.row.IsEnable ? 'info' : ''">
+              {{ $fd('IsEnable', scope.row.IsEnable) }}
+            </el-tag>
           </template>
         </el-table-column>
         <el-table-column