美文网首页
antd-国外快递单号查询

antd-国外快递单号查询

作者: Tina任 | 来源:发表于2017-08-02 15:14 被阅读0次

最近有个功能需要嵌入国外快递单号查询功能,冰哥给了我一边文章,然后我根据文章内容嵌入进我的代码里面,一次成功,真开心。代码如下:

1、引入所需js文件

在index.html文件中加入:

<script  type="text/javascript" src="//www.17track.net/externalcall.js"></script>

2、嵌入代码:

const handleSubmit=(e)=>{

       e.preventDefault();

      validateFields((err,values)=>{

            const num=values['name'];//要查询的快递单号

           YQV5.trackSingle({

         //必须,指定承载内容的容器ID。

         YQ_ContainerId:"YQContainer",

          //可选,指定查询结果高度,最大高度为800px,默认撑满容器。

         YQ_Height:400,

         //可选,指定运输商,默认为自动识别。

        YQ_Fc:"0",

       //可选,指定UI语言,默认根据浏览器自动识别。

       YQ_Lang:"en",

      //必须,指定要查询的单号。

      YQ_Num:num

     })

 });

}

2、html代码

<Modal title="添加订单" visible={addOrderModalVisible} onOk={handleSubmit}

onCancel={onCancel} okText="确认" cancelText="取消">

    <Form onSubmit={handleSubmit}>

            <FormItem {...formItemLayout} label={itemList.name} hasFeedback key={index}

             {getFieldDecorator('name', {

                     rules:[{required:required,message:'属性值不能为空',}],

           })(

                 <Input />

           )}

      </FormItem>

</Form>

<div id="YQContainer"></div>

</Modal>

参考文章:https://extcall.17track.net/zh-cn/single。

相关文章

网友评论

      本文标题:antd-国外快递单号查询

      本文链接:https://www.haomeiwen.com/subject/rezelxtx.html