@aliedu/app-self-check/es/pages/AppSelfCheck/components/StepThree/index.js

应用自检模块

import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
import _regeneratorRuntime from "@babel/runtime/regenerator";
import React, { useEffect } from 'react';
import styles from './index.module.scss';
import { Upload, Icon } from '@b-design/ui';
import store from '../../store';
import BtnOpera from '../btnOpera'; // import FileViewer from 'react-file-viewer';

function StepThree() {
  var _store$useModel = store.useModel('StepThreeModel'),
      StepThreeModelState = _store$useModel[0],
      StepThreeModelDispatchers = _store$useModel[1];

  var _store$useModel2 = store.useModel('IndexModel'),
      indexState = _store$useModel2[0],
      StepIndexModelDispatchers = _store$useModel2[1];

  console.log(indexState);
  useEffect(function () {
    fetchData();
  }, []);

  function fetchData() {
    return _fetchData.apply(this, arguments);
  } // const fileUrl =
  //   'https://cube-prod.oss-cn-hangzhou.aliyuncs.com/%E5%AE%89%E5%85%A8%E6%B5%8B%E8%AF%95%E6%8A%A5%E5%91%8A-%E6%A8%A1%E6%9D%BF.doc';
  // const showFile = () => {
  //   Dialog.show({
  //     title: '文件预览',
  //     content: (
  //       <div className={styles.fileWidth}>
  //         <FileViewer
  //           fileType="doc" // 文件类型
  //           filePath={fileUrl} // 文件地址
  //         />
  //       </div>
  //     ),
  //     footer: false,
  //   });
  // };


  function _fetchData() {
    _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
      return _regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              _context.next = 2;
              return StepThreeModelDispatchers.initDefaultState();

            case 2:
              _context.t0 = !indexState.backtrack;

              if (!_context.t0) {
                _context.next = 6;
                break;
              }

              _context.next = 6;
              return StepIndexModelDispatchers.searchStep();

            case 6:
            case "end":
              return _context.stop();
          }
        }
      }, _callee);
    }));
    return _fetchData.apply(this, arguments);
  }

  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    className: styles.content
  }, /*#__PURE__*/React.createElement("p", null, "\u7B2C\u4E00\u6B65 : \u4E0B\u8F7D\u6A21\u7248"), /*#__PURE__*/React.createElement("div", {
    className: styles.tempalte
  }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
    className: styles.fileTitle
  }, /*#__PURE__*/React.createElement("p", null, "\u5B89\u5168\u5BA1\u6838\u62A5\u544A\u6A21\u7248.doc")), /*#__PURE__*/React.createElement("div", {
    className: styles.downLoadImg
  }, /*#__PURE__*/React.createElement(Icon, {
    type: "download",
    style: {
      cursor: 'pointer'
    },
    onClick: function onClick(e) {
      e.preventDefault();
      StepThreeModelDispatchers.downloadFile();
    }
  }))), /*#__PURE__*/React.createElement("p", null, "\u7B2C\u4E8C\u6B65 : \u4E0A\u4F20\u62A5\u544A"), /*#__PURE__*/React.createElement("div", {
    className: styles.tempalte
  }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
    className: styles.fileTitle
  }, /*#__PURE__*/React.createElement("p", null, StepThreeModelState.fileTitle), StepThreeModelState.errMessage ? /*#__PURE__*/React.createElement("p", {
    className: styles.errTip
  }, "!!!", StepThreeModelState.errMessage) : /*#__PURE__*/React.createElement("p", null)), /*#__PURE__*/React.createElement("div", {
    className: styles.upLoadImg
  }, !StepThreeModelState.isClickUpload ? /*#__PURE__*/React.createElement(Upload, {
    name: "imgsfile",
    action: "/opt/api/v1/common/file/dingUpload",
    listType: "image",
    limit: 1,
    onSuccess: StepThreeModelDispatchers.successUpload,
    onError: StepThreeModelDispatchers.errorUpload // beforeUpload={this.beforeUpload}
    ,
    useDataURL: true
  }, /*#__PURE__*/React.createElement(Icon, {
    type: "upload",
    style: {
      cursor: 'pointer'
    }
  })) : /*#__PURE__*/React.createElement(Icon, {
    type: "ashbin",
    onClick: StepThreeModelDispatchers.deletFile,
    style: {
      cursor: 'pointer'
    }
  })))), /*#__PURE__*/React.createElement(BtnOpera, {
    nextFun: StepThreeModelDispatchers.commitSafeCheck
  }));
}

export default StepThree;