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

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

@@ -0,0 +1,133 @@
+<template>
+  <div>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider">下拉按钮设置</el-divider>
+    </el-form-item>
+    <el-form-item label="按钮样式">
+      <el-select
+        v-model="optionModel.dropdownType"
+        placeholder="请选择按钮样式"
+      >
+        <el-option label="按钮" value="button"></el-option>
+        <el-option label="链接" value="link"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="下拉触发方式">
+      <el-select
+        v-model="optionModel.dropdownTrigger"
+        placeholder="请选择下拉触发方式"
+      >
+        <el-option label="点击" value="click"></el-option>
+        <el-option label="悬停" value="hover"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="下拉按钮选项"></el-form-item>
+        <li
+          v-for="(colItem, colIdx) in selectedWidget.widgetList"
+          :key="colIdx"
+          class="col-item"
+        >
+          <i class="el-icon-s-operation drag-option"></i>
+          <el-input
+            v-model="colItem.options.label"
+            class="cell-span-input"
+          ></el-input>
+          <el-button
+            circle
+            plain
+            size="mini"
+            type="button"
+            icon="el-icon-edit"
+            class="col-delete-button"
+            style="position: unset"
+            @click="openEditFormatConfigDialog(colItem, colIdx)"
+          ></el-button>
+          <el-button
+            circle
+            plain
+            size="mini"
+            type="danger"
+            @click="deleteCol(selectedWidget, colIdx)"
+            icon="el-icon-minus"
+            class="col-delete-button"
+            style="position: unset"
+          ></el-button>
+        </li>
+      </draggable>
+      <div>
+        <el-button
+          type="text"
+          @click="addNewCol(selectedWidget)"
+          icon="el-icon-circle-plus-outline"
+          class="add-option"
+        >
+          增加
+        </el-button>
+      </div>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+import Draggable from "vuedraggable";
+import i18n from "../../../utils/i18n";
+import { deepClone, generateId } from "../../../utils/util";
+
+export default {
+  name: "dropdownFlag-editor",
+  mixins: [i18n],
+  components: {
+    Draggable,
+  },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  inject: ["openWidgetPropertyDialog"],
+  methods: {
+    deleteCol(gridWidget, colIdx) {
+      if (!!gridWidget && !!gridWidget.widgetList) {
+        gridWidget.widgetList.splice(colIdx, 1);
+      }
+      this.designer.emitHistoryChange();
+    },
+
+    addNewCol(gridWidget) {
+      let newGridCol = deepClone(
+        this.designer.getFieldWidgetByType("dropdown-item")
+      );
+      let tmpId = generateId();
+      newGridCol.id = "dropdown-item-" + tmpId;
+      newGridCol.options.name = "dropdownItem" + tmpId;
+      newGridCol.options.label = "dropdownItem" + tmpId;
+      gridWidget.widgetList.push(newGridCol);
+      this.designer.emitHistoryChange();
+    },
+    openEditFormatConfigDialog(fieldWidget, index) {
+      this.openWidgetPropertyDialog({
+        columnSelectedWidget: deepClone(fieldWidget),
+        callback: (columnSelectedWidget) => {
+          fieldWidget.options = columnSelectedWidget.options;
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+li.col-item {
+  list-style: none;
+
+  span.col-span-title {
+    display: inline-block;
+    font-size: 13px;
+    width: 120px;
+  }
+
+  .col-delete-button {
+    margin-left: 6px;
+  }
+}
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin.js

@@ -10,12 +10,12 @@ export default {
       if(funStr) name = "已维护"
       return name;
     },
-    editEventHandler(eventName, eventParams, isFormSetting) {
+    editEventHandler(eventName, eventParams, option) {
       this.dispatch(
         "SettingPanel",
         "editEventHandler",
         [eventName, [...eventParams]],
-        isFormSetting
+        option
       );
     },
   },

package/src/components/xform/form-designer/setting-panel/property-editor/event-handler/onClick-editor.vue

@@ -1,6 +1,10 @@
 <template>
   <el-form-item label="onClick" label-width="150px">
-    <a href="javascript:void(0);" class="a-link link-oneLind" @click="editEventHandler('onClick', eventParams)">
+    <a
+      href="javascript:void(0);"
+      class="a-link link-oneLind"
+      @click="openEventHandlerDialog"
+    >
       <span>{{ optionModel.onClick }}</span>
       <i class="el-icon-edit"></i>
     </a>
@@ -18,21 +22,32 @@ export default {
     designer: Object,
     selectedWidget: Object,
     optionModel: Object,
+    tableColumns: Array,
   },
   data() {
     return {
       // eventParams: ["id", "formCode"],
     };
   },
-  computed:{
-    eventParams(){
-      let eventParams = ["dataId", "formCode","event"];
-      if (this.optionModel.rowFlag) {
-        eventParams.push("row", "index","event");
+
+  methods: {
+    getEventParams() {
+      let eventParams = ["dataId", "formCode"];
+      if (this.tableColumns && this.tableColumns.length > 0) {
+        eventParams.push("row", "rowIndex", "event");
+      } else {
+        eventParams.push("event");
+      }
+      if (this.selectedWidget.type == "census") {
+        eventParams.push("param");
       }
       return eventParams;
-    }
-  }
+    },
+    openEventHandlerDialog() {
+      let eventParams = this.getEventParams();
+      this.editEventHandler("onClick", eventParams);
+    },
+  },
 };
 </script>
 

package/src/components/xform/form-designer/setting-panel/property-editor/field-area-select/areaDataType-editor.vue

@@ -0,0 +1,25 @@
+<template>
+  <el-form-item :label="i18nt('designer.setting.areaDataType')">
+    <el-select v-model="optionModel.areaDataType" style="width: 100%">
+      <el-option :label="i18nt('designer.setting.areaDataType0')" :value="0" />
+      <el-option :label="i18nt('designer.setting.areaDataType1')" :value="1" />
+      <el-option :label="i18nt('designer.setting.areaDataType2')" :value="2" />
+      <el-option :label="i18nt('designer.setting.areaDataType3')" :value="3" />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import i18n from "@base/components/xform/utils/i18n";
+import propertyMixin from "@base/components/xform/form-designer/setting-panel/property-editor/propertyMixin";
+
+export default {
+  name: "areaDataType-editor",
+  mixins: [i18n, propertyMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
+</script>

package/src/components/xform/form-designer/setting-panel/property-editor/field-area-select/areaMinLevel-editor.vue

@@ -0,0 +1,50 @@
+<template>
+  <el-form-item>
+    <span slot="label"
+      >{{ i18nt("designer.setting.areaMinLevel") }}
+      <el-tooltip
+        effect="light"
+        :content="i18nt('designer.setting.areaMinLevelHint')"
+      >
+        <i class="el-icon-info"></i>
+      </el-tooltip>
+    </span>
+    <el-select v-model="minLevel" style="width: 100%">
+      <el-option
+        :label="i18nt('designer.setting.areaMinLevelNone')"
+        :value="null"
+      />
+      <el-option :label="i18nt('designer.setting.areaMinLevel0')" :value="0" />
+      <el-option :label="i18nt('designer.setting.areaMinLevel1')" :value="1" />
+      <el-option :label="i18nt('designer.setting.areaMinLevel2')" :value="2" />
+      <el-option :label="i18nt('designer.setting.areaMinLevel3')" :value="3" />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import i18n from "@base/components/xform/utils/i18n";
+import propertyMixin from "@base/components/xform/form-designer/setting-panel/property-editor/propertyMixin";
+
+export default {
+  name: "areaMinLevel-editor",
+  mixins: [i18n, propertyMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  computed: {
+    minLevel: {
+      get() {
+        const val = this.optionModel.areaMinLevel;
+        return val == null || val === "" ? null : val;
+      },
+      set(val) {
+        /* 旧表单的 options 上可能没有该 key，需 $set 保证响应式 */
+        this.$set(this.optionModel, "areaMinLevel", val);
+      },
+    },
+  },
+};
+</script>

package/src/components/xform/form-designer/setting-panel/property-editor/field-area-select/areaName-editor.vue

@@ -0,0 +1,20 @@
+<template>
+  <el-form-item :label="i18nt('designer.setting.areaName')">
+    <el-input v-model="optionModel.areaName" :placeholder="i18nt('designer.setting.areaNameHint')" />
+  </el-form-item>
+</template>
+
+<script>
+import i18n from "@base/components/xform/utils/i18n";
+import propertyMixin from "@base/components/xform/form-designer/setting-panel/property-editor/propertyMixin";
+
+export default {
+  name: "areaName-editor",
+  mixins: [i18n, propertyMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
+</script>

package/src/components/xform/form-designer/setting-panel/property-editor/field-autocomplete/autocomplete-vabSearchName-editor.vue

@@ -0,0 +1,199 @@
+<template>
+  <div>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">自动完成设置</el-divider>
+    </el-form-item>
+
+    <el-form-item label="展示字段">
+      <el-input
+        type="text"
+        v-model="optionModel.vabSearchName"
+        placeholder="表单中存储名称的字段"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="关联来源字段">
+      <el-input
+        type="text"
+        v-model="optionModel.valueField"
+        placeholder="候选数据中作为值/ID的字段（默认字段本身），值存入字段本身"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="展示来源字段">
+      <el-input
+        type="text"
+        v-model="optionModel.labelSourceField"
+        placeholder="候选数据中作为名称的字段（默认取展示字段）"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="查询字段">
+      <el-input
+        type="text"
+        v-model="optionModel.queryField"
+        placeholder="condition格式时为字段名，否则为参数名（默认 keyword）"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="condition传值格式">
+      <el-switch v-model="optionModel.conditionFormat"></el-switch>
+    </el-form-item>
+    <el-form-item label="查询数据表">
+      <el-input
+        type="text"
+        v-model="optionModel.conditionTaBm"
+        placeholder="condition查询的数据表taBm（留空取字段本身）"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="查询条数">
+      <el-input-number
+        v-model="optionModel.conditionSize"
+        :min="1"
+        controls-position="right"
+        style="width: 100%"
+      ></el-input-number>
+    </el-form-item>
+
+    <el-form-item label="选中回填">
+      <el-button type="primary" plain round @click="showFillDialog = true">
+        {{ i18nt("designer.setting.editAction") }}
+      </el-button>
+    </el-form-item>
+
+    <el-dialog
+      custom-class="dialog-style list-dialog"
+      title="选中回填配置"
+      :visible.sync="showFillDialog"
+      :modal="false"
+      :show-close="true"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      top="5vh"
+      width="640px"
+      v-dialog-drag
+    >
+      <div class="cont">
+        <el-table
+          ref="fillTable"
+          width="100%"
+          height="420"
+          :data="fillData"
+          border
+          stripe
+        >
+          <el-table-column
+            label="目标字段(组件名)"
+            width="180"
+            prop="targetField"
+          >
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.targetField"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="目标数据属性"
+            width="180"
+            prop="targetFormField"
+          >
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.targetFormField"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="来源字段" width="160" prop="sourceField">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.sourceField"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="60" fixed="right">
+            <template #header>
+              <el-tooltip
+                :hide-after="500"
+                class="item"
+                effect="dark"
+                content="添加"
+                placement="top"
+              >
+                <el-button
+                  size="mini"
+                  type=""
+                  circle
+                  icon="el-icon-plus"
+                  @click="fillData.push({})"
+                />
+              </el-tooltip>
+            </template>
+            <template #default="{ $index }">
+              <el-tooltip effect="dark" content="删除" placement="top">
+                <el-button
+                  size="mini"
+                  type=""
+                  circle
+                  icon="el-icon-delete"
+                  @click="fillData.splice($index, 1)"
+                />
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="dialog-footer" slot="footer">
+        <span class="fl tips"
+          >注：'目标字段'与'目标数据属性'只需维护一个即可。</span
+        >
+        <el-button
+          @click="showFillDialog = false"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          @click="confirmFillDialog"
+          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 propertyMixin from "../../../../../../components/xform/form-designer/setting-panel/property-editor/propertyMixin";
+
+export default {
+  name: "autocomplete-vabSearchName-editor",
+  mixins: [i18n, propertyMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  data() {
+    return {
+      showFillDialog: false,
+      fillData: [],
+    };
+  },
+  methods: {
+    confirmFillDialog() {
+      this.optionModel.autocompleteFillConfig = this.$baseLodash.cloneDeep(
+        this.fillData
+      );
+      this.showFillDialog = false;
+    },
+  },
+  watch: {
+    showFillDialog(val) {
+      if (val) {
+        this.fillData = this.$baseLodash.cloneDeep(
+          this.optionModel.autocompleteFillConfig || []
+        );
+      }
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/src/components/xform/form-designer/setting-panel/property-editor/field-baseAttachment/baseAttachment-fileTypes-editor.vue

@@ -0,0 +1,23 @@
+<template>
+  <file-types-select :option-model="optionModel"></file-types-select>
+</template>
+
+<script>
+  import FileTypesSelect from "../fileTypesSelect.vue"
+
+  export default {
+    name: "baseAttachment-fileTypes-editor",
+    components: {
+      FileTypesSelect,
+    },
+    props: {
+      designer: Object,
+      selectedWidget: Object,
+      optionModel: Object,
+    },
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/components/xform/form-designer/setting-panel/property-editor/field-button/clickBindEvent-editor.vue

@@ -6,8 +6,17 @@
         <el-option value="2" label="列表添加数据"></el-option>
       </el-select>
     </el-form-item>
-    <searchDialogEventEditor :designer="designer" :selectedWidget="selectedWidget" :optionModel.sync="optionModel" v-if="optionModel.clickBindEvent=='1'"></searchDialogEventEditor>
-    <addTableDataEventEditor :designer="designer" :selectedWidget="selectedWidget" :optionModel.sync="optionModel" v-if="optionModel.clickBindEvent=='2'"></addTableDataEventEditor>
+    <el-form-item label="点击前置事件" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('onBeforeClickButton', evnentParams)">
+        <span>{{ optionModel.onBeforeClickButton }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <searchDialogEventEditor :designer="designer" :selectedWidget="selectedWidget" :optionModel.sync="optionModel"
+                             v-if="optionModel.clickBindEvent=='1'"></searchDialogEventEditor>
+    <addTableDataEventEditor :designer="designer" :selectedWidget="selectedWidget" :optionModel.sync="optionModel"
+                             v-if="optionModel.clickBindEvent=='2'"></addTableDataEventEditor>
   </div>
 </template>
 <script>
@@ -15,53 +24,59 @@ import searchDialogEventEditor from "./search-dialog-event-editor.vue";
 import addTableDataEventEditor from "./addTableData-event-editor.vue";
 import {defaultSearchDialogConfig} from "../../../../../../components/xform/form-designer/widget-panel/widgetsConfig";
 
-
 import i18n from "../../../../../../components/xform/utils/i18n";
+import eventMixin
+  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
 
 let clickBindEventConfig = {
-  searchDialogConfig:{
+  searchDialogConfig: {
     ...defaultSearchDialogConfig
   },
-  addTableDataConfig:{
-    tableRef:null,
-    tableData:{}
+  addTableDataConfig: {
+    tableRef: null,
+    tableData: {}
   }
 }
 
 export default {
   name: "clickBindEvent-editor",
-  mixins: [i18n],
+  mixins: [i18n, eventMixin],
   props: {
     designer: Object,
     selectedWidget: Object,
     optionModel: Object,
   },
-  components:{
+  components: {
     searchDialogEventEditor,
     addTableDataEventEditor
   },
-  provide(){
+  provide() {
+    return {
+      defaultClickBindEventConfig: clickBindEventConfig
+    }
+  },
+  data() {
     return {
-      defaultClickBindEventConfig:clickBindEventConfig
+      evnentParams: ["dataId", "formCode", "done"]
     }
   },
   created() {
-    if(!this.optionModel.addTableDataConfig){
+    if (!this.optionModel.addTableDataConfig) {
       this.$set(this.optionModel, 'addTableDataConfig', this.$baseLodash.cloneDeep(clickBindEventConfig.addTableDataConfig));
     }
-    if(!this.optionModel.searchDialogConfig){
+    if (!this.optionModel.searchDialogConfig) {
       this.$set(this.optionModel, 'searchDialogConfig', this.$baseLodash.cloneDeep(clickBindEventConfig.searchDialogConfig));
     }
-    if(this.optionModel.searchDialogConfig.multipleChoices === void 0){
-      if(this.selectedWidget.type=='vabsearch'){
-        this.$set(this.optionModel.searchDialogConfig,'multipleChoices',false);
-      }else{
-        this.$set(this.optionModel.searchDialogConfig,'multipleChoices',true);
+    if (this.optionModel.searchDialogConfig.multipleChoices === void 0) {
+      if (this.selectedWidget.type == 'vabsearch') {
+        this.$set(this.optionModel.searchDialogConfig, 'multipleChoices', false);
+      } else {
+        this.$set(this.optionModel.searchDialogConfig, 'multipleChoices', true);
       }
     }
   },
-  methods:{
-    changeEventType(val){
+  methods: {
+    changeEventType(val) {
       // this.optionModel.clickBindEventConfig = clickBindEventConfig;
       // this.$set(this.optionModel, "clickBindEventConfig", clickBindEventConfig);
     }

package/src/components/xform/form-designer/setting-panel/property-editor/field-button/icon-editor.vue

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