From 665b7b5866f726030ec0335834c2ba80060c86e8 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 26 八月 2022 11:08:40 +0800 Subject: [PATCH] 2022-08-26 --- src/templates/sharecomponent/tablecomponent/index.jsx | 43 ++++++++++++++++++++++++------------------- 1 files changed, 24 insertions(+), 19 deletions(-) diff --git a/src/templates/sharecomponent/tablecomponent/index.jsx b/src/templates/sharecomponent/tablecomponent/index.jsx index 4558e82..5a084df 100644 --- a/src/templates/sharecomponent/tablecomponent/index.jsx +++ b/src/templates/sharecomponent/tablecomponent/index.jsx @@ -1,14 +1,13 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' import { fromJS } from 'immutable' -import { Icon, Tooltip, Select, List, notification } from 'antd' +import { Tooltip, Select, List, notification } from 'antd' +import { QuestionCircleOutlined, CloseOutlined } from '@ant-design/icons' import moment from 'moment' import Api from '@/api' import options from '@/store/options.js' import Utils from '@/utils/utils.js' -import zhCN from '@/locales/zh-CN/model.js' -import enUS from '@/locales/en-US/model.js' import { queryTableSql } from '@/utils/option.js' import './index.scss' @@ -23,7 +22,6 @@ } state = { - dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS, tables: [], // 绯荤粺琛� tableFields: [], // 宸查�夎〃瀛楁闆� selectedTables: [], // 宸查�夎〃 @@ -112,7 +110,7 @@ if (/^nvarchar/.test(_type)) { try { // 瀛樺湪max _length = +_type.match(/\d+/)[0] || 50 - } catch { + } catch (e) { _length = 2048 } _type = 'text' @@ -137,6 +135,7 @@ datatype: _type, decimal: _decimal, length: _length, + $datatype: item.FieldType.toLowerCase() } }) } @@ -181,8 +180,13 @@ let _type = item.FieldType.toLowerCase() let _decimal = 0 let _length = 50 + if (/^nvarchar/.test(_type)) { - _length = +_type.match(/\d+/)[0] || 50 + try { // 瀛樺湪max + _length = +_type.match(/\d+/)[0] || 50 + } catch (e) { + _length = 2048 + } _type = 'text' } else if (/^int/.test(_type)) { _type = 'number' @@ -204,7 +208,8 @@ type: _type, datatype: _type, decimal: _decimal, - length: _length + length: _length, + $datatype: item.FieldType.toLowerCase() } }) } @@ -260,16 +265,16 @@ render() { const { containerId } = this.props - const { dict, tables, selectedTables } = this.state + const { tables, selectedTables } = this.state return ( - <div className="model-table-tablemanage-view"> + <div className="model-tablename-manage-view"> {/* 琛ㄥ悕娣诲姞 */} <div className="ant-col ant-form-item-label"> <label> - <Tooltip placement="topLeft" title={dict['model.tooltip.table.guide']}> - <Icon type="question-circle" /> - {dict['header.menu.table.add']} + <Tooltip placement="topLeft" title="姝ゅ鍙互娣诲姞椤甸潰閰嶇疆鐩稿叧鐨勫父鐢ㄨ〃锛屽彲閫氳繃宸ュ叿鏍忎腑鐨勬坊鍔犳寜閽紝鍙壒閲忔坊鍔犺〃鏍肩浉鍏冲瓧娈点��"> + <QuestionCircleOutlined className="mk-form-tip" /> + 琛ㄥ悕 </Tooltip> </label> </div> @@ -278,17 +283,18 @@ className="tables" style={{ width: '100%' }} optionFilterProp="children" - value={dict['header.menu.table.placeholder']} - onChange={this.onTableChange} + value="璇烽�夋嫨琛ㄥ悕" + onSelect={this.onTableChange} + dropdownClassName="mk-tables" showArrow={false} getPopupContainer={() => containerId ? document.getElementById(containerId) : document.body} filterOption={(input, option) => { - return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 || - option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 + return option.props.children[0].toLowerCase().indexOf(input.toLowerCase()) >= 0 || + option.props.children[2].toLowerCase().indexOf(input.toLowerCase()) >= 0 }} > {tables.map((table, index) => ( - <Option key={index} title={table.TbName} value={table.TbName}>{table.Remark}</Option> + <Option key={index} title={table.TbName} value={table.TbName}>{table.Remark}<br/>{table.TbName}</Option> ))} </Select> {selectedTables.length > 0 && <List @@ -297,8 +303,7 @@ dataSource={selectedTables} renderItem={(item, index) => <List.Item key={index} title={item.Remark + ' (' + item.TbName + ')'}> {item.Remark + ' (' + item.TbName + ')'} - <Icon type="close" onClick={() => this.deleteTable(item)}/> - <div className="bottom-mask"></div> + <CloseOutlined onClick={() => this.deleteTable(item)}/> </List.Item>} />} </div> -- Gitblit v1.8.0