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

package/src/components/xform/form-render/container-item/table2-cell-item.vue

@@ -1,24 +1,45 @@
 <template>
-  <td class="table-cell" :class="[customClass,tdClass,'w'+widget.options.colspan]"
-      :colspan="widget.options.colspan || 1" :rowspan="widget.options.rowspan || 1"
-      :style="{width: widget.options.cellWidth + ' !important' || '', height: widget.options.cellHeight + ' !important' || ''}">
+  <td
+    class="table-cell"
+    :class="[customClass, tdClass, 'w' + widget.options.colspan]"
+    :colspan="widget.options.colspan || 1"
+    :rowspan="widget.options.rowspan || 1"
+    :style="{
+      width: widget.options.cellWidth + ' !important' || '',
+      height: widget.options.cellHeight + ' !important' || '',
+    }"
+  >
     <template v-for="(subWidget, swIdx) in widget.widgetList">
       <template v-if="'container' === subWidget.category">
-        <component :is="subWidget.type + '-item'" :widget="subWidget" :key="swIdx" :parent-list="widget.widgetList"
-                   :index-of-parent-list="swIdx" :parent-widget="widget" :tableParam="tableParam">
+        <component
+          :is="subWidget.type + '-item'"
+          :widget="subWidget"
+          :key="swIdx"
+          :parent-list="widget.widgetList"
+          :index-of-parent-list="swIdx"
+          :parent-widget="widget"
+          :tableParam="tableParam"
+        >
           <!-- 递归传递插槽！！！ -->
           <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-            <slot :name="slot" v-bind="scope"/>
+            <slot :name="slot" v-bind="scope" />
           </template>
         </component>
       </template>
       <template v-else>
-        <component :is="subWidget.type + '-widget'" :field="subWidget" :key="swIdx" :parent-list="widget.widgetList"
-                   :index-of-parent-list="swIdx" :parent-widget="widget" :tableParam="tableParam"
-                   :formItemProp="getProp(subWidget)">
+        <component
+          :is="subWidget.type + '-widget'"
+          :field="subWidget"
+          :key="swIdx"
+          :parent-list="widget.widgetList"
+          :index-of-parent-list="swIdx"
+          :parent-widget="widget"
+          :tableParam="tableParam"
+          :formItemProp="getProp(subWidget)"
+        >
           <!-- 递归传递插槽！！！ -->
           <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-            <slot :name="slot" v-bind="scope"/>
+            <slot :name="slot" v-bind="scope" />
           </template>
         </component>
       </template>
@@ -27,10 +48,10 @@
 </template>
 
 <script>
-import emitter from '../../../../components/xform/utils/emitter'
-import i18n from "../../../../components/xform/utils/i18n"
-import refMixin from "../../../../components/xform/form-render/refMixin"
-import FieldComponents from '../../../../components/xform/form-designer/form-widget/field-widget/index'
+import emitter from "../../../../components/xform/utils/emitter";
+import i18n from "../../../../components/xform/utils/i18n";
+import refMixin from "../../../../components/xform/form-render/refMixin";
+import FieldComponents from "../../../../components/xform/form-designer/form-widget/field-widget/index";
 
 export default {
   name: "Table2CellItem",
@@ -46,21 +67,21 @@ export default {
     colIndex: Number,
     parentWidget: Object,
     parentTarget: Object,
-    row: Object
+    row: Object,
   },
-  inject: ['refList', 'globalModel', 'getRows'],
+  inject: ["refList", "globalModel", "getRows"],
   computed: {
     customClass() {
-      return this.widget.options.customClass || ''
+      return this.widget.options.customClass || "";
     },
     tdClass() {
-      return (this.colIndex + 1) % 2 == 0 ? "" : "odd"
+      return (this.colIndex + 1) % 2 == 0 ? "" : "odd";
     },
     formModel: {
       cache: !1,
       get: function () {
         return this.globalModel.formModel;
-      }
+      },
     },
     formDataId() {
       let formRef = this.getFormRef();
@@ -69,10 +90,9 @@ export default {
     tableParam() {
       return {
         rowIndex: this.widget.options.rowIndex,
-        row: this.row
-      }
-    }
-
+        row: this.row,
+      };
+    },
   },
   created() {
     /* tableCell不生成组件引用，故无须调用initRefList！！ */
@@ -85,23 +105,22 @@ export default {
       if (this.widget.widgetList.length) {
         let formRef = this.getFormRef();
         let keyName = formRef.getFieldKeyName(this.widget.widgetList[0]);
+        if (!keyName) return;
         this.$watch(`row.${keyName}`, (newVal, oldVal) => {
           let rows = this.parentTarget.rows;
-          rows.find(row => row.f_key == keyName).f_field_value = newVal
+          rows.find((row) => row.f_key == keyName).f_field_value = newVal;
         });
       }
     },
     getProp(subWidget) {
-      let rowIndex = this.widget.options.rowIndex
+      let rowIndex = this.widget.options.rowIndex;
       let formRef = this.getFormRef();
-      let keyName1 = formRef.getFieldKeyName(this.parentWidget)
-      let name = `${keyName1}.${rowIndex}.f_field_value`
-      return name
-    }
-  }
-}
+      let keyName1 = formRef.getFieldKeyName(this.parentWidget);
+      let name = `${keyName1}.${rowIndex}.f_field_value`;
+      return name;
+    },
+  },
+};
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

