cloud-web-corejs 1.0.54-dev.54 → 1.0.54-dev.541

package/src/components/xform/form-designer/form-widget/dialog/searchFormDialog.vue

@@ -6,12 +6,24 @@
     v-bind="dialogConfig"
     @close="close"
   >
-    <div class="cont" style="height:450px" v-bind="bodyConfig">
-      <v-form-render :form-json.sync="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef"
-                     :reportTemplate.sync="formTemplate" :conditionParam.sync="conditionParam"
-                     :formInsData.sync="formInsData" v-if="showRender" visible-key="showRender" :parent-target="_self"
-                     @reload="$baseReload()" :dataTableOption="dataTableOption" v-bind="formConfig" :param="dialogParam"
-                     class="data-table_height"/>
+    <div class="cont" style="height: 450px" v-bind="bodyConfig">
+      <v-form-render
+        :form-json.sync="formJson"
+        :form-data="formData"
+        :option-data="optionData"
+        ref="vFormRef"
+        :reportTemplate.sync="formTemplate"
+        :conditionParam.sync="conditionParam"
+        :formInsData.sync="formInsData"
+        v-if="showRender"
+        visible-key="showRender"
+        :parent-target="_self"
+        @reload="reload"
+        :dataTableOption="dataTableOption"
+        v-bind="formConfig"
+        :param="dialogParam"
+        class="data-table_height labMargin"
+      />
     </div>
     <label id="labBtn" class="transverse">
       <div class="icon">
@@ -20,46 +32,55 @@
       </div>
     </label>
     <div class="multipleChoice">
-      <el-tooltip :enterable="false" effect="dark" :content="$t1('全部删除')" placement="top"><a
-        class="allDel icon-quanbushanchu"
-        @click="clearChecked()"></a>
+      <el-tooltip
+        :enterable="false"
+        effect="dark"
+        :content="$t1('全部删除')"
+        placement="top"
+        ><a class="allDel icon-quanbushanchu" @click="clearChecked()"></a>
       </el-tooltip>
       <div class="list">
         <template v-if="showRender">
-          <div class="item" v-for="(checkRow, index) in checkRows" :key="'c'+index">
+          <div class="item" v-for="(checkRow, index) in checkRows" :key="'c' + index">
             <p>{{ checkRow[showFormField] }}</p>
             <a class="el-icon-close" @click="clearTable1Select(index)"></a>
           </div>
         </template>
       </div>
     </div>
-    <span slot="footer" class="dialog-footer" v-if="option.showFooter!==false" v-bind="option.footerConfig">
-			<span class="fl tips" v-if="!selectMulti">{{ $t1('注：双击确认选择（单选）') }}</span>
-			<el-button type="primary" plain class="button-sty" @click="close">
-				<i class="el-icon-close el-icon"></i>
-				{{ $t1('取 消') }}
-			</el-button>
-			<el-button type="primary" @click="dialogSubmit" class="button-sty">
-				<i class="el-icon-check el-icon"></i>
-				{{ $t1('确 定') }}
-			</el-button>
-		</span>
+    <span
+      slot="footer"
+      class="dialog-footer"
+      v-if="option.showFooter !== false"
+      v-bind="option.footerConfig"
+    >
+      <span class="fl tips" v-if="!selectMulti">{{
+        $t1("注：双击确认选择（单选）")
+      }}</span>
+      <el-button type="primary" plain class="button-sty" @click="close">
+        <i class="el-icon-close el-icon"></i>
+        {{ $t1("取 消") }}
+      </el-button>
+      <el-button type="primary" @click="dialogSubmit" class="button-sty">
+        <i class="el-icon-check el-icon"></i>
+        {{ $t1("确 定") }}
+      </el-button>
+    </span>
   </el-dialog>
 </template>
 
 <script>
-import {selectDialogMixins} from '../../../../../mixins/selectDialog/index.js';
+import { selectDialogMixins } from "../../../../../mixins/selectDialog/index.js";
 import VFormRender from "../../../../../components/xform/form-render/index.vue";
