style(工作台): 模板管理样式调整

core/core-frontend/auto-imports.d.ts

@@ -4,8 +4,5 @@
 // Generated by unplugin-auto-import
 export {}
 declare global {
-  const ElForm: typeof import('element-plus-secondary/es')['ElForm']
+
-  const ElFormItem: typeof import('element-plus-secondary/es')['ElFormItem']
-  const ElInput: typeof import('element-plus-secondary/es')['ElInput']
-  const ElMessageBox: typeof import('element-plus-secondary/es')['ElMessageBox']
 }

core/core-frontend/src/views/common/DeResourceCreateOptV2.vue

@@ -36,6 +36,8 @@ defineExpose({
 
 <style lang="less">
 .market-create-dialog {
+  border-radius: 4px;
+  overflow: hidden;
   .ed-dialog__body {
     padding: 0 !important;
   }

core/core-frontend/src/views/template/index.vue

@@ -1,15 +1,7 @@
 <template>
   <div class="template-head">
     <p class="router-title">{{ t('template_manage.name') }}</p>
-    <el-button style="float: right" type="primary" @click="templateImport(state.currentTemplateId)">
+    <div style="display: flex">
-      {{ t('visualization.import') }}
-    </el-button>
-    <el-button
-      style="float: right; margin-right: 12px"
-      @click="showTemplateEditDialog('new', null)"
-    >
-      {{ t('template_manage.add_catalog') }}
-    </el-button>
       <el-input
         v-model="state.templateFilterText"
         :placeholder="t('template_manage.keywords')"
@@ -24,6 +16,20 @@
           </el-icon>
         </template>
       </el-input>
+      <el-button
+        style="float: right; margin-left: 12px"
+        @click="showTemplateEditDialog('new', null)"
+      >
+        {{ t('template_manage.add_catalog') }}
+      </el-button>
+      <el-button
+        style="float: right"
+        type="primary"
+        @click="templateImport(state.currentTemplateId)"
+      >
+        {{ t('visualization.import') }}
+      </el-button>
+    </div>
   </div>
   <div class="sys-setting-p">
     <div class="container-sys-param" v-show="state.templateCategories.length">
@@ -94,13 +100,17 @@
                 />
               </div>
               <div v-show="batchState" class="batch-opt-area">
-                <el-button @click="batchUpdate" type="danger" plain style="margin-left: 24px"
+                <el-button @click="batchUpdate" plain style="margin-left: 24px"
                   >{{ t('template_manage.edit_catalog') }}
                 </el-button>
-                <el-button @click="batchPreDelete" type="danger" plain>{{
+                <el-button
-                  t('user.batch_del')
+                  @click="batchPreDelete"
-                }}</el-button>
+                  type="danger"
-                <span style="margin-left: 24px; font-size: 14px">
+                  plain
+                  class="template-custom-danger"
+                  >{{ t('user.batch_del') }}</el-button
+                >
+                <span class="delete-tips">
                   {{ t('template_manage.selected_count', [batchState]) }}
                 </span>
                 <el-button @click="batchFullSelect" style="margin-left: 16px" text>
@@ -655,7 +665,10 @@ onMounted(() => {
   font-style: normal;
   font-weight: 500;
   line-height: 28px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   float: left;
+  flex: 1;
 }
 
 .sys-setting-p {
@@ -677,11 +690,12 @@ onMounted(() => {
 
 .template-head {
   height: 32px;
+  display: flex;
 }
 
 .template-search-class {
   float: right;
-  width: 320px;
+  width: 220px;
 }
 
 .custom-position {
@@ -703,4 +717,19 @@ onMounted(() => {
 .ed-empty__image img {
   width: 126px;
 }
+.delete-tips {
+  margin-left: 24px;
+  font-size: 14px;
+  color: rgb(100, 106, 115);
+}
+.template-custom-danger {
+  color: rgba(245, 74, 69, 1);
+  border-color: rgba(245, 74, 69, 1);
+  &:hover {
+    background-color: rgba(245, 74, 69, 0.3);
+  }
+  &:focus {
+    background-color: rgba(245, 74, 69, 0.3);
+  }
+}
 </style>