package/src/components/xform/form-render/container-item/table2-item.vue

@@ -1,42 +1,58 @@
 <template>
   <container-item-wrapper :widget="widget">
-
-    <div :key="widget.id" class="table-container"
-         v-show="!widget.options.hidden">
-      <table :ref="widget.id" class="table-layout table-d-box" :class="[customClass,widget.options.styleTableClass]"
-             :style="tableStyle">
+    <div
+      :key="widget.id"
+      class="table-container"
+      v-show="!widget.options.hidden"
+    >
+      <table
+        :ref="widget.id"
+        class="table-layout table-d-box"
+        :class="[customClass, widget.options.styleTableClass]"
+        :style="tableStyle"
+      >
         <tbody>
-        <tr v-for="(row, rowIdx) in widget.rows" :key="row.id">
-          <template v-for="(colWidget, colIdx) in row.cols">
-            <table-cell-item v-if="!colWidget.merged" :widget="colWidget" :key="colIdx" :parent-list="widget.cols"
-                             :row-index="rowIdx" :col-index="colIdx" :parent-widget="widget" :parent-target="_self"
-                             :row.sync="rowData">
-              <!-- 递归传递插槽！！！ -->
-              <template v-for="slot in Object.keys($scopedSlots)" v-slot:[slot]="scope">
-                <slot :name="slot" v-bind="scope"/>
-              </template>
-            </table-cell-item>
-          </template>
-        </tr>
+          <tr v-for="(row, rowIdx) in widget.rows" :key="row.id">
+            <template v-for="(colWidget, colIdx) in row.cols">
+              <table-cell-item
+                v-if="!colWidget.merged"
+                :widget="colWidget"
+                :key="colIdx"
+                :parent-list="widget.cols"
+                :row-index="rowIdx"
+                :col-index="colIdx"
+                :parent-widget="widget"
+                :parent-target="_self"
+                :row.sync="rowData"
+              >
+                <!-- 递归传递插槽！！！ -->
+                <template
+                  v-for="slot in Object.keys($scopedSlots)"
+                  v-slot:[slot]="scope"
+                >
+                  <slot :name="slot" v-bind="scope" />
+                </template>
+              </table-cell-item>
+            </template>
+          </tr>
         </tbody>
       </table>
     </div>
-
   </container-item-wrapper>
 </template>
 
 <script>
-import emitter from '../../../../components/xform/utils/emitter'
-import i18n from "../../../../components/xform/utils/i18n"
-import refMixin from "../../../../components/xform/form-render/refMixin"
-import ContainerItemWrapper from './container-item-wrapper'
-import TableCellItem from './table2-cell-item'
+import emitter from "../../../../components/xform/utils/emitter";
+import i18n from "../../../../components/xform/utils/i18n";
+import refMixin from "../../../../components/xform/form-render/refMixin";
+import ContainerItemWrapper from "./container-item-wrapper";
+import TableCellItem from "./table2-cell-item";
 import containerItemMixin from "./containerItemMixin";
