cloud-web-corejs 1.0.54-dev.798 → 1.0.54-dev.799

package/src/components/xform/form-designer/setting-panel/property-editor/iconClass-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.iconClass')">
+  <el-form-item :label="i18nt('designer.setting.iconClass')" class="form-item-label-top">
     <el-select v-model="optionModel.iconClass">
       <el-option label="统计块" value="el-icon-coin">
          <span><i class="el-icon-coin"></i> 统计块</span>

package/src/components/xform/form-designer/setting-panel/property-editor/label-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.label')" v-if="!noLabelSetting">
+  <el-form-item :label="i18nt('designer.setting.label')" v-if="!noLabelSetting" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.label"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/labelAlign-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelAlign')" v-if="!noLabelSetting && (selectedWidget.type !== 'button')">
+  <el-form-item :label="i18nt('designer.setting.labelAlign')" v-if="!noLabelSetting && (selectedWidget.type !== 'button')" class="form-item-label-top">
     <el-radio-group v-model="optionModel.labelAlign" class="radio-group-custom">
       <el-radio-button label="label-left-align">
         {{i18nt('designer.setting.leftAlign')}}</el-radio-button>

package/src/components/xform/form-designer/setting-panel/property-editor/labelColor-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelColor')">
+  <el-form-item :label="i18nt('designer.setting.labelColor')" class="form-item-label-top">
     <div>
       <el-select style="width: 130px;float: left;margin-right: 5px;" v-model="optionModel.labelColor" clearable>
         <el-option value="#e6a23c" label="橙"></el-option>

package/src/components/xform/form-designer/setting-panel/property-editor/labelIconPosition-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelIconPosition')">
+  <el-form-item :label="i18nt('designer.setting.labelIconPosition')" class="form-item-label-top">
     <el-select v-model="optionModel.labelIconPosition">
       <el-option
         v-for="item in labelIconPosition"

package/src/components/xform/form-designer/setting-panel/property-editor/labelWidth-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelWidth')">
+  <el-form-item :label="i18nt('designer.setting.labelWidth')" class="form-item-label-top">
     <el-input type="number" v-model="optionModel.labelWidth" @input.native="inputNumberHandler"
               min="0" class="hide-spin-button"></el-input>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/limit-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.limit')">
+  <el-form-item :label="i18nt('designer.setting.limit')" class="form-item-label-top">
     <el-input-number v-model="optionModel.limit" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/max-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.maxValue')">
+  <el-form-item :label="i18nt('designer.setting.maxValue')" class="form-item-label-top">
     <el-input-number v-model="maxValue" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/maxLength-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.maxLength')">
+  <el-form-item :label="i18nt('designer.setting.maxLength')" class="form-item-label-top">
     <el-input type="number" @input.native="inputNumberHandler" class="hide-spin-button"
               min="1" v-model="maxLength" style="width: 100%"></el-input>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/min-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.minValue')">
+  <el-form-item :label="i18nt('designer.setting.minValue')" class="form-item-label-top">
     <el-input-number v-model="minValue" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/minLength-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.minLength')">
+  <el-form-item :label="i18nt('designer.setting.minLength')" class="form-item-label-top">
     <el-input type="number" @input.native="inputNumberHandler" class="hide-spin-button"
               min="0" v-model="minLength" style="width: 100%"></el-input>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/multipleLimit-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.multipleLimit')">
+  <el-form-item :label="i18nt('designer.setting.multipleLimit')" class="form-item-label-top">
     <el-input-number v-model="optionModel.multipleLimit"
                      class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>

package/src/components/xform/form-designer/setting-panel/property-editor/name-editor.vue

