ydb-components-material 0.1.17 → 0.1.19

package/es/api.js

@@ -0,0 +1,110 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export var post = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, data, config) {
+    var res;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 1;
+          return fetch(url, {
+            method: 'POST',
+            headers: {
+              'Content-Type': config && config['Content-Type'] ? config['Content-Type'] : 'application/json',
+              // 声明发送的数据格式
+              'Authorization': config.token || undefined
+            },
+            body: JSON.stringify(data)
+          }).then(function (response) {
+            return response.json();
+          }).then(function (res) {
+            return res;
+          })["catch"](function (err) {
+            return err;
+          });
+        case 1:
+          res = _context.sent;
+          return _context.abrupt("return", res);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function post(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var get = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url, data, config) {
+    var res;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 1;
+          return fetch(url + "?" + new URLSearchParams(data), {
+            method: 'GET',
+            headers: {
+              'Content-Type': config && config['Content-Type'] ? config['Content-Type'] : 'application/json'
+            }
+          }).then(function (response) {
+            return response.json();
+          }).then(function (res) {
+            return res;
+          })["catch"](function (err) {
+            return err;
+          });
+        case 1:
+          res = _context2.sent;
+          return _context2.abrupt("return", res);
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function get(_x4, _x5, _x6) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+export var createbycategory = function createbycategory(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/createbycategory", params, config);
+};
+
+// 获取电子签批签署页面
+export var contractSignUrl = function contractSignUrl(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/contractSignUrl", params, config);
+};
+
+// 获取电子签批签署页面
+export var signurl = function signurl(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/contract/signurl/v3", params, config);
+};
+
+// 校验签批状态-轮训
+export var checkSignState = function checkSignState(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/checkSignState", params, config);
+};
+
+// 封存电子签批并完成签署
+export var contractFinish = function contractFinish(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/contract/finish", params, config);
+};
+
+// 下载签署文档
+export var documentDownload = function documentDownload(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/documentDownload", params, config);
+};
+export var qrySealApi = function qrySealApi(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/qrySeal", params, config);
+};
+
+// 获取电子签章页面
+export var getSealUrlApi = function getSealUrlApi(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/signWebByDirect", params, config);
+};
+
+// 电子签章-下载文件
+export var signFileDownApi = function signFileDownApi(params, config) {
+  return post("https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/sign/api/fileDownloadBySign", params, config);
+};

package/es/components/file-item/file.js

@@ -0,0 +1,164 @@
+// import apiConfig from '@/config/api.cofig'
+var baseURL = 'http://172.16.132.12:5005';
+// 下载文件
+export function getBlob(url) {
+  return new Promise(function (resolve, reject) {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.responseType = 'blob';
+    xhr.onload = function () {
+      if (xhr.status === 200) {
+        resolve(xhr.response);
+      } else {
+        reject("Request failed with status " + xhr.status);
+      }
+    };
+    xhr.onerror = function () {
+      reject('Request failed');
+    };
+    xhr.send();
+  });
+}
+
+// 上传文件
+export function upload(option) {
+  var xhr = new XMLHttpRequest(); // 定义上传方式
+
+  if (option.onProgress && xhr.upload) {
+    xhr.upload.onprogress = function progress(e) {
+      if (e.total > 0) {
+        e.percent = e.loaded / e.total * 100;
+      }
+      option.onProgress(e); // 上传进度，也是上传成功后回调
+    };
+  }
+  var formData = new FormData();
+  formData.append('file', option.file, option.file.name);
+  if (option.title) {
+    formData.append('title', option.title);
+  }
+  if (option.fileType) {
+    formData.append('fileType', option.fileType);
+  }
+  xhr.onerror = function error(e) {
+    option.onError(e); // 失败返回
+  };
+  xhr.onload = function onload() {
+    if (xhr.status !== 200) {
+      return option.onError(JSON.parse(xhr.response));
+    }
+    option.onSuccess(JSON.parse(xhr.response)); // 成功返回函数
+  };
+  xhr.open('post', option.action, true);
+  if (option.withCredentials && 'withCredentials' in xhr) {
+    xhr.withCredentials = true;
+  }
+  var headers = option.headers || {}; // 定义请求头
+  if (headers['X-Requested-With'] !== null) {
+    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+  }
+  for (var h in headers) {
+    if (headers.hasOwnProperty(h) && headers[h] !== null) {
+      xhr.setRequestHeader(h, headers[h]);
+    }
+  }
+  xhr.send(formData);
+  return {
+    abort: function abort() {
+      xhr.abort();
+    }
+  };
+}
+;
+
+// 获取文件名后缀
+export function getFileExtension(filename) {
+  var match = filename.match(/\.([^.]+)$/);
+  return match ? match[1].toLowerCase() : '';
+}
+
+// base64转换为流文件
+export function dataURLtoBlob(dataUrl) {
+  var arr = dataUrl.split(',');
+  var mime = arr[0].match(/:(.*?);/)[1];
+  var bstr = atob(arr[1]);
+  var n = bstr.length;
+  var u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new Blob([u8arr], {
+    type: mime
+  });
+}
+
+// 上传文件至申报端的服务器 [方法]
+export function uploadFilePromise(url, token) {
+  // const { baseURL } = apiConfig
+  return new Promise(function (resolve, reject) {
+    var formData = new FormData();
+    formData.append('file', url);
+    formData.append('open', true);
+    formData.append('open', 'true');
+    fetch('http://172.16.132.12:5005/declaration/material/file/files/api', {
+      method: 'POST',
+      body: formData,
+      header: {
+        // Authorization: 'rjvntrnggysagvpqhi7qfasqpd2hz736qap5vkikjgni3h3g4a5gcsawoooosvb2523mo5ifltk22vdki2u5q6vd2ceefhy5sk6e2kofxadn354ridcbcypgqgcljs27bhdnviiza7hdnbnwlh6e4yxe45kapm7y3wb6qqod5wysmjirbl6iwtaz3tzve7rdxq6blrfdqygjsfi5iosrwmpiumocr52tufnpcan2hdzydamjvbso2hmbrp32aymb2cahlcv2liswbhpwiqvf72anhnyycoyr3lwfp4xufasn7cbb2sxq'
+      }
+    }).then(function (response) {
+      return response.json();
+    }).then(function (res) {
+      resolve(res);
+      // if (res.fileId) {
+      //   valChange({
+      //     ...res,
+      //     name: fileData.name,
+      //     type: fileData.type
+      //   })
+      //   // Message.notice('上传成功')
+      // } else {
+      //   // Message.error('上传失败，请重试')
+      // }
+    })["catch"](function (err) {
+      return err;
+    });
+    // uni.uploadFile({
+    // 	url: `${baseURL}/declaration/material/file/files/api`,
+    // 	filePath: url,
+    // 	name: 'file',
+    // 	formData: {
+    // 		// #ifdef H5
+    // 		open: true,
+    // 		// #endif
+    // 		// #ifdef MP-WEIXIN
+    // 		open: 'true'
+    // 		// #endif
+    // 	},
+    // 	header: {
+    // 		Authorization: uni.getStorageSync('declarationAppToken')
+    // 	},
+    // 	success: (res) => {
+    // 		if (res.statusCode === 200) {
+    // 			// resolve(JSON.parse(res.data))
+    // 			resolve({
+    // 				status: 'success',
+    // 				message: '上传成功',
+    // 				...JSON.parse(res.data)
+    // 			});
+    // 		} else {
+    // 			resolve({
+    // 				status: 'failed',
+    // 				message: '上传失败'
+    // 			})
+    // 		}
+    // 	},
+    // 	fail: (err) => {
+    // 		resolve({
+    // 			status: 'failed',
+    // 			message: '上传失败'
+    // 		})
+    // 	}
+    // })
+  });
+}

package/es/components/file-item/index.d.ts

@@ -5,16 +5,21 @@ export interface FileItemProps {
      * 标题
      */
     file: string;
+    fileName: string;
+    fileType: string;
     guideImg: string;
     checkImg: string;
     approvalUrl: string;
     signatureUrl: string;
+    token: string;
+    accessToken: string;
     isApproval: boolean;
     isSignature: boolean;
     materialList: any[];
     maxFileSize: number;
     isInValid: boolean;
     isShowLib: boolean;
+    userInfo: any;
     del: () => void;
     valChange: (value: any) => void;
 }

package/es/components/file-item/index.js

@@ -1,4 +1,5 @@
 import _Icon from "@alifd/next/es/icon";
+import _extends from "@babel/runtime/helpers/extends";
 import _Message from "@alifd/next/es/message";
 import _Radio from "@alifd/next/es/radio";
 import React, { useState } from 'react';
@@ -10,6 +11,8 @@ import fileIcon from "./icon/file.svg";
 import warningIcon from "./icon/icon_warning.svg";
 import errorMsgIcon from "./icon/icon_errorMsg.svg";
 import uploadIcon from "./icon/upload.svg";
+import SignPage from "./sign";
+import SealPage from "./seal";
 import "./index.scss";
 var RadioGroup = _Radio.Group;
 var BASE_URL = 'http://172.16.132.12:5005';
@@ -25,6 +28,11 @@ var FileItem = function FileItem(_ref) {
     maxFileSize = _ref.maxFileSize,
     isInValid = _ref.isInValid,
     isShowLib = _ref.isShowLib,
+    userInfo = _ref.userInfo,
+    fileName = _ref.fileName,
+    fileType = _ref.fileType,
+    token = _ref.token,
+    accessToken = _ref.accessToken,
     valChange = _ref.valChange,
     del = _ref.del;
   var _useState = useState(false),
@@ -42,6 +50,12 @@ var FileItem = function FileItem(_ref) {
   var _useState5 = useState(),
     material = _useState5[0],
     setMaterial = _useState5[1];
+  var _useState6 = useState(false),
+    isShowSignPage = _useState6[0],
+    setIsShowSignPage = _useState6[1];
+  var _useState7 = useState(false),
+    isShowSealPage = _useState7[0],
+    setIsShowSealPage = _useState7[1];
   var list = materialList || [{
     name: '图片1',
     value: 1
@@ -86,7 +100,10 @@ var FileItem = function FileItem(_ref) {
       }).then(function (res) {
         document.body.removeChild(inputEl);
         if (res.fileId) {
-          valChange(res);
+          valChange(_extends({}, res, {
+            name: fileData.name,
+            type: fileData.type
+          }));
           _Message.notice('上传成功');
         } else {
           _Message.error('上传失败，请重试');
@@ -96,6 +113,10 @@ var FileItem = function FileItem(_ref) {
       });
     });
   };
+  var getRes = function getRes(val) {
+    console.log('val---', val);
+    valChange(val);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "file_item"
   }, /*#__PURE__*/React.createElement("div", {
@@ -164,10 +185,16 @@ var FileItem = function FileItem(_ref) {
     style: {
       marginTop: '20px'
     }
-  }, approvalUrl && /*#__PURE__*/React.createElement("div", {
-    className: "operation_btn"
-  }, "\u624B\u5199\u5BA1\u6279"), signatureUrl && /*#__PURE__*/React.createElement("div", {
-    className: "operation_btn"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "operation_btn",
+    onClick: function onClick() {
+      return setIsShowSignPage(true);
+    }
+  }, "\u624B\u5199\u5BA1\u6279"), /*#__PURE__*/React.createElement("div", {
+    className: "operation_btn",
+    onClick: function onClick() {
+      return setIsShowSealPage(true);
+    }
   }, "\u7535\u5B50\u7B7E\u7AE0")) :
   // 展示材料库
   isShowLib && /*#__PURE__*/React.createElement("div", {
@@ -243,7 +270,29 @@ var FileItem = function FileItem(_ref) {
     }
   }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement("div", {
     className: "btn ok"
-  }, "\u786E\u5B9A")))));
+  }, "\u786E\u5B9A")))), isShowSignPage && /*#__PURE__*/React.createElement(SignPage, {
+    isShowSignPage: isShowSignPage,
+    userInfo: userInfo,
+    file: {
+      name: fileName,
+      url: file,
+      type: fileType
+    },
+    token: token,
+    getRes: getRes
+  }), isShowSealPage && /*#__PURE__*/React.createElement(SealPage, {
+    isShowSealPage: isShowSealPage,
+    userInfo: userInfo,
+    file: {
+      name: fileName,
+      url: file,
+      type: fileType
+    },
+    token: token
+    // getRes={getRes}
+    ,
+    accessToken: accessToken
+  }));
 };
 FileItem.displayName = 'FileItem';
 export default FileItem;

