fix: 修复部分样式错误

src/views/schedule/job/JobAddModal.vue

@@ -121,7 +121,7 @@
                 </template>
               </a-button>
             </div>
-            <a-button type="outline" class="add-button" style="width: 100%;" @click="onAddArgs">
+            <a-button type="primary" class="add-button" @click="onAddArgs">
               <template #icon>
                 <icon-plus />
               </template>
@@ -358,7 +358,7 @@ fieldset legend {
 
 .add-button {
   align-self: flex-start;
-  width: 100px;
+  width: 100%;
 }
 
 :deep(.arco-input-append) {

src/views/system/dict/tree/index.vue

@@ -182,6 +182,9 @@ onMounted(() => {
 :deep(.arco-tree-node-selected) {
   font-weight: bold;
   background-color: rgba(var(--primary-6), 0.1);
+  &:hover {
+    background-color: rgba(var(--primary-6), 0.1);
+  }
   .arco-typography {
     color: rgb(var(--primary-6));
   }

src/views/system/user/dept/index.vue

@@ -21,11 +21,19 @@
             <IconIdcard v-else />
           </template>
           <template #title="node">
-            <template v-if="index = getMatchIndex(node?.title), index < 0">{{ node?.title }}</template>
-            <span v-else>{{ node?.title?.substr(0, index) }}
-              <span style="color: rgb(var(--arcoblue-6));">{{ node?.title?.substr(index, searchKey.length) }}</span>
-              {{ node?.title?.substr(index + searchKey.length) }}
-            </span>
+            <a-typography-paragraph
+              :ellipsis="{
+                rows: 1,
+                showTooltip: true,
+                css: true,
+              }"
+            >
+              <template v-if="index = getMatchIndex(node?.title), index < 0">{{ node?.title }}</template>
+              <span v-else>{{ node?.title?.substr(0, index) }}
+                <span style="color: rgb(var(--arcoblue-6));">{{ node?.title?.substr(index, searchKey.length) }}</span>
+                {{ node?.title?.substr(index + searchKey.length) }}
+              </span>
+            </a-typography-paragraph>
           </template>
         </a-tree>
       </div>
@@ -136,6 +144,9 @@ onMounted(() => {
   &:hover {
     background-color: rgba(var(--primary-6), 0.1);
   }
+  .arco-typography {
+    color: rgb(var(--primary-6));
+  }
 }
 
 .left-tree {