rewrite pro dict page
This commit is contained in:
silenceqi
parent
a7e315d573
commit
814405709f
|
|
@ -1,72 +1,156 @@
|
|||
package index_management
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
"strconv"
|
||||
"strings"
|
||||
"time"
|
||||
|
||||
"infini.sh/framework/core/api"
|
||||
httprouter "infini.sh/framework/core/api/router"
|
||||
"infini.sh/framework/core/orm"
|
||||
"infini.sh/framework/core/util"
|
||||
model2 "infini.sh/search-center/model"
|
||||
"net/http"
|
||||
)
|
||||
|
||||
|
||||
type APIHandler struct {
|
||||
api.Handler
|
||||
}
|
||||
|
||||
func (handler APIHandler) GetDictListAction(w http.ResponseWriter, req *http.Request, ps httprouter.Params) {
|
||||
var (
|
||||
fromStr = handler.GetParameterOrDefault(req, "from", "0")
|
||||
sizeStr = handler.GetParameterOrDefault(req, "size", "6")
|
||||
tag = handler.GetParameterOrDefault(req, "tags", "")
|
||||
name = handler.GetParameterOrDefault(req, "name", "")
|
||||
from, _ = strconv.Atoi(fromStr)
|
||||
size, _ = strconv.Atoi(sizeStr)
|
||||
tags = strings.Split(tag, ",")
|
||||
)
|
||||
if len(tags) > 3 {
|
||||
tags = tags[0:3]
|
||||
}
|
||||
rel, err := model2.GetDictList(from, size, name, tags)
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
}
|
||||
resp := map[string]interface{}{
|
||||
"errno": "0",
|
||||
"errmsg": "",
|
||||
"data": rel,
|
||||
}
|
||||
handler.WriteJSON(w, resp, http.StatusOK)
|
||||
}
|
||||
|
||||
func (handler APIHandler)CreateDictItemAction(w http.ResponseWriter, req *http.Request, ps httprouter.Params) {
|
||||
func (handler APIHandler) CreateDictItemAction(w http.ResponseWriter, req *http.Request, ps httprouter.Params) {
|
||||
//id := ps.ByName("id")
|
||||
dict:=model2.Dict{}
|
||||
dict.ID = util.GetUUID()
|
||||
jq, err := handler.GetJSON(req)
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
name, err := jq.String("name")
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
tags, err := jq.ArrayOfStrings("tags")
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
|
||||
err := orm.Save(dict)
|
||||
if err!=nil{
|
||||
content, err := jq.String("content")
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
createdAt := time.Now()
|
||||
|
||||
dict := model2.Dict{
|
||||
ID: util.GetUUID(),
|
||||
Name: name,
|
||||
Tags: tags,
|
||||
Content: []byte(content),
|
||||
CreatedAt: createdAt,
|
||||
UpdatedAt: createdAt,
|
||||
}
|
||||
|
||||
err = orm.Save(dict)
|
||||
if err != nil {
|
||||
panic(err)
|
||||
}
|
||||
handler.WriteJSON(w, map[string]interface{}{
|
||||
"payload": dict,
|
||||
"errno": "0",
|
||||
"errmsg": "",
|
||||
}, http.StatusOK)
|
||||
}
|
||||
|
||||
func (handler APIHandler) DeleteDictItemAction(w http.ResponseWriter, req *http.Request, ps httprouter.Params) {
|
||||
id := ps.ByName("id")
|
||||
dict:=model2.Dict{}
|
||||
dict := model2.Dict{}
|
||||
dict.ID = id
|
||||
|
||||
|
||||
err := orm.Delete(dict)
|
||||
if err!=nil{
|
||||
if err != nil {
|
||||
panic(err)
|
||||
}
|
||||
handler.WriteJSON(w, map[string]interface{}{
|
||||
"errno": "0",
|
||||
"errmsg": "",
|
||||
}, http.StatusOK)
|
||||
}
|
||||
|
||||
func (handler APIHandler) DeleteDictItemAction2(w http.ResponseWriter, req *http.Request, ps httprouter.Params) {
|
||||
|
||||
field:=handler.GetParameterOrDefault(req,"help","help message")
|
||||
fmt.Println(field)
|
||||
|
||||
json,err:=handler.GetJSON(req)
|
||||
if err!=nil{
|
||||
handler.Error(w,err)
|
||||
func (handler APIHandler) UpdateDictItemAction(w http.ResponseWriter, req *http.Request, ps httprouter.Params) {
|
||||
jq, err := handler.GetJSON(req)
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
id, err := jq.String("id")
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
name, err := jq.String("name")
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
tags, err := jq.ArrayOfStrings("tags")
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
|
||||
id,err:=json.String("id")
|
||||
if err!=nil{
|
||||
handler.Error(w,err)
|
||||
content, err := jq.String("content")
|
||||
if err != nil {
|
||||
handler.Error(w, err)
|
||||
return
|
||||
}
|
||||
dict:=model2.Dict{}
|
||||
dict.ID = id
|
||||
updatedAt := time.Now()
|
||||
|
||||
|
||||
err = orm.Delete(dict)
|
||||
if err!=nil{
|
||||
handler.Error(w,err)
|
||||
dict := model2.Dict{
|
||||
ID: id,
|
||||
Name: name,
|
||||
Tags: tags,
|
||||
Content: []byte(content),
|
||||
UpdatedAt: updatedAt,
|
||||
}
|
||||
|
||||
err = orm.Update(dict)
|
||||
if err != nil {
|
||||
panic(err)
|
||||
}
|
||||
handler.WriteJSON(w, map[string]interface{}{
|
||||
"payload": dict,
|
||||
"errno": "0",
|
||||
"errmsg": "",
|
||||
}, http.StatusOK)
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TaskAction handle task creation and return task list which support parameter: `from`, `size` and `host`, eg:
|
||||
//curl -XGET http://127.0.0.1:8001/task?from=100&size=10&host=elasticsearch.cn
|
||||
func (handler APIHandler) TaskAction(w http.ResponseWriter, req *http.Request, ps httprouter.Params) {
|
||||
|
|
@ -91,5 +175,4 @@ func (handler APIHandler) TaskAction(w http.ResponseWriter, req *http.Request, p
|
|||
// handler.Error(w, err)
|
||||
//} else {
|
||||
// handler.WriteJSONListResult(w, total, tasks, http.StatusOK)
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
12
api/init.go
12
api/init.go
|
|
@ -6,11 +6,13 @@ import (
|
|||
"infini.sh/search-center/api/index_management"
|
||||
)
|
||||
|
||||
func Init() {
|
||||
handler:=index_management.APIHandler{}
|
||||
func Init() {
|
||||
handler := index_management.APIHandler{}
|
||||
//ui.HandleUIMethod(api.POST, "/api/get_indices",index_management.API1)
|
||||
ui.HandleUIMethod(api.POST, "/api/dict/_create",handler.CreateDictItemAction)
|
||||
ui.HandleUIMethod(api.GET, "/api/dict/_search", handler.GetDictListAction)
|
||||
ui.HandleUIMethod(api.POST, "/api/dict/_create", handler.CreateDictItemAction)
|
||||
//ui.HandleUIMethod(api.GET, "/api/dict/:id",handler.GetDictItemAction)
|
||||
ui.HandleUIMethod(api.DELETE, "/api/dict/:id",handler.DeleteDictItemAction)
|
||||
ui.HandleUIMethod(api.DELETE, "/api/dict/",handler.DeleteDictItemAction2)
|
||||
ui.HandleUIMethod(api.DELETE, "/api/dict/:id", handler.DeleteDictItemAction)
|
||||
//ui.HandleUIMethod(api.DELETE, "/api/dict/", handler.DeleteDictItemAction2)
|
||||
ui.HandleUIMethod(api.POST, "/api/dict/_update", handler.UpdateDictItemAction)
|
||||
}
|
||||
|
|
|
|||
1
main.go
1
main.go
|
|
@ -3,6 +3,7 @@ package main
|
|||
import (
|
||||
"errors"
|
||||
_ "expvar"
|
||||
|
||||
"infini.sh/framework"
|
||||
"infini.sh/framework/core/env"
|
||||
"infini.sh/framework/core/module"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,69 @@
|
|||
package model
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"strings"
|
||||
"time"
|
||||
|
||||
"infini.sh/framework/core/orm"
|
||||
)
|
||||
|
||||
//Dict model
|
||||
type Dict struct {
|
||||
ID string `json:"id" elastic_meta:"_id"`
|
||||
Url string `json:"title,omitempty"`
|
||||
ID string `json:"id" elastic_meta:"_id"`
|
||||
Name string `json:"name,omitempty" elastic_mapping:"name:{type:text}"`
|
||||
Tags []string `json:"tags" elastic_mapping:"tags:{type:text}"`
|
||||
Content []byte `json:"content" elastic_mapping:"content:{type:binary}"`
|
||||
CreatedAt time.Time `json:"created_at" elastic_mapping:"created_at:{type:date}"`
|
||||
UpdatedAt time.Time `json:"updated_at" elastic_mapping:"updated_at:{type:date}"`
|
||||
}
|
||||
|
||||
func GetDictList(from, size int, name string, tags []string) (orm.Result, error) {
|
||||
//sort := []orm.Sort{}
|
||||
//sort = append(sort, orm.Sort{Field: "created_at", SortType: orm.DESC})
|
||||
var (
|
||||
sort = `[{
|
||||
"created_at": {
|
||||
"order": "desc"
|
||||
}}]`
|
||||
query = `{
|
||||
"bool": {
|
||||
"must": [
|
||||
%s
|
||||
],
|
||||
"should": [
|
||||
%s
|
||||
],
|
||||
"minimum_should_match": %d
|
||||
}
|
||||
}`
|
||||
should = ""
|
||||
must = ""
|
||||
minShould = 0
|
||||
)
|
||||
if name = strings.Trim(name, " "); name != "" {
|
||||
must = fmt.Sprintf(`{"match":{"name": "%s"}}`, name)
|
||||
}
|
||||
for i, tag := range tags {
|
||||
if tag == "" {
|
||||
continue
|
||||
}
|
||||
should += fmt.Sprintf(`{"match":{"tags":"%s"}}`, tag)
|
||||
if i != len(tags)-1 {
|
||||
should += ","
|
||||
}
|
||||
minShould = 1
|
||||
}
|
||||
query = fmt.Sprintf(query, must, should, minShould)
|
||||
rq := fmt.Sprintf(`{"from":%d, "size":%d, "sort": %s, "query": %s}`, from, size, sort, query)
|
||||
//fmt.Println(rq)
|
||||
q := &orm.Query{
|
||||
//From: from,
|
||||
//Size: size,
|
||||
//Sort: &sort,
|
||||
RawQuery: []byte(rq),
|
||||
}
|
||||
//var dictList = []Dict{}
|
||||
err, sr := orm.Search(Dict{}, nil, q)
|
||||
return sr, err
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
package model
|
||||
|
||||
type PageResult struct {
|
||||
Total int `json:"total"`
|
||||
Data interface{} `json:"data"`
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
elasticsearch:
|
||||
- name: default
|
||||
enabled: true
|
||||
endpoint: https://192.168.3.98:9200
|
||||
endpoint: http://localhost:9200
|
||||
index_prefix: infini-
|
||||
basic_auth:
|
||||
username: elastic
|
||||
|
|
|
|||
12
ui.go
12
ui.go
|
|
@ -2,15 +2,15 @@ package main
|
|||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
|
||||
log "github.com/cihub/seelog"
|
||||
"infini.sh/framework/core/api"
|
||||
"infini.sh/framework/core/ui"
|
||||
"infini.sh/framework/core/util"
|
||||
"infini.sh/framework/core/vfs"
|
||||
"infini.sh/search-center/.public"
|
||||
uiapi "infini.sh/search-center/api"
|
||||
"infini.sh/search-center/config"
|
||||
"net/http"
|
||||
)
|
||||
|
||||
type UI struct {
|
||||
|
|
@ -20,22 +20,22 @@ type UI struct {
|
|||
|
||||
func (h UI) InitUI() {
|
||||
|
||||
vfs.RegisterFS(public.StaticFS{StaticFolder: h.config.UILocalPath, TrimLeftPath: h.config.UILocalPath , CheckLocalFirst: h.config.UILocalEnabled, SkipVFS: !h.config.UIVFSEnabled})
|
||||
// vfs.RegisterFS(public.StaticFS{StaticFolder: h.config.UILocalPath, TrimLeftPath: h.config.UILocalPath , CheckLocalFirst: h.config.UILocalEnabled, SkipVFS: !h.config.UIVFSEnabled})
|
||||
|
||||
ui.HandleUI("/", vfs.FileServer(vfs.VFS()))
|
||||
|
||||
uiapi.Init()
|
||||
|
||||
ui.HandleUIFunc("/api/", func(w http.ResponseWriter, req *http.Request) {
|
||||
log.Warn("api: ",req.URL," not implemented")
|
||||
log.Warn("api: ", req.URL, " not implemented")
|
||||
request, err := h.GetRawBody(req)
|
||||
if err != nil {
|
||||
fmt.Println(err)
|
||||
return
|
||||
}
|
||||
|
||||
response:=map[string]interface{}{}
|
||||
response["request"]=string(request)
|
||||
response := map[string]interface{}{}
|
||||
response["request"] = string(request)
|
||||
|
||||
w.Write(util.ToJSONBytes(request))
|
||||
})
|
||||
|
|
|
|||
|
|
@ -67,6 +67,13 @@ export default {
|
|||
// pathRewrite: { '^/server': '' },
|
||||
// },
|
||||
// },
|
||||
proxy: {
|
||||
'/api/': {
|
||||
target: 'http://localhost:2900',
|
||||
changeOrigin: true,
|
||||
// pathRewrite: { '^/server': '' },
|
||||
},
|
||||
},
|
||||
ignoreMomentLocale: true,
|
||||
lessLoaderOptions: {
|
||||
javascriptEnabled: true,
|
||||
|
|
|
|||
|
|
@ -188,7 +188,7 @@ export default [
|
|||
},
|
||||
{
|
||||
path: '/search/dict/professional',
|
||||
component: './SearchManage/dict/Professional',
|
||||
component: './SearchManage/dict/Pro',
|
||||
},
|
||||
{
|
||||
path: '/search/dict/common',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,36 @@
|
|||
import { func } from "prop-types";
|
||||
|
||||
let dictList = [{
|
||||
name: '道路词汇大全',
|
||||
content: '晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总',
|
||||
tags: ['铁路']
|
||||
},{
|
||||
name: '铁路词汇',
|
||||
content: '晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总',
|
||||
tags: ['铁路']
|
||||
},{
|
||||
name: '中国国道省道高速公路名录',
|
||||
content: ''
|
||||
},{
|
||||
name: '民用航空',
|
||||
content: ''
|
||||
},{
|
||||
name: '铁路常用词',
|
||||
content: ''
|
||||
},{
|
||||
name: '铁路词汇',
|
||||
content: ''
|
||||
},{
|
||||
name: '铁路工务',
|
||||
content: ''
|
||||
},];
|
||||
|
||||
|
||||
export default {
|
||||
'post /search/dictlist': function(req, res){
|
||||
res.send(dictList);
|
||||
},
|
||||
// 'post /api/dict/_create': function(req, res){
|
||||
|
||||
// }
|
||||
}
|
||||
|
|
@ -0,0 +1,333 @@
|
|||
import React from 'react';
|
||||
import {Form, Row, Col, Select,Input, Button, Card,List,Avatar, Modal} from 'antd';
|
||||
import Link from 'umi/link';
|
||||
import {connect} from 'dva'
|
||||
import moment from 'moment';
|
||||
|
||||
const {Option} = Select;
|
||||
import styles from './Pro.less';
|
||||
|
||||
|
||||
const UpdateForm = Form.create()(props => {
|
||||
const { handleUpdateModalVisible, handleUpdate,values,form, title} = props;
|
||||
|
||||
const okHandle = () => {
|
||||
form.validateFields((err, fieldsValue) => {
|
||||
if (err) return;
|
||||
form.resetFields();
|
||||
let upVals = Object.assign(values, fieldsValue);
|
||||
handleUpdate(upVals);
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal
|
||||
destroyOnClose
|
||||
title={title}
|
||||
width={640}
|
||||
visible={true}
|
||||
onOk={okHandle}
|
||||
onCancel={() => handleUpdateModalVisible()}
|
||||
>
|
||||
<Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="词典名称">
|
||||
{form.getFieldDecorator('name', {
|
||||
initialValue: values.name,
|
||||
rules: [{ required: true, message: '请输入至少五个字符的名称！' }],
|
||||
})(<Input placeholder="请输入名称" />)}
|
||||
</Form.Item>
|
||||
<Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="词典标签">
|
||||
{form.getFieldDecorator('tags', {
|
||||
initialValue: values.tags,
|
||||
rules: [{ required: false }],
|
||||
})(<Select mode="multiple" style={{width:'100%'}}>
|
||||
<Option value="铁路">铁路</Option>
|
||||
<Option value="客运">客运</Option>
|
||||
<Option value="货运">货运</Option>
|
||||
<Option value="线路">线路</Option>
|
||||
</Select>)}
|
||||
</Form.Item>
|
||||
<Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="内容">
|
||||
{form.getFieldDecorator('content', {
|
||||
initialValue: values.content,
|
||||
rules: [{ required: true }],
|
||||
})(<Input.TextArea
|
||||
style={{ minHeight: 24 }}
|
||||
placeholder="请输入"
|
||||
rows={9}
|
||||
/>)}
|
||||
</Form.Item>
|
||||
</Modal>
|
||||
);
|
||||
});
|
||||
|
||||
@connect(({dict})=>({
|
||||
dict
|
||||
}))
|
||||
@Form.create()
|
||||
class Pro extends React.Component {
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.handleUpdate = this.handleUpdate.bind(this);
|
||||
}
|
||||
state = {
|
||||
updateFormValues: null,
|
||||
currentFormOp: null,
|
||||
data: [],
|
||||
search: {
|
||||
size: 6,
|
||||
name: "",
|
||||
tags: "",
|
||||
pageIndex: 1,
|
||||
}
|
||||
}
|
||||
componentDidMount(){
|
||||
this.fetchData();
|
||||
}
|
||||
|
||||
handleReset = ()=>{
|
||||
const {form} = this.props;
|
||||
form.resetFields();
|
||||
this.setState({
|
||||
search: {
|
||||
size: 6,
|
||||
name: "",
|
||||
tags: "",
|
||||
pageIndex: 1,
|
||||
}
|
||||
},()=>{
|
||||
this.fetchData();
|
||||
});
|
||||
}
|
||||
|
||||
handleSearch = ()=>{
|
||||
const {form} = this.props;
|
||||
let me = this;
|
||||
form.validateFields((err, fieldsValue) => {
|
||||
if (err) return;
|
||||
me.setState({search:{
|
||||
...me.state.search,
|
||||
pageIndex: 1,
|
||||
name: fieldsValue.name,
|
||||
tags: fieldsValue.tags.join(',')
|
||||
}},()=>{
|
||||
me.fetchData();
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
renderForm() {
|
||||
const {
|
||||
form: { getFieldDecorator },
|
||||
} = this.props;
|
||||
const formItemLayout = {
|
||||
labelCol: { span: 10 },
|
||||
wrapperCol: { span: 14 },
|
||||
style: {marginBottom: 0}
|
||||
};
|
||||
return (
|
||||
<Form>
|
||||
<Row gutter={{md:16, sm:8}}>
|
||||
<Col md={10} sm={8}>
|
||||
<Form.Item {...formItemLayout} label="词典标签" >
|
||||
{getFieldDecorator('tags', {
|
||||
// rules: [{ required: true, message: '请选择词典标签' }],
|
||||
})(
|
||||
<Select placeholder="请选择词典标签" mode="multiple">
|
||||
<Option value="铁路">铁路</Option>
|
||||
<Option value="客运">客运</Option>
|
||||
<Option value="货运">货运</Option>
|
||||
<Option value="线路">线路</Option>
|
||||
</Select>
|
||||
)}
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col md={6} sm={8}>
|
||||
<Form.Item {...formItemLayout} label="词典名称">
|
||||
{getFieldDecorator('name')(<Input placeholder="请输入词典名称" />)}
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col md={8} sm={8}>
|
||||
<div style={{paddingTop:4}}>
|
||||
<Button type="primary" onClick={this.handleSearch}>
|
||||
查询
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleReset}>
|
||||
重置
|
||||
</Button>
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</Form>
|
||||
);
|
||||
}
|
||||
handleNewClick = () => {
|
||||
this.setState({
|
||||
currentFormOp: 'NEW',
|
||||
updateFormValues: {},
|
||||
formTitle: '添加词典'
|
||||
})
|
||||
}
|
||||
|
||||
handleDelete = (item) =>{
|
||||
const {dispatch} = this.props;
|
||||
Modal.confirm({
|
||||
title: '删除Pipeline',
|
||||
content: '确定删除该Pipeline吗？',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk: () => {
|
||||
dispatch({
|
||||
type: 'dict/deleteDictItem',
|
||||
payload: {
|
||||
id: item.id,
|
||||
}
|
||||
})
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
handleModifyClick = (item)=>{
|
||||
this.setState({
|
||||
updateFormValues: item,
|
||||
formTitle: '修改词典',
|
||||
currentFormOp: 'UPDATE',
|
||||
})
|
||||
}
|
||||
|
||||
handleUpdate(values){
|
||||
let {currentFormOp, data} = this.state;
|
||||
const {dispatch} = this.props;
|
||||
let me = this;
|
||||
switch(currentFormOp){
|
||||
case "NEW":
|
||||
dispatch({
|
||||
type: 'dict/addDictItem',
|
||||
payload: values,
|
||||
callback: ()=>{
|
||||
me.setState({
|
||||
updateFormValues: null,
|
||||
currentFormOp: null
|
||||
});
|
||||
}
|
||||
});
|
||||
break;
|
||||
case "UPDATE":
|
||||
dispatch({
|
||||
type: 'dict/updateDictItem',
|
||||
payload: values,
|
||||
callback: ()=>{
|
||||
me.setState({
|
||||
updateFormValues: null,
|
||||
currentFormOp: null
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
fetchData = ()=>{
|
||||
const {dispatch} = this.props;
|
||||
let {size, pageIndex} = this.state.search;
|
||||
let me = this;
|
||||
dispatch({
|
||||
type: 'dict/fetchDictList',
|
||||
payload: {
|
||||
from: (pageIndex - 1) * size,
|
||||
...this.state.search
|
||||
},
|
||||
callback: ()=>{
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
handlePageChange = (p)=>{
|
||||
this.setState({
|
||||
search: {
|
||||
...this.state.search,
|
||||
pageIndex: p,
|
||||
}
|
||||
},()=>{
|
||||
this.fetchData();
|
||||
})
|
||||
}
|
||||
|
||||
render(){
|
||||
let data = this.props.dict ? this.props.dict.dictList : [];
|
||||
let total = this.props.dict ? this.props.dict.total: 0;
|
||||
let updateFormValues = this.state.updateFormValues;
|
||||
let size = this.state.search.size;
|
||||
const updateMethods = {
|
||||
handleUpdate: this.handleUpdate,
|
||||
handleUpdateModalVisible: ()=>{
|
||||
this.setState({
|
||||
updateFormValues: null,
|
||||
currentFormOp: null,
|
||||
})
|
||||
}
|
||||
};
|
||||
console.log('render');
|
||||
return (
|
||||
<div>
|
||||
<Card bordered={false} bodyStyle={{paddingBottom:0}} >
|
||||
{this.renderForm()}
|
||||
</Card>
|
||||
<Card title="专业词典"
|
||||
bodyStyle={{padding:0, paddingBottom: 24}}
|
||||
extra={<div><Button type="primary" icon="plus" onClick={this.handleNewClick}>新建</Button></div>}
|
||||
bordered={false}>
|
||||
<List
|
||||
className="dic-list"
|
||||
dataSource={data}
|
||||
pagination={{
|
||||
pageSize: size,
|
||||
total: total,
|
||||
current: this.state.search.pageIndex,
|
||||
onChange: this.handlePageChange
|
||||
}}
|
||||
grid={{
|
||||
gutter: 0,
|
||||
xs: 1,
|
||||
sm: 2,
|
||||
md: 3,
|
||||
lg: 3,
|
||||
xl: 3,
|
||||
xxl: 3,
|
||||
}}
|
||||
renderItem={item => (
|
||||
<List.Item className={styles['list-item']}>
|
||||
<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">{item.name}</Link>
|
||||
</div>
|
||||
<div className={styles.desc}>词条样例：{item.content}
|
||||
</div>
|
||||
<div style={{paddingBottom: 10}}>
|
||||
<span className={styles.datetime}>
|
||||
更新时间： {moment(item.updated_at).format("YYYY-MM-DD HH:mm") }
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
<Button type="primary" htmlType="submit" onClick={()=>this.handleModifyClick(item)}>修改</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={()=>{this.handleDelete(item)}}>删除</Button>
|
||||
</span>
|
||||
</div>
|
||||
</List.Item>
|
||||
)}>
|
||||
|
||||
</List>
|
||||
</Card>
|
||||
{updateFormValues ? (
|
||||
<UpdateForm
|
||||
title={this.state.formTitle}
|
||||
{...updateMethods}
|
||||
values={updateFormValues}
|
||||
/>
|
||||
) : null}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Pro;
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
.list-item{
|
||||
padding: 24px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
|
||||
transition: all 0.3s;
|
||||
padding-top: 24px !important;
|
||||
padding-bottom: 24px !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.list-item:hover { z-index: 1; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; }
|
||||
|
||||
.list-item .desc {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
height: 44px;
|
||||
line-height: 22px;
|
||||
overflow: hidden;
|
||||
margin:5px auto;
|
||||
font-size: 12px;
|
||||
}
|
||||
.list-item .datetime{
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
|
@ -1,606 +0,0 @@
|
|||
import React, { PureComponent, Fragment } from 'react';
|
||||
import { connect } from 'dva';
|
||||
import {
|
||||
Row,
|
||||
Col,
|
||||
Card,
|
||||
Form,
|
||||
Input,
|
||||
Button,
|
||||
Modal,
|
||||
message,
|
||||
Divider,
|
||||
Icon,
|
||||
DatePicker,
|
||||
TimePicker,
|
||||
Select,
|
||||
Popover,
|
||||
Avatar
|
||||
} from 'antd';
|
||||
import Link from 'umi/link';
|
||||
import StandardTable from '@/components/StandardTable';
|
||||
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
|
||||
|
||||
import styles from './Professional.less';
|
||||
|
||||
const FormItem = Form.Item;
|
||||
const { TextArea } = Input;
|
||||
const fieldLabels = {
|
||||
keyword_type: '词典标签'
|
||||
|
||||
};
|
||||
const CreateForm = Form.create()(props => {
|
||||
const { modalVisible, form, handleAdd, handleModalVisible } = props;
|
||||
const okHandle = () => {
|
||||
form.validateFields((err, fieldsValue) => {
|
||||
if (err) return;
|
||||
form.resetFields();
|
||||
handleAdd(fieldsValue);
|
||||
});
|
||||
};
|
||||
return (
|
||||
<Modal
|
||||
destroyOnClose
|
||||
title="新建模板"
|
||||
visible={modalVisible}
|
||||
width={640}
|
||||
onOk={okHandle}
|
||||
onCancel={() => handleModalVisible()}>
|
||||
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="关键词">
|
||||
{form.getFieldDecorator('name', {
|
||||
rules: [{ required: true, message: '请输入至少一个字符的名称！', min: 1 }],
|
||||
})(<Input placeholder="请输入关键词" />)}
|
||||
</FormItem>
|
||||
<Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label='关键词分类'>
|
||||
{form.getFieldDecorator('keyword_type', {
|
||||
rules: [{ required: true, message: '请选择关键词类型' }],
|
||||
})(
|
||||
<Select placeholder="请选择关键词类型">
|
||||
<Option value="keyun">客运</Option>
|
||||
<Option value="huoyun">货运</Option>
|
||||
<Option value="xianlu">线路</Option>
|
||||
</Select>
|
||||
)}
|
||||
</Form.Item>
|
||||
</Modal>
|
||||
);
|
||||
});
|
||||
|
||||
const UpdateForm = Form.create()(props => {
|
||||
const { updateModalVisible, handleUpdateModalVisible, handleUpdate,values,form } = props;
|
||||
|
||||
const okHandle = () => {
|
||||
form.validateFields((err, fieldsValue) => {
|
||||
if (err) return;
|
||||
form.resetFields();
|
||||
handleUpdate(fieldsValue);
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal destroyOnClose title="新增关键词" visible={updateModalVisible} width={640} onOk={okHandle}
|
||||
onCancel={() => handleUpdateModalVisible()}>
|
||||
|
||||
<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="关键词">
|
||||
{form.getFieldDecorator('keyword', {
|
||||
initialValue: values.keyword,
|
||||
rules: [{ required: true, message: '请输入至少一个字符的名称！', min: 1 }],
|
||||
})(<Input placeholder="请输入关键词" />)}
|
||||
</FormItem>
|
||||
|
||||
<Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label={fieldLabels.keyword_type}>
|
||||
{form.getFieldDecorator('keyword_type', {
|
||||
initialValue: values.value,
|
||||
rules: [{ required: true, message: '请选择关键词类型' }],
|
||||
})(
|
||||
<Select placeholder="请选择关键词类型">
|
||||
<Option value="keyun">客运</Option>
|
||||
<Option value="huoyun">货运</Option>
|
||||
<Option value="xianlu">线路</Option>
|
||||
</Select>
|
||||
)}
|
||||
</Form.Item>
|
||||
</Modal>
|
||||
);
|
||||
});
|
||||
|
||||
/* eslint react/no-multi-comp:0 */
|
||||
@connect(({ pipeline, loading }) => ({
|
||||
pipeline,
|
||||
loading: loading.models.pipeline,
|
||||
}))
|
||||
@Form.create()
|
||||
class Professional extends PureComponent {
|
||||
state = {
|
||||
modalVisible: false,
|
||||
updateModalVisible: false,
|
||||
expandForm: false,
|
||||
selectedRows: [],
|
||||
formValues: {},
|
||||
updateFormValues: {},
|
||||
};
|
||||
datasource = `
|
||||
[
|
||||
{
|
||||
"keyword" : "验收标准",
|
||||
"type" : "客运",
|
||||
"value": "keyun"
|
||||
},
|
||||
{
|
||||
"keyword" : "桥梁施工技术规范",
|
||||
"type" : "客运",
|
||||
"value": "keyun"
|
||||
},{
|
||||
"keyword" : "路规",
|
||||
"type" : "客运",
|
||||
"value": "keyun"
|
||||
},{
|
||||
"keyword" : "遂规",
|
||||
"type" : "客运",
|
||||
"value": "keyun"
|
||||
},
|
||||
{
|
||||
"keyword" : "铁路技术管理规则",
|
||||
"type" : "客运",
|
||||
"value": "keyun"
|
||||
},{
|
||||
"keyword" : "行车组织规则",
|
||||
"type" : "客运",
|
||||
"value": "keyun"
|
||||
},
|
||||
{
|
||||
"keyword" : "铁路交通事故调查处理规则",
|
||||
"type" : "客运",
|
||||
"value": "keyun"
|
||||
}]`;
|
||||
|
||||
columns = [
|
||||
{
|
||||
title: '关键词名称',
|
||||
dataIndex: 'keyword',
|
||||
},
|
||||
{
|
||||
title: '关键词分类',
|
||||
dataIndex: 'type',
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
render: (text, record) => (
|
||||
<Fragment>
|
||||
<a onClick={() => this.handleUpdateModalVisible(true, record)}>修改</a>
|
||||
<Divider type="vertical" />
|
||||
<a onClick={() => {
|
||||
this.state.selectedRows.push(record);
|
||||
this.handleDeleteClick();
|
||||
}}>删除</a>
|
||||
</Fragment>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
componentDidMount() {
|
||||
const { dispatch } = this.props;
|
||||
// dispatch({
|
||||
// type: 'pipeline/fetch',
|
||||
// });
|
||||
}
|
||||
|
||||
handleStandardTableChange = (pagination, filtersArg, sorter) => {
|
||||
const { dispatch } = this.props;
|
||||
const { formValues } = this.state;
|
||||
|
||||
const filters = Object.keys(filtersArg).reduce((obj, key) => {
|
||||
const newObj = { ...obj };
|
||||
newObj[key] = getValue(filtersArg[key]);
|
||||
return newObj;
|
||||
}, {});
|
||||
|
||||
const params = {
|
||||
currentPage: pagination.current,
|
||||
pageSize: pagination.pageSize,
|
||||
...formValues,
|
||||
...filters,
|
||||
};
|
||||
if (sorter.field) {
|
||||
params.sorter = `${sorter.field}_${sorter.order}`;
|
||||
}
|
||||
|
||||
dispatch({
|
||||
type: 'pipeline/fetch',
|
||||
payload: params,
|
||||
});
|
||||
};
|
||||
|
||||
handleFormReset = () => {
|
||||
const { form, dispatch } = this.props;
|
||||
form.resetFields();
|
||||
this.setState({
|
||||
formValues: {},
|
||||
});
|
||||
dispatch({
|
||||
type: 'pipeline/fetch',
|
||||
payload: {},
|
||||
});
|
||||
};
|
||||
|
||||
handleDeleteClick = e => {
|
||||
const { dispatch } = this.props;
|
||||
const { selectedRows } = this.state;
|
||||
|
||||
if (!selectedRows) return;
|
||||
dispatch({
|
||||
type: 'pipeline/delete',
|
||||
payload: {
|
||||
key: selectedRows.map(row => row.name),
|
||||
},
|
||||
callback: () => {
|
||||
this.setState({
|
||||
selectedRows: [],
|
||||
});
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
handleSelectRows = rows => {
|
||||
this.setState({
|
||||
selectedRows: rows,
|
||||
});
|
||||
};
|
||||
|
||||
handleSearch = e => {
|
||||
e.preventDefault();
|
||||
|
||||
const { dispatch, form } = this.props;
|
||||
|
||||
form.validateFields((err, fieldsValue) => {
|
||||
if (err) return;
|
||||
|
||||
const values = {
|
||||
...fieldsValue,
|
||||
updatedAt: fieldsValue.updatedAt && fieldsValue.updatedAt.valueOf(),
|
||||
};
|
||||
|
||||
this.setState({
|
||||
formValues: values,
|
||||
});
|
||||
|
||||
dispatch({
|
||||
type: 'rule/fetch',
|
||||
payload: values,
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
handleModalVisible = flag => {
|
||||
this.setState({
|
||||
modalVisible: !!flag,
|
||||
});
|
||||
};
|
||||
|
||||
handleUpdateModalVisible = (flag, record) => {
|
||||
this.setState({
|
||||
updateModalVisible: !!flag,
|
||||
updateFormValues: record || {},
|
||||
});
|
||||
};
|
||||
|
||||
handleAdd = fields => {
|
||||
const { dispatch } = this.props;
|
||||
dispatch({
|
||||
type: 'pipeline/add',
|
||||
payload: {
|
||||
name: fields.name,
|
||||
desc: fields.desc,
|
||||
processors: fields.processors,
|
||||
},
|
||||
});
|
||||
|
||||
message.success('添加成功');
|
||||
this.handleModalVisible();
|
||||
};
|
||||
|
||||
handleUpdate = fields => {
|
||||
const { dispatch } = this.props;
|
||||
dispatch({
|
||||
type: 'pipeline/update',
|
||||
payload: {
|
||||
name: fields.name,
|
||||
desc: fields.desc,
|
||||
processors: fields.processors,
|
||||
},
|
||||
});
|
||||
|
||||
message.success('修改成功');
|
||||
this.handleUpdateModalVisible();
|
||||
};
|
||||
|
||||
renderSimpleForm() {
|
||||
const {
|
||||
form: { getFieldDecorator },
|
||||
} = this.props;
|
||||
return (
|
||||
<Form onSubmit={this.handleSearch} layout="inline">
|
||||
<Row gutter={{ md: 8, lg: 24, xl: 48 }}>
|
||||
<Col lg={6} md={12} sm={24}>
|
||||
<Form.Item label={fieldLabels.keyword_type}>
|
||||
{getFieldDecorator('keyword_type', {
|
||||
rules: [{ required: true, message: '请选择关键词类型' }],
|
||||
})(
|
||||
<Select placeholder="请选择关键词类型">
|
||||
<Option value="keyun">客运</Option>
|
||||
<Option value="huoyun">货运</Option>
|
||||
<Option value="xianlu">线路</Option>
|
||||
</Select>
|
||||
)}
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col md={8} sm={24}>
|
||||
<FormItem label="词典名称">
|
||||
{getFieldDecorator('name')(<Input placeholder="请输入词典名称" />)}
|
||||
</FormItem>
|
||||
</Col>
|
||||
<Col md={8} sm={24}>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
查询
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
重置
|
||||
</Button>
|
||||
</span>
|
||||
</Col>
|
||||
</Row>
|
||||
</Form>
|
||||
);
|
||||
}
|
||||
|
||||
renderForm() {
|
||||
return this.renderSimpleForm();
|
||||
}
|
||||
|
||||
render() {
|
||||
const data = {
|
||||
list: JSON.parse(this.datasource),
|
||||
pagination: {
|
||||
pageSize: 5,
|
||||
},
|
||||
};
|
||||
const { selectedRows, modalVisible, updateModalVisible, updateFormValues } = this.state;
|
||||
const parentMethods = {
|
||||
handleAdd: this.handleAdd,
|
||||
handleModalVisible: this.handleModalVisible,
|
||||
};
|
||||
const updateMethods = {
|
||||
handleUpdateModalVisible: this.handleUpdateModalVisible,
|
||||
handleUpdate: this.handleUpdate,
|
||||
};
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<Card bordered={false}>
|
||||
<div className={styles.tableListForm}>{this.renderForm()}</div>
|
||||
</Card>
|
||||
<Card className={styles.projectList}
|
||||
style={{ marginBottom: 24 }}
|
||||
title="专业词典"
|
||||
bordered={false}
|
||||
extra={<Link to="/">全部词典</Link>}
|
||||
bodyStyle={{ padding: 0 }} >
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">道路词汇大全</Link>
|
||||
</div> }
|
||||
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">中国国道省道高速公路名录</Link>
|
||||
</div> }
|
||||
description="中国国道省道高速公路名录词条样例：京福高速公路、同三高速公路、青银高速公路、日东高速公路、潍莱高速公路、威乌高速公路、济青高速公路、青红高速公路、京珠高速公路、济菏高速公路、沪瑞高速公路、赣粤高速公路、连霍高速公路、丹拉高速公路"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">物流货运专业术语</Link>
|
||||
</div> }
|
||||
description="词条样例：物流、物流活动、物流作业、物流模数、物流技术、物流成本、物流管理、物流中心、物流网络、物流信息、物流企业、物流单证、物流联盟、供应物流、生产物流、销售物流、回收物流、废弃物物流、绿色物流"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">铁路词汇</Link>
|
||||
</div> }
|
||||
description="铁路词汇词条样例：铁路、铁道、铁道部、铁路局、太原铁路局、北京铁路局、车务段、机务段、工务段、供电段、电务段、列车段、车辆段、铁通、车务、机务、工务、供电、电务"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">客运专线铁路</Link>
|
||||
</div> }
|
||||
description="词条样例：验收标准、验标、桥梁施工技术规范、桥规、路规、遂规、铁路技术管理规则、行车组织规则、铁路交通事故调查处理规则、运输组织、铁路安全管理规则、铁路行车操作规则、铁路运用组织规程、区段号、司机号、总重、辆数"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">民用航空</Link>
|
||||
</div> }
|
||||
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">物流术语</Link>
|
||||
</div> }
|
||||
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">民航业词库</Link>
|
||||
</div> }
|
||||
description="词条样例：晨明、作业段、作业标志、左开道岔、左港、遵义南、遵义北、俎上之肉、组合辙叉、阻工、走马岭、纵向间距、纵向轨枕、纵向标线、纵梁桥、纵断面高程、总监代表处、总监办、总概算汇总"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
|
||||
<Card.Grid className={styles.projectGrid} key="1">
|
||||
<Card bodyStyle={{ padding: 0 }} bordered={false}>
|
||||
<Card.Meta
|
||||
title={<div className={styles.cardTitle}>
|
||||
<Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606239682187&di=8dcf007d76393225eea97898cb87401e&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F16%2F78%2F8756af452585a1b.jpg" />
|
||||
<Link to="">港口列表</Link>
|
||||
</div> }
|
||||
description="词条样例：阿比让、阿布扎比、阿德莱德、阿尔及尔、阿卡胡特拉、阿拉木图、阿里卡、阿帕帕、阿什杜德、阿什哈巴特、阿特利斯科、埃德蒙顿、安科纳、安特卫普、敖德萨、奥胡斯、奥克兰、奥兰、巴尔的摩"/>
|
||||
<div className={styles.projectItemContent}>
|
||||
<span className={styles.datetime} title="2020-10-11">
|
||||
更新时间： 2009-12-28 19:34:26
|
||||
</span>
|
||||
</div>
|
||||
<span className={styles.submitButtons}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
修改
|
||||
</Button>
|
||||
<Button style={{ marginLeft: 8 }} onClick={this.handleFormReset}>
|
||||
删除
|
||||
</Button>
|
||||
</span>
|
||||
</Card>
|
||||
</Card.Grid>
|
||||
</Card>
|
||||
</Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default Professional;
|
||||
|
|
@ -1,227 +0,0 @@
|
|||
@import '~antd/lib/style/themes/default.less';
|
||||
@import '~@/utils/utils.less';
|
||||
|
||||
.activitiesList {
|
||||
padding: 0 24px 8px 24px;
|
||||
.username {
|
||||
color: @text-color;
|
||||
}
|
||||
.event {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.pageHeaderContent {
|
||||
display: flex;
|
||||
.avatar {
|
||||
flex: 0 1 72px;
|
||||
margin-bottom: 8px;
|
||||
& > span {
|
||||
border-radius: 72px;
|
||||
display: block;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
margin-left: 24px;
|
||||
flex: 1 1 auto;
|
||||
color: @text-color-secondary;
|
||||
line-height: 22px;
|
||||
.contentTitle {
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
font-weight: 500;
|
||||
color: @heading-color;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.extraContent {
|
||||
.clearfix();
|
||||
float: right;
|
||||
white-space: nowrap;
|
||||
.statItem {
|
||||
padding: 0 32px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
> p:first-child {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-base;
|
||||
line-height: 22px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
> p {
|
||||
color: @heading-color;
|
||||
font-size: 30px;
|
||||
line-height: 38px;
|
||||
margin: 0;
|
||||
> span {
|
||||
color: @text-color-secondary;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
&:after {
|
||||
background-color: @border-color-split;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 0;
|
||||
width: 1px;
|
||||
height: 40px;
|
||||
content: '';
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.members {
|
||||
a {
|
||||
display: block;
|
||||
margin: 12px 0;
|
||||
height: 24px;
|
||||
color: @text-color;
|
||||
transition: all 0.3s;
|
||||
.textOverflow();
|
||||
.member {
|
||||
font-size: @font-size-base;
|
||||
line-height: 24px;
|
||||
vertical-align: top;
|
||||
margin-left: 12px;
|
||||
}
|
||||
&:hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.projectList {
|
||||
:global {
|
||||
.ant-card-meta-description {
|
||||
color: @text-color-secondary;
|
||||
height: 44px;
|
||||
line-height: 22px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.cardTitle {
|
||||
font-size: 0;
|
||||
a {
|
||||
color: @heading-color;
|
||||
margin-left: 12px;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: @font-size-base;
|
||||
&:hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.projectGrid {
|
||||
width: 33.33%;
|
||||
}
|
||||
.projectItemContent {
|
||||
display: flex;
|
||||
margin-top: 8px;
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
.textOverflow();
|
||||
a {
|
||||
color: @text-color-secondary;
|
||||
display: inline-block;
|
||||
flex: 1 1 0;
|
||||
.textOverflow();
|
||||
&:hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
.datetime {
|
||||
color: @disabled-color;
|
||||
flex: 0 0 auto;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datetime {
|
||||
color: @disabled-color;
|
||||
}
|
||||
|
||||
@media screen and (max-width: @screen-xl) and (min-width: @screen-lg) {
|
||||
.activeCard {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.members {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.extraContent {
|
||||
margin-left: -44px;
|
||||
.statItem {
|
||||
padding: 0 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: @screen-lg) {
|
||||
.activeCard {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.members {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.extraContent {
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
.statItem {
|
||||
padding: 0 16px;
|
||||
text-align: left;
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: @screen-md) {
|
||||
.extraContent {
|
||||
margin-left: -16px;
|
||||
}
|
||||
.projectList {
|
||||
.projectGrid {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: @screen-sm) {
|
||||
.pageHeaderContent {
|
||||
display: block;
|
||||
.content {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.extraContent {
|
||||
.statItem {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: @screen-xs) {
|
||||
.projectList {
|
||||
.projectGrid {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,147 @@
|
|||
import { message } from 'antd';
|
||||
import { getDictList, addDict, deleteDict,updateDict } from '@/services/search';
|
||||
|
||||
const utf8 = {
|
||||
encode: function (string) {
|
||||
string = string.replace(/\r\n/g,"\n");
|
||||
var utftext = "";
|
||||
for (var n = 0; n < string.length; n++) {
|
||||
var c = string.charCodeAt(n);
|
||||
if (c < 128) {
|
||||
utftext += String.fromCharCode(c);
|
||||
} else if((c > 127) && (c < 2048)) {
|
||||
utftext += String.fromCharCode((c >> 6) | 192);
|
||||
utftext += String.fromCharCode((c & 63) | 128);
|
||||
} else {
|
||||
utftext += String.fromCharCode((c >> 12) | 224);
|
||||
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
|
||||
utftext += String.fromCharCode((c & 63) | 128);
|
||||
}
|
||||
|
||||
}
|
||||
return utftext;
|
||||
} ,
|
||||
decode: function (utftext) {
|
||||
var string = "";
|
||||
var i = 0;
|
||||
var c1, c2,c3;
|
||||
var c = c1 = c2 = 0;
|
||||
while ( i < utftext.length ) {
|
||||
c = utftext.charCodeAt(i);
|
||||
if (c < 128) {
|
||||
string += String.fromCharCode(c);
|
||||
i++;
|
||||
} else if((c > 191) && (c < 224)) {
|
||||
c2 = utftext.charCodeAt(i+1);
|
||||
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
|
||||
i += 2;
|
||||
} else {
|
||||
c2 = utftext.charCodeAt(i+1);
|
||||
c3 = utftext.charCodeAt(i+2);
|
||||
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
|
||||
i += 3;
|
||||
}
|
||||
}
|
||||
return string;
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
namespace: 'dict',
|
||||
|
||||
state: {
|
||||
},
|
||||
effects: {
|
||||
*fetchDictList({payload, callback}, {call, put}){
|
||||
const resp = yield call(getDictList, payload);
|
||||
if(resp.errno != "0" || !resp.data.Result){
|
||||
return
|
||||
}
|
||||
resp.data.Result = resp.data.Result.map((item)=>{
|
||||
item.content = utf8.decode(atob(item.content))
|
||||
return item;
|
||||
})
|
||||
yield put({
|
||||
type: 'saveData',
|
||||
payload: {
|
||||
dictList: resp.data.Result,
|
||||
total: resp.data.Total,
|
||||
...payload,
|
||||
},
|
||||
});
|
||||
if(callback && typeof callback == 'function'){
|
||||
callback(resp);
|
||||
}
|
||||
//message.loading('数据加载完成', 'initdata');
|
||||
},
|
||||
*addDictItem({payload, callback}, {call, put}){
|
||||
const rel = yield call(addDict, payload);
|
||||
if(rel.errno != "0"){
|
||||
message.warn('添加失败：'+ rel.errmsg)
|
||||
return
|
||||
}
|
||||
rel.payload.content = utf8.decode(atob(rel.payload.content));
|
||||
yield put({
|
||||
type: 'addDict',
|
||||
payload: rel.payload,
|
||||
})
|
||||
if(callback && typeof callback == 'function'){
|
||||
callback(rel);
|
||||
}
|
||||
},
|
||||
*updateDictItem({payload, callback}, {call, put}){
|
||||
const rel = yield call(updateDict, payload);
|
||||
if(rel.errno != "0"){
|
||||
message.warn('修改：'+ rel.errmsg)
|
||||
return
|
||||
}
|
||||
yield put({
|
||||
type: 'updateDict',
|
||||
payload: payload,
|
||||
})
|
||||
if(callback && typeof callback == 'function'){
|
||||
callback(rel);
|
||||
}
|
||||
},
|
||||
*deleteDictItem({payload}, {call, put, select}){
|
||||
let rel = yield call(deleteDict, payload);
|
||||
if(typeof rel !== 'object'){
|
||||
rel = JSON.parse(rel);
|
||||
}
|
||||
if(rel.errno != "0"){
|
||||
message.warn('删除失败：'+ rel.errmsg)
|
||||
return
|
||||
}
|
||||
const state = yield select(state => state.dict)
|
||||
yield put({
|
||||
type: 'fetchDictList',
|
||||
payload: {
|
||||
from: state.from,
|
||||
size: state.size,
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
reducers: {
|
||||
saveData(state, {payload}){
|
||||
return {
|
||||
...state,
|
||||
...payload
|
||||
};
|
||||
},
|
||||
addDict(state, {payload}){
|
||||
let dictList = state.dictList || [];
|
||||
dictList.unshift(payload);
|
||||
state.dictList = dictList;
|
||||
return state;
|
||||
},
|
||||
updateDict(state, {payload}){
|
||||
let cdata = state.dictList;
|
||||
let idx = cdata.findIndex((item)=>{
|
||||
return item.id == payload.id;
|
||||
})
|
||||
idx > -1 && (cdata[idx] = values);
|
||||
return state;
|
||||
}
|
||||
},
|
||||
};
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
import { routerRedux } from 'dva/router';
|
||||
import { message } from 'antd';
|
||||
import { getLogstashConfig, saveLogstashConfig } from '@/services/datamanagement';
|
||||
|
||||
export default {
|
||||
namespace: 'logstash',
|
||||
|
||||
state: {
|
||||
logstash: {
|
||||
jdbc:{},
|
||||
kafka:{},
|
||||
}
|
||||
},
|
||||
effects: {
|
||||
*queryInitialLogstashConfig(_, {call, put}){
|
||||
const istate = yield call(getLogstashConfig);
|
||||
yield put({
|
||||
type: 'initLogstashState',
|
||||
payload: istate,
|
||||
});
|
||||
message.loading('数据加载完成', 'initdata');
|
||||
},
|
||||
*submitLogstashConfig({payload}, {call, put}){
|
||||
console.log(payload);
|
||||
const rel = yield call(saveLogstashConfig, payload);
|
||||
if(rel.message == "Ok") {
|
||||
message.success('提交成功');
|
||||
yield put({
|
||||
type: 'updateState',
|
||||
payload: payload,
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
reducers: {
|
||||
initLogstashState(state, { payload: istate }) {
|
||||
return {
|
||||
logstash: istate
|
||||
}
|
||||
},
|
||||
updateState(state, {payload: newState}){
|
||||
var obj = {
|
||||
...state,
|
||||
logstash: Object.assign(state.logstash, newState),
|
||||
};
|
||||
return obj;
|
||||
},
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
import request from '@/utils/request';
|
||||
|
||||
export async function getDictList(payload){
|
||||
let url = `/api/dict/_search?from=${payload.from}&size=${payload.size}`;
|
||||
payload.name && (url+= `&name=${payload.name}`);
|
||||
payload.tags && (url+=`&tags=${payload.tags}`);
|
||||
return request(url,{
|
||||
method: 'GET',
|
||||
// body: payload,
|
||||
expirys: 0,
|
||||
});
|
||||
}
|
||||
|
||||
export async function addDict(payload){
|
||||
return request('/api/dict/_create',{
|
||||
method: 'POST',
|
||||
body: payload,
|
||||
expirys: 0,
|
||||
});
|
||||
}
|
||||
|
||||
export async function deleteDict(payload){
|
||||
return request(`/api/dict/${payload.id}`,{
|
||||
method: 'DELETE',
|
||||
expirys: 0,
|
||||
});
|
||||
}
|
||||
|
||||
export async function updateDict(payload){
|
||||
return request('/api/dict/_update',{
|
||||
method: 'POST',
|
||||
body: payload,
|
||||
expirys: 0,
|
||||
});
|
||||
}
|
||||
Loading…
Reference in New Issue