@@ -1,178 +1,178 @@
-<template>
-  <div>
-    <el-form-item prop="name" :rules="nameRequiredRule">
-      <span slot="label"
-        >{{ i18nt("designer.setting.uniqueName") }}
-        <el-tooltip effect="light" :content="i18nt('designer.setting.editNameHelp')">
-          <i class="el-icon-info"></i
-        ></el-tooltip>
-      </span>
-      <template
-        v-if="
-          (!!selectedWidget.category && selectedWidget.type !== 'sub-form') || noFieldList
-        "
-      >
-        <el-input
-          type="text"
-          v-model="optionModel.name"
-          :readonly="widgetNameReadonly"
-          @change="updateWidgetNameAndRef"
-        ></el-input>
-      </template>
-      <template v-else>
-        <el-select
-          v-model="optionModel.name"
-          allow-create
-          filterable
-          :disabled="true"
-          @change="updateWidgetNameAndRef"
-          :title="i18nt('designer.setting.editNameHelp')"
-        >
-          <el-option
-            v-for="(sf, sfIdx) in serverFieldList"
-            :key="sfIdx"
-            :label="sf.label"
-            :value="sf.name"
-          ></el-option>
-        </el-select>
-      </template>
-    </el-form-item>
-    <el-form-item label="按钮编码" v-show="showAuthCode">
-      <div style="word-break: break-all">
-        <el-tooltip effect="light" content="复制">
-          <a class="a-link" style="color: unset;" @click="copyAuthCode"><span><i class="el-icon-copy-document" style="margin-right:2px"></i>{{ authCode }}</span></a>
-        </el-tooltip>
-      </div>
-    </el-form-item>
-  </div>
-</template>
-
-<script>
-import i18n from "../../../../../components/xform/utils/i18n";
-import { isEmptyStr } from "../../../../../components/xform/utils/util";
-import Clipboard from 'clipboard'
-
-export default {
-  name: "name-editor",
-  mixins: [i18n],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object,
-    parentList: Array,
-  },
-  inject: ["serverFieldList", "getDesignerConfig", "isDataTableChildWidget"],
-  data() {
-    return {
-      nameRequiredRule: [{ required: true, message: "name required" }],
-    };
-  },
-  computed: {
-    noFieldList() {
-      return !this.serverFieldList || this.serverFieldList.length <= 0;
-    },
-
-    widgetNameReadonly() {
-      return !!this.getDesignerConfig().widgetNameReadonly;
-    },
-    showAuthCode() {
-      // return this.selectedWidget.category !== "container";
-      return [
-        "button",
-        "a-text",
-        "a-link",
-        "a-link2",
-        "search_button",
-        "save_button",
-        "reset_button",
-        "table-export-button",
-        "select-export-button",
-        "add_button",
-        "import-button",
-        "import2-button",
-        "print-button",
-        "print-detail-button",
-        "download-button",
-        "copy_button",
-        "save_submit_wf_button",
-        "tempStorage",
-        "dropdown",
-        "dropdown-item",
-      ].includes(this.selectedWidget.type);
-    },
-    authCode() {
-      return (
-        this.designer.vueInstance?.reportTemplate?.formCode + ":" + this.optionModel.name
-      );
-    },
-  },
-  methods: {
-    copyAuthCode(e){
-      this.copyToClipboard(this.authCode, e, this.$message, '复制成功', '复制失败');
-    },
-    copyToClipboard(content, clickEvent, $message, successMsg, errorMsg) {
-      const clipboard = new Clipboard(clickEvent.target, {
-        text: () => content
-      });
-
-      clipboard.on('success', () => {
-        $message.success(successMsg);
-        clipboard.destroy();
-      })
-
-      clipboard.on('error', () => {
-        $message.error(errorMsg);
-        clipboard.destroy();
-      });
-
-      clipboard.onClick(clickEvent);
-    },
-    updateWidgetNameAndRef(newName) {
-      let oldName = this.designer.selectedWidgetName;
-      if (isEmptyStr(newName)) {
-        this.selectedWidget.options.name = oldName;
-        this.$message.info(this.i18nt("designer.hint.nameRequired"));
-        return;
-      }
-
-      if (!!this.designer.formWidget) {
-        let foundRef = this.designer.formWidget.getWidgetRef(newName); // 检查newName是否已存在！！
-
-        if (!!foundRef) {
-          if (this.isDataTableChildWidget()) {
-            let parentList = this.parentList;
-            for (let i; i < parentList.length; i++) {}
-          } else {
-            this.selectedWidget.options.name = oldName;
-            this.$message.info(this.i18nt("designer.hint.duplicateName") + newName);
-            return;
-          }
-        }
-
-        let widgetInDesign = this.designer.formWidget.getWidgetRef(oldName);
-        if (!!widgetInDesign && !!widgetInDesign.registerToRefList) {
-          widgetInDesign.registerToRefList(oldName); //注册组件新的ref名称并删除老的ref！！
-          let newLabel = this.getLabelByFieldName(newName);
-          this.designer.updateSelectedWidgetNameAndLabel(
-            this.selectedWidget,
-            newName,
-            newLabel
-          );
-        }
-      }
-    },
-
-    getLabelByFieldName(fieldName) {
-      for (let i = 0; i < this.serverFieldList.length; i++) {
-        if (this.serverFieldList[i].name === fieldName) {
-          return this.serverFieldList[i].label;
-        }
-      }
-
-      return null;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div>
+    <el-form-item class="form-item-label-top" prop="name" :rules="nameRequiredRule">
+      <span slot="label"
+        >{{ i18nt("designer.setting.uniqueName") }}
+        <el-tooltip effect="light" :content="i18nt('designer.setting.editNameHelp')">
+          <i class="el-icon-info"></i
+        ></el-tooltip>
+      </span>
+      <template
+        v-if="
+          (!!selectedWidget.category && selectedWidget.type !== 'sub-form') || noFieldList
+        "
+      >
+        <el-input
+          type="text"
+          v-model="optionModel.name"
+          :readonly="widgetNameReadonly"
+          @change="updateWidgetNameAndRef"
+        ></el-input>
+      </template>
+      <template v-else>
+        <el-select
+          v-model="optionModel.name"
+          allow-create
+          filterable
+          :disabled="true"
+          @change="updateWidgetNameAndRef"
+          :title="i18nt('designer.setting.editNameHelp')"
+        >
+          <el-option
+            v-for="(sf, sfIdx) in serverFieldList"
+            :key="sfIdx"
+            :label="sf.label"
+            :value="sf.name"
+          ></el-option>
+        </el-select>
+      </template>
+    </el-form-item>
+    <el-form-item label="按钮编码" v-show="showAuthCode">
+      <div style="word-break: break-all">
+        <el-tooltip effect="light" content="复制">
+          <a class="a-link" style="color: unset;" @click="copyAuthCode"><span><i class="el-icon-copy-document" style="margin-right:2px"></i>{{ authCode }}</span></a>
+        </el-tooltip>
+      </div>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n";
+import { isEmptyStr } from "../../../../../components/xform/utils/util";
+import Clipboard from 'clipboard'
+
+export default {
+  name: "name-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+    parentList: Array,
+  },
+  inject: ["serverFieldList", "getDesignerConfig", "isDataTableChildWidget"],
+  data() {
+    return {
+      nameRequiredRule: [{ required: true, message: "name required" }],
+    };
+  },
+  computed: {
+    noFieldList() {
+      return !this.serverFieldList || this.serverFieldList.length <= 0;
+    },
+
+    widgetNameReadonly() {
+      return !!this.getDesignerConfig().widgetNameReadonly;
+    },
+    showAuthCode() {
+      // return this.selectedWidget.category !== "container";
+      return [
+        "button",
+        "a-text",
+        "a-link",
+        "a-link2",
+        "search_button",
+        "save_button",
+        "reset_button",
+        "table-export-button",
+        "select-export-button",
+        "add_button",
+        "import-button",
+        "import2-button",
+        "print-button",
+        "print-detail-button",
+        "download-button",
+        "copy_button",
+        "save_submit_wf_button",
+        "tempStorage",
+        "dropdown",
+        "dropdown-item",
+      ].includes(this.selectedWidget.type);
+    },
+    authCode() {
+      return (
+        this.designer.vueInstance?.reportTemplate?.formCode + ":" + this.optionModel.name
+      );
+    },
+  },
+  methods: {
+    copyAuthCode(e){
+      this.copyToClipboard(this.authCode, e, this.$message, '复制成功', '复制失败');
+    },
+    copyToClipboard(content, clickEvent, $message, successMsg, errorMsg) {
+      const clipboard = new Clipboard(clickEvent.target, {
+        text: () => content
+      });
+
+      clipboard.on('success', () => {
+        $message.success(successMsg);
+        clipboard.destroy();
+      })
+
+      clipboard.on('error', () => {
+        $message.error(errorMsg);
+        clipboard.destroy();
+      });
+
+      clipboard.onClick(clickEvent);
+    },
+    updateWidgetNameAndRef(newName) {
+      let oldName = this.designer.selectedWidgetName;
+      if (isEmptyStr(newName)) {
+        this.selectedWidget.options.name = oldName;
+        this.$message.info(this.i18nt("designer.hint.nameRequired"));
+        return;
+      }
+
+      if (!!this.designer.formWidget) {
+        let foundRef = this.designer.formWidget.getWidgetRef(newName); // 检查newName是否已存在！！
+
+        if (!!foundRef) {
+          if (this.isDataTableChildWidget()) {
+            let parentList = this.parentList;
+            for (let i; i < parentList.length; i++) {}
+          } else {
+            this.selectedWidget.options.name = oldName;
+            this.$message.info(this.i18nt("designer.hint.duplicateName") + newName);
+            return;
+          }
+        }
+
+        let widgetInDesign = this.designer.formWidget.getWidgetRef(oldName);
+        if (!!widgetInDesign && !!widgetInDesign.registerToRefList) {
+          widgetInDesign.registerToRefList(oldName); //注册组件新的ref名称并删除老的ref！！
+          let newLabel = this.getLabelByFieldName(newName);
+          this.designer.updateSelectedWidgetNameAndLabel(
+            this.selectedWidget,
+            newName,
+            newLabel
+          );
+        }
+      }
+    },
+
+    getLabelByFieldName(fieldName) {
+      for (let i = 0; i < this.serverFieldList.length; i++) {
+        if (this.serverFieldList[i].name === fieldName) {
+          return this.serverFieldList[i].label;
+        }
+      }
+
+      return null;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

package/src/components/xform/form-designer/setting-panel/property-editor/oplog-editor.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <el-form-item :label="i18nt('脚本编码')">
+    <el-form-item :label="i18nt('脚本编码')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.formScriptCode"></el-input>
     </el-form-item>
-    <el-form-item :label="i18nt('日志类型')">
+    <el-form-item :label="i18nt('日志类型')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.oplogTypeCode" placeholder="默认表单模板编码"></el-input>
     </el-form-item>
-    <el-form-item :label="i18nt('业务唯一字段')">
+    <el-form-item :label="i18nt('业务唯一字段')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.oplogBusinessKey" placeholder="默认单据id"></el-input>
     </el-form-item>
   </div>

package/src/components/xform/form-designer/setting-panel/property-editor/placeholder-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.placeholder')">
+  <el-form-item :label="i18nt('designer.setting.placeholder')" class="form-item-label-top">
     <el-input type="textarea" :rows="3" v-model="optionModel.placeholder"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/precision-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.precision')">
+  <el-form-item :label="i18nt('designer.setting.precision')" class="form-item-label-top">
     <el-input-number v-model="optionModel.precision" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/project-tag-editor.vue

@@ -3,10 +3,10 @@
     <el-form-item label-width="0">
       <el-divider class="custom-divider-margin-top">项目标签设置</el-divider>
     </el-form-item>
-    <el-form-item label="标签长度">
+    <el-form-item label="标签长度" class="form-item-label-top">
       <el-input v-model="optionModel.tagWidth" clearable></el-input>
     </el-form-item>
-    <el-form-item label="弹框表单编码">
+    <el-form-item label="弹框表单编码" class="form-item-label-top">
       <el-input v-model="optionModel.tagFormCode" clearable></el-input>
     </el-form-item>
     <el-form-item label="弹框查询参数">
@@ -19,16 +19,16 @@
         <i class="el-icon-edit"></i>
       </a>
     </el-form-item>
-    <el-form-item label="展示字段">
+    <el-form-item label="展示字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagLabelField" clearable></el-input>
     </el-form-item>
-    <el-form-item label="唯一关键字段">
+    <el-form-item label="唯一关键字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagUniqueField" clearable></el-input>
     </el-form-item>
-    <el-form-item label="来源展示字段">
+    <el-form-item label="来源展示字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagFormLabelField" clearable></el-input>
     </el-form-item>
-    <el-form-item label="来源唯一关键字段">
+    <el-form-item label="来源唯一关键字段" class="form-item-label-top">
       <el-input v-model="optionModel.tagFormUniqueField" clearable></el-input>
     </el-form-item>
 

package/src/components/xform/form-designer/setting-panel/property-editor/requiredHint-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.requiredHint')">
+  <el-form-item :label="i18nt('designer.setting.requiredHint')" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.requiredHint"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/rows-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.rows')">
+  <el-form-item :label="i18nt('designer.setting.rows')" class="form-item-label-top">
     <el-input-number v-model="optionModel.rows" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/space-editor-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.space')">
+  <el-form-item :label="i18nt('designer.setting.space')" class="form-item-label-top">
     <el-input-number ref="fieldEditor"  v-model="optionModel.space"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/startPlaceholder-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.startPlaceholder')">
+  <el-form-item :label="i18nt('designer.setting.startPlaceholder')" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.startPlaceholder"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/step-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.step')">
+  <el-form-item :label="i18nt('designer.setting.step')" class="form-item-label-top">
     <el-input-number v-model="optionModel.step" class="hide-spin-button" style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/styleTableClass-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.styleTableClass')">
+  <el-form-item :label="i18nt('designer.setting.styleTableClass')" class="form-item-label-top">
     <el-select v-model="optionModel.styleTableClass">
       <el-option v-for="(item, idx) in classList" :key="idx" :label="item.name" :value="item.value"></el-option>
     </el-select>

package/src/components/xform/form-designer/setting-panel/property-editor/styleTitClass-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.styleTitClass')">
+  <el-form-item :label="i18nt('designer.setting.styleTitClass')" class="form-item-label-top">
     <el-select v-model="optionModel.styleTitClass">
       <el-option v-for="(item, idx) in classList" :key="idx" :label="item.name" :value="item.value"></el-option>
     </el-select>

package/src/components/xform/form-designer/setting-panel/property-editor/tempStorage-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form-item :label="i18nt('暂存唯一编码')">
+    <el-form-item :label="i18nt('暂存唯一编码')" class="form-item-label-top">
       <el-input
         type="text"
         v-model="optionModel.tempStorageCode"

package/src/components/xform/form-designer/setting-panel/property-editor/type-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.displayType')" v-if="selectedWidget.type === 'input'">
+  <el-form-item :label="i18nt('designer.setting.displayType')" v-if="selectedWidget.type === 'input'" class="form-item-label-top">
     <el-select v-model="optionModel.type">
       <el-option label="text" value="text"></el-option>
       <!-- 当input的type设置为number时，如果输入非数字字符，则v-model拿到的值为空字符串，无法实现输入校验！故屏蔽之！！ -->

package/src/components/xform/form-designer/setting-panel/property-editor/uploadTip-editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.uploadTip')">
+  <el-form-item :label="i18nt('designer.setting.uploadTip')" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.uploadTip"></el-input>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/uploadURL-editor.vue

@@ -3,7 +3,7 @@
     <el-form-item label-width="0">
       <el-divider class="custom-divider">{{i18nt('designer.setting.uploadSetting')}}</el-divider>
     </el-form-item>
-    <el-form-item :label="i18nt('designer.setting.uploadURL')">
+    <el-form-item :label="i18nt('designer.setting.uploadURL')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.uploadURL"></el-input>
     </el-form-item>
   </div>