-import {generateId} from "../../../../components/xform/utils/util"
+import { generateId } from "../../../../components/xform/utils/util";
 
 export default {
   name: "table2-item",
-  componentName: 'ContainerItem',
+  componentName: "ContainerItem",
   mixins: [emitter, i18n, refMixin, containerItemMixin],
   components: {
     ContainerItemWrapper,
@@ -45,46 +61,47 @@ export default {
   props: {
     widget: Object,
   },
-  inject: ['refList', 'sfRefList', 'globalModel'],
+  inject: ["refList", "sfRefList", "globalModel"],
   provide: {
-    getRows: () => this.rows
+    getRows: () => this.rows,
   },
   computed: {
     tableStyle() {
-      return this.widget.options.fullWidth ? 'width:100%;' : '';
+      return this.widget.options.fullWidth ? "width:100%;" : "";
     },
     formModel: {
       cache: !1,
       get: function () {
         return this.globalModel.formModel;
-      }
+      },
     },
     formDataId() {
       let formRef = this.getFormRef();
       return formRef.dataId;
-    }
+    },
   },
   created() {
-    this.initRefList()
-    this.handleOnCreated()
+    this.initRefList();
+    this.handleOnCreated();
   },
   mounted() {
-    this.handleOnMounted()
+    this.handleOnMounted();
   },
   beforeDestroy() {
-    this.unregisterFromRefList()
+    this.unregisterFromRefList();
   },
   data() {
     return {
       rows: [],
       rowData: {},
       typeMap: {
-        0: 'input',
-        1: 'textarea',
-        2: 'date',
-        3: 'number',
-      }
-    }
+        0: "input",
+        1: "textarea",
+        2: "date",
+        3: "number",
+        4: "text",
+      },
+    };
   },
   watch: {},
   methods: {
@@ -95,13 +112,11 @@ export default {
       return this.rows;
     },
     getType(f_field_type) {
-      return this.typeMap[f_field_type]
+      return this.typeMap[f_field_type];
     },
     setValue(items = []) {
-
-
       let dataMap = {};
-      let widgetRows = []
+      let widgetRows = [];
       let currentSpan = 0;
       let index = -1;
 
@@ -111,77 +126,85 @@ export default {
           item.f_field_value = null;
         }
         let type = this.getType(item.f_field_type);
-        let tableCell = this.$baseLodash.cloneDeep(formRef.getContainerByType("table-cell"));
+        let tableCell = this.$baseLodash.cloneDeep(
+          formRef.getContainerByType("table-cell")
+        );
         tableCell.options.rowIndex = rowIndex;
         let colspan = 1;
         let tc = 0;
         if (type == "textarea") {
           if (currentSpan && currentSpan < 4) {
-            tc = 4 - currentSpan
+            tc = 4 - currentSpan;
           }
-          colspan = 4
-          tableCell.options.colspan = 4
+          colspan = 4;
+          tableCell.options.colspan = 4;
         }
 
-        let widget = this.$baseLodash.cloneDeep(formRef.getFieldWidgetByType(type));
-        let options = widget.options;
-        options.keyNameEnabled = true;
-        options.keyName = item.f_key;
-        options.label = item.f_field_name;
-        options.required = item.f_is_required;
-
-        tableCell.widgetList.push(widget)
+        let widget = type
+          ? this.$baseLodash.cloneDeep(formRef.getFieldWidgetByType(type))
+          : null;
+        if (widget) {
+          let options = widget.options;
+          options.keyNameEnabled = true;
+          options.keyName = item.f_key;
+          options.label = item.f_field_name;
+          options.required = item.f_is_required;
+          tableCell.widgetList.push(widget);
+        }
 
         if (index === -1) {
-          index++
+          index++;
           widgetRows.push({
-            id: 'table-row-' + generateId(),
+            id: "table-row-" + generateId(),
             merged: false,
-            cols: []
-          })
+            cols: [],
+          });
           currentSpan = colspan;
         } else if (currentSpan + colspan > 4) {
-          index++
+          index++;
           widgetRows.push({
-            id: 'table-row-' + generateId(),
+            id: "table-row-" + generateId(),
             merged: false,
-            cols: []
-          })
+            cols: [],
+          });
           currentSpan = colspan;
         } else {
           currentSpan = colspan + currentSpan;
         }
 
         for (let i = 0; i < tc; i++) {
-          widgetRows[index - 1].cols.push(this.$baseLodash.cloneDeep(formRef.getContainerByType("table-cell")));
+          widgetRows[index - 1].cols.push(
+            this.$baseLodash.cloneDeep(formRef.getContainerByType("table-cell"))
+          );
         }
 
         let cols = widgetRows[index].cols;
 
