cloud-web-corejs 1.0.54-dev.63 → 1.0.54-dev.630

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

@@ -1,11 +1,11 @@
 <template>
   <div>
-    <el-form-item :label="i18nt('启用流程')">
-      <el-switch v-model="optionModel.wfEnabled"></el-switch>
-    </el-form-item>
     <el-form-item label-width="0">
       <el-divider class="custom-divider">{{ i18nt('designer.setting.columnSetting') }}</el-divider>
     </el-form-item>
+    <el-form-item :label="i18nt('隐藏导航')">
+      <el-switch v-model="optionModel.hideNav"></el-switch>
+    </el-form-item>
     <el-form-item :label="i18nt('designer.setting.colsOfGrid')"></el-form-item>
     <el-form-item label-width="0">
       <draggable tag="ul" class="draggable-box" :list="selectedWidget.panes"

package/src/components/xform/form-designer/setting-panel/property-editor/container-detail-pane/detail-pane-editor.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-<!--    <el-form-item :label="i18nt('绑定数据列表key')">
-      <el-input v-model="optionModel.tableRef"></el-input>
-    </el-form-item>-->
+    <el-form-item :label="i18nt('内容默认收起')">
+      <el-switch v-model="optionModel.defaultCollapse"></el-switch>
+    </el-form-item>
   </div>
 </template>
 

package/src/components/xform/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.colOffsetTitle')">
-    <el-input-number v-model.number="optionModel.offset" :min="0" :max="24"
+    <el-input-number v-model.number="optionModel.offset" :max="24"
                      style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.colPullTitle')">
-    <el-input-number v-model.number="optionModel.pull" :min="0" :max="24"
+    <el-input-number v-model.number="optionModel.pull" :max="24"
                      style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.colPushTitle')">
-    <el-input-number v-model.number="optionModel.push" :min="0" :max="24"
+    <el-input-number v-model.number="optionModel.push" :max="24"
                      style="width: 100%"></el-input-number>
   </el-form-item>
 </template>

package/src/components/xform/form-designer/setting-panel/property-editor/container-list-h5/list-h5-editor.vue

