cloud-web-corejs 1.0.163 → 1.0.165

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="reload" :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"
+      />
     </div>
     <label id="labBtn" class="transverse">
       <div class="icon">
@@ -20,46 +32,54 @@
       </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";
 
 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 +113,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 +143,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,41 +154,41 @@ 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){
+    if (this.option.queryParam) {
       this.dataTableOption.queryParam = this.option.queryParam;
     }
     this.getReportTemplate();
   },
   methods: {
-    reload(){
+    reload() {
       this.showRender = false;
       this.getReportTemplate();
     },
@@ -171,12 +196,12 @@ export default {
       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({
@@ -186,11 +211,13 @@ 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;
@@ -203,27 +230,27 @@ export default {
           })*/
           this.initShowFormField();
           this.showRender = true;
-
-
-        }
+        },
       });
     },
-    getGrid(){
-      if(!this.$grid){
+    getGrid() {
+      if (!this.$grid) {
         let widgetList = this.formJson.widgetList;
-        this.$grid = this.$refs.vFormRef.getWidgetRef(widgetList[0].options.name).getGridTable();
+        this.$grid = this.$refs.vFormRef
+          .getWidgetRef(widgetList[0].options.name)
+          .getGridTable();
       }
       return this.$grid;
     },
     initShowFormField() {
       let showFormField = this.formJson.formConfig.searchDialogNameField || null;
       if (!showFormField) {
-        let widgetList = this.formJson.widgetList
+        let widgetList = this.formJson.widgetList;
         let tableColumns = widgetList[0].options.tableColumns;
-        let column = tableColumns.find(column => !!column.prop);
+        let column = tableColumns.find((column) => !!column.prop);
         this.showFormField = column.prop;
-      }else{
-        this.showFormField = showFormField
+      } else {
+        this.showFormField = showFormField;
       }
     },
     async getFormInsData() {
@@ -236,17 +263,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) {
@@ -257,7 +284,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) {
@@ -288,7 +315,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) {
@@ -313,8 +340,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);
@@ -335,7 +363,8 @@ export default {
         var rowid = row[fieldKey];
         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);
@@ -350,10 +379,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;
@@ -380,7 +411,7 @@ export default {
               if (delIndex != null) checkRows.splice(delIndex, 1);
             }
           }
-        })
+        });
       }
     },
     clearChecked() {
@@ -402,7 +433,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() {
@@ -414,11 +445,9 @@ export default {
       } else {
         this.close();
       }
-    }
-
-
-  }
-}
+    },
+  },
+};
 </script>
 
 <style scoped>

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

@@ -2,7 +2,9 @@
   <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
                      :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
                      :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <el-cascader ref="fieldEditor" :options="field.options.optionItems" v-model="fieldModel" class="full-width-input"
+    <el-cascader ref="fieldEditor" :options="field.options.optionItems"
+                  v-model="fieldModel" class="full-width-input"
+                  v-show="!isReadMode"
                  :disabled="field.options.disabled"
                  :size="field.options.size"
                  :clearable="field.options.clearable"
@@ -13,6 +15,9 @@
                  @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
                  @change="handleChangeEvent">
     </el-cascader>
+    <template v-if="isReadMode">
+      <span class="readonly-mode-field">{{contentForReadMode}}</span>
+    </template>
   </form-item-wrapper>
 </template>
 
@@ -101,6 +106,19 @@
           })
         }, 100)
       },
+      contentForReadMode() {
+        if (!!this.field.options.multiple) {
+          //console.log('test======', this.$refs.fieldEditor.presentTags)
+          const curTags = this.$refs.fieldEditor.presentTags
+          if (!curTags || (curTags.length <= 0)) {
+            return '--'
+          } else {
+            return curTags.map(tagItem => tagItem.text).join(', ')
+          }
+        } else {
+          return this.$refs.fieldEditor.presentText || '--'
+        }
+      },
 
     }
   }

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

