agilebuilder-ui 1.1.40 → 1.1.41-sit1

package/packages/super-grid/src/search-form-item.vue

@@ -9,7 +9,7 @@
         v-html="(column.searchLabel ?? column.label).replace(/\\n/g, '</br>')"
       />
     </template>
-    <span v-if="customComponent(column) === true">
+    <span v-if="customComponent(column) === true" style="width: 100%">
       <component
         :is="column.componentName"
         :ref="column.componentName"
@@ -169,7 +169,6 @@
         :options="getDynamicDataSourceOptions(column)"
         :table-name="tableName"
         @change="multiselectChange"
-        @input="setValueToModelProp(column.prop, $event)"
       />
     </template>
     <!--
@@ -217,11 +216,8 @@
       @blur="hiddenEmpty()"
     >
       <template #suffix>
-        <el-tooltip
-          :content="$t('superGrid.searchEmpty')"
-          placement="bottom"
-        >
-          <el-checkbox v-if="isShowEmtpty" v-model="checkedEmpty" @change="checkEmptyChange"/>
+        <el-tooltip :content="$t('superGrid.searchEmpty')" placement="bottom">
+          <el-checkbox v-if="isShowEmtpty" v-model="checkedEmpty" @change="checkEmptyChange" />
         </el-tooltip>
       </template>
     </el-input>
@@ -293,7 +289,7 @@ export default {
       moduleConfig: {},
       dateVal: this.getFormItemValue(this.column.prop),
       controlConfig: getControlConfig(this.column),
-      isShowEmtptyFlag: false,
+      isShowEmtptyFlag: false
       // checkedEmpty: false,
     }
   },