package/es/components/file-item/seal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SealPage(props: any): JSX.Element;
+export default SealPage;

package/es/components/file-item/seal.js

@@ -0,0 +1,54 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState } from 'react';
+import { initSealPageMethod } from "./sealUtil";
+function SealPage(props) {
+  var isShowSealPage = props.isShowSealPage,
+    userInfo = props.userInfo,
+    file = props.file,
+    token = props.token,
+    accessToken = props.accessToken,
+    getRes = props.getRes;
+  var _useState = useState(''),
+    srcUrl = _useState[0],
+    setSrcUrl = _useState[1];
+  var handleRes = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var res, pageUrl;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            console.log('file', file, userInfo);
+            _context.next = 1;
+            return initSealPageMethod(file, userInfo, token, accessToken);
+          case 1:
+            res = _context.sent;
+            pageUrl = res.pageUrl;
+            setSrcUrl(pageUrl);
+            // console.log(res)
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleRes() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (isShowSealPage) {
+      handleRes();
+    }
+  }, [isShowSealPage, userInfo, file, token, accessToken]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "seal_page"
+  }, /*#__PURE__*/React.createElement("iframe", {
+    src: srcUrl,
+    id: "iframe",
+    frameborder: "0",
+    height: "500px",
+    width: "100%"
+  }));
+}
+export default SealPage;