-
         cols.push(tableCell);
 
         dataMap[item.f_key] = item.f_field_value ?? null;
-      })
+      });
 
       this.rows = items;
       this.$set(this.formModel, this.fieldKeyName, items);
 
       this.rowData = dataMap;
-      this.widget.rows.length = 0
-      this.widget.rows.push(...widgetRows)
+      this.widget.rows.length = 0;
+      this.widget.rows.push(...widgetRows);
     },
-    loadDataDefaultHandle() {
-      /*this.init();
-      return*/
+    loadDataDefaultHandle(flag) {
+      // this.init();
+      // return
       let dataId = this.formDataId;
-      if (!dataId) return;
+      if (flag !== true && !dataId) return;
       let reportTemplate = this.getFormRef().reportTemplate;
       let formCode = reportTemplate.formCode;
       let formScriptEnabled = this.widget.options.formScriptEnabled || false;
-      let scriptCode = this.widget.options.formScriptCode
+      let scriptCode = this.widget.options.formScriptCode;
       if (!scriptCode) return;
-      let accessParam = this.handleCustomEvent(this.widget.options.formScriptParam)
+      let accessParam = this.handleCustomEvent(
+        this.widget.options.formScriptParam
+      );
       return this.formHttp({
         scriptCode: scriptCode,
         data: {
@@ -190,31 +213,84 @@ export default {
           taBm: this.fieldKeyName,
           data: {
             id: dataId,
-            ...accessParam
-          }
+            ...accessParam,
+          },
         },
-        success: res => {
+        success: (res) => {
           let rows = res.objx || [];
-          this.setValue(rows)
-        }
+          this.handleCustomEvent(
+            this.widget.options.formScriptSuccess,
+            ["res"],
+            [res]
+          );
+          this.setValue(rows);
+        },
       });
     },
     init() {
       let items = [
-        {f_field_name: "a", f_key: "a", f_field_type: 0, f_is_required: true, f_field_value: '1'},
-        {f_field_name: "b", f_key: "b", f_field_type: 3, f_is_required: true, f_field_value: 2},
-        {f_field_name: "c", f_key: "c", f_field_type: 1, f_is_required: true, f_field_value: "11111"},
-        {f_field_name: "d", f_key: "d", f_field_type: 0, f_is_required: true, f_field_value: '3'},
-        {f_field_name: "e", f_key: "e", f_field_type: 0, f_is_required: true, f_field_value: '4'},
-        {f_field_name: "f", f_key: "f", f_field_type: 0, f_is_required: true, f_field_value: '5'},
-        {f_field_name: "g", f_key: "g", f_field_type: 0, f_is_required: true, f_field_value: '6'},
+        {
+          f_field_name: "a",
+          f_key: "a",
+          f_field_type: 0,
+          f_is_required: true,
+          f_field_value: "1",
+        },
+        {
+          f_field_name: "b",
+          f_key: "b",
+          f_field_type: 3,
+          f_is_required: true,
+          f_field_value: 2,
+        },
+        {
+          f_field_name: "c",
+          f_key: "c",
+          f_field_type: 1,
+          f_is_required: true,
+          f_field_value: "11111",
+        },
+        {
+          f_field_name: "d",
+          f_key: "d",
+          f_field_type: 0,
+          f_is_required: true,
+          f_field_value: "3",
+        },
+        {
+          f_field_name: "e",
+          f_key: "e",
+          f_field_type: 0,
+          f_is_required: true,
+          f_field_value: "4",
+        },
+        {
+          f_field_name: "f",
+          f_key: "f",
+          f_field_type: 0,
+          f_is_required: true,
+          f_field_value: "5",
+        },
+        {
+          f_field_name: "g",
+          f_key: "g",
+          f_field_type: 0,
+          f_is_required: true,
+          f_field_value: "6",
+        },
+        {
+          f_field_name: "姓名", //显示名称
+          f_key: "name", //字段名
+          f_field_type: 4, //类型，0: "文本输入框",1: "多行输入框",2: "日期输入框",3: "数字输入框",4:"纯文本"
+          f_is_required: false, //是否必填
+          f_field_value: "张三", //字段值
+        },
       ];
-      let a = 1
+      let a = 1;
       this.setValue(items);
-
-    }
+    },
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -225,5 +301,4 @@ div.table-container {
     border-collapse: collapse;
   }
 }