@@ -308,12 +304,12 @@ export default {
     isShowEmtpty() {
       return this.isShowEmtptyFlag
     },
-    checkedEmpty(){
-      if(this.column._emptyValue  && this.column._emptyValue === '#blank#'){
+    checkedEmpty() {
+      if (this.column._emptyValue && this.column._emptyValue === '#blank#') {
         return true
       }
-      if(this.column._resetValue || this.column._resetValue === undefined){
-        if(this.column._resetValue){
+      if (this.column._resetValue || this.column._resetValue === undefined) {
+        if (this.column._resetValue) {
           this.column._resetValue = undefined
           this.isShowEmtptyFlag = false
         }
@@ -350,9 +346,7 @@ export default {
       return isDynamicDataSourceSource(column)
     },
     setValueToModelProp(prop, value, componentName, index) {
-      console.log(
-        '%c描述-105004',
-        'color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px',
+      console.log('setValueToModelProp',
         prop,
         value,
         componentName,
@@ -503,31 +497,37 @@ export default {
           return ['00:00:00']
         }
       } else {
-        return ['00:00:00']
+        const now = new Date();
+        const year = now.getFullYear(); // e.g., 2023
+        const month = now.getMonth() + 1; // Months are 0-indexed, so add 1
+        const day = now.getDate(); // Day of the month        
+        return [`${year}-${month}-${day} 00:00:00`, `${year}-${month}-${day} 23:59:59`]
       }
     },
     multiselectChange(arr, selectedItem) {
-      if (arr.indexOf('saveAll') !== -1) {
+      debugger
+      if (arr && arr.indexOf('saveAll') !== -1) {
         if (this.searchForm[this.column.prop] && typeof this.searchForm[this.column.prop] === 'string') {
           this.searchForm[this.column.prop] = this.searchForm[this.column.prop].split(',')
         }
       } else {
+        debugger
         this.searchForm[this.column.prop] = arr
       }
     },
-    showEmpty(){
+    showEmpty() {
       this.isShowEmtptyFlag = true
     },
-    hiddenEmpty(){
-      if(!this.checkedEmpty){
+    hiddenEmpty() {
+      if (!this.checkedEmpty) {
         this.isShowEmtptyFlag = false
       }
     },
     checkEmptyChange(newValue) {
-      if(newValue){
-        this.column._emptyValue='#blank#'
+      if (newValue) {
+        this.column._emptyValue = '#blank#'
       } else {
-        this.column._emptyValue=undefined
+        this.column._emptyValue = undefined
       }
     }
   },

package/packages/super-grid/src/search-form-open.vue

@@ -1,30 +1,34 @@
 <template>
-	<div v-resize="onResize" class="grid-search-row">
-		<el-row>
-			<el-col v-for="(column, index) of filterSearchableColumns" :key="index" :span="span">
-				<search-form-item
-					:label-width="labelWidth"
-					:search-form="searchForm"
-					:column="column"
-					:code="code"
-					:is-sql="isSql"
-					:table-name="tableName"
-					:is-join-table="isJoinTable"
-				/>
-			</el-col>
-			<el-col :span="span" class="search-btns-view" :class="{ 'no-show-open': !isShowOpen, 'no-search-button-auto': isSearchButtonAuto  }">
-				<search-button
-					ref="searchBtnOpen"
-					:is-open="myOpen"
-					:is-show-open="isShowOpen"
-					@submit-form="$emit('submit-form')"
-					@reset-form="$emit('reset-form')"
-					@save-condition="$emit('save-condition')"
-					@open-fold="openFold"
-				/>
-			</el-col>
-		</el-row>
-	</div>
+  <div v-resize="onResize" class="grid-search-row">
+    <el-row>
+      <el-col v-for="(column, index) of filterSearchableColumns" :key="index" :span="span">
+        <search-form-item
+          :label-width="labelWidth"
+          :search-form="searchForm"
+          :column="column"
+          :code="code"
+          :is-sql="isSql"
+          :table-name="tableName"
+          :is-join-table="isJoinTable"
+        />
+      </el-col>
+      <el-col
+        :span="span"
+        class="search-btns-view"
+        :class="{ 'no-show-open': !isShowOpen, 'no-search-button-auto': isSearchButtonAuto }"
+      >
+        <search-button
+          ref="searchBtnOpen"
+          :is-open="myOpen"
+          :is-show-open="isShowOpen"
+          @submit-form="$emit('submit-form')"
+          @reset-form="$emit('reset-form')"
+          @save-condition="$emit('save-condition')"
+          @open-fold="openFold"
+        />
+      </el-col>
+    </el-row>
+  </div>
 </template>
 <script>
 import searchMethods from './search-methods'
@@ -32,138 +36,140 @@ import SearchFormItem from './search-form-item.vue'
 import SearchButton from './search-button.vue'
 
 export default {
-	name: 'SearchFormOpen',
-	components: {
-		SearchFormItem,
-		SearchButton,
-	},
-	props: {
-		// 第一行的字段集合
-		searchableColumns: {
-			type: Array,
-			default: null,
-		},
-		// 查询表单信息
-		searchForm: {
-			type: Object,
-			default: null,
-		},
-		code: {
-			type: String,
-			default: null,
-		},
-		isSql: {
-			type: Boolean,
-			default: false,
-		},
-		tableName: {
-			type: String,
-			default: null,
-		},
-		isJoinTable: {
-			type: Boolean,
-			default: false,
-		},
-		spanNum: {
-			type: Number,
-			default: 8,
-		},
-		// 每行几个字段
-		fieldNum: {
-			type: Number,
-			default: null,
-		},
-		// 一共多少行
-		rowNum: {
-			type: Number,
-			default: null,
-		},
-		// 查询条件是否展开
-		isOpen: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	data() {
-		return {
-			rowWidth: undefined, // 当前模块宽度
-			maxLength: undefined,
-			minLength: undefined,
-			myOpen: this.isOpen ?? false
-		}
-	},
-	computed: {
-		// 是否展示 展开按钮
-		isShowOpen() {
-			return this.showColumn < this.searchableColumns.length + 1
-		},
-		// 是否开启按钮右边固定
-		isSearchButtonAuto() {
-			return (this.showColumn - this.searchableColumns.length) > 1
-		},
-		filterSearchableColumns() {
-			return this.searchableColumns.filter((_, index) => !this.myOpen && this.isShowOpen && index > (this.showColumn - 2) ? false : true)
-		},
-		// 检测label 最大宽度
-		labelWidth() {
-			try {
-				if (!this.maxLength || !this.minLength) return ''
-				if (this.maxLength >= 10) return 82
-				if (this.maxLength === this.minLength && this.minLength <= 4) return 45
-				return 72
-			} catch (error) {
-				return ''
-			}
-		},
-		// 列布局
-		span() {
-			return 24 / this.showColumn
-		},
-		// 显示多少列
-		showColumn() {
-			if (this.rowWidth) {
-				if (this.rowWidth >= 1500) return 4
-				if (this.rowWidth <= 768) return 2
-			}
-			return 3
-		}
-	},
-	watch: {
-		filterSearchableColumns() {
-			const combinedArray = this.filterSearchableColumns.map(({ label, searchLabel }) => ( (searchLabel ?? label)?.replace(/[\u4e00-\u9fa5]/g, '**') ?? '').length)
-			this.maxLength = Math.max(...combinedArray)
-			this.minLength = Math.max(...combinedArray)
-		},
-		myOpen() {
-		},
-	},
-	methods: {
-		...searchMethods,
-		onResize(entry) {
-			this.rowWidth = entry.contentRect.width
-			// console.log('新尺寸:', entry.contentRect)
-			// console.log('宽度:', entry.contentRect.width)
-			// console.log('高度:', entry.contentRect.height)
-		},
-		openFold(isOpen) {
-			this.myOpen = isOpen
-			this.$emit('open-fold', isOpen)
-		},
-		// 查询完毕
-		searchComplete() {
-			if (this.$refs.searchBtnOpen) {
-				if (Array.isArray(this.$refs.searchBtnOpen)) {
-					if (this.$refs.searchBtnOpen.length > 0) {
-						this.$refs.searchBtnOpen[0].searchComplete()
-					}
-				} else {
-					this.$refs.searchBtnOpen.searchComplete()
-				}
-			}
-		},
-	},
+  name: 'SearchFormOpen',
+  components: {
+    SearchFormItem,
+    SearchButton
+  },
+  props: {
+    // 第一行的字段集合
+    searchableColumns: {
+      type: Array,
+      default: null
+    },
+    // 查询表单信息
+    searchForm: {
+      type: Object,
+      default: null
+    },
+    code: {
+      type: String,
+      default: null
+    },
+    isSql: {
+      type: Boolean,
+      default: false
+    },
+    tableName: {
+      type: String,
+      default: null
+    },
+    isJoinTable: {
+      type: Boolean,
+      default: false
+    },
+    spanNum: {
+      type: Number,
+      default: 8
+    },
+    // 每行几个字段
+    fieldNum: {
+      type: Number,
+      default: null
+    },
+    // 一共多少行
+    rowNum: {
+      type: Number,
+      default: null
+    },
+    // 查询条件是否展开
+    isOpen: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      rowWidth: undefined, // 当前模块宽度
+      maxLength: undefined,
+      minLength: undefined,
+      myOpen: this.isOpen ?? false
+    }
+  },
+  computed: {
+    // 是否展示 展开按钮
+    isShowOpen() {
+      return this.showColumn < this.searchableColumns.length + 1
+    },
+    // 是否开启按钮右边固定
+    isSearchButtonAuto() {
+      return this.showColumn - this.searchableColumns.length > 1
+    },
+    filterSearchableColumns() {
+      return this.searchableColumns.filter((_, index) =>
+        !this.myOpen && this.isShowOpen && index > this.showColumn - 2 ? false : true
+      )
+    },
+    // 检测label 最大宽度
+    labelWidth() {
+      try {
+        if (!this.maxLength || !this.minLength) return ''
+        if (this.maxLength >= 10) return 82
+        if (this.maxLength === this.minLength && this.minLength <= 4) return 45
+        return 72
+      } catch (error) {
+        return ''
+      }
+    },
+    // 列布局
+    span() {
+      return 24 / this.showColumn
+    },
+    // 显示多少列
+    showColumn() {
+      if (this.rowWidth) {
+        if (this.rowWidth >= 1500) return 4
+        if (this.rowWidth <= 768) return 2
+      }
+      return 3
+    }
+  },
+  watch: {
+    filterSearchableColumns() {
+      const combinedArray = this.filterSearchableColumns.map(
+        ({ label, searchLabel }) => ((searchLabel ?? label)?.replace(/[\u4e00-\u9fa5]/g, '**') ?? '').length
+      )
+      this.maxLength = Math.max(...combinedArray)
+      this.minLength = Math.max(...combinedArray)
+    },
+    myOpen() {}
+  },
+  methods: {
+    ...searchMethods,
+    onResize(entry) {
+      this.rowWidth = entry.contentRect.width
+      // console.log('新尺寸:', entry.contentRect)
+      // console.log('宽度:', entry.contentRect.width)
+      // console.log('高度:', entry.contentRect.height)
+    },
+    openFold(isOpen) {
+      this.myOpen = isOpen
+      this.$emit('open-fold', isOpen)
+    },
+    // 查询完毕
+    searchComplete() {
+      if (this.$refs.searchBtnOpen) {
+        if (Array.isArray(this.$refs.searchBtnOpen)) {
+          if (this.$refs.searchBtnOpen.length > 0) {
+            this.$refs.searchBtnOpen[0].searchComplete()
+          }
+        } else {
+          this.$refs.searchBtnOpen.searchComplete()
+        }
+      }
+    }
+  }
 }
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>