vue2-client 1.8.255 → 1.8.256

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.255",
+  "version": "1.8.256",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XForm/XFormItem.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 输入框 -->
   <x-form-col
-    v-if="attr.type === 'input'"
+    v-if="attr.type === 'input' && show"
     :flex="attr.flex">
     <a-form-model-item
       :ref="attr.model"
@@ -49,7 +49,7 @@
   </x-form-col>
   <!-- 下拉框 -->
   <x-form-col
-    v-else-if="attr.type === 'select' || (attr.type === 'rate' && mode==='查询')"
+    v-else-if="(attr.type === 'select' || (attr.type === 'rate' && mode==='查询')) && show"
     :flex="attr.flex">
     <a-form-model-item
       :ref="attr.model"
@@ -143,7 +143,7 @@
   </x-form-col>
   <!-- 多选框 -->
   <x-form-col
-    v-else-if="attr.type === 'checkbox'"
+    v-else-if="attr.type === 'checkbox' && show"
     :flex="attr.flex">
     <a-form-model-item
       :ref="attr.model"
@@ -210,7 +210,7 @@
   </x-form-col>
   <!-- 单选框 -->
   <x-form-col
-    v-else-if="attr.type === 'radio'"
+    v-else-if="attr.type === 'radio' && show"
     :flex="attr.flex">
     <a-form-model-item
       :ref="attr.model"
@@ -241,7 +241,7 @@
   </x-form-col>
   <!-- 日期范围选择器 -->
   <x-form-col
-    v-else-if="attr.type === 'rangePicker'"
+    v-else-if="attr.type === 'rangePicker' && show"
     :flex="attr.flex">
     <a-form-model-item :ref="attr.model" :label="attr.name" :prop="attr.prop ? attr.prop : attr.model">
       <a-date-picker
@@ -263,7 +263,7 @@
   </x-form-col>
   <!-- 月份选择器 -->
   <x-form-col
-    v-else-if="attr.type === 'monthPicker'"
+    v-else-if="attr.type === 'monthPicker' && show"
     :flex="attr.flex">
     <a-form-model-item :ref="attr.model" :label="attr.name" :prop="attr.prop ? attr.prop : attr.model">
       <a-month-picker
@@ -277,7 +277,7 @@
   </x-form-col>
   <!-- 年份选择器 -->
   <x-form-col
-    v-else-if="attr.type === 'yearPicker'"
+    v-else-if="attr.type === 'yearPicker' && show"
     :flex="attr.flex">
     <a-form-model-item :ref="attr.model" :label="attr.name" :prop="attr.prop ? attr.prop : attr.model">
       <a-date-picker
@@ -295,7 +295,7 @@
   </x-form-col>
   <!-- 单日选择器 -->
   <x-form-col
-    v-else-if="attr.type === 'datePicker'"
+    v-else-if="attr.type === 'datePicker' && show"
     :flex="attr.flex">
     <a-form-model-item :ref="attr.model" :label="attr.name" :prop="attr.prop ? attr.prop : attr.model">
       <a-range-picker
@@ -317,7 +317,7 @@
   </x-form-col>
   <!-- 文本域 -->
   <a-col
-    v-else-if="attr.type === 'textarea'"
+    v-else-if="attr.type === 'textarea' && show"
     :xs="24"
     :sm="24"
     :md="24"
@@ -340,7 +340,7 @@
   </a-col>
   <!-- 文件上传 -->
   <a-col
-    v-else-if="attr.type === 'file' || attr.type === 'image'"
+    v-else-if="(attr.type === 'file' || attr.type === 'image') && show"
     :style="layout === 'inline'?{width:'calc(100% - 60px)'}:{}"
     :xs="24"
     :sm="24"
@@ -365,7 +365,7 @@
   </a-col>
   <!-- 省市区选择框 -->
   <x-form-col
-    v-else-if="attr.type === 'citySelect'"
+    v-else-if="attr.type === 'citySelect' && show"
     :flex="attr.flex">
     <a-form-model-item :ref="attr.model" :label="attr.name" :prop="attr.prop ? attr.prop : attr.model">
       <citySelect
