style(views): 统一选中记录文本样式并优化按钮布局

董国庆

2026-04-02 75f3ca8be510a1a7438feb65389d9994476938a9

style(views): 统一选中记录文本样式并优化按钮布局

- 为多个视图中的选中记录文本添加 font-weight: 400 样式，确保视觉一致性
- 在 accountManagement 中改为使用下划线样式以区分
- 优化 roleManagement 和 permissionGroup 表单的按钮布局，移除多余的内联样式
- 清理 permissionGroup 表单中冗余的 CSS 样式

 src/views/assetManagement/vehicleManagement/inventoryVehicle/index.vue

@@ -752,7 +752,7 @@
        <template #header>
          <n-flex justify="space-between" align="center">
            <div class="flex gap-2 items-center">
              <span v-if="checkedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">
              <span v-if="checkedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
                {{ $t('accountManagement.messages.selectedRecords', { count: checkedRowKeys.length }) }}
              </span>
              <NButton v-permission="50112" style="color: #171F26;" :disabled="checkedRowKeys.length === 0" @click="handleBatchSetArea">

 src/views/assetManagement/vehicleManagement/operatingVehicle/index.vue

@@ -444,7 +444,7 @@
        <template #header>
          <n-flex justify="space-between" align="center">
            <div class="flex gap-2 items-center">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
              {{ $t('accountManagement.messages.selectedRecords', { count: selectedRowKeys.length }) }}
            </span>
              <NButton

 src/views/businessOperations/pointManagement/list.vue

@@ -557,7 +557,7 @@
      <template #header>
        <n-flex justify="space-between" align="center">
          <n-flex v-permission="40611" align="center">
            <span v-if="checkedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">已选择{{ checkedRowKeys.length }}条记录</span>
            <span v-if="checkedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">已选择{{ checkedRowKeys.length }}条记录</span>
            <NButton :disabled="checkedRowKeys.length === 0" @click="handleBatchExport">
              批量导出
            </NButton>

 src/views/service/review/personnel/index.vue

@@ -491,7 +491,7 @@
      <template #header>
        <n-flex v-permission="80111">
          <div class="flex gap-2 items-center">
            <span v-if="selectedIds.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="selectedIds.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
              {{ $t('accountManagement.messages.selectedRecords', { count: selectedIds.length }) }}
            </span>
          <n-tooltip trigger="hover" :disabled="selectedIds.length > 0">

 src/views/service/review/policyApplication/index.vue

@@ -389,7 +389,7 @@
      <template #header>
        <n-flex v-permission="80111">
          <div class="flex gap-2 items-center">
            <span v-if="selectedIds.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="selectedIds.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
              {{ $t('accountManagement.messages.selectedRecords', { count: selectedIds.length }) }}
            </span>
          <n-tooltip trigger="hover" :disabled="selectedIds.length > 0">

 src/views/system/accountPermission/accountManagement/index.vue

@@ -480,7 +480,7 @@
      <template #header>
        <NFlex justify="space-between" align="center">
          <div class="flex gap-2 items-center">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: underline;">
              {{ $t('accountManagement.messages.selectedRecords', { count: selectedRowKeys.length }) }}
            </span>
            <NButton

 src/views/system/accountPermission/permissionGroup/form.vue

@@ -479,7 +479,7 @@
</script>

<template>
  <div class="w-full h-full relative content robotTaxi">
  <div class="w-full h-full relative roboTaxi">
    <div class="p-12px">
      <NForm
        ref="formRef"
@@ -492,7 +492,7 @@
      >
        <!-- 基本信息 -->
        <div class="box mb-12px">
          <div class="head">
          <div class="head flex justify-between items-center">
            <span>
              {{
                mode === "add"
@@ -506,10 +506,7 @@
              v-if="mode === 'view'"
              v-permission="20133"
              type="primary"
              class="edit-btn"
              secondary
              size="small"
              style="padding: 7px 29px"
              @click="handleSwitchToEdit"
            >
              {{ t("permissionGroup.buttons.edit") }}
@@ -797,16 +794,6 @@
</template>

<style scoped lang="scss">
.content {
  height: calc(100vh - 76px);
  width: 100%;
  overflow-y: auto;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

.box {
  padding: 24px 24px 16px 24px;

 src/views/system/accountPermission/roleManagement/detail.vue

@@ -324,19 +324,16 @@
</script>

<template>
  <div class="w-full h-full relative content">
  <div class="w-full h-full relative content roboTaxi">
    <div class="p-12px">
      <!-- 基本信息 -->
      <div class="box mb-12px">
        <div class="head">
        <div class="head flex justify-between items-center">
          <span>{{ t("roleManagement.detail.title") }}</span>
          <NButton
            v-permission="20153"
            type="primary"
            class="edit-btn"
            secondary
            size="small"
            style="padding: 7px 29px"
            @click="handleEdit"
          >
            {{ t("roleManagement.buttons.edit") }}

 src/views/testDemo/testPointManagement/list.vue

@@ -549,7 +549,7 @@
      <template #header>
        <n-flex justify="space-between" align="center">
          <n-flex v-permission="40611" align="center">
            <span v-if="checkedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">已选择{{ checkedRowKeys.length }}条记录</span>
            <span v-if="checkedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">已选择{{ checkedRowKeys.length }}条记录</span>
            <NButton :disabled="checkedRowKeys.length === 0" @click="handleBatchExport">
              批量导出
            </NButton>

 src/views/transaction/order/orderManagement/index.vue

@@ -632,7 +632,7 @@
      <template #header>
        <n-flex v-permission="60112" justify="flex-start">
          <div class="flex gap-2 items-center">
            <span v-if="checkedRowKeysRef.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="checkedRowKeysRef.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
              {{ $t('accountManagement.messages.selectedRecords', { count: checkedRowKeysRef.length }) }}
            </span>
            <NButton @click="handleExport">

 src/views/userContent/banner/index.vue

@@ -393,7 +393,7 @@
      <template #header>
        <n-flex justify="space-between">
          <div class="flex gap-2 items-center">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
              {{
                $t("accountManagement.messages.selectedRecords", {
                  count: selectedRowKeys.length,

 src/views/userContent/whitelistManagement/invitationCode/index.vue

@@ -382,7 +382,7 @@
      <template #header>
        <n-flex justify="space-between" align="center">
          <div class="flex gap-2 items-center">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
              {{ $t('accountManagement.messages.selectedRecords', { count: selectedRowKeys.length }) }}
            </span>
            <NButton

 src/views/userContent/whitelistManagement/whitelist/index.vue

@@ -461,7 +461,7 @@
      <template #header>
        <n-flex justify="space-between" align="center">
         <div class="flex gap-2 items-center">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);">
            <span v-if="selectedRowKeys.length > 0" style="color: rgba(23, 31, 38, 0.6);font-weight: 400;">
              {{ $t('accountManagement.messages.selectedRecords', { count: selectedRowKeys.length }) }}
            </span>
            <NButton