fix: beauty element select comp, see https://sonic-cloud.wiki/d/3093-…

…dbug
SonicCloudOrg · May 27, 2023 · ed2bcc2 · ed2bcc2
1 parent 0d452fc
commit ed2bcc2
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 27 deletions.
diff --git a/src/components/ElementSelect.vue b/src/components/ElementSelect.vue
@@ -115,33 +115,36 @@ onMounted(() => {
     :rules="[{ required: true, message: place, trigger: 'change' }]"
     :prop="'elements[' + index + ']'"
   >
-    <el-card>
-      <span style="font-size: 14px; color: #99a9bf; margin-right: 10px">{{
-        $t('element.modelFilter')
-      }}</span>
-      <el-select v-model="moduleId" size="small" @change="findByModule">
-        <el-option
-          v-for="item in moduleList"
-          :key="item.name"
-          :value="item.id"
-          :label="item.name"
-        >
-        </el-option>
-      </el-select>
-
-      <div style="margin-top: 10px">
-        <span style="font-size: 14px; color: #99a9bf; margin-right: 10px">{{
-          $t('element.nameFilter')
-        }}</span>
+      <div>
         <el-select
           v-model="step.elements[index]"
           filterable
+          style="width: 100%"
           remote
           :remote-method="findByName"
           value-key="id"
           :placeholder="$t('element.namePlace')"
           @visible-change="findByProjectIdAndEleType"
         >
+          <template #prefix>
+<span style="font-size: 14px; color: #99a9bf; margin:0 10px">{{
+    $t('element.nameFilter')
+  }}</span>
+          </template>
+          <div style="display: flex;justify-content: center;align-items: center;margin: 5px 0">
+          <span style="font-size: 14px; color: #99a9bf; margin:0 10px">{{
+              $t('element.modelFilter')
+            }}</span>
+          <el-select v-model="moduleId" size="small" @change="findByModule">
+            <el-option
+                v-for="item in moduleList"
+                :key="item.name"
+                :value="item.id"
+                :label="item.name"
+            >
+            </el-option>
+          </el-select>
+          </div>
           <el-option
             v-for="item in pageData['content']"
             v-if="pageData['content'] !== null"
@@ -195,6 +198,5 @@ onMounted(() => {
           </div>
         </el-select>
       </div>
-    </el-card>
   </el-form-item>
 </template>
diff --git a/src/config/locale.js b/src/config/locale.js
@@ -39,7 +39,7 @@ export const localeList = [
   },
   {
     text: 'English',
-    building: true,
+    building: false,
     event: LOCALE.EN_US,
   },
   {

diff --git a/src/locales/lang/en_US.js b/src/locales/lang/en_US.js
@@ -4,7 +4,7 @@
 const element = {
   currentIteration: 'Current iteration element',
   modelFilter: 'Model Filter',
-  nameFilter: 'Name Filter',
+  nameFilter: 'Selected Element',
   namePlace: 'Please input element name to search',
   iterationList: 'Iterate Element List',
   whenList: 'When the parent step exists',

diff --git a/src/locales/lang/ja_JP.js b/src/locales/lang/ja_JP.js
@@ -4,8 +4,8 @@
 const element = {
   currentIteration: '当前迭代控件',
   modelFilter: '模块筛选',
-  nameFilter: '名称筛选',
-  namePlace: '请输入控件名称筛选',
+  nameFilter: '已选控件',
+  namePlace: '可输入控件名称筛选',
   iterationList: '迭代控件列表',
   whenList: '当父级步骤存在',
   thenList: '时，可选择本控件作为',

diff --git a/src/locales/lang/zh_CN.js b/src/locales/lang/zh_CN.js
@@ -4,8 +4,8 @@
 const element = {
   currentIteration: '当前迭代控件',
   modelFilter: '模块筛选',
-  nameFilter: '名称筛选',
-  namePlace: '请输入控件名称筛选',
+  nameFilter: '已选控件',
+  namePlace: '可输入控件名称筛选',
   iterationList: '迭代控件列表',
   whenList: '当父级步骤存在',
   thenList: '时，可选择本控件作为',

diff --git a/src/locales/lang/zh_TW.js b/src/locales/lang/zh_TW.js
@@ -4,8 +4,8 @@
 const element = {
   currentIteration: '当前迭代控件',
   modelFilter: '模块筛选',
-  nameFilter: '名称筛选',
-  namePlace: '请输入控件名称筛选',
+  nameFilter: '已选控件',
+  namePlace: '可输入控件名称筛选',
   iterationList: '迭代控件列表',
   whenList: '当父级步骤存在',
   thenList: '时，可选择本控件作为',