+import { traverseAllWidgetsNew } from "../../../../../components/xform/utils/util";
 
 export default {
   // name: "vabSearchDialog",
-  components: {VFormRender},
-  props: ['visiable', 'multi', 'rows', 'param', 'widget', 'option'],
+  components: { VFormRender },
+  props: ["visiable", "multi", "rows", "param", "widget", "option"],
   mixins: [selectDialogMixins],
   inject: ["getFormConfig"],
-  mounted() {
-
-  },
+  mounted() {},
   data() {
     var that = this;
     return {
@@ -93,16 +114,21 @@ export default {
         onCellDblclick: (param) => {
           this.checkWithSubmit(param);
         },
+        otherConfig: {
+          onFilter: () => {
+            this.checkRows = [];
+          },
+        },
         config: {
           checkboxConfig: {
             checkStrictly: true,
             showHeader: true,
-            trigger: 'row'
-          }
-        }
+            trigger: "row",
+          },
+        },
       },
       $grid: null,
-      currentLayoutType: null
+      currentLayoutType: null,
     };
   },
   computed: {
@@ -118,7 +144,7 @@ export default {
     dialogConfig() {
       let customClass = "dialog-style list-dialog dialog-checkbox pd_0";
       if (this.option.dialogConfig?.customClass) {
-        customClass = customClass + " " + this.option.dialogConfig.customClass
+        customClass = customClass + " " + this.option.dialogConfig.customClass;
       }
       let config = {
         title: this.formTemplate.formName,
@@ -129,46 +155,54 @@ export default {
         width: "1200px",
         fullscreen: this.option.fullscreen,
       };
-      config = Object.assign({}, config, this.option.dialogConfig, {customClass});
+      config = Object.assign({}, config, this.option.dialogConfig, { customClass });
       config.title = this.$t1(config.title);
       return config;
     },
     bodyConfig() {
       let config = {};
-      let classStr = this.currentLayoutType
+      let classStr = this.currentLayoutType;
       if (this.option.bodyConfig?.class) {
         classStr = classStr + " " + this.option.bodyConfig.class;
       }
       if (this.option.showFooter == false) {
         classStr = classStr + " nfootBtn";
       }
-      config = Object.assign({}, config, this.option.bodyConfig, {class: classStr});
+      config = Object.assign({}, config, this.option.bodyConfig, { class: classStr });
       return config;
-    }
+    },
   },
   created() {
     let currentFormConfig = this.getFormConfig();
-    this.currentLayoutType = currentFormConfig.layoutType
+    this.currentLayoutType = currentFormConfig.layoutType;
     this.initSetting();
 
     if (this.option.rows?.length) {
-      this.checkRows.push(...this.$baseLodash.cloneDeep(this.option.rows))
+      this.checkRows.push(...this.$baseLodash.cloneDeep(this.option.rows));
     }
 
     this.selectMulti = this.option.multiple ?? true;
+    this.dataTableOption.config.checkboxConfig.showHeader = this.selectMulti;
+    if (this.option.queryParam) {
+      this.dataTableOption.queryParam = this.option.queryParam;
+    }
     this.getReportTemplate();
   },
   methods: {
+    reload() {
+      this.showRender = false;
+      this.getReportTemplate();
+    },
     async getReportTemplate() {
       let param = {
         objTypeCode: this.$attrs.objTypeCode,
         objId: this.$attrs.objId,
-        taskId: this.$attrs.taskId
+        taskId: this.$attrs.taskId,
       };
       this.conditionParam = param;
       let url, data;
       url = USER_PREFIX + `/formTemplate/getByFormCode`;
-      data = {stringOne: this.formCode}
+      data = { stringOne: this.formCode };
 
       let that = this;
       this.$http({
@@ -178,33 +212,58 @@ export default {
         isLoading: true,
         loadingTarget: document.body,
         modalStrictly: true,
-        success: res => {
+        success: (res) => {
           let formTemplate = res.objx || {};
           this.formTemplate = formTemplate;
-          this.formJson = formTemplate.formViewContent ? JSON.parse(formTemplate.formViewContent) : {};
-          this.layoutType = this.formJson.formConfig.layoutType
+          this.formJson = formTemplate.formViewContent
+            ? JSON.parse(formTemplate.formViewContent)
+            : {};
+          this.layoutType = this.formJson.formConfig.layoutType;
           let formConfig = this.formJson.formConfig;
           if (formConfig.searchDialogUniqueField) {
             this.fieldKey = formConfig.searchDialogUniqueField;
           }
-          this.$nextTick(() => {
+          /*this.$nextTick(() => {
             let widgetList = this.formJson.widgetList;
-            this.$grid = this.$refs.vFormRef.getWidgetRef(widgetList[0].options.name).getGridTable();
-          })
+            setTimeout(()=>{
+              this.$grid = this.$refs.vFormRef.getWidgetRef(widgetList[0].options.name).getGridTable();
+            },200)
+          })*/
           this.initShowFormField();
           this.showRender = true;
-
-
+        },
+      });
+    },
+    getDataTableWidget() {
+      let result = null;
+      traverseAllWidgetsNew(this.formJson.widgetList, (widget) => {
+        //修复data-table旧数据表格列widget与editWidget为空的问题
+        if (!result && widget.type == "data-table") {
+          result = widget;
         }
       });
+      return result;
+    },
+    getGrid() {
+      if (!this.$grid) {
+        // let widgetList = this.formJson.widgetList;
+        let dataTableWidget = this.getDataTableWidget();
+        this.$grid = this.$refs.vFormRef
+          .getWidgetRef(dataTableWidget.options.name)
+          .getGridTable();
+      }
+      return this.$grid;
     },
     initShowFormField() {
       let showFormField = this.formJson.formConfig.searchDialogNameField || null;
       if (!showFormField) {
-        let widgetList = this.formJson.widgetList
-        let tableColumns = widgetList[0].options.tableColumns;
-        let column = tableColumns.find(column => !!column.prop);
+        // let widgetList = this.formJson.widgetList;
+        let dataTableWidget = this.getDataTableWidget();
+        let tableColumns = dataTableWidget.options.tableColumns;
+        let column = tableColumns.find((column) => !!column.prop);
         this.showFormField = column.prop;
+      } else {
+        this.showFormField = showFormField;
       }
     },
     async getFormInsData() {
@@ -217,17 +276,17 @@ export default {
         method: `post`,
         data: {
           insUuid: insUuid,
-          tableAlias: this.formCode
+          tableAlias: this.formCode,
         },
         isLoading: true,
         loadingTarget: document.body,
         modalStrictly: true,
-        success: res => {
+        success: (res) => {
           let formData = res.objx && res.objx.data ? res.objx.data : {};
           this.formData = formData;
           this.formInsData = res.objx;
           // this.formInsData = formData;
-        }
+        },
       });
     },
     changeH5Checkbox(obj) {
@@ -238,7 +297,7 @@ export default {
       if (selectMulti) {
         let rows = this.checkRows;
         if (obj.checked) {
-          let flag = rows.some(item => {
+          let flag = rows.some((item) => {
             return row[fieldKey] == item[fieldKey];
           });
           if (!flag) {
@@ -269,7 +328,7 @@ export default {
       if (selectMulti) {
         let rows = this.checkRows;
         if (obj.checked) {
-          let flag = rows.some(item => {
+          let flag = rows.some((item) => {
             return row[fieldKey] == item[fieldKey];
           });
           if (!flag) {
@@ -294,8 +353,9 @@ export default {
       }
 
       if (obj.checked) {
-        let ay = $table1.getTableData().fullData;
-        let aRows = this.findAllRows(ay);
+        // let ay = $table1.getTableData().fullData;
+        // let aRows = this.findAllRows(ay);
+        let aRows = $table1.getTableData().visibleData;
         let cRows = $table1.getCheckboxRecords();
         if (aRows.length == cRows.length) {
           $table1.setAllCheckboxRow(true);
@@ -314,9 +374,10 @@ export default {
         let selectMulti = this.selectMulti;
         let row = this.checkRows[index];
         var rowid = row[fieldKey];
-        let $grid1 = this.$grid;
+        let $grid1 = this.getGrid();
 
-        let rows = $grid1.getTableData().fullData;
+        // let rows = $grid1.getTableData().fullData;
+        let rows = $grid1.getTableData().visibleData;
         let row2 = this.findTreeRowById(rows, rowid);
         if (selectMulti) {
           if (row2) $grid1.setCheckboxRow(row2, false);
@@ -331,10 +392,12 @@ export default {
       if (this.currentLayoutType !== "H5") {
         let fieldKey = this.fieldKey;
         var $grid = res.$grid;
-        let tableData = $grid.getTableData().fullData;
-        let allRows = this.findAllRows(tableData);
+        // let tableData = $grid.getTableData().fullData;
+        // let allRows = this.findAllRows(tableData);
+        let tableData = $grid.getTableData().visibleData;
+        let allRows = $grid.getTableData().visibleData;
         $grid.setCheckboxRow(allRows, res.checked);
-        allRows.forEach(lineData => {
+        allRows.forEach((lineData) => {
           let rowid = lineData[fieldKey];
           let tableData2 = this.checkRows;
           let row2;
@@ -361,19 +424,19 @@ export default {
               if (delIndex != null) checkRows.splice(delIndex, 1);
             }
           }
-        })
+        });
       }
     },
     clearChecked() {
       if (this.currentLayoutType !== "H5") {
-        let $grid1 = this.$grid;
+        let $grid1 = this.getGrid();
         $grid1.clearCheckboxRow();
       }
       this.checkRows = [];
     },
     checkWithSubmit(obj) {
       if (!this.selectMulti) {
-        let $grid1 = this.$grid;
+        let $grid1 = this.getGrid();
         var rows = $grid1.getCheckboxRecords(true);
         if (rows && rows.length) {
           this.dialogSubmit();
@@ -383,7 +446,7 @@ export default {
     close() {
       let formRef = this.$refs.vFormRef;
       this.showDialog = false;
-      this.$emit('update:visiable', false);
+      this.$emit("update:visiable", false);
       this.option.close && this.option.close(formRef, this);
     },
     dialogSubmit() {
@@ -395,15 +458,75 @@ export default {
       } else {
         this.close();
       }
-    }
-
-
-  }
-}
+    },
+  },
+};
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 ::v-deep .H5 .h5-fixed-bottom-btns {
   bottom: 95px;
 }
+::v-deep .tree-container {
+  height: 100%;
+  .tree-box {
+    width: 14%;
+    height: 100%;
+    min-width: 13%;
+    border-right: solid 1px #f0f0f0;
+    .container-wrapper {
+      height: calc(100% - 34px);
+      > div {
+        height: 100%;
+      }
+    }
+    .tree-btns + .tree-list {
+      height: calc(100% - 41px);
+    }
+  }
+  .main-right {
+    width: calc(86% - 8px);
+    height: 100%;
+  }
+  .grid-height {
+    height: 100% !important;
+  }
+  #labBtn {
+    background-color: #f4f6fa;
+    position: relative;
+    width: 8px !important;
+    z-index: 8;
+    cursor: e-resize;
+    display: inline-block !important;
+    height: calc(100% + 8px);
+    margin: -8px 0px !important;
+    .icon {
+      position: absolute;
+      top: 50%;
+      left: -4.5px;
+      font-size: 17px;
+      margin-top: -16.8px;
+      color: #2a6494;
+      i {
+        display: block;
+        transform: rotate(90deg);
+        -ms-transform: rotate(90deg);
+        -moz-transform: rotate(90deg);
+        -webkit-transform: rotate(90deg);
+        -o-transform: rotate(90deg);
+      }
+    }
+  }
+}
+::v-deep .labMargin .tree-container{ display: flex;}
+/* ::v-deep .tree-container #labBtn {
+      background-color: #f4f6fa;
+      position: relative;
+      width: 8px !important;
+      z-index: 8;
+      cursor: e-resize;
+      display: inline-block !important;
+      height: calc(100vh - 75px);
+      margin: -7px 0 !important;
+} */
 </style>

package/src/components/xform/form-designer/form-widget/dialog/univerDialog.vue

@@ -0,0 +1,200 @@
+<template>
+  <el-dialog
+    :visible.sync="showDialog"
+    v-el-drag-dialog
+    v-el-dialog-center
+    v-bind="dialogConfig"
+    :fullscreen="true"
+    @close="close"
+  >
+    <div class="cont designer-view" v-bind="bodyConfig" id="containt">
+      <univerSheet ref="univer" :data="json" v-if="showUniver"></univerSheet>
+    </div>
+    <span
+      slot="footer"
+      class="dialog-footer"
+      v-if="option.showFooter !== false"
+      v-bind="option.footerConfig"
+    >
+      <el-button type="primary" plain class="button-sty" @click="close">
+        <i class="el-icon-close el-icon"></i>
+        {{ $t2("取 消", "system.button.cancel2") }}
+      </el-button>
+      <el-button type="primary" @click="dialogSubmit" class="button-sty">
+        <i class="el-icon-check el-icon"></i>
+        {{ $t2("确 定", "system.button.confirm2") }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+// import univerSheet from "@base/components/univer/univerSheet.vue";
+import { univerSheet } from "@base/components/univer/index.js";
+
+export default {
+  // name: "vabSearchDialog",
+  components: { univerSheet },
+  props: {
+    visiable: Boolean,
+    option: Object,
+  },
+  mixins: [],
+  inject: ["getFormConfig"],
+
+  mounted() {
+    this.init();
+  },
+  data() {
+    var that = this;
+    return {
+      showFormField: "_tt",
+      showDialog: true,
+      falseValue: false,
+      selectMulti: true,
+
+      formJson: {},
+      formData: {},
+      optionData: {},
+      showRender: false,
+      formTemplate: {},
+      /*      formCode: null,*/
+      layoutType: null,
+      conditionParam: null,
+      formInsData: null,
+      $grid: null,
+      currentLayoutType: null,
+      dataId: null,
+      formConfig: {},
+      showUniver: true,
+      json: {},
+    };
+  },
+  computed: {
+    formCode() {
+      return this.option.formCode;
+    },
+    dialogParam() {
+      return this.option?.param;
+    },
+    /* formConfig() {
+      return this.option?.formConfig;
+    }, */
+    dialogConfig() {
+      let customClass = "dialog-style list-dialog dialog-checkbox pd_0";
+      if (this.option.dialogConfig?.customClass) {
+        customClass = customClass + " " + this.option.dialogConfig.customClass;
+      }
+      let config = {
+        title: this.formTemplate.formName,
+        appendToBody: true,
+        modalAppendToBody: true,
+        // appendToBody: false,
+        // modalAppendToBody: false,
+        closeOnClickModal: false,
+        modal: false,
+        width: "1200px",
+        fullscreen: this.option.fullscreen,
+      };
+      config = Object.assign({}, config, this.option.dialogConfig, { customClass });
+      config.title = this.$t1(config.title);
+      return config;
+    },
+    bodyConfig() {
+      let config = {};
+      let classStr = this.currentLayoutType;
+      if (this.option.bodyConfig?.class) {
+        classStr = classStr + " " + this.option.bodyConfig.class;
+      }
+      if (this.option.showFooter == false) {
+        classStr = classStr + " nfootBtn";
+      }
+      config = Object.assign({}, config, this.option.bodyConfig, { class: classStr });
+      return config;
+    },
+  },
+  created() {
+    this.formConfig = this.option?.formConfig || {};
+
+    let currentFormConfig = this.getFormConfig();
+    this.currentLayoutType = currentFormConfig.layoutType;
+  },
+  methods: {
+    init() {
+      if (this.option.data) {
+        this.json = JSON.parse(this.option.data);
+      }
+      this.$nextTick(() => {
+        this.showRender = true;
+      });
+    },
+    reload(e, option) {
+      let updateParam = option?.updateParam || {};
+      if (this.formConfig) Object.assign(this.formConfig, updateParam);
+      this.showRender = false;
+    },
+
+    close() {
+      let univerRef = this.$refs.univer;
+      this.showDialog = false;
+      this.$emit("update:visiable", false);
+      this.option.close && this.option.close(univerRef, this);
+    },
+    dialogSubmit() {
+      let univerRef = this.$refs.univer;
+      if (this.option.confirm) {
+        let excelJson = this.$refs.univer.getValue();
+        this.$refs.univer.getValue().then((value) => {
+          let result = JSON.stringify(value);
+          if (this.option.confirm(result, univerRef, this) !== false) {
+            this.close();
+          }
+        });
+      } else {
+        this.close();
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .H5 .h5-fixed-bottom-btns {
+  bottom: 95px;
+}
+
+.list-dialog {
+  .el-dialog__body {
+    height: calc(100% - 42px);
+    .cont {
+      height: calc(100vh - 210px);
+
+      &.nfootBtn {
+        height: calc(100vh - 158px);
+      }
+      &#containt {
+        padding: 0;
+        ::v-deep .grid-container {
+          outline: none;
+          &.detail-wrap .d-cont {
+            height: calc(100vh - 150px);
+            .title .field-wrapper {
+              display: inline-block !important;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &.is-fullscreen .el-dialog__body {
+    .cont {
+      height: calc(100vh - 110px);
+
+      &.nfootBtn {
+        height: calc(100vh - 58px);
+      }
+    }
+  }
+}
+</style>

package/src/components/xform/form-designer/form-widget/field-widget/a-link-widget.vue

@@ -65,12 +65,12 @@ export default {
       return this.field.options.labelHidden? null: this.label;
     },
     label() {
-      return this.field.options.isFormLabel ? this.currentValue : this.getI18nLabel(this.field.options.label);
+      return this.field.options.isFormLabel ? this.getCurrentValue() : this.getI18nLabel(this.field.options.label);
     },
     widgetClass() {
       let list = [];
       let optionModel = this.field.options
-      if (optionModel.coloClass) list.push(optionModel.coloClass);
+      if (optionModel.colorClass) list.push(optionModel.colorClass);
       if (optionModel.underline) list.push('underLine');
       if (optionModel.disabled) list.push('is-disabled');
       return list

package/src/components/xform/form-designer/form-widget/field-widget/a-text-widget.vue

@@ -66,7 +66,7 @@ export default {
     widgetClass() {
       let list = [];
       let optionModel = this.field.options
-      if (optionModel.coloClass) list.push(optionModel.coloClass);
+      if (optionModel.colorClass) list.push(optionModel.colorClass);
       if (optionModel.underline) list.push('underLine');
       if (optionModel.disabled) list.push('is-disabled');
       return list