@@ -17,8 +17,13 @@
 					<b>19850</b>
 				</div>
 			</div> -->
-      <div class="form-count-item" v-for="(item, idx) in field.options.censusItems" :key="idx"
-           :style="{ marginLeft: field.options.space + 'px' }">
+      <div
+        class="form-count-item"
+        v-for="(item, idx) in field.options.censusItems"
+        :key="idx"
+        :style="{ marginLeft: field.options.space + 'px' }"
+        @click="handleClick(item, idx, $event)"
+      >
         <div class="t1">
           <p>{{ item.txt }}</p>
           <b>{{ getRealData(item) }}</b>
@@ -35,14 +40,14 @@
 </template>
 
 <script>
-import StaticContentWrapper from './static-content-wrapper';
-import emitter from '../../../../../components/xform/utils/emitter';
-import i18n from '../../../../../components/xform/utils/i18n';
-import fieldMixin from '../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin';
+import StaticContentWrapper from "./static-content-wrapper";
+import emitter from "../../../../../components/xform/utils/emitter";
+import i18n from "../../../../../components/xform/utils/i18n";
+import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
 
 export default {
-  name: 'census-widget',
-  componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  name: "census-widget",
+  componentName: "FieldWidget", //必须固定为FieldWidget，用于接收父级组件的broadcast事件
   mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
@@ -53,27 +58,27 @@ export default {
 
     designState: {
       type: Boolean,
-      default: false
+      default: false,
     },
 
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
       type: Number,
-      default: -1
+      default: -1,
     },
     subFormColIndex: {
       /* 子表单组件列索引，从0开始计数 */
       type: Number,
-      default: -1
+      default: -1,
     },
     subFormRowId: {
       /* 子表单组件行Id，唯一id且不可变 */
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   components: {
-    StaticContentWrapper
+    StaticContentWrapper,
   },
   data() {
     return {
@@ -122,20 +127,20 @@ export default {
         return;
       }
       let formScriptEnabled = this.field.options.formScriptEnabled || false;
-      let scriptCode = this.field.options.formScriptCode
+      let scriptCode = this.field.options.formScriptCode;
       if (!scriptCode) return;
-      if (!formScriptEnabled) return
+      if (!formScriptEnabled) return;
       this.loadDataDefaultHandle();
     },
     loadDataDefaultHandle() {
       let formScriptEnabled = this.field.options.formScriptEnabled || false;
-      let scriptCode = this.field.options.formScriptCode
+      let scriptCode = this.field.options.formScriptCode;
       if (!scriptCode) return;
-      if (!formScriptEnabled) return
+      if (!formScriptEnabled) return;
 
       let reportTemplate = this.getFormRef().reportTemplate;
       let formCode = reportTemplate.formCode;
-      let accessParam = this.handleCustomEvent(this.field.options.formScriptParam)
+      let accessParam = this.handleCustomEvent(this.field.options.formScriptParam);
       return this.formHttp({
         scriptCode: scriptCode,
         data: {
@@ -143,20 +148,29 @@ export default {
           formVersion: reportTemplate.formVersion,
           taBm: this.fieldKeyName,
           data: {
-            ...accessParam
-          }
+            ...accessParam,
+          },
         },
-        callback: res => {
+        callback: (res) => {
           let data = res.objx || {};
-          this.fieldModel = data
-        }
+          this.fieldModel = data;
+        },
       });
-
     },
-  }
+    handleClick(row, rowIndex, event) {
+      this.handleCustomEvent(
+        this.field.options.onClick,
+        ["event", "param"],
+        [event, { row, rowIndex }]
+      );
+    },
+  },
 };
 </script>
 
 <style lang="scss" scoped>
-@import '~@/styles/global.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+.form-count-item {
+  cursor: pointer;
+}
 </style>

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

@@ -2,7 +2,7 @@
   <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
                      :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
                      :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <el-checkbox-group ref="fieldEditor" v-model="fieldModel"
