From 46f79b491173d284a4900d19e7aecf7509481438 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 21 一月 2022 17:21:25 +0800
Subject: [PATCH] 2022-01-21
---
src/mob/searchconfig/searchdragelement/card.jsx | 54 ++++++++++++++++++++++++++++--------------------------
1 files changed, 28 insertions(+), 26 deletions(-)
diff --git a/src/mob/searchconfig/searchdragelement/card.jsx b/src/mob/searchconfig/searchdragelement/card.jsx
index b21d66f..df3e2c6 100644
--- a/src/mob/searchconfig/searchdragelement/card.jsx
+++ b/src/mob/searchconfig/searchdragelement/card.jsx
@@ -1,7 +1,7 @@
import React from 'react'
import { useDrag, useDrop } from 'react-dnd'
-import { Icon, Popover, Form } from 'antd'
-// import { Range } from 'antd-mobile'
+import { Popover, Form } from 'antd'
+import { EditOutlined, RightOutlined, CopyOutlined, CloseOutlined } from '@ant-design/icons'
import moment from 'moment'
import asyncComponent from '@/utils/asyncComponent'
@@ -51,7 +51,7 @@
<div className="am-list-line">
{card.labelShow !== 'false' ? <div className="am-input-label">{card.label}</div> : null}
<div className="am-input-control">{card.initval ? moment().subtract(card.initval, 'days').format('YYYY-MM-DD') : '璇烽�夋嫨'}</div>
- <div className="am-list-extra"><Icon type="right" /></div>
+ <div className="am-list-extra"><RightOutlined /></div>
</div>
</div>)
} else if (card.type === 'datemonth') {
@@ -59,28 +59,30 @@
<div className="am-list-line">
{card.labelShow !== 'false' ? <div className="am-input-label">{card.label}</div> : null}
<div className="am-input-control">{card.initval ? moment().subtract(card.initval, 'month').format('YYYY-MM') : '璇烽�夋嫨'}</div>
- <div className="am-list-extra"><Icon type="right" /></div>
+ <div className="am-list-extra"><RightOutlined /></div>
</div>
</div>)
} else if (card.type === 'range') {
- // let value = [(card.minValue || 0), (card.maxValue || 20)]
- if (card.initval) {
- // value = card.initval.split(',')
- // value = [+value[0], +value[1]]
- }
- formItem = <div></div>
- // formItem = (<div className="am-list-item slider">
- // <div className="am-list-line">
- // {card.labelShow !== 'false' ? <div className="am-input-label">{card.label}</div> : null}
- // <div className="am-input-control">
- // <Range
- // min={card.minValue || 0}
- // max={card.maxValue || 20}
- // value={value}
- // />
- // </div>
- // </div>
- // </div>)
+ formItem = (<div className="am-list-item slider">
+ <div className="am-list-line">
+ {card.labelShow !== 'false' ? <div className="am-input-label">{card.label}</div> : null}
+ <div className="am-input-control">
+ <div className="adm-slider">
+ <div className="adm-slider-track-container">
+ <div className="adm-slider-track">
+ <div className="adm-slider-fill" style={{width: '44%', left: '13%'}}></div>
+ <div className="adm-slider-thumb-container" style={{left: '13%', right: 'auto'}}>
+ <div className="adm-slider-thumb"></div>
+ </div>
+ <div className="adm-slider-thumb-container" style={{left: '58%', right: 'auto'}}>
+ <div className="adm-slider-thumb"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>)
// } else if (card.type === 'daterange') {
// let value = '璇烽�夋嫨'
// if (card.initval === 'week') {
@@ -99,7 +101,7 @@
// <div className="am-list-line">
// {card.labelShow !== 'false' ? <div className="am-input-label">{card.label}</div> : null}
// <div className="am-input-control">{value}</div>
- // <div className="am-list-extra"><Icon type="right" /></div>
+ // <div className="am-list-extra"><RightOutlined /></div>
// </div>
// </div>)
} else if (card.type === 'checkcard') {
@@ -116,9 +118,9 @@
return (
<Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={
<div className="mk-popover-control">
- <Icon className="edit" type="edit" onClick={edit} />
- <Icon className="copy" type="copy" onClick={copy} />
- <Icon className="close" type="close" onClick={close} />
+ <EditOutlined className="edit" onClick={edit} />
+ <CopyOutlined className="copy" onClick={copy} />
+ <CloseOutlined className="close" onClick={close} />
</div>
} trigger="hover">
<div className="page-card" style={{ opacity: opacity}}>
--
Gitblit v1.8.0