aldehyde 0.2.97 → 0.2.99

package/src/aldehyde/exportor/export-frame.tsx

@@ -1,220 +1,278 @@
-import React from 'react'
-import {Button,Radio,Divider,InputNumber,Checkbox,Progress} from 'antd';
-import './export-frame.css'
-import Super from "../tmpl/superagent"
-import Units from "../units"
-import {PageInfo, QueryKey} from "../tmpl/interface";
+import React from "react";
+import { Button, Radio, Divider, InputNumber, Checkbox, Progress } from "antd";
+import "./export-frame.css";
+import Super from "../tmpl/superagent";
+import Units from "../units";
+import { PageInfo, QueryKey } from "../tmpl/interface";
+import { LocaleContext } from "../locale/LocaleProvider";
 const RadioGroup = Radio.Group;
-type ExportStatus = 'ready'|'exporting' | 'success'|'fail' |'stop';
-type ExportMode = 'current'|'all';
+type ExportStatus = "ready" | "exporting" | "success" | "fail" | "stop";
+type ExportMode = "current" | "all";
 interface ExportFrameProps {
-    defaultExportMode?:string,
-    serverKey?:string,
-    queryKey: QueryKey;
-    currentPage?:PageInfo;
-    title:string;
+  defaultExportMode?: string;
+  serverKey?: string;
+  queryKey: QueryKey;
+  currentPage?: PageInfo;
+  title: string;
 }
 
 interface ExportFrameStat {
-    interrupted?:boolean,
-    disabledPageNoInput?:boolean,
-    disabledCurrentPageRadio?:boolean,
-    disabledAllPageRadio?:boolean,
-    exportId?:string,
-    startPageNo?:number,
-    endPageNo?:number,
-    exportMode?:string,
-    percent?:number,
-    exportStatus?:string,
-    exportingMsg?:string,
+  interrupted?: boolean;
+  disabledPageNoInput?: boolean;
+  disabledCurrentPageRadio?: boolean;
+  disabledAllPageRadio?: boolean;
+  exportId?: string;
+  startPageNo?: number;
+  endPageNo?: number;
+  exportMode?: string;
+  percent?: number;
+  exportStatus?: string;
+  exportingMsg?: string;
 }
 