package/es/components/file-item/sealUtil.js

@@ -0,0 +1,173 @@
+import _Message from "@alifd/next/es/message";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+// import apiConfig from '@/config/api.cofig'
+import { getBlob, upload } from "./file.js";
+import { qrySealApi, getSealUrlApi } from "../../api.js";
+// const userInfo = uni.getStorageSync('userInfo')
+
+// 对外的方法 获取电子签章的页面地址
+export function initSealPageMethod(_x, _x2, _x3, _x4) {
+  return _initSealPageMethod.apply(this, arguments);
+}
+
+// [第1步] 查询当前用户是否有电子签章
+function _initSealPageMethod() {
+  _initSealPageMethod = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileObj, userInfo, token, accessToken) {
+    var name, hasSeal, fileUrl, pageUrl, params;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          name = fileObj.name;
+          console.log('fileObj', fileObj, userInfo);
+          // 【第1步】判断当前用户是否有印章
+          _context.next = 1;
+          return querySeal(userInfo, token);
+        case 1:
+          hasSeal = _context.sent;
+          if (hasSeal) {
+            _context.next = 2;
+            break;
+          }
+          _Message.error('该单位下暂无印章，请前往“山西政务服务网”或“三晋通”小程序申领印章');
+          // return uni.showModal({
+          //   title: '提示',
+          //   content: '该单位下暂无印章，请前往“山西政务服务网”或“三晋通”小程序申领印章',
+          //   confirmText: '知道了',
+          //   showCancel: false,
+          // })
+          return _context.abrupt("return", false);
+        case 2:
+          _context.next = 3;
+          return uploadSealFile(fileObj, token);
+        case 3:
+          fileUrl = _context.sent;
+          if (fileUrl) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 4:
+          _context.next = 5;
+          return getSealUrl(fileUrl, name, token, accessToken);
+        case 5:
+          pageUrl = _context.sent;
+          if (pageUrl) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 6:
+          // 将 电子签章地址/文件名称 返回
+          params = {
+            pageUrl: pageUrl,
+            name: name
+          };
+          return _context.abrupt("return", params);
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _initSealPageMethod.apply(this, arguments);
+}
+function querySeal(userInfo, token) {
+  console.log('querySeal', userInfo);
+  // uni.showLoading({ title: '查询印章中' })
+  var params = {
+    deptCode: userInfo.certificateSno,
+    outUserId: userInfo.legalCertno,
+    userIdType: '2'
+  };
+  return new Promise(function (resolve) {
+    qrySealApi(params, {
+      token: token
+    }).then(function (res) {
+      if (res.data && res.data.length > 0) {
+        resolve(true);
+      } else {
+        resolve(false);
+      }
+      // uni.hideLoading()
+    })["catch"](function (error) {
+      resolve(false);
+      // uni.hideLoading()
+    });
+  });
+}
+
+// [第2步] 上传文件
+function uploadSealFile(_x5, _x6) {
+  return _uploadSealFile.apply(this, arguments);
+} // [第3步] 获取电子印章页面
+function _uploadSealFile() {
+  _uploadSealFile = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileObj, token) {
+    var blob, file;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 1;
+          return getBlob(fileObj.url);
+        case 1:
+          blob = _context2.sent;
+          file = new File([blob], fileObj.name, {
+            type: fileObj.type
+          }); // 上传接口
+          // const { baseURL } = apiConfig;
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            upload({
+              file: file,
+              filename: fileObj.name,
+              // 文件名称
+              headers: {
+                Authorization: token
+              },
+              action: "https://zwfwpt.sxzwfw.gov.cn/DeclarationAPI/declaration/center/signapproval/api/createbyfile",
+              // 上传文件的地址
+              onError: function onError(e) {
+                // uni.$u.toast(e.msg || '上传文件异常');
+                // uni.hideLoading();
+                _Message.error('上传文件异常');
+              },
+              onSuccess: function onSuccess(e) {
+                // uni.hideLoading();
+                console.log('success', e);
+                resolve(e.data);
+              }
+            });
+          }));
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _uploadSealFile.apply(this, arguments);
+}
+function getSealUrl(fileUrl, fileName, token, accessToken) {
+  // uni.showLoading({ title: '获取签章页面中' })
+  // const accessToken = uni.getStorageSync('access_token');
+  var params = {
+    accessToken: accessToken,
+    acctType: '20',
+    docURL: fileUrl,
+    name: fileName
+  };
+  return new Promise(function (resolve) {
+    getSealUrlApi(params, {
+      token: token
+    }).then(function (res) {
+      if (res) {
+        resolve(res);
+        // uni.hideLoading()
+      } else {
+        resolve(false);
+        // uni.hideLoading()
+      }
+    })["catch"](function () {
+      resolve(false);
+      // uni.hideLoading()
+    });
+  });
+}

package/es/components/file-item/sign.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SignPage(props: any): JSX.Element;
+export default SignPage;