+    <el-checkbox-group ref="fieldEditor" v-model="fieldModel" v-show="!isReadMode"
                        :disabled="field.options.disabled" :size="field.options.size"
                        @change="handleChangeEvent">
       <template v-if="!!field.options.buttonStyle">
@@ -16,6 +16,9 @@
                      :style="{display: field.options.displayStyle}">{{ getI18nLabel(item[labelField]) }}</el-checkbox>
       </template>
     </el-checkbox-group>
+    <template v-if="isReadMode">
+      <span class="readonly-mode-field">{{optionLabel}}</span>
+    </template>
   </form-item-wrapper>
 </template>
 

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

@@ -2,11 +2,14 @@
   <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
                      :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
                      :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex" :sub-form-row-id="subFormRowId">
-    <el-color-picker ref="fieldEditor" v-model="fieldModel"
+    <el-color-picker ref="fieldEditor" v-model="fieldModel" v-show="!isReadMode"
                      :size="field.options.size"
                      :disabled="field.options.disabled"
                      @change="handleChangeEvent">
     </el-color-picker>
+    <template v-if="isReadMode">
+      <span class="readonly-mode-field">{{fieldModel}}</span>
+    </template>
   </form-item-wrapper>
 </template>
 

package/src/components/xform/form-designer/form-widget/field-widget/date-range-widget.vue

@@ -3,7 +3,7 @@
                      :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
                      :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex"
                      :sub-form-row-id="subFormRowId">
-    <el-date-picker ref="fieldEditor" :type="field.options.type" v-model="fieldModel" class="full-width-input"
+    <el-date-picker ref="fieldEditor" :type="field.options.type" v-model="fieldModel" v-show="!isReadMode" class="full-width-input"
                     :disabled="field.options.disabled" :readonly="field.options.readonly"
                     :size="field.options.size"
                     :clearable="field.options.clearable" :editable="field.options.editable"
@@ -14,6 +14,9 @@
                     @focus="handleFocusCustomEvent" @blur="handleBlurCustomEvent"
                     @change="handleChangeEvent">
     </el-date-picker>
+    <template v-if="isReadMode">
+      <span class="readonly-mode-field">{{contentForReadMode}}</span>
+    </template>
   </form-item-wrapper>
 </template>
 
@@ -64,7 +67,15 @@ export default {
       rules: [],
     }
   },
-  computed: {},
+  computed: {
+    contentForReadMode() {
+      if (!this.fieldModel) {
+        return ''
+      } else {
+        return this.fieldModel[0] + ' - ' + this.fieldModel[1]
+      }
+    },
+  },
   beforeCreate() {
     /* 这里不能访问方法和属性！！ */
   },

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

@@ -3,7 +3,7 @@
                      :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
                      :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex"
                      :sub-form-row-id="subFormRowId">
-    <el-date-picker ref="fieldEditor" :type="field.options.type" v-model="fieldModel" class="full-width-input"
+    <el-date-picker ref="fieldEditor" :type="field.options.type" v-model="fieldModel" v-show="!isReadMode" class="full-width-input"
                     :readonly="field.options.readonly" :disabled="field.options.disabled"
                     :size="field.options.size"
                     :clearable="field.options.clearable" :editable="field.options.editable"
@@ -14,6 +14,9 @@
                     :picker-options="pickerOptions"
     >
     </el-date-picker>
+    <template v-if="isReadMode">
+      <span class="readonly-mode-field">{{contentForReadMode}}</span>
+    </template>
   </form-item-wrapper>
 </template>
 
@@ -65,7 +68,11 @@ export default {
       pickerOptions: {}
     }
   },
-  computed: {},
+  computed: {
+    contentForReadMode() {
+      return this.fieldModel ? this.fieldModel : ''
+    },
+  },
   beforeCreate() {
     /* 这里不能访问方法和属性！！ */
   },