fix: beauty ui

Author: ZhouYixun

src/components/AlertRobotUpdate.vue

@@ -215,7 +215,9 @@ export default {
           v-model="updateFormModel.muteRule"
           :placeholder="$t('robot.robotSecretPlaceholder')"
         ></el-input>
-        <el-tag v-else type="info">{{ $t('robot.consts.nomute') }}</el-tag>
+        <el-tag v-else type="info" size="small" style="margin-right: 10px">{{
+          $t('robot.consts.nomute')
+        }}</el-tag>
         <el-dropdown
           size="small"
           split-button
@@ -269,7 +271,7 @@ export default {
           type="textarea"
           rows="8"
         ></el-input>
-        <el-tag v-else type="info">{{
+        <el-tag v-else type="info" size="small" style="margin-right: 10px">{{
           $t('robot.consts.defaultTemplate')
         }}</el-tag>
         <el-button

src/components/ProjectUpdate.vue

@@ -158,16 +158,23 @@ onMounted(() => {
       ></el-input>
     </el-form-item>
     <el-form-item :label="$t('project.alertConfig')" prop="globalRobot">
-      <span>{{ $t('project.ui.globalRobot') }}</span>
-      <el-switch v-model="project.globalRobot" class="mb-2" />
-      <br />
-      <span>{{ $t('project.ui.testsuiteDefaultAlertRobotIds') }}</span
-      ><el-switch
-        v-model="project.testsuiteAlertRobotIds"
-        class="mb-2"
-        :inactive-value="[]"
-        :active-value="null"
-      />
+      <div style="display: flex; align-items: center">
+        <el-switch v-model="project.globalRobot" class="mb-2" />
+        <span style="margin-left: 10px">{{
+          $t('project.ui.globalRobot')
+        }}</span>
+      </div>
+      <div style="display: flex; align-items: center">
+        <el-switch
+          v-model="project.testsuiteAlertRobotIds"
+          class="mb-2"
+          :inactive-value="[]"
+          :active-value="null"
+        />
+        <span style="margin-left: 10px">{{
+          $t('project.ui.testsuiteDefaultAlertRobotIds')
+        }}</span>
+      </div>
       <template v-if="project.testsuiteAlertRobotIds != null">
         <el-select
           v-model="project.testsuiteAlertRobotIds"

src/components/TestSuiteUpdate.vue

@@ -436,13 +436,19 @@ onMounted(() => {
     <el-form-item
       prop="alertRobotIds"
       :label="$t('testSuitesTS.ui.alertRobotIds')"
-      ><span>{{ $t('testSuitesTS.ui.defaultAlertRobotIds') }}</span>
-      <el-switch
-        v-model="testSuite.alertRobotIds"
-        class="mb-2"
-        :inactive-value="[]"
-        :active-value="null"
-      /><template v-if="testSuite.alertRobotIds != null">
+    >
+      <div style="display: flex; align-items: center">
+        <el-switch
+          v-model="testSuite.alertRobotIds"
+          class="mb-2"
+          :inactive-value="[]"
+          :active-value="null"
+        />
+        <span style="margin-left: 10px">{{
+          $t('testSuitesTS.ui.defaultAlertRobotIds')
+        }}</span>
+      </div>
+      <template v-if="testSuite.alertRobotIds != null">
         <el-select
           v-model="testSuite.alertRobotIds"
           multiple

src/views/ProjectAlertRobots.vue

@@ -104,30 +104,34 @@ onMounted(() => {
     </el-table-column>
     <el-table-column :label="$t('robot.muteRule')" align="center"
       ><template #default="scope">
-        <el-tag v-if="!scope.row.muteRule" type="info">{{
+        <el-tag v-if="!scope.row.muteRule" size="small" type="info">{{
           $t('robot.consts.nomute')
         }}</el-tag>
         <el-popover v-else trigger="hover" width="auto">
           <template #default>
             <pre>{{ scope.row.muteRule }}</pre>
           </template>
           <template #reference>
-            <el-tag>{{ $t('robot.consts.customTemplate') }}</el-tag>
+            <el-tag size="small">{{
+              $t('robot.consts.customTemplate')
+            }}</el-tag>
           </template>
         </el-popover>
       </template>
     </el-table-column>
     <el-table-column :label="$t('robot.template')" align="center"
       ><template #default="scope">
-        <el-tag v-if="!scope.row.template" type="info">{{
+        <el-tag v-if="!scope.row.template" size="small" type="info">{{
           $t('robot.consts.defaultTemplate')
         }}</el-tag
         ><el-popover v-else trigger="hover" width="auto">
           <template #default>
             <pre>{{ scope.row.template }}</pre>
           </template>
           <template #reference>
-            <el-tag>{{ $t('robot.consts.customTemplate') }}</el-tag>
+            <el-tag size="small">{{
+              $t('robot.consts.customTemplate')
+            }}</el-tag>
           </template>
         </el-popover>
       </template>