+export default class ExportFrame extends React.PureComponent<
+  ExportFrameProps,
+  ExportFrameStat
+> {
+  static defaultProps = {
+    defaultExportMode: "all",
+  };
 
-export default class ExportFrame extends React.PureComponent<ExportFrameProps, ExportFrameStat>{
+  state = {
+    interrupted: false,
+    disabledPageNoInput: false,
+    disabledCurrentPageRadio: false,
+    disabledAllPageRadio: false,
+    exportId: undefined,
+    startPageNo: 1,
+    endPageNo: 10,
+    exportMode: "all",
+    percent: 0,
+    exportStatus: "ready",
+    exportingMsg: "",
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
 
-   static defaultProps={
-        defaultExportMode:'all'
-    }
+  componentWillUnmount() {
+    console.log("销毁");
+  }
 
-    state={
-        interrupted:false,
-        disabledPageNoInput:false,
-        disabledCurrentPageRadio:false,
-        disabledAllPageRadio:false,
-        exportId:undefined,
-        startPageNo:1,
-        endPageNo:10,
-        exportMode:'all',
-        percent:0,
-        exportStatus:'ready',
-        exportingMsg:'',
-    }
+  onChangeRadio = (e) => {
+    this.setState({
+      exportMode: e.target.value,
+      startPageNo: 1,
+      endPageNo: 10,
+    });
+  };
 
-    componentWillUnmount(){
-        console.log("销毁")
+  timerID = undefined;
+  setInerval = (interval) => {
+    if (this.timerID) {
+      clearInterval(this.timerID);
     }
+    this.timerID = interval;
+  };
 
-    onChangeRadio=(e)=>{
-        this.setState({
-            exportMode: e.target.value,
-            startPageNo:1,
-            endPageNo:10,
-        });
-    }
+  handleStart = () => {
+    const { queryKey, currentPage, title, serverKey } = this.props;
+    const { startPageNo, endPageNo, exportMode } = this.state;
 
-    timerID=undefined;
-    setInerval=(interval)=>{
-        if(this.timerID){
-            clearInterval(this.timerID);
-        }
-        this.timerID=interval;
-    }
+    this.setState({
+      exportStatus: "ready",
+    });
 
-    handleStart=()=>{
-        const {queryKey,currentPage,title,serverKey }=this.props
-        const { startPageNo,endPageNo,exportMode }=this.state
+    Super.super({
+      url: `/v3/ltmp/data/exporter`,
+      serverKey,
+      method: "GET",
+      query: {
+        scope: exportMode,
+        withDetail: false,
+        queryKey: queryKey.key,
+        startPageNo: exportMode == "all" ? startPageNo : currentPage.pageNo,
+        endPageNo: exportMode == "all" ? endPageNo : currentPage.pageNo,
+      },
+    }).then((res) => {
+      if (res.exportId) {
+        this.setState({
+          exportId: res.exportId,
+          exportStatus: "exporting",
+        });
+        this.statusOut(res.exportId);
+        this.setInerval(setInterval(() => this.statusOut(res.exportId), 2000));
+      } else {
+        this.setState({
+          exportStatus: "fail",
+        });
+      }
+    });
+  };
+  statusOut = (exportId) => {
+    const { serverKey } = this.props;
+    const { exportStatus } = this.state;
+    Super.super(
+      {
+        url: `/v3/exporter/status`,
+        serverKey,
+        query: {
+          interrupted: exportStatus == "stop",
+          exportId,
+        },
+        method: "GET",
+      },
+      "",
+      "none"
+    ).then((res) => {
+      if (res.status == "error") {
+        clearInterval(this.timerID);
+        console.log(res.statusMsg, this.timerID);
+        this.setState({
+          exportingMsg: res.statusMsg,
+          exportStatus: "stop",
+          percent: 0,
+        });
+      } else if (res.breaked) {
+        clearInterval(this.timerID);
+        this.setState({
+          exportingMsg: "已终止",
+          exportStatus: "stop",
+          percent: 0,
+        });
+      } else {
+        this.setState({
+          exportingMsg: res.statusMsg,
+          percent: Math.floor((res.current / res.totalCount) * 100),
+        });
+      }
 
+      if (exportStatus == "stop") {
+        clearInterval(this.timerID);
+      }
+      if (res.completed === true) {
+        clearInterval(this.timerID);
         this.setState({
-            exportStatus:'ready'
-        })
+          exportStatus: "success",
+          exportingMsg: res.statusMsg,
+          percent: Math.floor((res.current / res.totalCount) * 100),
+        });
+      }
+    });
+  };
+  download = () => {
+    const { title, serverKey } = this.props;
+    const { exportId } = this.state;
+    const hydrocarbonToken = Units.hydrocarbonToken();
+    Units.downloadFile(
+      Units.joinPath(
+        Units.api(serverKey),
+        `/v3/exporter/excel?exportId=${exportId}&@token=${hydrocarbonToken}&@programToken=${Units.programCode(
+          serverKey
+        )}`
+      ),
+      title
+    );
+  };
 
-        Super.super({
-            url:`/v3/ltmp/data/exporter`,
-            serverKey,
-            method:'GET',
-            query:{
-                scope:exportMode,
-                withDetail:false,
-                queryKey:queryKey.key,
-                startPageNo:exportMode=='all'?startPageNo:currentPage.pageNo,
-                endPageNo:exportMode=='all'?endPageNo:currentPage.pageNo,
-            } ,
-		}).then((res)=>{
-			if(res.exportId){
-                this.setState({
-                    exportId:res.exportId,
-                    exportStatus:'exporting'
-                })
-                this.statusOut(res.exportId)
-                this.setInerval(setInterval(
-                    () =>this.statusOut(res.exportId),
-                    2000
-                  ));
-            }else{
-                this.setState({
-                    exportStatus:'fail'
-                })
-            }
-		})
-    }
-    statusOut=(exportId)=>{
-        const {serverKey}=this.props;
-        const {exportStatus}=this.state;
-        Super.super({
-            url:`/v3/exporter/status`,
-            serverKey,
-            query:{
-                interrupted:exportStatus=='stop',
-                exportId
-            }  ,
-            method:'GET',
-		},"","none").then((res)=>{
-		    if(res.status=='error'){
-                clearInterval(this.timerID);
-                console.log(res.statusMsg,this.timerID)
-                this.setState({
-                    exportingMsg:res.statusMsg,
-                    exportStatus:'stop',
-                    percent:0,
-                })
-            } else if(res.breaked){
-                clearInterval(this.timerID);
-                this.setState({
-                    exportingMsg:'已终止',
-                    exportStatus:'stop',
-                    percent:0,
-                })
-            }else{
-                this.setState({
-                    exportingMsg:res.statusMsg,
-                    percent:Math.floor((res.current/res.totalCount)*100),
-                })
-            }
+  handleCancel = () => {
+    this.setState({
+      percent: 0,
+      exportStatus: "stop",
+      exportId: undefined,
+    });
+  };
 
-            if(exportStatus=='stop'){
-                clearInterval(this.timerID);               
-            }
-            if(res.completed===true){
-                clearInterval(this.timerID);
-                this.setState({
-                    exportStatus:'success',
-                    exportingMsg:res.statusMsg,
-                    percent:Math.floor((res.current/res.totalCount)*100),
-                })
-            }
-		})
-    }
-    download=()=>{
-        const {title,serverKey}=this.props;
-        const {exportId}=this.state;
-        const hydrocarbonToken=Units.hydrocarbonToken();
-        Units.downloadFile(Units.joinPath(Units.api(serverKey),`/v3/exporter/excel?exportId=${exportId}&@token=${hydrocarbonToken}&@programToken=${Units.programCode(serverKey)}`),title)
-    }
+  render() {
+    const { defaultExportMode, currentPage } = this.props;
+    const {
+      startPageNo,
+      endPageNo,
+      disabledPageNoInput,
+      exportMode,
+      exportStatus,
+      percent,
+      exportingMsg,
+    } = this.state;
+    const { translate } = this.context;
 
-    handleCancel=()=>{
-        this.setState({
-            percent:0,
-            exportStatus:'stop',
-            exportId:undefined,
-        });
-    }
-   
-    render(){
-        const {defaultExportMode,currentPage}=this.props
-        const { startPageNo,endPageNo,disabledPageNoInput,exportMode,exportStatus,percent,exportingMsg}=this.state
-        return (
-            <div style={{width:'400px'}} className="exportFrame">
-                {currentPage?<><RadioGroup onChange={this.onChangeRadio} value={exportMode} defaultValue={defaultExportMode}>
-                    <Radio value={'current'} disabled={exportStatus=='exporting'} >导出当前页</Radio>
-                    <Radio value={'all'} disabled={exportStatus=='exporting'}>导出所有</Radio>
-                </RadioGroup><Divider /></>:""}
-                {exportMode=='all'?
-                    <div>
-                        页号：
-                        <InputNumber 
-                            min={1}
-                            value={startPageNo}
-                            placeholder="开始页号"
-                            onChange={(v1)=>this.setState({startPageNo: v1})}
-                            disabled={disabledPageNoInput}/>-
-                        <InputNumber 
-                            min={1}
-                            value={endPageNo}
-                            placeholder="结束页号"
-                            onChange={(v2)=>this.setState({endPageNo:v2})}
-                            disabled={disabledPageNoInput}/>
-                        <Divider />
-                    </div>:"" }
-                <div >
-                    {exportStatus=='ready'?
-                        <Button type="primary"   onClick={this.handleStart}>
-                            开始导出
-                        </Button>: exportStatus=='exporting'?<Button  onClick={this.handleCancel}>取消导出</Button>:
-                            <Button   onClick={this.handleStart}>
-                                重新导出
-                            </Button>
-                    }
-                    {exportStatus=='success'?<Button type="primary" style={{marginLeft:10}}
-                                                   disabled={exportStatus!='success'}
-                                                   onClick={this.download}>下载文件
-                    </Button>:''
-                    }
-                    {percent>0?
-                        <Progress percent={percent} size="small" status="active" />:""
-                    }
-                    <p>{exportingMsg}</p>
-                </div>
-            </div>
-        )
-    }
-}
+    return (
+      <div style={{ width: "400px" }} className="exportFrame">
+        {currentPage ? (
+          <>
+            <RadioGroup
+              onChange={this.onChangeRadio}
+              value={exportMode}
+              defaultValue={defaultExportMode}
+            >
+              <Radio value={"current"} disabled={exportStatus == "exporting"}>
+                {translate("${导出当前页}")}
+              </Radio>
+              <Radio value={"all"} disabled={exportStatus == "exporting"}>
+                {translate("${导出所有}")}
+              </Radio>
+            </RadioGroup>
+            <Divider />
+          </>
+        ) : (
+          ""
+        )}
+        {exportMode == "all" ? (
+          <div>
+            {translate("${页号}:")}
+            <InputNumber
+              min={1}
+              value={startPageNo}
+              placeholder={translate("${开始页号}")}
+              onChange={(v1) => this.setState({ startPageNo: v1 })}
+              disabled={disabledPageNoInput}
+            />
+            -
+            <InputNumber
+              min={1}
+              value={endPageNo}
+              placeholder={translate("${结束页号}")}
+              onChange={(v2) => this.setState({ endPageNo: v2 })}
+              disabled={disabledPageNoInput}
+            />
+            <Divider />
+          </div>
+        ) : (
+          ""
+        )}
+        <div>
+          {exportStatus == "ready" ? (
+            <Button type="primary" onClick={this.handleStart}>
+              {translate("${开始导出}")}
+            </Button>
+          ) : exportStatus == "exporting" ? (
+            <Button onClick={this.handleCancel}>
+              {translate("${取消导出}")}
+            </Button>
+          ) : (
+            <Button onClick={this.handleStart}>
+              {translate("${重新导出}")}
+            </Button>
+          )}
+          {exportStatus == "success" ? (
+            <Button
+              type="primary"
+              style={{ marginLeft: 10 }}
+              disabled={exportStatus != "success"}
+              onClick={this.download}
+            >
+              {translate("${下载文件}")}
+            </Button>
+          ) : (
+            ""
+          )}
+          {percent > 0 ? (
+            <Progress percent={percent} size="small" status="active" />
+          ) : (
+            ""
+          )}
+          <p>{exportingMsg}</p>
+        </div>
+      </div>
+    );
+  }
+}