@@ -378,7 +378,7 @@
   </x-form-col>
   <!-- 地点搜索框 -->
   <x-form-col
-    v-else-if="attr.type === 'addressSearch'"
+    v-else-if="attr.type === 'addressSearch' && show"
     :flex="attr.flex">
     <a-form-model-item
       :ref="attr.model"
@@ -402,7 +402,7 @@
   </x-form-col>
   <!-- 人员选择框 -->
   <x-form-col
-    v-else-if="attr.type === 'personSetting'"
+    v-else-if="attr.type === 'personSetting' && show"
     :flex="attr.flex">
     <a-form-model-item :ref="attr.model" :label="attr.name" :prop="attr.prop ? attr.prop : attr.model">
       <PersonSetting v-model="form[attr.model]"></PersonSetting>
@@ -410,7 +410,7 @@
   </x-form-col>
   <!-- 树形选择框 -->
   <x-form-col
-    v-else-if="attr.type === 'treeSelect'"
+    v-else-if="attr.type === 'treeSelect' && show"
     :flex="attr.flex">
     <x-tree-select
       v-model="form[attr.model]"
@@ -420,7 +420,7 @@
   </x-form-col>
   <!-- 评分框 -->
   <x-form-col
-    v-else-if="attr.type === 'rate'"
+    v-else-if="attr.type === 'rate' && show"
     :flex="attr.flex">
     <a-form-model-item
       :ref="attr.model"
@@ -470,6 +470,8 @@ export default {
       searchResult: '',
       yearShowOne: false,
       optionForFunc: [],
+      // 控制当前表单项是否展示
+      show: true,
       labelAndWrapperCol: [{
         labelCol: undefined,
         wrapperCol: undefined
@@ -567,18 +569,23 @@ export default {
     setForm: {
       type: Function,
       default: (val) => {
-          console.log(val)
-        }
+        console.log(val)
+      }
     },
   },
   created () {
     this.init()
-    if (this.attr.keyName && (this.attr.keyName.toString().indexOf('async ') !== -1 || this.attr.keyName.toString().indexOf('function') !== -1)) {
+    if (this.attr.keyName && (this.attr?.keyName?.toString().indexOf('async ') !== -1 || this.attr?.keyName?.toString()?.indexOf('function') !== -1)) {
       this.debouncedUpdateOptions = debounce(this.updateOptions, 200)
     }
     if (this.attr.dataChangeFunc) {
       this.debouncedDataChangeFunc = debounce(this.dataChangeFunc, 200)
     }
+    if (this.attr.showFormItemFunc) {
+      this.debouncedShowFormItemFunc = debounce(this.showFormItemFunc, 100)
+      // 执行一次
+      debounce(this.showFormItemFunc, 100)()
+    }
   },
   computed: {
     ...mapState('account', { currUser: 'user' })
@@ -600,6 +607,10 @@ export default {
         if (this.attr.dataChangeFunc) {
           this.debouncedDataChangeFunc()
         }
+        // 如果有自定义是否展示表单项函数
+        if (this.attr.showFormItemFunc) {
+          this.debouncedShowFormItemFunc()
+        }
         // 地址搜索框赋值
         if (this.attr.type === 'addressSearch') {
           this.$refs.addressSearchCombobox.addressInput = this.form[this.attr.model]
@@ -619,6 +630,13 @@ export default {
         await executeStrFunction(this.attr.dataChangeFunc, [this.form, this.setForm, this.attr, util])
       }
     },
+    async showFormItemFunc () {
+      if (this.attr.showFormItemFunc) {
+        this.show = executeStrFunction(this.attr.showFormItemFunc, [this.form, this.setForm, this.attr, util])
+      } else {
+        this.show = true
+      }
+    },
     init () {
       if (this.mode === '新增/修改' && !this.attr.flex) {
         if (['horizontal', 'vertical'].includes(this.layout)) {