2022-12-09

king

2022-12-09 fa7687e001c0586c21926fab95dcce24e4f71f01

2022-12-09

 src/views/systemproc/index.jsx

@@ -5,22 +5,20 @@
// import Api from '@/api'
// import Utils from '@/utils/utils.js' 
import Header from '../systemfunc/header'
import Proc from './proc'
import './index.scss'

class SSOLogin extends Component {
  UNSAFE_componentWillMount() {
    
  }

class SysProc extends Component {
  render () {
    return (
      <div className="mk-proc-view">
        <ConfigProvider locale={zhCN}>
          <Header key="header"/>
          <Proc />
        </ConfigProvider>
      </div>
    )
  }
}

export default SSOLogin
export default SysProc

 src/views/systemproc/proc/index.jsx

New file
@@ -0,0 +1,77 @@
import React, {Component} from 'react'
import { Input, notification } from 'antd'
import moment from 'moment'

import Utils from '@/utils/utils.js'
import Api from '@/api'
import CodeMirror from '@/templates/zshare/codemirror'
import './index.scss'

const { Search } = Input

class ProcControl extends Component {
  state = {
    procName: '',
    content: null,
    loading: false
  }

  componentDidMount () {
    
  }

  search = (value) => {
    let proc = value.replace(/^(\s*)|(\s*)$/ig, '')

    if (!proc) {
      this.setState({content: '', procName: ''})
      return
    }

    let _param = {
      func: 's_get_userproc',
      LText: proc
    }

    _param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
    _param.secretkey = Utils.encrypt(_param.LText, _param.timestamp)

    this.setState({loading: true})
    
    Api.genericInterface(_param).then(res => {
      if (!res.status) {
        notification.warning({
          top: 92,
          message: res.message,
          duration: 5
        })
        this.setState({content: '', procName: '', loading: false})
        return
      }

      this.setState({content: res.Ltext.replace(/mchr13k/ig, '\n'), procName: proc, loading: false})
    })
  }

  render () {
    const { loading, content } = this.state

    return (
      <div className="mk-proc-wrap">
        <div className="control-wrap">
          <div className="search-wrap">
            <Search placeholder="请输入存储过程名称" disabled={loading} enterButton="确定" onSearch={this.search}/>
          </div>
          <div className="action-wrap">

          </div>
        </div>
        <div className="edit-wrap">
          <CodeMirror value={content} onChange={(val) => this.setState({content: val})}/>
        </div>
      </div>
    )
  }
}

export default ProcControl

 src/views/systemproc/proc/index.scss

New file
@@ -0,0 +1,32 @@
.mk-proc-wrap {
  position: relative;
  padding: 65px 20px 0px;
  
  .control-wrap {
    display: flex;

    .search-wrap {
      width: 300px;

      .ant-btn[disabled] {
        background-color: #1890ff!important;
        border-color: #1890ff!important;
        color: #ffffff!important;
        opacity: 0.5;
      }
    }
  }

  .edit-wrap {
    margin-top: 10px;
    .CodeMirror {
      height: calc(100vh - 130px);
    }
    .anticon-fullscreen {
      display: none;
    }
    .anticon-format-painter {
      top: 10px;
    }
  }
}