问题修改和接口对接

2022-06-27 18:01:18 +08:00
parent d776adf55c
commit e86e27ed18
9 changed files with 688 additions and 350 deletions
@@ -2,7 +2,7 @@
 import FromListCertification from "@/components/FromListCertification"
 import { Button, Image, Input, NavigationBar, Navigator, Text, Textarea, View } from "@tarojs/components"
 import Taro, { setNavigationBarTitle, useRouter } from "@tarojs/taro"
-import {certificationSaveApi, certificationDetailApi} from "@/api/certification"
+import { certificationSaveApi, certificationDetailApi } from "@/api/certification"
 import { useEffect, useRef, useState } from "react"
 import { alert, retrieval } from "@/common/common"
 import "./index.scss"
@@ -13,19 +13,19 @@ import SelectEnterpriseType from "./components/SelectEnterpriseType"
 import { useSelector } from "@/reducers/hooks";
 import useLogin from "@/use/useLogin";

-export default ()=>{
+export default () => {
  const { getAdminUserInfo } = useLogin();
-	const {adminUserInfo} = useSelector(state => state.userInfo);
-  useEffect(()=>{
+  const { adminUserInfo } = useSelector(state => state.userInfo);
+  useEffect(() => {
    initalFormData();
-  },[]);
+  }, []);
  // 获取认证信息
-  const {fetchData: getFromData} = certificationDetailApi()
-  const initalFormData = async ()=>{
+  const { fetchData: getFromData } = certificationDetailApi()
+  const initalFormData = async () => {
    const detail = await getFromData();
    setFormData({
-      ...detail.data??{},
-      legal_person_identity_url: detail?.data?.legal_person_identity_url??[],
+      ...detail.data ?? {},
+      legal_person_identity_url: detail?.data?.legal_person_identity_url ?? [],
      // business_license_url: "https://test.cdn.zzfzyc.com/mall/827082e888860dd9da10f0fbb0ac3cf023081456.png"
    } as any)
  }
@@ -36,6 +36,7 @@ export default ()=>{
    business_license_url: "",
    legal_person: "",
    legal_person_identity: "",
+    businessLicense: '',
    legal_person_identity_url: [],
    name: ""
  });
@@ -54,48 +55,48 @@ export default ()=>{
    }],
    legal_person_identity: [{
      message: "请输入正确法人身份证",
-      regex: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/      
+      regex: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
    }],
    legal_person_identity_url: [{
      message: "请上传法人身份证",
-      validator: (value:any, rule:any)=>{ 
-        if(!value[0]||!value[1]){
+      validator: (value: any, rule: any) => {
+        if (!value[0] || !value[1]) {
          return true;
        }
        return false;
      }
    }],
  }
-  const {fetchData} = certificationSaveApi()
-  const handleSave = ()=>{
-    retrieval(formData, rules).then(async ()=>{
-      const result = await fetchData({...formData, authentication_type: 2})
-      if(result.success){
+  const { fetchData } = certificationSaveApi()
+  const handleSave = () => {
+    retrieval(formData, rules).then(async () => {
+      const result = await fetchData({ ...formData, authentication_type: 2 })
+      if (result.success) {
        // Taro.eventCenter.trigger("weightList:refresh");
        getAdminUserInfo();
        Taro.navigateBack();
        alert.success("保存成功");
-      }else{
+      } else {
        alert.error(result.msg);
      }
-    }).catch((message)=>{
+    }).catch((message) => {
      alert.none(message)
    })
  }
  // 监听表单完善
  const [hozon, setHozon] = useState(false);
-  useEffect(()=>{
-    if(retrieval){
-      retrieval(formData).then(()=>setHozon(true)).catch(()=>setHozon(false))
+  useEffect(() => {
+    if (retrieval) {
+      retrieval(formData).then(() => setHozon(true)).catch(() => setHozon(false))
    }
-  },[formData])
+  }, [formData])
  // 选择类型弹窗显示 
-  const selectTypeRef= useRef(null)
-  const handleSelectTypeModalShow = ()=>{
+  const selectTypeRef = useRef(null)
+  const handleSelectTypeModalShow = () => {
    (selectTypeRef.current as any).setShow(true)
  }
  // 选择类型确定
-  const handleSelectTypeConfirm = (item)=>{
+  const handleSelectTypeConfirm = (item) => {
    setFormData({
      ...formData,
      authentication_type: item.id,
@@ -103,18 +104,18 @@ export default ()=>{
    });
  }
  // 上传图片
-  const {getWxPhoto} = useUploadCDNImg();
-  const handleUploadImage = async (text: any)=>{
+  const { getWxPhoto } = useUploadCDNImg();
+  const handleUploadImage = async (text: any) => {
    let result = await getWxPhoto('mall');
-    if(text=="business_license_url"){
-      formData.business_license_url = IMG_CND_Prefix+(result as any).url;
-    }else{
-      formData.legal_person_identity_url[text]=IMG_CND_Prefix+(result as any).url as never;
+    if (text == "business_license_url") {
+      formData.business_license_url = IMG_CND_Prefix + (result as any).url;
+    } else {
+      formData.legal_person_identity_url[text] = IMG_CND_Prefix + (result as any).url as never;
    }
-    setFormData({...formData});
+    setFormData({ ...formData });
  }
  // 查看图片
-  const handleViewImage = (event,url)=>{
+  const handleViewImage = (event, url) => {
    event.stopPropagation();
    Taro.previewImage({
      current: url,
@@ -124,71 +125,72 @@ export default ()=>{

  return (
    <View className="certification">
-      {(adminUserInfo as any)?.authentication_status==3&&<Message text={`认证不通过，原因：${(formData as any).authentication_feedback}，请重新认证`}/>}
+      {(adminUserInfo as any)?.authentication_status == 3 && <Message text={`认证不通过，原因：${(formData as any).authentication_feedback}，请重新认证`} />}
      <View className="certification-content">
        <View className="certification-title">企业认证</View>
        {/* <FromListCertification type="select" onClick={handleSelectTypeModalShow} value={(formData as any)?.authentication_type_name} label="认证类型" placeholder="企业认证"/> */}
        <SelectEnterpriseType ref={selectTypeRef} confirm={handleSelectTypeConfirm} />
-        <FromListCertification onInput={(ev:any)=>setFormData({...formData,name:ev.detail.value})} value={formData["name"]} label="企业名称" placeholder="请输入营业执照上的企业名称" required/>
-        <FromListCertification type="select" style={{border: "0"}}label="企业营业执照" placeholder="注册号、统一社会信用代码、组织机构代码" required showIcon={false}/>
-        <View onClick={()=>handleUploadImage("business_license_url")} className="certification-upload">
-          {(formData as any)?.business_license_url?
-          <>
-            <Text>营业执照正面</Text>
-            <View className="certification-button">
-              <View onClick={(e)=>handleViewImage(e,(formData as any)?.business_license_url)}>查看证件</View>
-              <View>重新上传</View>
+        <FromListCertification onInput={(ev: any) => setFormData({ ...formData, name: ev.detail.value })} value={formData["name"]} label="企业名称" placeholder="请输入营业执照上的企业名称" required />
+        {/* <FromListCertification type="select" style={{border: "0"}}label="企业营业执照" placeholder="注册号、统一社会信用代码、组织机构代码" required showIcon={false}/> */}
+        <FromListCertification  onInput={(ev: any) => setFormData({ ...formData, businessLicense: ev.detail.value })} value={formData["businessLicense"]} style={{ border: "0" }} label="企业营业执照" placeholder="注册号、统一社会信用代码、组织机构代码" required  />
+        <View onClick={() => handleUploadImage("business_license_url")} className="certification-upload">
+          {(formData as any)?.business_license_url ?
+            <>
+              <Text>营业执照正面</Text>
+              <View className="certification-button">
+                <View onClick={(e) => handleViewImage(e, (formData as any)?.business_license_url)}>查看证件</View>
+                <View>重新上传</View>
+              </View>
+              <Image mode="aspectFit" src={(formData as any)?.business_license_url} />
+            </> :
+            <View className="certification-upload-no">
+              <View className="certification-upload-no-icon">+</View>
+              <View className="certification-upload-no-tips">上传营业执照正面</View>
            </View>
-            <Image mode="aspectFit" src={(formData as any)?.business_license_url}/>
-          </>:
-          <View className="certification-upload-no">
-            <View className="certification-upload-no-icon">+</View>
-            <View className="certification-upload-no-tips">上传营业执照正面</View>
-          </View>
          }
        </View>
      </View>
      <View className="certification-content">
        <View className="certification-title">法人认证</View>
-        <FromListCertification onInput={(ev:any)=>setFormData({...formData,legal_person:ev.detail.value})} value={formData["legal_person"]} label="法人代表" placeholder="填写法人名称" required/>
-        <FromListCertification style={{border: "0"}} onInput={(ev:any)=>setFormData({...formData,legal_person_identity:ev.detail.value})} value={formData["legal_person_identity"]} label="法人身份" placeholder="填写法人代表身份证号" required/>
-        <View onClick={()=>handleUploadImage(0)} className="certification-upload">
-          {(formData as any)?.legal_person_identity_url[0]?
+        <FromListCertification onInput={(ev: any) => setFormData({ ...formData, legal_person: ev.detail.value })} value={formData["legal_person"]} label="法人代表" placeholder="填写法人名称" required />
+        <FromListCertification style={{ border: "0" }} onInput={(ev: any) => setFormData({ ...formData, legal_person_identity: ev.detail.value })} value={formData["legal_person_identity"]} label="法人身份" placeholder="填写法人代表身份证号" required />
+        <View onClick={() => handleUploadImage(0)} className="certification-upload">
+          {(formData as any)?.legal_person_identity_url[0] ?
            <>
              <Text>营业执照正面</Text>
              <View className="certification-button">
-                <View onClick={(e)=>handleViewImage(e,(formData as any)?.legal_person_identity_url[0])}>查看证件</View>
+                <View onClick={(e) => handleViewImage(e, (formData as any)?.legal_person_identity_url[0])}>查看证件</View>
                <View>重新上传</View>
              </View>
-              <Image mode="aspectFit" src={(formData as any)?.legal_person_identity_url[0]}/>
-            </>:
+              <Image mode="aspectFit" src={(formData as any)?.legal_person_identity_url[0]} />
+            </> :
            <View className="certification-upload-no">
              <View className="certification-upload-no-icon">+</View>
              <View className="certification-upload-no-tips">上传身份证正面</View>
            </View>
          }
        </View>
-        <View onClick={()=>handleUploadImage(1)} className="certification-upload">
-          {(formData as any)?.legal_person_identity_url[1]?
-              <>
-                <Text>营业执照正面</Text>
-                <View className="certification-button">
-                  <View onClick={(e)=>handleViewImage(e,(formData as any)?.legal_person_identity_url[1])}>查看证件</View>
-                  <View>重新上传</View>
-                </View>
-                <Image mode="aspectFit" src={(formData as any)?.legal_person_identity_url[1]}/>
-              </>:
-              <View className="certification-upload-no">
-                <View className="certification-upload-no-icon">+</View>
-                <View className="certification-upload-no-tips">上传身份证正面</View>
+        <View onClick={() => handleUploadImage(1)} className="certification-upload">
+          {(formData as any)?.legal_person_identity_url[1] ?
+            <>
+              <Text>营业执照正面</Text>
+              <View className="certification-button">
+                <View onClick={(e) => handleViewImage(e, (formData as any)?.legal_person_identity_url[1])}>查看证件</View>
+                <View>重新上传</View>
              </View>
-            }
+              <Image mode="aspectFit" src={(formData as any)?.legal_person_identity_url[1]} />
+            </> :
+            <View className="certification-upload-no">
+              <View className="certification-upload-no-icon">+</View>
+              <View className="certification-upload-no-tips">上传身份证正面</View>
+            </View>
+          }
        </View>
      </View>
      <View className="certification-footer">
        <View className="certification-footer-button">
          <Navigator openType="navigateBack">取消</Navigator>
-          <View onClick={handleSave}>{[3,4].includes((adminUserInfo as any)?.authentication_status)?"重新认证":"提交"}</View>
+          <View onClick={handleSave}>{[3, 4].includes((adminUserInfo as any)?.authentication_status) ? "重新认证" : "提交"}</View>
        </View>
      </View>
    </View>