提交apk上传读取版本信息

src/pages/productCenter/mobileConfig/menuconfig/ApkUpload/index.js

 import React, { useEffect, useMemo, useState } from 'react';
 import styles from './index.less';
-import { Form, Table , Input, message, Button, Upload, Tooltip  } from 'antd';
-import { getAppUploadRecords, postAppVersionInfo } from '@/services/mobileConfig/api';
-import { UploadOutlined } from '@ant-design/icons';
+import { Form, Table, Input, message, Button, Upload, Tooltip, Space } from 'antd';
+import {
+  getAppUploadRecords,
+  postAppVersionInfo,
+  getApkVerionInfo,
+} from '@/services/mobileConfig/api';
+import { UploadOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { request } from '@wisdom-utils/utils/es';
 const ApkUpload = props => {
   const [loadding, setLoadding] = useState(false);
@@ -34,31 +38,36 @@ const ApkUpload = props => {
       title: '发版日志',
       dataIndex: 'UploadLog',
       key: 'UploadLog',
-      render: (text, recore, index) => 
-      <Tooltip title= {text}>
-      <div style={{
+      render: (text, recore, index) => (
+        <Tooltip title={text}>
+          <div
+            style={{
               width: '150px',
-          whiteSpace: 'nowrap',        /* 不换行 */
-          overflow: 'hidden',             /* 超出部分隐藏 */
-          textOverflow: 'ellipsis'      /* 显示省略号 */
-        }}>
+              whiteSpace: 'nowrap' /* 不换行 */,
+              overflow: 'hidden' /* 超出部分隐藏 */,
+              textOverflow: 'ellipsis' /* 显示省略号 */,
+            }}
+          >
             {text}
           </div>
         </Tooltip>
+      ),
     },
     {
       title: '下载',
       key: 'DownUrl',
       dataIndex: 'DownUrl',
-      render: (text, record, index) => <UploadOutlined  onClick={()=> window.open(`${window.origin}${text}`, '_self') }/>
+      render: (text, record, index) => (
+        <UploadOutlined onClick={() => window.open(`${window.origin}${text}`, '_self')} />
+      ),
     },
   ];
 
   const [form] = Form.useForm();
-  useEffect(()=>{
+  useEffect(() => {
     getRecords();
     //getAppUploadRecords().then(x=> console.log(x, '上传记录'))
-  }, [])
+  }, []);
   const normFile = e => {
     if (Array.isArray(e)) {
       return e;
@@ -66,12 +75,30 @@ const ApkUpload = props => {
     return e?.fileList;
   };
 
+  const getVerionInfo = filePath => {
+    getApkVerionInfo({
+      apkPath: filePath,
+    })
+      .then(res => {
+        if (res.code === 0) {
+          if (res.data) {
+            form.setFieldsValue({
+              Ver: 'V' + res.data?.versionName,
+            });
+          }
+        }
+      })
+      .catch(err => {
+        console.log(err);
+      });
+  };
+
   const getRecords = async () => {
     const res = await getAppUploadRecords();
-    if(res.code  === 0){
+    if (res.code === 0) {
       setDataSource(res.data || []);
     }
-  }
+  };
 
   const postAPPUploadInfo = async () => {
     await form.validateFields();
@@ -81,32 +108,36 @@ const ApkUpload = props => {
       return;
     }
     setLoadding(true);
-    postAppVersionInfo(formData).then(res=> {
-      if(res.code === 0){
+    postAppVersionInfo(formData)
+      .then(res => {
+        if (res.code === 0) {
           message.success('新版本提交成功!');
           getRecords();
-        form.resetFields()
-      }else{
-        message.error(res.msg)
+          form.resetFields();
+        } else {
+          message.error(res.msg);
         }
-    }).catch(err=>{
-      console.log(err, '提交失败')
+      })
+      .catch(err => {
+        console.log(err, '提交失败');
       });
     setLoadding(false);
   };
   return (
-    <div style={{
+    <div
+      style={{
         display: 'flex',
-      width: '100%'
-    }}>
+        width: '100%',
+      }}
+    >
       <Form
         style={{
-        width: '50%'
+          width: '50%',
         }}
         {...layout}
         initialValues={{
           DownUrl: '',
-        ApkName: '水务掌天下'
+          ApkName: '水务掌天下',
         }}
         form={form}
         name="control-hooks"
@@ -115,9 +146,16 @@ const ApkUpload = props => {
         <Form.Item name="ApkName" label="应用名称" rules={[{ required: true }]}>
           <Input placeholder="请输入应用名称" />
         </Form.Item>
-      <Form.Item name="Ver" label="发布版本号" rules={[{ required: true }]}>
+        <Form.Item label="发布版本号">
+          <Space>
+            <Form.Item name="Ver" noStyle rules={[{ required: true, message: '请输入版本号' }]}>
               <Input placeholder="请输入发布版本号" />
             </Form.Item>
+            <Tooltip title="版本号通过上传Apk获取或者手动填写">
+              <QuestionCircleOutlined />
+            </Tooltip>
+          </Space>
+        </Form.Item>
         <Form.Item name="UploadLog" label="发版说明" rules={[{ required: true }]}>
           <TextArea rows={6} placeholder="请输入发版说明" />
         </Form.Item>
@@ -131,11 +169,14 @@ const ApkUpload = props => {
         >
           <Upload
             maxCount={1}
-          onChange={baseFile => {
+            onChange={async baseFile => {
               const file = baseFile.file;
               let sourcePath = '';
               if (file.status === 'done' && file.response.code === 0) {
-              sourcePath = `/PandaOMS/OMS/FileCenter/DownLoadFiles?filepath=${file.response.data}`;
+                sourcePath = `/PandaOMS/OMS/FileCenter/DownLoadFiles?filepath=${
+                  file.response.data
+                }`;
+                getVerionInfo(file.response.data);
                 message.success('上传成功！');
               } else if (file.status === 'done' && file.response.code !== 0) {
                 message.error('上传失败:' + file.response.msg);
@@ -168,16 +209,15 @@ const ApkUpload = props => {
       </Form>
       <Table
         style={{
-        width: '50%'
+          width: '50%',
         }}
         columns={columns}
         pagination={{
-        pageSize: 10
+          pageSize: 10,
         }}
         dataSource={dataSource}
       />
     </div>
-   
   );
 };
 export default ApkUpload;

src/services/mobileConfig/api.js

@@ -124,3 +124,5 @@ export const upgradeCardVersion = parmas => post(`${PUBLISH_SERVICE}/WebSite/App
 export const postAppVersionInfo = parmas => post(`${PUBLISH_SERVICE}/Mobile/PostAppVersionInfo`, parmas);
 
 export const getAppUploadRecords = parmas => get(`${PUBLISH_SERVICE}/Mobile/GetAppUploadRecords`, parmas);
+
+export const getApkVerionInfo = parmas => get(`${PUBLISH_SERVICE}/FileCenter/GetApkVerionInfo`, parmas);