From 4c775de9de07291b345fd5c975a87230ddedd5ca Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 20 五月 2020 09:27:13 +0800
Subject: [PATCH] 2020-05-20
---
src/templates/sharecomponent/columncomponent/markcolumn/markform/index.jsx | 224 ++-----------------------------------------------------
1 files changed, 11 insertions(+), 213 deletions(-)
diff --git a/src/templates/sharecomponent/columncomponent/markcolumn/markform/index.jsx b/src/templates/sharecomponent/columncomponent/markcolumn/markform/index.jsx
index 84ceeb4..6b9bfbf 100644
--- a/src/templates/sharecomponent/columncomponent/markcolumn/markform/index.jsx
+++ b/src/templates/sharecomponent/columncomponent/markcolumn/markform/index.jsx
@@ -1,8 +1,9 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Select, Button, Input, InputNumber, Radio, Icon, Cascader } from 'antd'
-import './index.scss'
+import { Form, Row, Col, Select, Button, Input, InputNumber, Radio, Icon, Cascader, Tooltip } from 'antd'
+import { minkeColorSystem } from '@/utils/option.js'
+import './index.scss'
class UniqueForm extends Component {
static propTpyes = {
@@ -18,216 +19,7 @@
originField: this.props.card,
signType: 'background',
selectIcon: '',
- options: [
- {
- value: 'DustRed',
- label: '钖勬毊',
- children: [
- { value: 'dust-red-1', label: 'dust-red-1' },
- { value: 'dust-red-2', label: 'dust-red-2' },
- { value: 'dust-red-3', label: 'dust-red-3' },
- { value: 'dust-red-4', label: 'dust-red-4' },
- { value: 'dust-red-5', label: 'dust-red-5' },
- { value: 'dust-red-6', label: 'dust-red-6' },
- { value: 'dust-red-7', label: 'dust-red-7' },
- { value: 'dust-red-8', label: 'dust-red-8' },
- { value: 'dust-red-9', label: 'dust-red-9' },
- { value: 'dust-red-10', label: 'dust-red-10' }
- ]
- },
- {
- value: 'Volcano',
- label: '鐏北',
- children: [
- { value: 'volcano-1', label: 'volcano-1' },
- { value: 'volcano-2', label: 'volcano-2' },
- { value: 'volcano-3', label: 'volcano-3' },
- { value: 'volcano-4', label: 'volcano-4' },
- { value: 'volcano-5', label: 'volcano-5' },
- { value: 'volcano-6', label: 'volcano-6' },
- { value: 'volcano-7', label: 'volcano-7' },
- { value: 'volcano-8', label: 'volcano-8' },
- { value: 'volcano-9', label: 'volcano-9' },
- { value: 'volcano-10', label: 'volcano-10' }
- ],
- },
- {
- value: 'SunsetOrange',
- label: '鏃ユ毊',
- children: [
- { value: 'orange-1', label: 'orange-1' },
- { value: 'orange-2', label: 'orange-2' },
- { value: 'orange-3', label: 'orange-3' },
- { value: 'orange-4', label: 'orange-4' },
- { value: 'orange-5', label: 'orange-5' },
- { value: 'orange-6', label: 'orange-6' },
- { value: 'orange-7', label: 'orange-7' },
- { value: 'orange-8', label: 'orange-8' },
- { value: 'orange-9', label: 'orange-9' },
- { value: 'orange-10', label: 'orange-10' }
- ]
- },
- {
- value: 'CalendulaGold',
- label: '閲戠洀鑺�',
- children: [
- { value: 'gold-1', label: 'gold-1' },
- { value: 'gold-2', label: 'gold-2' },
- { value: 'gold-3', label: 'gold-3' },
- { value: 'gold-4', label: 'gold-4' },
- { value: 'gold-5', label: 'gold-5' },
- { value: 'gold-6', label: 'gold-6' },
- { value: 'gold-7', label: 'gold-7' },
- { value: 'gold-8', label: 'gold-8' },
- { value: 'gold-9', label: 'gold-9' },
- { value: 'gold-10', label: 'gold-10' }
- ]
- },
- {
- value: 'SunriseYellow',
- label: '鏃ュ嚭',
- children: [
- { value: 'yellow-1', label: 'yellow-1' },
- { value: 'yellow-2', label: 'yellow-2' },
- { value: 'yellow-3', label: 'yellow-3' },
- { value: 'yellow-4', label: 'yellow-4' },
- { value: 'yellow-5', label: 'yellow-5' },
- { value: 'yellow-6', label: 'yellow-6' },
- { value: 'yellow-7', label: 'yellow-7' },
- { value: 'yellow-8', label: 'yellow-8' },
- { value: 'yellow-9', label: 'yellow-9' },
- { value: 'yellow-10', label: 'yellow-10' }
- ]
- },
- {
- value: 'Lime',
- label: '闈掓煚',
- children: [
- { value: 'lime-1', label: 'lime-1' },
- { value: 'lime-2', label: 'lime-2' },
- { value: 'lime-3', label: 'lime-3' },
- { value: 'lime-4', label: 'lime-4' },
- { value: 'lime-5', label: 'lime-5' },
- { value: 'lime-6', label: 'lime-6' },
- { value: 'lime-7', label: 'lime-7' },
- { value: 'lime-8', label: 'lime-8' },
- { value: 'lime-9', label: 'lime-9' },
- { value: 'lime-10', label: 'lime-10' }
- ]
- },
- {
- value: 'PolarGreen',
- label: '鏋佸厜缁�',
- children: [
- { value: 'green-1', label: 'green-1' },
- { value: 'green-2', label: 'green-2' },
- { value: 'green-3', label: 'green-3' },
- { value: 'green-4', label: 'green-4' },
- { value: 'green-5', label: 'green-5' },
- { value: 'green-6', label: 'green-6' },
- { value: 'green-7', label: 'green-7' },
- { value: 'green-8', label: 'green-8' },
- { value: 'green-9', label: 'green-9' },
- { value: 'green-10', label: 'green-10' }
- ]
- },
- {
- value: 'Cyan',
- label: '鏄庨潚',
- children: [
- { value: 'cyan-1', label: 'cyan-1' },
- { value: 'cyan-2', label: 'cyan-2' },
- { value: 'cyan-3', label: 'cyan-3' },
- { value: 'cyan-4', label: 'cyan-4' },
- { value: 'cyan-5', label: 'cyan-5' },
- { value: 'cyan-6', label: 'cyan-6' },
- { value: 'cyan-7', label: 'cyan-7' },
- { value: 'cyan-8', label: 'cyan-8' },
- { value: 'cyan-9', label: 'cyan-9' },
- { value: 'cyan-10', label: 'cyan-10' }
- ]
- },
- {
- value: 'DaybreakBlue',
- label: '鎷傛檽钃�',
- children: [
- { value: 'blue-1', label: 'blue-1' },
- { value: 'blue-2', label: 'blue-2' },
- { value: 'blue-3', label: 'blue-3' },
- { value: 'blue-4', label: 'blue-4' },
- { value: 'blue-5', label: 'blue-5' },
- { value: 'blue-6', label: 'blue-6' },
- { value: 'blue-7', label: 'blue-7' },
- { value: 'blue-8', label: 'blue-8' },
- { value: 'blue-9', label: 'blue-9' },
- { value: 'blue-10', label: 'blue-10' }
- ]
- },
- {
- value: 'GeekBlue',
- label: '鏋佸钃�',
- children: [
- { value: 'geekblue-1', label: 'geekblue-1' },
- { value: 'geekblue-2', label: 'geekblue-2' },
- { value: 'geekblue-3', label: 'geekblue-3' },
- { value: 'geekblue-4', label: 'geekblue-4' },
- { value: 'geekblue-5', label: 'geekblue-5' },
- { value: 'geekblue-6', label: 'geekblue-6' },
- { value: 'geekblue-7', label: 'geekblue-7' },
- { value: 'geekblue-8', label: 'geekblue-8' },
- { value: 'geekblue-9', label: 'geekblue-9' },
- { value: 'geekblue-10', label: 'geekblue-10' }
- ]
- },
- {
- value: 'GoldenPurple',
- label: '閰辩传',
- children: [
- { value: 'purple-1', label: 'purple-1' },
- { value: 'purple-2', label: 'purple-2' },
- { value: 'purple-3', label: 'purple-3' },
- { value: 'purple-4', label: 'purple-4' },
- { value: 'purple-5', label: 'purple-5' },
- { value: 'purple-6', label: 'purple-6' },
- { value: 'purple-7', label: 'purple-7' },
- { value: 'purple-8', label: 'purple-8' },
- { value: 'purple-9', label: 'purple-9' },
- { value: 'purple-10', label: 'purple-10' }
- ]
- },
- {
- value: 'Magenta',
- label: '娉曞紡娲嬬孩',
- children: [
- { value: 'magenta-1', label: 'magenta-1' },
- { value: 'magenta-2', label: 'magenta-2' },
- { value: 'magenta-3', label: 'magenta-3' },
- { value: 'magenta-4', label: 'magenta-4' },
- { value: 'magenta-5', label: 'magenta-5' },
- { value: 'magenta-6', label: 'magenta-6' },
- { value: 'magenta-7', label: 'magenta-7' },
- { value: 'magenta-8', label: 'magenta-8' },
- { value: 'magenta-9', label: 'magenta-9' },
- { value: 'magenta-10', label: 'magenta-10' }
- ]
- },
- {
- value: 'Gray',
- label: '涓�ц壊',
- children: [
- { value: 'gray-1', label: 'gray-1' },
- { value: 'gray-2', label: 'gray-2' },
- { value: 'gray-3', label: 'gray-3' },
- { value: 'gray-4', label: 'gray-4' },
- { value: 'gray-5', label: 'gray-5' },
- { value: 'gray-6', label: 'gray-6' },
- { value: 'gray-7', label: 'gray-7' },
- { value: 'gray-8', label: 'gray-8' },
- { value: 'gray-9', label: 'gray-9' },
- { value: 'gray-10', label: 'gray-10' }
- ]
- }
- ]
+ options: minkeColorSystem
}
UNSAFE_componentWillMount() {
@@ -458,7 +250,12 @@
</Form.Item>
</Col> : null}
<Col span={6}>
- <Form.Item label={'鏍囪鏂瑰紡'}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鍗＄墖绫诲瀷锛屽湪鍗＄墖鍥捐〃涓捣鏁�">
+ <Icon type="question-circle" />
+ {'鏍囪'}
+ </Tooltip>
+ }>
{getFieldDecorator('signType', {
initialValue: 'background',
rules: [
@@ -473,6 +270,7 @@
<Select.Option value="background">鍗曞厓鏍硷紙鑳屾櫙锛�</Select.Option>
<Select.Option value="line">琛�</Select.Option>
<Select.Option value="icon">鍥炬爣</Select.Option>
+ <Select.Option value="card">鍗＄墖</Select.Option>
</Select>
)}
</Form.Item>
--
Gitblit v1.8.0