cloud-web-corejs 1.0.54-dev.78 → 1.0.54-dev.780

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

@@ -1,21 +1,30 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.labelColor')">
-    <el-color-picker v-model="optionModel.labelColor"></el-color-picker>
+    <div>
+      <el-select style="width: 130px;float: left;margin-right: 5px;" v-model="optionModel.labelColor" clearable>
+        <el-option value="#e6a23c" label="橙"></el-option>
+        <el-option value="#2a6494" label="蓝"></el-option>
+        <el-option value="#30b08f" label="绿"></el-option>
+        <el-option value="#909399" label="灰"></el-option>
+        <el-option value="#ea5353" label="红"></el-option>
+      </el-select>
+      <el-color-picker v-model="optionModel.labelColor"></el-color-picker>
+    </div>
   </el-form-item>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n"
+import i18n from "../../../../../components/xform/utils/i18n"
 
-  export default {
-    name: "labelColor-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
+export default {
+  name: "labelColor-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+}
 </script>
 
 <style scoped>

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

@@ -1,28 +1,29 @@
 <template>
   <div>
     <el-form-item label-width="0">
-      <el-divider class="custom-divider">{{i18nt('designer.setting.customLabelIcon')}}</el-divider>
+      <el-divider class="custom-divider">{{
+        i18nt("designer.setting.customLabelIcon")
+      }}</el-divider>
     </el-form-item>
     <el-form-item :label="i18nt('designer.setting.labelIconClass')">
-      <el-input type="text" v-model="optionModel.labelIconClass"></el-input>
+      <icon-picker v-model="optionModel.labelIconClass"></icon-picker>
     </el-form-item>
   </div>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n"
-
-  export default {
-    name: "labelIconClass-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
+import i18n from "@base/components/xform/utils/i18n";
+import IconPicker from "@base/components/xform/icon-picker/index.vue";
+export default {
+  name: "labelIconClass-editor",
+  components: { IconPicker },
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -1,37 +1,37 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.labelIconPosition')">
     <el-select v-model="optionModel.labelIconPosition">
-      <el-option v-for="item in labelIconPosition" :key="item.value" :label="item.label"
-                 :value="item.value">
+      <el-option
+        v-for="item in labelIconPosition"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      >
       </el-option>
     </el-select>
   </el-form-item>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n"
+import i18n from "../../../../../components/xform/utils/i18n";
 
-  export default {
-    name: "labelIconPosition-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-    data() {
-      return {
-        labelIconPosition: [
-          {label: 'front', value: 'front'},
-          {label: 'rear', value: 'rear'},
-        ],
-
-      }
-    },
-
-  }
+export default {
+  name: "labelIconPosition-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  data() {
+    return {
+      labelIconPosition: [
+        { label: "前面", value: "front" },
+        { label: "后面", value: "rear" },
+      ],
+    };
+  },
+};
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -1,23 +1,77 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.labelTooltip')">
-    <el-input type="text" v-model="optionModel.labelTooltip"></el-input>
-  </el-form-item>
+  <div>
+    <el-form-item :label="i18nt('designer.setting.labelTooltip')">
+      <a href="javascript:void(0);" class="a-link link-oneLind" @click="openDialog">
+        <span>{{ optionModel.labelTooltip }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-dialog
+      v-if="dialogVisible"
+      custom-class="dialog-style"
+      :title="i18nt('designer.setting.labelTooltip')"
+      :visible.sync="dialogVisible"
+      :show-close="true"
+      :append-to-body="true"
+      :modal="false"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      width="520px"
+      v-dialog-drag
+    >
+      <el-input
+        type="textarea"
+        :rows="14"
+        class="label-tooltip-textarea"
+        v-model="labelTooltipValue"
+        clearable
+      ></el-input>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="dialogVisible = false" class="button-sty" icon="el-icon-close">
+          {{ i18nt("designer.hint.cancel") }}
+        </el-button>
+        <el-button type="primary" @click="submitDialog" class="button-sty" icon="el-icon-check">
+          {{ i18nt("designer.hint.confirm") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n"
+import i18n from "../../../../../components/xform/utils/i18n";
 
-  export default {
-    name: "labelTooltip-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
+export default {
+  name: "labelTooltip-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      labelTooltipValue: "",
+    };
+  },
+  methods: {
+    openDialog() {
+      this.labelTooltipValue = this.optionModel.labelTooltip || "";
+      this.dialogVisible = true;
     },
-  }
+    submitDialog() {
+      const value = (this.labelTooltipValue || "").trim();
+      this.optionModel.labelTooltip = value || null;
+      this.dialogVisible = false;
+    },
+  },
+};
 </script>
 
 <style scoped>
-
+::v-deep .label-tooltip-textarea textarea {
+  min-height: 320px;
+}
 </style>

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

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.limit')">
-    <el-input-number v-model="optionModel.limit" :min="1" class="hide-spin-button" style="width: 100%"></el-input-number>
+    <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/multiple-editor.vue

@@ -1,22 +1,27 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.multiple')">
-    <el-switch v-model="optionModel.multiple" @change="onMultipleSelected"></el-switch>
-  </el-form-item>
+  <div>
+    <el-form-item :label="i18nt('designer.setting.multiple')">
+      <el-switch v-model="optionModel.multiple" @change="onMultipleSelected"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('平铺选项')">
+      <el-switch v-model="optionModel.flatCollapseTags"></el-switch>
+    </el-form-item>
+  </div>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n"
-  import propertyMixin from "../../../../../components/xform/form-designer/setting-panel/property-editor/propertyMixin"
+import i18n from "../../../../../components/xform/utils/i18n"
+import propertyMixin from "../../../../../components/xform/form-designer/setting-panel/property-editor/propertyMixin"
 
-  export default {
-    name: "multiple-editor",
-    mixins: [i18n, propertyMixin],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
+export default {
+  name: "multiple-editor",
+  mixins: [i18n, propertyMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+}
 </script>
 
 <style scoped>

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

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

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

@@ -1,26 +1,56 @@
 <template>
-  <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>
+  <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 i18n from "../../../../../components/xform/utils/i18n";
+import { isEmptyStr } from "../../../../../components/xform/utils/util";
+import Clipboard from 'clipboard'
 
 export default {
   name: "name-editor",
@@ -31,53 +61,103 @@ export default {
     optionModel: Object,
     parentList: Array,
   },
-  inject: ['serverFieldList', 'getDesignerConfig', 'isDataTableChildWidget'],
+  inject: ["serverFieldList", "getDesignerConfig", "isDataTableChildWidget"],
   data() {
     return {
-      nameRequiredRule: [{required: true, message: 'name required'}],
-    }
+      nameRequiredRule: [{ required: true, message: "name required" }],
+    };
   },
   computed: {
     noFieldList() {
-      return !this.serverFieldList || (this.serverFieldList.length <= 0)
+      return !this.serverFieldList || this.serverFieldList.length <= 0;
     },
 
     widgetNameReadonly() {
-      return !!this.getDesignerConfig().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
+      let oldName = this.designer.selectedWidgetName;
       if (isEmptyStr(newName)) {
-        this.selectedWidget.options.name = oldName
-        this.$message.info(this.i18nt('designer.hint.nameRequired'))
-        return
+        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是否已存在！！
+        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
+            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)
+        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)
+          widgetInDesign.registerToRefList(oldName); //注册组件新的ref名称并删除老的ref！！
+          let newLabel = this.getLabelByFieldName(newName);
+          this.designer.updateSelectedWidgetNameAndLabel(
+            this.selectedWidget,
+            newName,
+            newLabel
+          );
         }
       }
     },
@@ -85,17 +165,14 @@ export default {
     getLabelByFieldName(fieldName) {
       for (let i = 0; i < this.serverFieldList.length; i++) {
         if (this.serverFieldList[i].name === fieldName) {
-          return this.serverFieldList[i].label
+          return this.serverFieldList[i].label;
         }
       }
 
-      return null
+      return null;
     },
-
-  }
-}
+  },
+};
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <el-form-item :label="i18nt('脚本编码')">
+      <el-input type="text" v-model="optionModel.formScriptCode"></el-input>
+    </el-form-item>
+    <el-form-item :label="i18nt('日志类型')">
+      <el-input type="text" v-model="optionModel.oplogTypeCode" placeholder="默认表单模板编码"></el-input>
+    </el-form-item>
+    <el-form-item :label="i18nt('业务唯一字段')">
+      <el-input type="text" v-model="optionModel.oplogBusinessKey" placeholder="默认单据id"></el-input>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+  import i18n from "../../../utils/i18n"
+
+  export default {
+    name: "oplogFlag-editor",
+    mixins: [i18n],
+    props: {
+      designer: Object,
+      selectedWidget: Object,
+      optionModel: Object,
+    },
+  }
+</script>
+
+<style scoped>
+
+</style>

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

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.precision')">
-    <el-input-number v-model="optionModel.precision" :min="0" class="hide-spin-button" style="width: 100%"></el-input-number>
+    <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/prefixIcon-editor.vue

@@ -1,23 +1,22 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.prefixIcon')">
-    <el-input type="text" v-model="optionModel.prefixIcon"></el-input>
+    <icon-picker v-model="optionModel.prefixIcon"></icon-picker>
   </el-form-item>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n";
-
-  export default {
-    name: "prefixIcon-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
+import i18n from "@base/components/xform/utils/i18n";
+import IconPicker from "@base/components/xform/icon-picker/index.vue";
+export default {
+  name: "prefixIcon-editor",
+  components: { IconPicker },
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>