| | |
| | | let _style = resetStyle(card.style) |
| | | |
| | | return ( |
| | | <div className={`main-search-edit-list ${card.wrap.float} ${showField ? 'show-field' : ''} mk-size-${card.wrap.searchSize || ''}`} onClick={this.clickComponent} id={card.uuid} style={_style}> |
| | | <div className={`main-search-edit-list ${card.wrap.float} ${showField ? 'show-field' : ''} mk-order-${card.wrap.searchSize || ''}`} onClick={this.clickComponent} id={card.uuid} style={_style}> |
| | | <FieldsComponent config={card} type="search" /> |
| | | <Switch checkedChildren="开" size="small" unCheckedChildren="关" defaultChecked={showField} onChange={this.onFieldChange} /> |
| | | <DragElement |
| | |
| | | } |
| | | } |
| | | |
| | | .main-search-edit-list.mk-size-small { |
| | | .main-search-edit-list.mk-order-small { |
| | | .page-card { |
| | | height: 45px; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | .main-search-edit-list.mk-order-updown { |
| | | .mk-search-item-wrap { |
| | | .page-card { |
| | | height: auto; |
| | | } |
| | | .ant-form-item { |
| | | display: block; |
| | | .ant-form-item-label { |
| | | display: block; |
| | | width: 100% !important; |
| | | text-align: left; |
| | | float: none; |
| | | line-height: 2; |
| | | height: 24px; |
| | | } |
| | | .ant-form-item-control-wrapper { |
| | | display: block; |
| | | width: 100% !important; |
| | | float: none; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .main-search-edit-list:not(.show-field) { |
| | | .ant-form-explain { |
| | |
| | | { |
| | | type: 'radio', |
| | | field: 'searchSize', |
| | | label: '搜索间距', |
| | | initval: wrap.searchSize || 'middle', |
| | | tooltip: '搜索条件的上下间距。', |
| | | label: '搜索样式', |
| | | initval: wrap.searchSize === 'middle' ? '' : wrap.searchSize || '', |
| | | required: false, |
| | | options: [ |
| | | {value: 'middle', label: '默认'}, |
| | | {value: 'small', label: '小'}, |
| | | {value: '', label: '默认'}, |
| | | {value: 'small', label: '小间距'}, |
| | | {value: 'updown', label: '上下排列'}, |
| | | ], |
| | | }, |
| | | { |
| | |
| | | { |
| | | type: 'radio', |
| | | field: 'searchSize', |
| | | label: '搜索间距', |
| | | initval: wrap.searchSize || 'middle', |
| | | tooltip: '搜索条件的上下间距。', |
| | | label: '搜索样式', |
| | | initval: wrap.searchSize === 'middle' ? '' : wrap.searchSize || '', |
| | | required: false, |
| | | options: [ |
| | | {value: 'middle', label: '默认'}, |
| | | {value: 'small', label: '小'}, |
| | | {value: '', label: '默认'}, |
| | | {value: 'small', label: '小间距'}, |
| | | {value: 'updown', label: '上下排列'}, |
| | | ], |
| | | }, |
| | | { |
| | |
| | | { |
| | | type: 'radio', |
| | | field: 'searchSize', |
| | | label: '搜索间距', |
| | | initval: wrap.searchSize || 'middle', |
| | | tooltip: '搜索条件的上下间距。', |
| | | label: '搜索样式', |
| | | initval: wrap.searchSize === 'middle' ? '' : wrap.searchSize || '', |
| | | required: false, |
| | | options: [ |
| | | {value: 'middle', label: '默认'}, |
| | | {value: 'small', label: '小'}, |
| | | {value: '', label: '默认'}, |
| | | {value: 'small', label: '小间距'}, |
| | | {value: 'updown', label: '上下排列'}, |
| | | ], |
| | | }, |
| | | { |
| | |
| | | { |
| | | type: 'radio', |
| | | field: 'searchSize', |
| | | label: '搜索间距', |
| | | initval: wrap.searchSize || 'middle', |
| | | tooltip: '搜索条件的上下间距。', |
| | | label: '搜索样式', |
| | | initval: wrap.searchSize === 'middle' ? '' : wrap.searchSize || '', |
| | | required: false, |
| | | options: [ |
| | | {value: 'middle', label: '默认'}, |
| | | {value: 'small', label: '小'}, |
| | | {value: '', label: '默认'}, |
| | | {value: 'small', label: '小间距'}, |
| | | {value: 'updown', label: '上下排列'}, |
| | | ], |
| | | forbid: appType === 'mob' |
| | | }, |
| | |
| | | _setting.wrapperCol = {style: {width: (100 - _setting.labelwidth) + '%'}} |
| | | _setting.borderRadius = config.wrap.borderRadius |
| | | _setting.resetContrl = config.wrap.resetContrl || 'init' |
| | | _setting.size = config.wrap.searchSize || '' |
| | | _setting.order = config.wrap.searchSize || '' |
| | | |
| | | if (config.wrap.searchBtn === 'show') { |
| | | _setting.showBtn = true |
| | |
| | | |
| | | return ( |
| | | <> |
| | | <Form {...formItemLayout} className={`mk-search-wrap mk-float-${setting.float} mk-size-${setting.size}`} style={setting.style}> |
| | | <Form {...formItemLayout} className={`mk-search-wrap mk-float-${setting.float} mk-order-${setting.order}`} style={setting.style}> |
| | | <Row gutter={24}>{this.getFields()}</Row> |
| | | {advanceValues.length && (setting.advanceType !== 'pulldown' || (setting.advanceType === 'pulldown' && !visible)) ? <Row gutter={24}> |
| | | <div className="advanced-list"> |
| | |
| | | text-align: right; |
| | | } |
| | | } |
| | | .mk-search-wrap.mk-size-small { |
| | | .mk-search-wrap.mk-order-small { |
| | | .ant-form-item, .search-button { |
| | | min-height: 45px; |
| | | } |
| | | } |
| | | .mk-search-wrap.mk-order-updown { |
| | | .mk-search-col { |
| | | .ant-form-item { |
| | | display: block; |
| | | min-height: auto; |
| | | margin-bottom: 15px; |
| | | |
| | | .ant-form-item-label { |
| | | display: block; |
| | | width: 100% !important; |
| | | text-align: left; |
| | | float: none; |
| | | line-height: 2; |
| | | height: 24px; |
| | | } |
| | | .ant-form-item-control-wrapper { |
| | | display: block; |
| | | width: 100% !important; |
| | | float: none; |
| | | } |
| | | } |
| | | } |
| | | .mk-search-col:last-child { |
| | | .ant-form-item { |
| | | margin-bottom: 20px; |
| | | } |
| | | } |
| | | } |
| | | .mk-search-drawer { |
| | | .ant-drawer-wrapper-body { |
| | | position: relative; |
| | |
| | | |
| | | let size = '' |
| | | if (config.wrap && config.wrap.searchSize) { |
| | | size = ' mk-size-' + config.wrap.searchSize |
| | | size = ' mk-order-' + config.wrap.searchSize |
| | | } |
| | | |
| | | return ( |
| | |
| | | } |
| | | } |
| | | } |
| | | .model-table-search-list.mk-size-small { |
| | | .model-table-search-list.mk-order-small { |
| | | .page-card { |
| | | height: 45px; |
| | | } |
| | |
| | | height: 45px!important; |
| | | } |
| | | } |
| | | } |
| | | .model-table-search-list.mk-order-updown { |
| | | .mk-search-item-wrap { |
| | | .page-card { |
| | | height: auto; |
| | | } |
| | | .ant-form-item { |
| | | display: block; |
| | | .ant-form-item-label { |
| | | display: block; |
| | | width: 100% !important; |
| | | text-align: left; |
| | | float: none; |
| | | line-height: 2; |
| | | height: 24px; |
| | | } |
| | | .ant-form-item-control-wrapper { |
| | | display: block; |
| | | width: 100% !important; |
| | | float: none; |
| | | } |
| | | } |
| | | } |
| | | } |