-
 </style>

package/src/components/xform/form-render/container-item/tree-item.vue

@@ -2,16 +2,21 @@
   <container-item-wrapper :widget="widget">
     <div>
       <div class="tree-form">
-        <el-input
-          v-if="widget.options.filter"
-          :key="0"
-          :size="widget.options.size"
-          :placeholder="i18nt('designer.setting.enterForQuery')"
-          v-model="filterText"
-          class="txt"
-        >
-          <el-button slot="append" icon="el-icon-search"></el-button>
-        </el-input>
+        <template v-if="widget.options.filter">
+          <el-input
+            v-if="!widget.options.treeFilterType"
+            :key="0"
+            :size="widget.options.size"
+            :placeholder="i18nt('designer.setting.enterForQuery')"
+            v-model="filterText"
+            @change="handleFilterTextChange"
+            class="txt"
+          >
+            <el-button slot="append" icon="el-icon-search" @click="handleClickButton"></el-button>
+          </el-input>
+          <el-date-picker v-else-if="widget.options.treeFilterType==1" v-model="filterText" type="date" value-format="yyyy-MM-dd" @change="handleFilterTextChange" :placeholder="$t1('请输入日期')"></el-date-picker>
+        </template>
+
       </div>
       <div class="tree-btns"
            v-show="widget.options.selectClearAllNode && widget.options.showCheckBox || widget.options.expandRetractAllNode">
@@ -60,6 +65,7 @@
         @check="handleTreeNodeCheck"
         @check-change="handleCheckChange"
         :load="loadNode"
+        v-if="showTree"
       >
           <span class="custom-tree-node" slot-scope="{ node, data }">
             <span>{{ node.label }}</span>
@@ -128,6 +134,7 @@ export default {
         disabled: this.isDisabled,
         isLeaf: 'leaf'
       },
+      showTree:true
     };
   },
   computed: {
@@ -137,7 +144,9 @@ export default {
   },
   watch: {
     filterText(o) {
-      this.$refs.tree.filter(o);
+      if(!this.widget.options.disLocalFilter){
+          this.$refs.tree.filter(o);
+      }
     },
   },
   props: {
@@ -340,6 +349,18 @@ export default {
         loopDo();
       }
     },
+    handleClickButton(){
+      this.handleCustomEvent(this.widget.options.onFilterIconClick,["keyword"],[this.filterText])
+    },
+    handleFilterTextChange(val){
+      this.handleCustomEvent(this.widget.options.onFilterTextChange,["keyword"],[val])
+    },
+    reflushTree(){
+      this.showTree = false;
+      this.$nextTick(()=>{
+        this.showTree = true;
+      })
+    }
     /*loadDataFromDS(o = {}, e = "") {
       let n = e || this.widget.options.dsName,
         l = this.widget.options.dataSetName,