@@ -694,14 +694,6 @@ export default {
       let columnEditFields = null;
 
       let type = this.columnFormatMap[row.formatS];
-      /*if (type == 'date') {
-        columnEditFields = ['type', 'format', 'valueFormat']
-      } else if (type == 'select') {
-
-      }
-      if (type == 'vabsearch') {
-        columnEditFields = ['vabSearchField', 'formCode', 'formVersion', 'required', 'showFormField', 'onSearchConfirm', 'onSearchClear']
-      }*/
 
       if (type) {
         columnSelectedWidget = this.$baseLodash.cloneDeep(this.designer.getFieldWidgetByType(type));

package/src/components/xform/form-designer/setting-panel/property-editor/container-tree/tree-customClass-editor.vue

@@ -6,17 +6,46 @@
         <el-option v-for="(item, idx) in cssClassList" :key="idx" :label="item" :value="item"></el-option>
       </el-select>
     </el-form-item>
+    <el-form-item label="禁用本地筛选">
+      <el-switch v-model="optionModel.disLocalFilter"></el-switch>
+    </el-form-item>
+    <el-form-item label="筛选类型">
+      <el-select v-model="optionModel.treeFilterType">
+        <el-option :value="0" label="文本"></el-option>
+        <el-option :value="1" label="日期"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="筛选图标点击事件">
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="editEventHandler('onFilterIconClick', ['dataId', 'formCode','keyword'])"
+      >
+        <span>{{ optionModel.onFilterIconClick }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="筛选内容值变化事件">
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="editEventHandler('onFilterTextChange', ['dataId', 'formCode','keyword'])"
+      >
+        <span>{{ optionModel.onFilterTextChange }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
   </div>
 </template>
 <script>
 import i18n from "../../../../../../components/xform/utils/i18n"
 import {deepClone} from "../../../../../../components/xform/utils/util";
-
+import eventMixin from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
 
 export default {
   name: "tree-customClass-editor",
   componentName: "PropertyEditor",
-  mixins: [i18n],
+  mixins: [i18n,eventMixin],
   props: {
     designer: Object,
     selectedWidget: Object,

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

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <el-form-item label="复制数据处理" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('copyDataHandle', copyDataHandleParams)">
+        <span>{{ optionModel.copyDataHandle }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+  import i18n from "../../../../../components/xform/utils/i18n"
+  import eventMixin
+    from "../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
+
+  export default {
+    name: "copyButton-editor",
+    mixins: [i18n,eventMixin],
+    props: {
+      designer: Object,
+      selectedWidget: Object,
+      optionModel: Object,
+    },
+    data(){
+      return {
+        copyDataHandleParams: ["dataId", "formCode", "copyData", "done"]
+      }
+    },
+  }
+</script>
+
+<style scoped>
+
+</style>

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

@@ -0,0 +1,32 @@
+<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 v-model="optionModel.dataTableName" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="类型">
+      <el-input v-model="optionModel.attachmentType" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="文件名">
+      <el-input v-model="optionModel.fileName" clearable></el-input>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n";
+
+export default {
+  name: "downloadButtonFlag-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
+</script>
+
+<style scoped></style>

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: (columnOption) => {
+          fieldWidget.options = columnOption;
+        },
+      });
+    },
+  },
+};
+</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/onAfterConfirmFile-editor.vue

@@ -1,6 +1,7 @@
 <template>
   <el-form-item label="onAfterConfirmFile" label-width="150px">
-    <a href="javascript:void(0);" class="a-link link-oneLind" @click="editEventHandler('onAfterConfirmFile', eventParams)">
+    <a href="javascript:void(0);" class="a-link link-oneLind"
+       @click="editEventHandler('onAfterConfirmFile', eventParams)">
       <span>{{ optionModel.onAfterConfirmFile }}</span>
       <i class="el-icon-edit"></i>
     </a>
@@ -9,7 +10,8 @@
 
 <script>
 import i18n from "../../../../../../components/xform/utils/i18n";
-import eventMixin from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
+import eventMixin
+  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
 
 export default {
   name: "onAfterConfirmFile-editor",
@@ -21,7 +23,7 @@ export default {
   },
   data() {
     return {
-      eventParams: ["attachments", "fileInfos"],
+      eventParams: ["dataId", "formCode", "attachments", "fileInfos"],
     };
   },
 };

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-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/search-dialog-event-editor.vue

@@ -4,12 +4,28 @@
       <el-divider class="custom-divider">选择弹框配置</el-divider>
     </el-form-item>
     <el-form-item label="是否多选">
-      <el-switch v-model="eventConfig.multipleChoices"></el-switch>
+      <el-switch v-model="eventConfig.multipleChoices"
+                 v-if="selectedWidget.type !== 'singerSearch' && selectedWidget.type !== 'multiSearch'"></el-switch>
+      <span v-else>{{eventConfig.multipleChoices?'是':'否'}}</span>
     </el-form-item>
     <el-form-item label="弹框表单编码">
       <el-input type="text" v-model="eventConfig.formCode"></el-input>
     </el-form-item>
-    <template v-if="selectedWidget.type == 'vabsearch'">
+    <el-form-item label="弹框查询参数">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('confirmCallback', ['dataId', 'formCode','rows'], option2)">
+        <span>{{ eventConfig.dialogQueryParam }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label="弹框自定义参数">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('dialogCustomParam', ['dataId', 'formCode','rows'], option3)">
+        <span>{{ eventConfig.dialogCustomParam }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <template v-if="hasConfig('vabsearchFlag')">
       <el-form-item label="关联来源字段">
         <el-input type="text" v-model="eventConfig.valueSourceField"></el-input>
       </el-form-item>
@@ -21,7 +37,7 @@
     <!--      <el-form-item label="多选">
           <el-switch v-model="optionModel.multiple"></el-switch>
         </el-form-item>-->
-    <template v-if="selectedWidget.type != 'vabsearch'">
+    <template v-if="!hasConfig('vabsearchFlag')">
       <el-form-item label="关联表格">
         <el-switch v-model="eventConfig.tableEnabled"></el-switch>
       </el-form-item>
@@ -40,6 +56,13 @@
         }}
       </el-button>
     </el-form-item>
+    <el-form-item label="确认回调">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('confirmCallback', ['dataId', 'formCode','rows'], option1)">
+        <span>{{ eventConfig.confirmCallback }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
 
     <el-dialog
       custom-class="dialog-style list-dialog"
@@ -51,7 +74,7 @@
       :close-on-press-escape="!1"
       :destroy-on-close="!0"
       top="5vh"
-      width="500px"
+      width="600px"
       v-dialog-drag
     >
       <div class="cont">
@@ -69,6 +92,11 @@
               <el-input v-model="scope.row.targetField"></el-input>
             </template>
           </el-table-column>
+          <el-table-column label="目标数据属性名称" width="150" prop="targetField">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.targetFormField"></el-input>
+            </template>
+          </el-table-column>
           <el-table-column label="来源字段" width="150" prop="sourceField">
             <template slot-scope="scope">
               <el-input v-model="scope.row.sourceField"></el-input>
@@ -107,6 +135,7 @@
         </el-table>
       </div>
       <div class="dialog-footer" slot="footer">
+        <span class="fl tips">注：'目标字段'与'目标数据属性名称'只需要维护一个即可。</span>
         <el-button @click="showDialog=false" class="button-sty" icon="el-icon-close">
           {{ i18nt('designer.hint.cancel') }}
         </el-button>
@@ -120,9 +149,12 @@
 
 <script>
 import i18n from "../../../../../../components/xform/utils/i18n"
+import eventMixin
+  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin"
+import propertyMixin from "../../../../../../components/xform/form-designer/setting-panel/property-editor/propertyMixin"
 
 export default {
-  mixins: [i18n],
+  mixins: [i18n, eventMixin, propertyMixin],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -133,6 +165,33 @@ export default {
     return {
       showDialog: false,
       tableData: [],
+      option1: {
+        customCode: () => {
+          return this.eventConfig.confirmCallback;
+        },
+        callback: (code) => {
+          this.eventConfig.confirmCallback = code;
+          this.$forceUpdate()
+        }
+      },
+      option2: {
+        customCode: () => {
+          return this.eventConfig.dialogQueryParam;
+        },
+        callback: (code) => {
+          this.eventConfig.dialogQueryParam = code;
+          this.$forceUpdate()
+        }
+      },
+      option3: {
+        customCode: () => {
+          return this.eventConfig.dialogCustomParam;
+        },
+        callback: (code) => {
+          this.eventConfig.dialogCustomParam = code;
+          this.$forceUpdate()
+        }
+      },
     }
   },
   computed: {