cloud-web-corejs 1.0.54-dev.52 → 1.0.54-dev.521

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

@@ -1,42 +1,51 @@
 <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 +54,46 @@ 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",
+      },
+    };
   },
   watch: {},
   methods: {
@@ -95,13 +104,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,65 +118,71 @@ 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();
@@ -179,9 +192,9 @@ export default {
       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 +203,72 @@ export default {
           taBm: this.fieldKeyName,
           data: {
             id: dataId,
-            ...accessParam
-          }
+            ...accessParam,
+          },
         },
-        success: res => {
+        success: (res) => {
           let rows = res.objx || [];
-          this.setValue(rows)
-        }
+          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",
+        },
       ];
-      let a = 1
+      let a = 1;
       this.setValue(items);
-
-    }
+    },
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -225,5 +279,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,

package/src/components/xform/form-render/index.vue

@@ -24,12 +24,18 @@
       <template v-if="showFormContent">
         <template v-for="(widget, index) in widgetList">
           <template v-if="'container' === widget.category">
-            <component :is="getContainerWidgetName(widget)" :widget="widget" :field="widget" :key="widget.id"
-                       :parent-list="widgetList"
-                       :index-of-parent-list="index" :parent-widget="null">
+            <component
+              :is="getContainerWidgetName(widget)"
+              :widget="widget"
+              :field="widget"
+              :key="widget.id"
+              :parent-list="widgetList"
+              :index-of-parent-list="index"
+              :parent-widget="null"
+            >
               <!-- 递归传递插槽！！！ -->
               <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>
@@ -46,37 +52,88 @@
             >
               <!-- 递归传递插槽！！！ -->
               <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>
       </template>
     </el-form>
-    <searchFormDialog v-if="showSearchDialog" :visiable.sync="showSearchDialog"
-                      :option="searchDialogOption"></searchFormDialog>
-    <formDialog v-if="showFormDialog" :visiable.sync="showFormDialog" :option="formDialogOption"></formDialog>
-    <importDialog v-if="showImportDialog" :visiable.sync="showImportDialog" :param="importDialogOption"
-                  :parentTarget="_self"></importDialog>
-    <formDrawer v-if="showFormDrawer" :visiable.sync="showFormDrawer" :option="formDrawerOption"></formDrawer>
+    <searchFormDialog
+      v-if="showSearchDialog"
+      :visiable.sync="showSearchDialog"
+      ref="searchFormDialog"
+      :option="searchDialogOption"
+    ></searchFormDialog>
+    <formDialog
+      v-if="showFormDialog"
+      :visiable.sync="showFormDialog"
+      ref="formDialog"
+      :option="formDialogOption"
+    ></formDialog>
+    <importDialog
+      v-if="showImportDialog"
+      :visiable.sync="showImportDialog"
+      :param="importDialogOption"
+      :parentTarget="_self"
+    ></importDialog>
+    <formDrawer
+      v-if="showFormDrawer"
+      :visiable.sync="showFormDrawer"
+      :option="formDrawerOption"
+    ></formDrawer>
+    <fileReferenceDialog
+      v-if="showFileReferenceDialog"
+      :visiable.sync="showFileReferenceDialog"
+      :option="fileReferenceDialogOption"
+    ></fileReferenceDialog>
+    <formulaDialog
+      v-if="formulaDialogVisible"
+      :visiable.sync="formulaDialogVisible"
+      :option="formulaDialogOption"
+    ></formulaDialog>
+    <baseFormulaDialog
+      v-if="baseFormulaDialogVisible"
+      :visiable.sync="baseFormulaDialogVisible"
+      :option="baseFormulaDialogOption"
+    ></baseFormulaDialog>
+    <template v-if="showQrCanvas">
+      <canvas
+        ref="qrCanvas"
+        v-show="false"
+        :width="qrWidth"
+        :height="qrHeight"
+      ></canvas>
+    </template>
   </div>
 </template>
 
 <script>
 //import ElForm from 'element-ui/packages/form/src/form.vue'  /* 用于源码调试Element UI */
-import './container-item/index';
-import FieldComponents from '../../../components/xform/form-designer/form-widget/field-widget/index';
-import indexMixin from '../../../components/xform/form-render/indexMixin';
-
+import "./container-item/index";
+import FieldComponents from "../../../components/xform/form-designer/form-widget/field-widget/index";
+import indexMixin from "../../../components/xform/form-render/indexMixin";
 
 export default {
-  name: 'VFormRender',
+  name: "VFormRender",
   components: {
     ...FieldComponents,
-    searchFormDialog: () => import("../../../components/xform/form-designer/form-widget/dialog/searchFormDialog.vue"),
-    formDialog: () => import("../../../components/xform/form-designer/form-widget/dialog/formDialog.vue"),
-    importDialog: () => import("../../../components/xform/form-designer/form-widget/dialog/importDialog.vue"),
-    formDrawer: () => import("../../../components/xform/form-designer/form-widget/dialog/formDrawer.vue")
+    searchFormDialog: () =>
+      import(
+        "../../../components/xform/form-designer/form-widget/dialog/searchFormDialog.vue"
+      ),
+    formDialog: () =>
+      import("../../../components/xform/form-designer/form-widget/dialog/formDialog.vue"),
+    importDialog: () =>
+      import(
+        "../../../components/xform/form-designer/form-widget/dialog/importDialog.vue"
+      ),
+    formDrawer: () =>
+      import("../../../components/xform/form-designer/form-widget/dialog/formDrawer.vue"),
+    fileReferenceDialog: () =>
+      import(
+        "../../../components/xform/form-designer/form-widget/dialog/fileReferenceDialog.vue"
+      ),
   },
   mixins: [indexMixin],
 };